@charset "UTF-8";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,a:link,a:active,a:visited,a:hover,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,input,textarea,select {padding:0px;margin:0px;border:0px;outline:0px;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;color:inherit;}body {cursor:default;}a {text-decoration:none;cursor:pointer;}acronym {cursor:help;}hr {height:1px;background:#CCCCCC;color:#CCCCCC;}address {font-style:normal;}:focus {outline: 0;}ol,ul {list-style: none;}table {border-collapse: collapse;border-spacing: 0;cursor:default;}caption,th,td {text-align: left;font-weight: normal;}blockquote:before,blockquote:after,q:before,q:after {content: '';}blockquote,q {quotes: "" '';}


.clear {clear:both;}
#homepagecontent .clear {height:15px;}
#skip,.hide {display:none;}
strong {font-weight:bold;}



html {overflow-y:scroll;}
body {
	background:#2d5d69 url(../../../media/img/body.jpg) no-repeat center top;
	padding:18px 0 0 0;
	position:relative;
	font-family:"Trebuchet MS", sans-serif;
	color:#dff7ff;
}
h1,#ident {
	font-weight:bold;
	font-size:30px;
	color:white;
}
#ident em {color:#c8f0ff;}
h2,#strapline {
	font-weight:bold;
	font-size:15px;
	padding:0 0 15px 0;
	color:white;
}
#strapline,#description {
	font-size:16px;
}
#strapline span {
	display:block;
	padding-top:10px;
}
#strapline span strong {
	font-size:22px;
}
h3 {
	font-weight:bold;
	font-size:14px;
	padding:0 0 15px 0;
}
p {
	font-size:14px;
	padding:0 0 15px 0;
}
#description {
	padding:0 0 30px 0;
}
ul {
	padding:0 0 15px 18px;
}
ul ul, #portfolio_content .col3 ul ul {
	padding:0 0 0 12px;
}
li {
	padding:0 0 0 0;
	list-style:disc;
}
ul.nav {
	padding-left:0;
}
ul.nav li {
	list-style:none;
}
ul.nav li:before {
	content:"► ";
}
a:hover {
	text-decoration:underline;
}



.container {
	width:960px;
	margin:0 auto;
}
.col {
	background:url(../../../media/img/div-light.png) no-repeat 235px 0;
	width:245px;
	float:left;
}
.col p, .col ul {
	padding-right:20px;
}
.col.end {
	width:225px;
}



#nav {
	background:url(../../../media/img/nav-strip.png) repeat-x -500px 0;
	width:100%;
	position:absolute;
	top:0;
	top:0;
}
#nav .container {
	background:url(../../../media/img/nav_v2.png) no-repeat right top;
	width:1000px;
	height:48px;
}
#nav ul {
	height:48px;
	padding:4px 18px 0 0;
	float:right;
	text-align:center;
}
#nav li, #nav a, #nav span {
	background:url(../../../media/img/nav-button.gif) no-repeat left -24px;
	display:block;
	float:left;
	height:24px;
	padding:0 0 0 7px;
}
#nav li {
	margin:0 1px 0 0;
}
#nav a {
	background-position:right -24px;
	padding:0 7px 0 0;
	line-height:25px;
	font-size:12px;
	color:white;
}
#nav li.current {
	background-position:left 0px;
}
#nav li.current a {
	background-position:right 0px;
	color:#193038;
}
#nav li:hover {
	background-position:left 0px;
}
#nav li:hover a {
	background-position:right 0px;
	color:#193038;
	text-decoration:none;
}
#nav a span {
	width:14px;
	height:24px;
	background:url(../../../media/img/home.gif) no-repeat 0 0;
	overflow:hidden;
	text-indent:-500px;
	padding:0;
}
#nav li:hover span, #nav li.current span {
	background-position:-14px 0px;
}




#logo {
	float:left;
	width:154px;
	height:154px;
}
#head {
	height:525px;
}
#ident {
	padding:30px 0 0 175px;
}
#strapline {
	width:585px;
	margin:0 0 0 175px;
}




#feature {
	background:url(../../../media/img/feature-strip.png) repeat-x 0 0;
	width:100%;
	height:314px;
/*	margin:30px 0 10px 0;*/
	position:absolute;
	top:210px;
	left:0;
}
#strip {
	background:url(../../../media/img/strip.jpg);
	background-repeat:repeat-x;
	background-position:0 11px;
	width:100%;
	height:314px;
}
#feature .container {
	position:relative;
}
#subnav {
	position:absolute;
	top:-28px;
	right:0;
	height:38px;
}
#subnav li, #subnav li a {
	display:block;
	float:left;
}
#subnav li a, #subnav li a b {
	background:url(../../../media/img/subnav.gif) no-repeat right 0;
}
#subnav li {
	padding:0px 0 0 18px;
}
#subnav li a {
	position:relative;
	padding:12px 20px 8px 0;
	_overflow-y:hidden;
	font-weight:bold;
	text-transform:uppercase;
	font-size:14px;
	color:white;
}
#subnav li a b {
	background-position:left 0;
	display:block;
	width:20px;
	height:100%;
	_height:100px;
	position:absolute;
	top:0px;
	left:-20px;
}
#subnav li:hover a {background-position:right -38px;text-decoration:none;color:#143945;}
#subnav li:hover a b {background-position:left -38px;}
#subnav li a.current {background-position:right -77px;padding-bottom:19px;color:#143945;}
#subnav li a.current b {background-position:left -77px;}



#content-border {
	background:#c8f0ff;
	width:958px;
	height:284px;
	position:absolute;
	top:21px;
	left:2px;
}
#stripcontent {
	margin:3px;
	width:952px;
	height:284px;
	overflow:auto;
	position:relative;
}
#content-scroll {
	position:absolute;
	width:2856px;
}
.content_screen {
	display:block;
	width:952px;
	height:267px;
	overflow:hidden;
	float:left;
	padding:0;
}



#portfolio li {
	background-repeat:no-repeat;
	list-style:none;
	float:left;
	padding:0 4px 4px 0;
}
#portfolio li a, #portfolio li a img {
	float:left;
}
#portfolio li.end {
	padding:0;
}



.map_container {
	background:#b2c8d2;
	width:473px;
	height:265px;
	float:left;
/*	margin-right:3px;*/
}
#map {
	width:471px;
	height:263px;
	margin:1px;
}
#map_marker_html {
	font-size:12px;
	color:black;
}
#map_marker_html a {
	color:#0F6DB3;
}



#contact_form legend {display:none;}
.row {
	background:white;
	border:solid 1px #b2c8d2;
	width:472px;
	height:29px;
	float:right;
	margin-bottom:5px;
}
#contact_form .nme, #contact_form .tel {
	width:233px;
}
#contact_form .msg {
	height:155px;
}
#contact_form .nme {
	margin-right:4px;
}
.row .label, .row label, .row .input, .row input {
	display:block;
	float:left;
}
.row label {
	padding:1px 2px 0 10px;
	margin:5px 0 0 0;
	font-size:12px;
	font-weight:bold;
	color:#1d3a4e;
}
.row label span {
	color:#999999;
}
.row input, .row textarea {
	background:white;
	border:solid 1px white;
	width:99%;
	font-family:"Trebuchet MS", sans-serif;
	font-size:12px;
	color:#1d3a4e;
	margin:5px 0 0 0;
}
.row .input {
	position:relative;
}
.row .input span {
	padding:0 3px;
	position:absolute;
	top:6px;
	right:-1px;
	font-size:12px;
	color:#990000;
}


.submit {
	border:none;
	height:48px;
	text-align:right;
	margin-bottom:5px;
	font-size:12px;
	line-height:46px;
	color:#1d3a4e;
}
.nme .label {width:82px;}
.nme .input {width:151px;}
.eml .label {width:52px;}
.eml .input {width:420px;}
.tel .label {width:40px;}
.tel .input {width:193px;}
.subj .label {width:157px;}
.subj .input {width:315px;}
.msg .label {width:472px;}
.msg .input {width:472px;height:83px;}
.msg .input textarea {height:75px;}
#contact_form_submit {
	background:url(../../../media/img/contact-nav.png);
	border:none;
	width:156px;
	height:48px;
	margin:0;
	text-indent:-300px;
	line-height:50px;
	cursor:pointer;
	float:right;
}
#contact_form_submit:hover {
	background-position:0 -48px;
}




#portfolio_content {
	position:relative;
	width:100%;
}
#portfolio_content .col, #portfolio_content .col2, #portfolio_content .col3 {
	float:left;
}
#portfolio_content .col, #portfolio_content .col3 {
	background:none;
	width:241px;
}
#portfolio_content .col3 {
	padding-top:90px;
}
#portfolio_content .col2 {
	width:478px;
}
#portfolio_content h1 {
	padding:0 0 20px 0;
}
#portfolio_content h1 span {
	display:block;
	font-size:16px;
}
#portfolio_content .slidebox {
/*	border:solid 1px black;
	background:white;*/
	width:476px;
}
#portfolio_slides {
	width:470px;
	height:338px;
	margin:3px 3px 0 3px;
}
#portfolio_content .col3 h2 {
	padding-left:16px;
}
#portfolio_content .col3 ul {
	padding-left:30px;
}
#portfolio_content .col3 li {
	font-size:14px;
}
#portfolio_link {
	background:url(../../../media/img/portfolio-nav.png);
	display:block;
	width:162px;
	height:58px;
	position:absolute;
	top:20px;
	right:95px;
	text-indent:-1000px;
	overflow:hidden;
}
#portfolio_link:hover {
	background-position:0 -58px;
}
#portfolio_content .clear {
	height:30px;
}




#terms ol {
	padding:0 0 10px 15px;
}
#terms li, #terms li p {
	font-size:12px;
	list-style:decimal;
}
#terms li h2 {
	padding:10px 0;
}




#loading {
	background:url(../../../media/img/loading.gif) no-repeat center center;
	height:100px;
	margin:0 0 15px 0;
}




#cta, #cta li, #cta a {
	list-style:none;
	height:48px;
	padding:0;
	float:left;
}
#cta {
	float:none;
	margin:0 0 20px 150px;
}
#cta a {
	background:url(../../../media/img/call-to-action.png) no-repeat 0 0;
	font-size:14px;
	text-transform:uppercase;
	color:#1a3445;
	line-height:47px;
	text-indent:7px;
	text-align:center;
}
.cufon-active #cta a {
	line-height:45px;
}
#cta a:hover {
	text-decoration:none;
	text-indent:14px;
}
#cta-litho, #cta-design {
	width:189px;
}
#cta-litho:hover, #cta-design:hover {
	background-position:0 -51px;
}
#cta #cta-contact {
	background-position:-195px 0;
	width:280px;
}
#cta #cta-contact:hover {
	background-position:-195px -51px;
}




#foot {
	background:url(../../../media/img/foot.png) repeat-x center top;
	padding:50px 0 0 0;
}
#foot h3, #foot p, #foot li, #foot a {
	line-height:14px;
	font-size:12px;
	color:#a7cbd8;
}
#foot h3 {
	color:white;
}
#foot #microblogpost {
	position:relative;
	padding:0 30px 10px 30px;
	line-height:normal;
	font-size:14px;
	font-style:italic;
}
#foot #microblogpost a {
	font-size:14px;
	text-transform:uppercase;
}
#foot #microblogpost a:before {
	content:"►";
	font-size:12px;
}
#microblogpost:before,#microblogpost:after {
	content:"“";
	position:absolute;
	top:10px;
	left:-2px;
	font-size:48px;
	color:#099dbf;
	line-height:0;
}
#microblogpost:after {
	content:"”";
	top:auto;
	right:0;
	bottom:5px;
	left:auto;
}
#microbloglink {
	padding:0 0 0 8px;
}
#microbloglink li, #microbloglink a {
	float:left;
	list-style:none;
	padding:0;
	height:23px;
	text-indent:-999px;
	overflow:hidden;
}
#microbloglink a {
	background:url(../../../media/img/microblog.png) no-repeat;
}
#rss, #rss a {
	background-position:0 0;
	width:24px;
}
#rss a:hover {background-position:0 -23px;}
#facebook, #facebook a {
	background-position:-24px 0;
	width:95px;
}
#facebook a:hover {background-position:-24px -23px;}
#twitter, #twitter a {
	background-position:-119px 0;
	width:90px;
}
#twitter a:hover {background-position:-119px -23px;}

#address {
	text-align:center;
	padding:25px 0 0 0;
}
#foot .adr .hide {display:none;}
#foot #copyright {
	padding:0 0 40px 0;
	font-size:10px;
	text-align:center;
	color:white;
}