@charset "utf-8";
* {
	margin:0;
	padding:0;
}
img {
	border:none;
}
body {
	font: 12px Arial, Helvetica, sans-serif;
	background: #121d2c;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #121d2c;
}
#container {
	width: 980px;
	background: #efedec url(back.gif) repeat-y scroll 0 0;
	margin: 50px auto;
	text-align: left;
}
#header {
	padding: 74px 0 44px 70px;
}
#born-design {
	position:relative;
	top:3px;
	left:169px;
}
#art-direction {
	position:relative;
	top:3px;
	left:474px;
}
#sidebar {
	float:left;
	width:150px;
	margin:0 80px 0 70px;
	padding:14px 0 0 0;
	background: transparent url(dots.gif) no-repeat 0 0;
}
.nav {
	margin:0 0 0 8px;
	list-style-type:none;
	font-size:16px;
	line-height:40px;
}
.nav a {
	color: #121d2c;
	text-decoration:none
}
.nav a:hover {
	color: #ff23b6;
}
a, .active a {
	color: #ff23b6;
	text-decoration:none
}
.address {
	margin:191px 0 0 8px;
	line-height:18px;
}
#main {
	margin: 0 0 0 220px;
	padding: 0 70px 0 0px;
}
ul {
	float:left;
	list-style-type:none;
}
ul.sec {
	margin-left:80px;
}
.ref {
	clear:both;
	padding: 31px 0 0 0;
	background:transparent url(dots.gif) no-repeat scroll 0 0;
}
.boxleft {
	float:left;
	width:190px;
	text-align:right;
}
.boxleft ul {
	background:transparent url(legend-border.gif) no-repeat scroll 173px -31px;
	height:109px;
	margin:-3px 0 0 0;
	padding:0 30px 0 0;
	text-indent:-30px;
	width:160px;
}
.boxleft li {
	line-height:15px;
	color:#4a5159;
	padding:0 0 10px;
}
.legend-title {
	text-transform: uppercase;
	font-weight:bold;
}
.client {
	padding: 0px 30px 0 0;
	margin:-13px 0 0 0;
}
.boxright {
	float:left;
	width:420px;
}
.screen {
	background-color:#ff23b6;
	width:420px;
	height:260px;
}
h2 {
	color:#ff23b6;
	margin:22px 0 16px 0;
	font-weight:normal;
}
.testimonial {
	line-height:18px;
	margin:-13px 0 0 0;
}
.website {
	color:#ff23b6;
	margin:20px 0 80px 0;
	font-size:13px;
}
.visit {
	margin:0 0 0 20px;
	padding:0 15px 0 0;
	background:transparent url(arrow.gif) no-repeat scroll 40px 3px;
	text-transform:uppercase;
	font-weight: bold;
}
#footer {
	margin: 50px 0 50px 70px; padding: 30px 10px 0 0; height: 50px; background:url(footer_top.gif) top left no-repeat;
}
#footer p {
	margin: 0;
	padding: 0 0 0 8px;
}
.fltrt {
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.clearfloat {
	clear:both;
	height:0;
	font-size:1px;
	line-height:0;
}

/* coming soon */
body.soon .boxleft ul {background:none;}
body.soon .screen {display: table-cell; vertical-align: middle}
body.soon .screen span {color: #fff; font-size: 24px;text-align:center;}