/*
======================================================
	screen.css
======================================================
	Author 	: 	James Dacosta
	Email	:	mrjamesdacosta@googlemail.com
	Date	:	11-4-08
------------------------------------------------------
		
	COMMENTS
======================================================
 	 	
	 Notes
 	.l- 			= layout style
 	.l-xx 			= width xx
 	.l-ct			= center
 	.l-u			= layout unit (e.g. header/content div)
======================================================

*/

/* =reset 
---------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}





/* =typography 
---------------------------------------------------------*/

body{
	font-family:"Trebuchet MS","sans-serif";
	font-size:small;
	line-height:1.6;
}

#nav-cont a{color:#D0E9FF; text-decoration:none; text-shadow:#D0E9FF 0 0 0;}
a{color:#1E76C3; text-decoration:none; cursor:pointer;}
#panel a{color:#3CA5FF;}
#panel-nav a{color:#D0E9FF;}
a:hover{text-decoration:underline;}
p{margin-bottom:15px;}
#content-promo ul,#content-promo ol{margin-bottom:15px;}
div.intro p{font-size:160%; text-shadow:#fff 0 0 0;}
#content-main div.intro p{font-size:130%; text-shadow:#fff 0 0 0;}


#content-title h1{color:#0C3979; font-size:280%; text-shadow:#fff 0 0 0;}
h1{line-height:1.2; margin-top:10px; width:640px;}
h1,h2{margin-bottom:15px; }

/*
#content-promo h2{margin-top:10px;}
*/

h3{margin-bottom:5px;}
h4{margin-bottom:0px; font-size:100%;}
.l-b h2{margin-bottom:0;}
h2{font-size:130%; color:#0C3979; border-bottom:1px solid #D0E9FF;}
h2.alt{font-size:130%; color:#0C3979; border:none; margin-bottom:0;}
h2.section{border-bottom:1px solid #D0E9FF;}

h3{font-size:100%; text-transform:uppercase; text-shadow:#fff 0 0 0;}

.a-hd{color:#D0E9FF; font-size:115%; text-decoration:#fff 0 0 0;}

img.promo-image{float:left;}
#promo-caption{padding:10px;width:260px;background:#E1F1FE;color:#47637C !important; float:left;}

/* =color 
---------------------------------------------------------*/

body{background:#D0E9FF;}

#hd{background:#1C3148 url(../img/s/header-bk.jpg) bottom left repeat-x; min-height:80px; padding:0 20px;}
#bd-inner1{  float:left;}
#bd-inner2{background: url(../img/s/panel-bottom.gif) bottom center no-repeat; padding-bottom:10px; float:left;}
#bd{background:#fff url(../img/s/panel-bk.gif) top center repeat-y; float:left;}

#nav-cont{background: url(../img/s/nav-cont-bk.jpg) top left repeat-x;}

#secondary {background: url(../img/s/swirl.jpg) top left no-repeat; padding-top:20px;}

/* =layout 
---------------------------------------------------------*/



.l-986{width:986px;}
.l-800{width:800px;}
.l-100{width:100%;}


.l-ct{margin:0 auto;}
.l-u{margin-top:7px; position:relative;}
.c{overflow:hidden;}

#bd{padding-top:0px; margin-top:0px;}
#hd{width:940px;}
#nav-cont, #content, #breadcrumbs {padding-left:23px;padding-right:23px;}
#ft{width:934px;}
#logo{margin:20px 0 0 0px; float:left;}
#secondary{float:left; width:940px; }
#content{padding:23px; float:left;}
#pre-footer{padding:20px 0;}

.l-cont{ width:100%; clear:both;}
.l-b{width:300px; float:left; margin-left:20px;}
.l-b-inner, .l-b-endinner{padding:10px; }
.l-b-endinner {float:left; padding:8px 10px;}
.l-b-first{margin-left:0;}
.l-b h2{padding:12px 10px; border-bottom:1px solid #fff; text-transform:uppercase; color:#333; font-size:90%; text-shadow:#fff 0 0 0; background-image: url(../img/icons/lapt.html); background-position: 5px 5px; background-repeat: no-repeat; padding-left:50px;}
.l-b-inner h3{font-size:160%; font-weight:normal; padding:10px 0;s text-shadow:#fff 0 0 0; text-transform:none;}
.l-b .l-b-end{float:left; width:100%;}
.l-2b{width:620px; float:left;}

.bh{background:#F6F6F6;}
.lb{background:#E1F1FE;}
.db{background:#D0E9FF;}

.l-promo .l-b-inner{min-height:200px;}
.l-gal{float:left;}
.l-gal img {float:left;}
.l-gal div {float:right; width:220px;}

#breadcrumbs ul{
	padding-left:180px;
}

#content-main{width:940px; margin-bottom:20px;}


#content-title{
	padding-left:180px;
	width:500px;
}
#c-extend { margin-bottom:20px; float:left; width:780px; }
#c-extend li{
	width:320px;
	float:left;
}

#c-extend li.first{
	margin-right:60px;
}

#c-extend li img{
	float:left;
	margin:0px 5px 5px 0px;
}

#content-inner-cont{float:left;  width:940px; overflow:hidden;}
#content-inner-main{float:right;}

#content-body{float:right; width:760px;}
#content-cont{float:left; width:940px;}
#c-cont, #c-extend{width:760px; float:left;}
#c-main{width:440px; float:left;}
div.extend #c-main{width:760px;}

#c-promo{width:280px; float:right;}
/*
#content-cont{margin-left:-20px; position:relative; float:left; width:960px;}
#content-inner{float:left;}
#content-promo{float:right; width:280px; padding:0px; color:#333; }

#content-inner-main{float:right; width:740px; overflow:hidden;}
*/


/* =content navigation 
---------------------------------------------------------*/
#content-nav{width:180px; float:left; font-size:85%; padding:0px; line-height:1.2; overflow:hidden;}  	
#content-nav .l-b{ margin:0!important; padding:0; width:150px; float:left;}
#content-nav strong {color:#777;}
#content-nav li a, #content-nav li{ float:right; width:100%; text-align:right;}
#content-nav li a{ margin-top:8px; padding:0px 8px 0px 0px; }
#content-nav li.active a{color:#556C84;}
#content-nav li.active a:hover{cursor:default; text-decoration:none;}


img#top-bg{position:absolute;}
/* =homepage
---------------------------------------------------------*/
.home #secondary{background:none;}
#hd,#panel,#panel-nav{position:relative;}
.crn{position:absolute; width:5px; height:5px; display:block;}
.tl{top:0; left:0; background: url(../img/s/tl.gif) top left no-repeat;}
.tr{top:0; right:0; background: url(../img/s/tr.gif) top right no-repeat;}
.bl{bottom:0; left:0; background: url(../img/s/bl.gif) bottom left no-repeat;}
.br{bottom:0; right:0; background: url(../img/s/br.gif) bottom right no-repeat;}

#panel {background:#0C3979; color:#D0E9FF; overflow:hidden; height:180px; width:900px; padding:20px; float:left;}
#panel .crn{position:absolute; width:6px; height:6px; display:block;}
#panel .tl{top:0; left:0; background: url(../img/s/panel-tl.png) top left no-repeat;}
#panel .tr{top:0; right:0; background: url(../img/s/panel-tr.png) top right no-repeat;}
#panel .bl{bottom:0; left:0; background: url(../img/s/panel-bl.png) bottom left no-repeat;}
#panel .br{bottom:0; right:0; background: url(../img/s/panel-br.png) bottom right no-repeat;}
#panel div.intro{width:52%;}
/*
#panel #panel-img{width:380px; height:0px; border:1px solid red; float:right; position:absolute; top:0px; right:0px;  }
#panel #panel-img img{float:right; position:absolute; top:-20px; right:0px; border-left:1px solid #fff;}
*/
#panel #panel-img{float:right; position:absolute; top:-20px; right:0px; overflow:hidden; width:415px; height:240px;}
#panel #panel-img img{ position:absolute; top:-20px; right:0px;}

#panel-nav {background:#1C60B8; float:left; width:100%; margin-bottom:30px;}
#panel-nav .bl{bottom:0; left:0; background: url(../img/s/bl-white.png) bottom left no-repeat;}
#panel-nav .br{bottom:0; right:0; background: url(../img/s/br-white.png) bottom right no-repeat;}
#panel-nav li.active a{background:#0C3979; padding-top:10px; margin-top:-10px; padding-bottom:20px; position:relative; top:10px; z-index:2;}

#panel-nav ul li, #panel-nav ul li a{float:left;}
#panel-nav ul li a{padding:10px 20px;}
 


/* =search 
---------------------------------------------------------*/
#search{margin-bottom:5px;}
#ajaxSearch_input{width:70%;}

.ajaxSearch_highlight, .ajaxSearch_highlight1{
	background:#FCF888 !important;
	color:#000  !important;
}

.ajaxSearch_highlight2{
	background:#97FA87 !important;
}

.ajaxSearch_highlight3{
	background:#8AFFFB !important;
}

.ajaxSearch_highlight4{
	background:#FFBDF3 !important;
}

div.searchTerms{width:954px; background:#f9f9f9; border-bottom:1px solid #f2f2f2; padding:0px 13px; margin:0 auto; line-height:2;}




/* =gallery 
---------------------------------------------------------*/


.thumbscontainer { width:100%;}
#content-main .thumbscontainer ul.thumbs{width:100%; float:left !important; overflow:hidden;}
#content-main .thumbscontainer ul.thumbs, 
#content-main .thumbscontainer ul.thumbs li,
#content-main .thumbscontainer ul.thumbs li a,
#content-main .thumbscontainer ul.thumbs li p {margin:0 !important; padding:0 !important;}
#content-main .thumbscontainer ul.thumbs li, #content-main .thumbscontainer ul.thumbs li * {float:left;}
#content-main .thumbscontainer ul.thumbs li {width:48% !important; height:190px; margin:0 5px 10px 0 !important; float:left !important; }
#content-main .thumbscontainer ul.thumbs li a {padding:2px !important; background:#E4F0FC !important;}
#content-main .thumbscontainer ul.thumbs li a:hover {background:#D4E8FD !important;}
#content-main .thumbscontainer ul.thumbs li p{padding:0 5px !important; font-size:90%;}


/* =demo 
---------------------------------------------------------*/

body#demo_page #breadcrumbs{display:none;}	
body#demo_page #content-title{padding-left:0;}
body#demo_page #content-title h1{width:340px; text-align:center;}
/* =form 
---------------------------------------------------------*/
.text{font-size:100%;padding:3px; border:1px solid #ccc; background:#fff url(../img/s/sec-bg.jpg) top left repeat-x;}
#hd {position:relative;}
.errors {background:#eeeeee; border:1px solid #cccccc; color:red; border-top-width:2px; padding:10px; }

#hd .errors {position:absolute; width:auto; color:#D0E9FF; background:#172C40; border:1px solid #224463;  border-top-width:2px; padding:10px; line-height:1.4; top:13px; right:320px; font-size:90%; color:#fff;}
#hd .errors, #hd .errors *{color:#D0E9FF;}


/*=simple forms*/
.simple fieldset ol{padding:0px;}
.simple li {display:block; clear:both; overflow:hidden; margin:0 0 4px 0 !important; padding:0; width:100% !important; }
.simple ol {float:left; width:100%;}

#content-main form.simple ol li{margin-bottom:4px;}

/*
.simple ol {float:left;}
*/
.simple label, .simple span {
	display: block;
	width: 65%;
	float: left;
	margin:0; padding:0;
	line-height:1.8;
}

.simple fieldset fieldset{float:none; clear:both;}

 
.simple input,
.simple textarea,
.simple select
{
	width:100%;
}

.simple label {
	text-align: left;
	width: 30%;
	padding-right: 5px; 
}

.simple #message{height:100px !important;}

/*
.simple .col{border-top:1px solid #A2C1D0; 	background: #fff url(/img/structure/section-bg.jpg) top left repeat-x;}
*/

.simple span {
/*
	line-height:12px;
*/
}

.simple #submit {
	width:auto;
}


form.alignLeft label{text-align:left;}
form.alignRight label{text-align:right;}

.simple .w25{width:25%;}
.simple .w50{width:50%;}
.simple .w60{width:60%;}
.simple .w65{width:65%;}
.simple .w75{width:75%;}
.simple .w80{width:80%;}
.simple .w90{width:90%;}
.simple .w100{width:100%;}


.simple .h50 {height:50px;}

.simple input.btn{width:auto;}

/* =mini forms 
---------------------------------------------------------*/

#request{margin-top:15px; float:right;}
#request * , #callme * {vertical-align:middle;}
#request .text{width:230px;}
#callme .text{width:160px;}
#callme {float:right; padding:3	0px 0;}
#callmearea {background: url(../img/m/callme.jpg) center left no-repeat; padding:0 0 10px 0;}
#callmearea p{font-size:85%; padding-left:65px;}
#callmearea h3{margin-left:65px;}
#callmearea .errors {width:210px; float:right; font-size:85%;}


/* =tables
---------------------------------------------------------*/

table.data{width:100%; border:1px solid #1C60B8; background:#fff; margin:10px 0;}
table.data th{text-align:left; }
table.data th{background:#2E60B1; color:#fff; padding:5px;}
table.data td{padding:5px;}
/*table.data tr:hover td{background:#FBF8CC;}*/
table.data tr.row1 td, table.data tr.row1{background:#E6F0F9;}
table tr.light th{background:#193A77;}


/* =navigation 
---------------------------------------------------------*/

#nav-cont {padding-top:16px; padding-bottom:2.8em; width:934px; float:left; clear:both; margin-left:3px; position:relative;}
#nav-cont ul{margin-top:2px;}
#nav-cont ul li{float:left;}
#nav{float:left;}
#utility{float:right; font-size:85%;}
#utility li a {padding:10px 8px; background: url(../img/s/util-sep.gif) center left no-repeat;}
#utility li a:hover {text-decoration:underline;}
#utility li.first a{background:none;}
#utility li.last a{padding-right:0;}
#nav-cont #nav li a span{padding:8px 12px 3px; float:left;}
#nav-cont #nav li a:hover span {background: url(../img/s/hover.png) bottom right repeat-x;}
#nav-cont #nav li.active a span, #nav-cont #nav li.active a:hover span{padding:8px 12px 6px; background: url(../img/s/nav-r.png) top right no-repeat; color:#1E3042;   padding-left:0; float:left; }
#nav-cont #nav li.active a, #nav-cont #nav li.active a:hover {background: url(../img/s/nav-l.png) top left no-repeat; padding-left:12px; float:left; }
#nav-cont #nav li a {background: url(../img/s/nav-sep.gif) bottom right no-repeat; padding-right:2px; float:left;}
#nav-cont #nav li div ul{position:absolute; left:-999em; }
#nav-cont #nav li.active div ul{position:relative; left:auto;}

#provide ul {margin-top:10px;}
#provide ul li, #provide ul li a{float:left;}
#provide ul li a{display:block; width:140px;}

.arr, #provide ul li a {padding-left:12px; background: url(../img/s/btn-arrow.png) center left no-repeat;}
#content-nav li.active a{padding-right:10px; background: url(../img/s/r-arrow.gif) center right no-repeat; background-position:100% 3px;}



/* =button 
---------------------------------------------------------*/
a.btn, a.btn *{text-decoration:none;}
a.btn {float:left; padding-left:10px; background:url(../img/s/btn-l.png) top left no-repeat; line-height:14px;}
a.btn span{float:left; padding:10px; padding-right:20px; background:url(../img/s/btn-r.png) top right no-repeat;}
a.btn span span, a:hover.btn span span{ text-decoration:none; color:#1E3042; padding:0; padding-left:14px; background:url(../img/s/btn-arrow.png) center left no-repeat;}
/* fix for when text within btn is hightlighted from search and has surrounding span */
a.btn span.ajaxSearch_highlight, a:hover.btn span.ajaxSearch_highlight{float:none;background:none;padding:0;}
a:hover.btn {background-position:bottom left;}
a:hover.btn span {background-position:bottom right;}

/* =sub navigation 
---------------------------------------------------------*/

#nav-cont #nav li div{background:#fff; position:absolute; bottom:0; left:0; width:100%;}
#nav-cont #nav li.active div{background:#fff url(../img/s/subnav-bk.png) bottom left repeat-x;}
#nav-cont #nav li ul a span{padding:8px 12px 8px; float:left;}
#nav-cont #nav li ul a:hover, #nav-cont #nav li ul a:hover span {background:none; text-decoration:underline;}
#nav-cont #nav li.active ul li a span, #nav-cont #nav li.active ul li a:hover span{background:none; padding-left:0; float:left; }
#nav-cont #nav li.active ul li a, #nav-cont #nav li.active ul li a:hover {background: none; padding-left:12px; float:left; }
#nav-cont #nav li ul a {background:none; padding-right:2px; float:left;}
#nav-cont #nav li ul li.active a, #nav-cont #nav li ul li.active a:hover {background: url(../img/s/subnav-active.png) bottom center no-repeat;}
#nav-cont #nav li ul li.active a  span, #nav-cont #nav li ul li.active a:hover span { font-weight:bold; color:#0C3979; }
.ourservices .subnav{float:right; margin-right:280px;}


/* =breadcrumbs 
---------------------------------------------------------*/
#breadcrumbs{margin-top:20px; margin-bottom:-20px; float:left; position:relative;}
#breadcrumbs ul li, #breadcrumbs ul li a, #breadcrumbs ul li strong, #breadcrumbs ul li span{
	float:left;
	display:block;
}


#breadcrumbs ul li a, #breadcrumbs ul li strong, #breadcrumbs ul li span{
	padding:5px 11px 5px 6px;
	line-height:1;
}

#breadcrumbs ul li a{
	background: url(../img/s/r-arrow.gif) center right no-repeat;
}

#breadcrumbs ul li span{
 	padding-right:0px;
	padding-left:0px;
 }
/*
#breadcrumbs ul li.first a{
	padding-left:0px;
}
*/



/* =list 
---------------------------------------------------------*/

#content ul{padding-left:20px;}
#content ul li{
	list-style-type:disc;
}
#content ul.clean-list li, #content #provide li, #content-nav ul li {list-style-type:none; }
#content ul.clean-list, #content #provide ul, #content-nav ul {padding-left:0; }


/* =footer 
---------------------------------------------------------*/
#ft {font-size:85%; float:left; padding-left:23px;}
#ft ul{float:left; margin-left:9em;}
#ft ul li, #ft ul li a{float:left;}
#ft ul li, #ft ul li a, #ft #copy{ color:#75838F;}
#ft ul li a {text-decoration:none;}
#ft ul li a, #ft #copy{padding:5px 10px 5px 0;}
#ft ul li a{margin-left:8px; background: url(../img/s/footer-sep.gif) center right no-repeat;}
#ft ul li.last a{background:none;}
#ft ul li a:hover{text-decoration:underline;}
#ft #copy{position:absolute; left:23px;top:0; display:block;}


.scr
{
	font-size: 0%;
	text-indent: -9999em;
	position: absolute;
	top: -9999px;
}