@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(../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;
}
h2,#strapline,h2 a {
	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, .readmore:before {
	content:"► ";
}
a {
	color:#dff7ff;
}
#content a {
	color:#78D3F5;
}
a:hover {
	text-decoration:underline;
}



.container {
	width:960px;
	margin:0 auto;
}
.col {
	background:url(../img/div-light.png) no-repeat 235px 0;
	width:245px;
	float:left;
}
.col p, .col ul {
	padding-right:20px;
}
.col.end {
	width:225px;
}
#homepagecontent .col {
	background:none;
	width:320px;
	float:left;
}
#homepagecontent .col h2 {
	text-align:center;
}
#homepagecontent .col p {
	text-align:justify;
	padding-left:25px;
	padding-right:25px;
}



#nav {
	background:url(../img/nav-strip.png) repeat-x -500px 0;
	width:100%;
	position:absolute;
	top:0;
	top:0;
}
#nav .container {
	background:url(../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(../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(../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(../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(../img/strip.jpg);
	background-repeat:repeat-x;
	background-position:0 11px;
	width:100%;
	height:314px;
}
#feature .container {
	position:relative;
}
#subnav {
	position:absolute;
	top:-28px;
	left:0;
	height:38px;
	padding:0;
}
#subnav li, #subnav li a {
	display:block;
	float:left;
}
#subnav li a, #subnav li a b {
	background:url(../img/subnav.gif) no-repeat right -77px;
}
#subnav li {
	padding:0px 0 0 18px;
	position:absolute;
}
#subnav li a {
	position:relative;
	padding:12px 20px 19px 0;
	_overflow-y:hidden;
	font-weight:bold;
	text-transform:uppercase;
	font-size:14px;
	color:#143945;
}
#subnav li a b {
	background-position:left -77px;
	display:block;
	width:20px;
	height:100%;
	_height:100px;
	position:absolute;
	top:0px;
	left:-20px;
}
#subnav_photo {
	left:90px;
}
#subnav_web {
	left:747px;
}
#subnav_print {
	left:427px;
}



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



#cta, #cta li, #cta a {
	list-style:none;
	height:48px;
	padding:0;
	float:left;
}
#cta {
	float:none;
	margin:0 0 20px 340px;
}
#cta a {
	background:url(../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-portfolio {
	width:189px;
}
#cta-portfolio:hover {
	background-position:0 -51px;
}
#cta #cta-contact {
	background-position:-195px 0;
	width:280px;
}
#cta #cta-contact:hover {
	background-position:-195px -51px;
}



#homepagecontent h2 {
	padding:0 65px 20px 65px;
	text-align:left;
}
#homepagecontent h2 a {
	display:block;
	background:url(../img/call-to-action.png) no-repeat 0 0;
	width:189px;
	height:48px;
	font-size:14px;
	text-transform:uppercase;
	color:#1a3445;
	line-height:47px;
	text-indent:7px;
	text-align:center;
}
.cufon-active #homepagecontent h2 a {
	line-height:45px;
}
#homepagecontent h2 a:hover {
	background-position:0 -51px;
	text-decoration:none;
	text-indent:14px;
}



#blogpagecontent .blog {
	background:url(../img/div-light.png) no-repeat 725px 0;
	width:735px;
	float:left;
}
.blog .item {
	clear:left;
}
.blog .item .img {
	float:left;
	margin:0 10px 0 0;
}
#blogpagecontent .blognav {
	width:225px;
	float:left;
}




#foot {
	background:url(../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(../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;
}