/* CSS Document */

*{margin:0px; padding:0px;}
body {
	background:#0a0d13 url(../img/body_bg.jpg) repeat-x top;
	font-family:Georgia,Arial;
	font-size:62.5%;
	color:#686b6e;
}

img {
	border:none;
}

h5 {
	color:#486c8c;
	font-size:1.3em;
}

a:link, a:visited {
	color:#d5e6fc;
	text-decoration:none;
}

a:hover {
	color:#99ccff;
	text-decoration:underline;
}

p {
	margin-top:12px;
}

#wrapper {
	width:982px; position:relative; margin:0px auto;
}

#header {
	position:relative;
	height:91px;
	width:100%;
}

#header #logo {
	float:left; width:431px; height:91px; margin-left:-90px;
}

#header #nav {
	float:right; width:400px; height:20px; margin:40px 0px 0px 0px; text-align:right;
}

#navlist li
{
	display: inline;
	list-style-type: none;
	padding-right: 30px;
	font-size:140%;
}

#flashbox {
		position:relative;
		width:980px;
		height:260px;
		background:#d5e6fc;
		border:#000 1px solid;
}

#flashbox #left {
	float:left;
	width:258px;
	height:100%;
	position:relative;
	
}
#flashbox #right {
	float:right;
	width:722px;
	height:100%;
	position:relative;
}

#flashbox h1 {
	font-size:18px;
	color:#486c8c;
	padding:25px 15px 10px;
}

#flashbox .description {
	padding:8px 15px;
	font-size:14px;
	line-height:18px;
}

#flashbox .view_site {
	position:absolute;
	bottom:13px;
	left:15px;
	font-size:11px;
}

#flashbox .view_site a {
	color:#486c8c;
}

#content {
	width:100%;
	position:relative;
	background:url(../img/content_top_bg.jpg) repeat-x top;
	padding-top:35px;
}

#content_left {
	width:762px;
	background:url(../img/content_bg.jpg) no-repeat top right;
	float:left;
}

#content_left_clients {
	width:982px;
	background:url(../img/content_bg.jpg) no-repeat top right;
	float:left;
}

#content_right {
	width:220px;
	float:right;
	margin-top:0px;
}

#content_middle {
	width:441px;
	float:left;
	margin-left:4px;
}

#content_long {
	width:763px;
	float:left;
	margin-left:4px;
}

.pop_title {
	font-size:145%;
	font-weight:bold;
	color:#3e62ad;
}

.pop_content {
	font-size:120%;
	color:#000000;
}

#footer_bar {
	position:relative;
	height:1px;
	width:100%;
	background:#486c8c;
	margin-top:24px;
}

#footer {
	width:100%;
	position:relative;
	color:#486c8c;
	font-size:100%;
}

#footer a{
	color:#486c8c;
	text-decoration:none;
	font-size:100%;
}

#footer a:hover {
	text-decoration:underline;
}

#service_box {
	position:relative;
	width:194px;
	height:112px;
	float:left;
	border-left:#202326 1px solid;
	margin:20px 17px 0px 0px;
	padding:10px 6px 0px 18px;
	font-size:1.2em;
	line-height:18px;
}

#service_box_clr {
	position:relative;
	width:200px;
	height:112px;
	float:left;
	border-left:0px;
	margin:20px 17px 0px 0px;
	padding:10px 0px 0px 0px;
	font-size:1.2em;
	line-height:18px;
}

#service_box h3, #service_box_clr h3 {
	color:#486c8c;
}

#latest_work_box {
	position:relative;
	width:200px;
	height:272px;
	background:#1d476b;
	margin-left:10px;
	margin-top:12px;
}

#latest_work_box #cover {
	position:absolute;
	top:17px;
	z-index:9996;
}

#client_box {
	position:relative;
	width:224px;
	height:90px;
	float:left;
	margin:0px 28px 18px 0px;
}

#client_box_end {
	position:relative;
	width:224px;
	height:90px;
	float:left;
	margin:0px 0px 18px 0px;
}

#client_box .title, #client_box_end .title {
	position:absolute;
	bottom:11px;
	left:11px;
	font-size:11px;
}

#client_box .title a {
	color:#FFF;
}

.fl_left {
	float:left;
}

.fl_right {
	float:right;
}

.clr {
	clear:both;
}

.rel {
	position:relative;
}
.break_3 {
	height:3px;
}

.break_8 {
	height:8px;
}

.break_10 {
	height:10px;
}

.break_12 {
	height:12px;
}

.break_16 {
	height:16px;
	position:relative;
}

.main_text {
	font-size:1.1em;
}

.headline_white {
	font-size:2.4em;
	color:#FFFFFF;
}
.headline_white_right {
	font-size:1.6em;
	color:#FFFFFF;
	padding-left:11px;
}

.contact {
	font-size:1.3em;
}