@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: CabourgOTBold;
	src: url('/theme/design/cabourgotbold-webfont.eot');
}

@font-face {
	font-family: CabourgOTBold;
	src: url('/theme/design/cabourgotbold-webfont.ttf');
}

html { margin:0;}
body { margin: 0; background-color:#223144; background-image: url(/images/bg.jpg); background-attachment: fixed; }
.wrapper { margin:auto; width:980px; height:100%;}
.logo { float:left;width:235px; height:145px;}
a { text-decoration:none; border:none;}
img { border:none;}


.menu { float:left;	 height:145px; }
.menu ul { 
	float:left;
	display:block;
	margin-top:55px;
	border: solid 2px #FFF;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px; 
	background: -webkit-gradient(linear, left top, left bottom, from(#ded50c), to(#d1ab00));
	background: -moz-linear-gradient(top, #ded50c, #d1ab00);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ded50c', endColorstr='#d1ab00');
	margin-left: 0px; 
	padding-left:0px;
}
.menu ul li { 
	list-style:none; 
	float:left;
	line-height: 36px;
	height: 35px;
	background-color: #ded50c;
}

.menu ul li a { 
	font-family: CabourgOTBold, Arial, Helvetica ;
	font-size:16px;
	color:#233044;
	text-decoration:none; 
	height: 32px;
	padding-left: 12px; 
	padding-right: 12px; 
	padding-top: 10px; 
	padding-bottom: 8px;
	border-left: solid 2px #FFF;
}
.menu ul li:hover {
	background-color: #CCC;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#CCC));
	background: -moz-linear-gradient(top, #CCC, #FFF);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#CCCCCC');
}
.menu ul li a:hover {
	background-color: #CCC;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#CCC));
	background: -moz-linear-gradient(top, #CCC, #FFF);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#CCCCCC');
}
.menu ul .active{
	background-color: #CCC;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#CCC));
	background: -moz-linear-gradient(top, #CCC, #FFF);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#CCCCCC');
}
		
.header { float:left; width: 980px; height: 220px; background-image: url(../../images/headers/home-page.jpg); background-repeat: no-repeat; 	border-radius: 10px !important;
	-moz-border-radius: 10px !important;
}
.action_calls { float:left; width: 980px; height: 220px;}
.action_calls_mini { float:left; width: 980px; height: 30px;}
.headers { 
	float: left; 
	width: 240px; 
	height: 160px; 
	background-color: #dfd420; 
	margin-right: 6px;
	margin-top: 20px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	-moz-border-radius-topright: 20px;
	-moz-border-radius-topleft: 20px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	-moz-border-radius-bottomleft: 20px;

}

.header img {	
	border-radius: 10px !important;
	-moz-border-radius: 10px !important;
}

.latest_projects {
	width: 230px; 
	height: 45px; 
	background-color: #2a3951;
	margin-top: 7px;
	margin-left: 5px;
	margin-right: 5px;
	border-radius: 10px;
	-moz-border-radius: 10px;
}
.latest_projects img {
	margin-left: 7px;
	float: left;
}
.latest_projects span { 
	float: left; 
	font-family: CabourgOTBold, Arial, Helvetica; 
	color: #FFF; 
	font-size: 20px; 
	font-weight: bold; 
	border-radius: 2px;
	-moz-border-radius: 2px;
	line-height: 220%;
}
.headers .project1 { float:left; width:100px; height:95px; margin-left: 10px; margin-top: 5px;}
.headers .project2 { float:left; width:100px; height:95px; margin-left: 10px; margin-top: 5px;}
.project_links {}

.headers .click { display:block; font-family:CabourgOTBold, Arial, Helvetica, sans-serif; font-size:20px; color: #2a3951; margin-top: 19px; width: 240px; text-align: center; }

.get_quote {
	width: 230px; 
	height: 45px; 
	background-color: #2a3951;
	margin-top: 7px;
	margin-left: 5px;
	margin-right: 7px;
	border-radius: 10px;
	-moz-border-radius: 10px;
}
.get_quote img {
	float:left;
	margin-left: 7px;
}
.get_quote span { 
	float: left; 
	width: 175px;
	font-family: CabourgOTBold, Arial, Helvetica; 
	color:#FFF; 
	font-size:20px; 
	font-weight: bold; 
	border-radius: 7px;
	-moz-border-radius: 7px;
	line-height: 220%;
}

.click a{
	text-decoration: none;
	color: #233044;
}

.client_support {
	width: 230px; 
	height: 45px; 
	background-color: #2a3951;
	margin-top: 7px;
	margin-left: 5px;
	margin-right: 5px;
	border-radius: 10px;
	-moz-border-radius: 10px;
}
.client_support img {
	float:left;
	margin-left: 7px;
}
.client_support span {
	float: left; 
	font-family: CabourgOTBold, Arial, Helvetica; 
	color:#FFF; 
	line-height: 220%;
	font-size:20px; 
	font-weight: bold; 
	border-radius: 7px;
	-moz-border-radius: 7px;
}
.login { margin-left: 2px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight: bold; color: #2a3951;}
.login form { margin:0;}
.login label { float:left; margin-left:5px; margin-top:12px;}
.login input { float:right; margin-right: 5px; margin-top:7px; width: 150px;}
.login .submit {}

.social_links { 
	float: left; 
	width: 240px; 
	min-height: 160px; 
	background-color: #dfd420; 
	margin-right: 0px;
	margin-top: 20px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	-moz-border-radius-topright: 20px;
	-moz-border-radius-topleft: 20px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	-moz-border-radius-bottomleft: 20px;
}

.social_links_right { 
	float: right; 
	width: 230px; 
	min-height: 210px;
	margin: 20px 0px 0px 15px; 
	background-color: #dfd420; 
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	-moz-border-radius-topright: 20px;
	-moz-border-radius-topleft: 20px;
	font-size:12px;
	color:#233044;
}

.social_links_right p { padding:0px 5px 5px 5px;}

.chat_right { 
	float: right; 
	width: 230px; 
	height: 160px;
	margin-top: 20px; 
	background-color: #dfd420; 
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	-moz-border-radius-bottomleft: 20px;
}

.chat_pages{ margin-top: 19px; width: 230px; text-align: center; }

social_links_right_box {}

.links {
	height: 40px; 
	background-color: #dfd420;
	margin-top: 7px;
	margin-left: 5px;
	margin-right: 5px;
	border-radius: 10px;
	-moz-border-radius: 10px;
}
.links img {
	float:left;
	margin-left:10px;

}
.links span {
	float: left; 
	font-family: CabourgOTBold, Arial, Helvetica;
	background-color: #2a3951;
	height: 45px;
	width: 220px;
	line-height:45px;
	color:#FFF; 
	font-size:20px; 
	font-weight: bold; 
	border-radius: 10px;
	-moz-border-radius: 10px;
}
.social_pages { 
	float:left;
	width: 225px;
	margin-top: 10px;
	margin-left:4px;
}
.social_pages span {
	float:left;
	font-family: CabourgOTBold, Arial, Helvetica; 
	font-weight: bold;
	color:#2a3951; 
	background-color: #dfd420;
	font-size:20px;
	margin-top: 10px;
	margin-left: 25px;
}
.links .social_pages img { margin-left: 5px;}
.links .social_pages a { text-decoration: none; border: 0;}

.call_us span { color:#dfd420;}
.call_back_request { 
	float:left; 
	width: 200px; 
	margin-top: 20px; 
	margin-left: 20px; 
	padding-right: 10px; 
	padding-left: 20px; 
	height:30px; 
	background-color: #233044; 
	line-height: 30px;
	font-family: CabourgOTBold, Arial, Helvetica, sans-serif;
	font-size: 16pt;
	color:#dfd420;}
.call_us {
	background-color:#233044;
	color:#FFFFFF;
	float:left;
	font-family:CabourgOTBold,Arial,Helvetica,sans-serif;
	font-size:15pt;
	height:30px;
	line-height:30px;
	margin-top:20px;
	padding-left:20px;
	padding-right:20px;
	width:690px;
}
.main { float:left; min-height: 400px;}
.large{ width: 980px !important; padding-left: 0px !important; padding-right: 0px !important; padding-right: 0px !important; padding-top: 0px !important; }
.content { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	float:left; 
	width: 690px;
	min-height: 600px;
	background-color: #e7eaef; 
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	-moz-border-radius-bottomleft: 20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	margin-top: 30px;
	color:#233044;
}
.full{ width: 940px; }
.content a {text-decoration: none;}
.content img { 
	margin-left: 20px; 
	margin-top: 50px; 
	border-radius: 10px; 
	-webkit-border-radius: 10px;
}

.content p { font-size:12px;}
.content h1 { font-family: CabourgOTBold, Arial, Helvetica ; color:#233044;}
.content h2 { font-family: CabourgOTBold, Arial, Helvetica ; color:#233044;}
.content h3 { font-family: CabourgOTBold, Arial, Helvetica ; color:#233044;}
.content h4 { font-family: CabourgOTBold, Arial, Helvetica ; color:#233044;}
.content table { width:600px; margin:auto; text-align:center; border-style:none !important; border:1px #999999 dashed !important; background-color:#dfd420; }
.content .whoweare table { background-color:none;}
.content table .head { font-size:16pt; font-weight:bold; background-color:#233044; color:#CCC; height:30px;}
.content table tr	{ height:20px; background-color:#dfd420; border:none !important;}
.content table td	{ border:none !important; padding:7px; margin:0; width:200px;}
.content table .hover:hover { background: #CCC;}
.content form p {margin:0; margin-top: 10px; padding: 0;}
.content form { 
	width: 300px;
	height: 700px;
	float: left;
	margin-left: 20px; 
	margin-bottom: 20px; 
	margin-top: 10px;
	background-color: #dfd420;
	padding-top: 10px;
	padding-bottom: 10px;
	font-family: CabourgOTBold, Arial, Helvetica, sans-serif;
	border-radius:30px;
	-moz-border-radius: 30px;
	}
.content form label { 
	float:left; 
	width: 100px; 
	padding-right: 0px;
	font-size: 16pt;
	text-align:right; 
	margin-left: 10px;
	margin-right: 10px;
	color: #233044;
	border-radius: 4px;
	-moz-border-radius: 4px;
	}
.content form p .prefer {margin-top: 80px;}
.content input { width: 150px; border: 1px solid #000;}
.content ul li { font-size:12px;}

.content .checkbox { width: 15px; float:left; border: none !important;}
.content textarea { width: 150px; height:200px; max-height:200px; min-height:200px; max-width:150px; min-width:150px; border: 1px solid #000;}
.content .clickhere { float:right; margin-right: 40px; margin-top:20px; width: 160px !important; height:30px !important; border:none !important;}


.content_extra { 
	font-family:Arial, Helvetica, sans-serif;
	float:left; 
	width: 690px;
	min-height: 400px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	margin-top: 30px;
	color:#233044;
}
.content_extra h1 { font-family: CabourgOTBold, Arial, Helvetica ; color:#233044;}
.content_extra h2 { font-family: CabourgOTBold, Arial, Helvetica ; color:#233044;}
.content_extra h3 { font-family: CabourgOTBold, Arial, Helvetica ; color:#233044;}
.content_extra h4 { font-family: CabourgOTBold, Arial, Helvetica ; color:#233044;}
.callback_form {
	float:right;
	width:190px;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	height:420px;
	background-color: #dfd420;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	-moz-border-radius-bottomleft: 20px;
	margin-top: 30px;
	margin-left:20px;
}
.callback_form form {margin:0;}
.callback_form label { font-family:Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #233044;}
.callback_form input { font-family:Arial, Helvetica, sans-serif; font-size: 13px; margin-top: 7px; margin-bottom: 10px; width: 180px; }
.callback_form textarea { font-family:Arial, Helvetica, sans-serif; width: 180px; height: 100px; max-height:100px; min-height:100px; max-width:180px; margin-top: 7px;}
.callback_form #submit { float:right; width: 160px; height:30px;}

.footer { 
	float:left; 
	margin-top:20px; 
	margin-bottom: 10px; 
	line-height:30px; 
	height: 30px; 
	width:980px; 
	text-align: left;
	border-top: solid 1px #dfd420; 
	border-bottom: solid 1px #dfd420;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10pt;
	color: #dfd420;
}

.footer img {
	float:right;
	margin:5px 0px 0px 0px;
	}

.footer .right {
	float:right; 
	width: 550px;
	text-decoration: none;
}
.footer .right a {
	text-decoration:none;
	color: #dfd420;
}
.clear { clear:both;}
.error{ color: #F00; font-weight: bold; }

.box{ width: 216px; height: 216px; overflow: hidden; float: left; background-color: #dfd420; margin-bottom: 6px; margin-right: 6px; border: 5px #dfd420 solid; border-radius: 10px; border-radius: 10px; -moz-border-radius: 10px; -moz-border-radius: 10px }
.right{ margin-right: 0px; }
.box img{ width: 216px; height: 216px; }
.info{ width: 211px; height: 90px; padding-left: 5px; position: relative; top: -20px; color: #FFF; background-color: #000; opacity: 0.8; filter: alpha(opacity=80); }
.info:hover{ position: relative; top: -80px; background-color: #000; opacity: 0.9; filter: alpha(opacity=90); }

.clients{ width: 690px; float: left; }
.clients img{ width: 100px; height: 100px; float: left; margin-left: 24px; margin-bottom: 20px; border:4px #233044 solid; border-radius: 10px; -moz-border-radius: 10px; -moz-border-radius: 10px; }

.whoweare img{ width: 100px; height: 100px; float: left; border:9px #dfd420 solid; border-radius: 10px; border-radius: 10px; -moz-border-radius: 10px; -moz-border-radius: 10px; }
.headers .project1 img{ width: 90px; height: 85px; float: left; border:5px #233044 solid; border-radius: 10px; border-radius: 10px; -moz-border-radius: 10px; -moz-border-radius: 10px; }
.headers .project2 img{ width: 90px; height: 85px; float: left; border:5px #233044 solid; border-radius: 10px; border-radius: 10px; -moz-border-radius: 10px; -moz-border-radius: 10px; }

.content .contain .left  {float:left; width: 325px; margin-right:20px;}
.content .contain .right {float:left; width: 325px;}
.content .contain .client{ width: 150px; float: left; }
.content .contain .client ul{ width: 150px; padding: 0px; margin: 0px; list-style: none; }
.content .contain .client ul li{ width: 150px; float: left; }
.content .contain .client ul li a{ width: 150px; display: block; }

.content .contain .work{ width: 540px; float: left; }
.content .contain .work h1{ margin: 0px; padding: 0px; }
.content .contain .work img{ margin: 0px 0px 5px 0px; padding: 0px 5px 0px 0px; }

.services_info { width:690px; float:left; margin:0px 0px 0px 40px;}
.services_info h1 h2 h3 { width: 100%;}
.services_left { float:left; width:300px; height:200px;  }
.services_left img { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; border-radius:0px; moz-border-radius:0px;}
.services_right { float:left; width:300px; height:200px;}
.services_right img { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; border-radius:0px; moz-border-radius:0px;}
.services_left p { margin:10px 0px 0px 10px; padding: 0px 10px 0px 10px;}
.services_right p { margin:10px 0px 0px 15px;}
.services_left a { color:#000;}
.services_right a { color:#000;}
.services_title { width:300px; height:45px; float:left; background-color: #2a3951; margin: 0px 0px 0px 0px; border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px;border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px;}
.services_title span { float: left; font-family: CabourgOTBold, Arial, Helvetica; color: #FFF; font-size: 20px; font-weight: bold; border-radius: 2px; -moz-border-radius: 2px; line-height: 220%; }
.services_title img { margin-left: 7px; float: left; margin-top: 0px; }


.service_head{ width: 220px; height: 45px; float: left; background-color: #2a3951; margin-top: 7px; margin-left: 5px; margin-right: 5px; border-radius: 10px; -moz-border-radius: 10px; margin-bottom: 10px; }
.service_head img { margin-left: 7px; float: left; margin-top: 0px; }
.service_head span { float: left; font-family: CabourgOTBold, Arial, Helvetica; color: #FFF; font-size: 20px; font-weight: bold; border-radius: 2px; -moz-border-radius: 2px; line-height: 220%; }
.service_head a{ width: 220px; height: 45px; display: block; }

.content_right_contact{ width: 348px; float: left; margin-left: 10px; }
.contactinfo { float:right; margin:0px 80px 0px 0px;}

/* -- Copyright Design Infusion 2010 -- */

.portfolio {margin:0 0 0 -20px; padding:0;}
.portfolio img {margin:0 !important; border:0; border-top-left-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-topleft: 0px;}
.portfoliodesc { float:left; margin-left:20px; display:inline !important; width:650px;  }
.portfoliomenu { float:left; margin-left:25px; display:inline !important; }
.portfoliomenu ul { padding:0px 0px 0px 10px;}
.portfoliomenu ul li { list-style:none; margin:3px 0px 0px 0px;}
div.wrap {
width : 980px;
/*margin : 0 auto;*/
text-align : left;
}
div#top div#nav {
float : left;
clear : both;
width : 993px;
height : 52px;
margin : 22px 0 0;
}
div#top div#nav ul {
float : left;
width : 700px;
height : 52px;
list-style-type : none;
}
div#nav ul li {
float : left;
height : 52px;
}
div#nav ul li a {
border : 0;
height : 52px;
display : block;
line-height : 52px;
}
div#header {
margin : -20px 0px 0px 0px;
}
div#video-header {
height : 683px;
margin : -1px 0 0;
}
div#header div.wrap {
height : 299px;
background : url(images/header-bg.png) no-repeat 50% 0;
}
div#header div#slide-holder {
z-index : 40;
width : 993px;
height : 299px;
position : absolute;
}
div#header div#slide-holder div#slide-runner {
/*top : 9px;
left : 9px;*/
width : 980px;
height : 278px;
overflow : hidden;
position : absolute;
}
div#header div#slide-holder img {
margin : 0;
display : none;
position : absolute;
}
div#header div#slide-holder div#slide-controls {
left : 0;
bottom : 15px;
width : 980px;
height : 46px;
display : block;
position : absolute;
background : url(/images/slide-bg.png);
background-repeat: repeat;

}
div#header div#slide-holder div#slide-controls p.text {
float : left;
color : #fff !important;
display : inline;
font-size : 10px;
line-height : 16px;
margin : 15px 0 0 20px;
text-transform : uppercase;
}
div#header div#slide-holder div#slide-controls p#slide-nav {
float : right;
height : 24px;
display : inline;
margin : 11px 15px 0 0;
}
div#header div#slide-holder div#slide-controls p#slide-nav a {
float : left;
width : 24px;
height : 24px;
display : inline;
font-size : 11px;
line-height : 24px;
font-weight : bold;
text-decoration : none;
color: #FFF;
}

/* Daves Test */
div#header div#slide-holder div#slide-controls p#derventio-slide-nav {
float : right;
height : 24px;
display : inline;
margin : 11px 15px 0 0;
}
div#header div#slide-holder div#slide-controls p#derventio-slide-nav a {
float : left;
width : 24px;
height : 24px;
display : inline;
font-size : 11px;
line-height : 24px;
font-weight : bold;
text-decoration : none;
color: #FFF;
}