/* -----------------------------------------------------------
   
		screen.css
		Copyright Fusionary Media

   * defines site specific styles for screen

-------------------------------------------------------------- */


/* @Defaults
-------------------------------------------------------------- */

body{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	color: #666;
}

a:hover     { color: #0066a1; text-decoration: underline; }
a           { color: #0066a1; text-decoration: none; }

h1,h2,h3,h4,h5,h6{
	font-family: Helvetica, Arial, sans-serif;
	line-height: 1.5em;
	font-weight: bold;
}
h2,h3,h4,h5,h6{
	color: #6aafdc;
}
h1{
	color: #333;
	font-size: 21px;
	margin: 0 0 .5em;
}
h2{
	font-size: 18px;
	margin-bottom: .5em;
}
h3{
	font-size: 16px;
	margin-bottom: .5em;
}
h4{
	font-size: 14px;
	margin-bottom: .5em;
}
h5{
	font-size: 13px;
}
h6{
	font-size: 12px;
}

hr{
	display: none;
}

table{
	width: 100%;
}
tr.odd td{
	background: #ebeef0;
}
thead th{
	color: #333;
	text-transform: uppercase;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}
td.title a{
	font-weight: bold;
}
th,td{
	border: 2px solid #fff;
	border-top: none;
	border-bottom: none;
	padding: 4px 5px;
}


/* @Grid (12 col grid: 66px col / 12px gutter)
-------------------------------------------------------------- */

/* Use these classes to set the width of a column. */
.span-1  { width: 66px;}
.span-2  { width: 144px;}
.span-3  { width: 222px;}
.span-4  { width: 300px;}
.span-5  { width: 378px;}
.span-6  { width: 456px;}
.span-7  { width: 534px;}
.span-8  { width: 612px;}
.span-9  { width: 690px;}
.span-10 { width: 768px;}
.span-11 { width: 846px;}
.span-12 { width: 924px; margin: 0; }

.container{
  width: 924px;
  margin: 0 auto;
}
.col{
	float:left;
	margin: 0 12px 0 0;
}
.mod{
	margin-bottom: 12px;
	display: block;
}
.col.last{
	margin-right: 0;
}

/* @Structure
-------------------------------------------------------------- */

body{
	background: #003c63 url(/images/ui/bld-noise.gif);
}
#wrap{
	background: url(/images/ui/bld-grad-top.gif) repeat-x;
	padding-top: 42px;
	min-height: 120px;
	margin-bottom: 1.5em;
	min-width: 1000px;
}
#header{
	background: url(/images/ui/bld-hdr-top.gif) no-repeat;
	position: relative;
	width: 960px;
	margin: 0 auto;
	height: 48px;
}
#body{
	background: #fff;
	padding: 0 18px 1.5em;
	width: 924px;
  margin: 0 auto;
	overflow: hidden;
}
#footer{
	background:#ebeef0 url(/images/ui/bld-bottom.gif) no-repeat left bottom;
	padding: 1em 18px;
	width: 924px;
  margin: 0 auto;
}

body.aside #content-wrap{
	background: #fff url(/images/ui/bld-aside-bg.gif) repeat-y;
	overflow: hidden;
}
body.aside #content-main{
	width: 690px;
	float: left;
	margin-left: 234px;
	margin-top: 1em;
	position: relative; /*for abs pos of back-link*/
}
body.aside #content-aside{
	width: 222px;
	float: left;
	margin: 0 12px 0 -924px;
}


/* @Shared
-------------------------------------------------------------- */

.swf,.swf object{
	display:block;
}

.gallery-detail{
	width: 300px;
	float: right;
	margin: 0 0 0 12px;
	list-style: none;
	height: 226px;
}
.gallery-detail img{
	border: 5px solid #e4e7e8;
	display: block;
}
.gallery-detail .desc{
	margin-top: 1px;
	background: #e9eced url(/images/ui/img-rnd-300.gif) no-repeat left bottom;
	padding: .5em 12px;
}

.back-link{
	position: absolute;
	top: .5em;
	right: 0;
	font-weight: bold;
}

dt{
	color: #454545;
}
dl.inline dt{
	float: left;
	margin: 0;
	clear:left;
	margin-right: .5em;
}
dl.inline{
	overflow: hidden;
}

dl.pair dt{
	float: left;
	margin: 0;
	clear:left;
	margin-right: .5em;
	width: 6.5em;
}
dl.pair{
	overflow: hidden;
}
dl.pair dd{
	margin-left: 7em;
	margin-bottom: .75em;
}

/* @Header
-------------------------------------------------------------- */

#global-phone {
	background: url(/images/ui/hdg-call-today.gif) no-repeat;
	width: 200px;
	height: 15px;
	letter-spacing: -1em;
	text-indent: -1000em;
	position: absolute;
	top:-24px;
	right: 20px;
}
#brand-logo{
	background: url(/images/ui/brand-logo.png) no-repeat;
	letter-spacing: -1em;
	text-indent: -1000em;
	position: absolute;
	top: -42px;
	left: -45px;
}
#brand-logo,
#brand-logo a{
	display: block;
	width: 139px;
	height: 137px;
}

#brand-tagline{
	background: url(/images/ui/brand-tagline.gif) left center no-repeat;
	letter-spacing: -1em;
	text-indent: -1000em;
	height: 48px;
	width: 258px;
	position: absolute;
	left: 73px;
	top: 0;
	margin: 0;
}


/* @Nav-main
-------------------------------------------------------------- */

#nav-main{
	width: 379px;
	height: 48px;
	position: absolute;
	right: 0;
	background: url(/images/ui/nav-main.gif) no-repeat;
	padding-left: 5px;
}
#nav-main ul{
	list-style: none;
	margin: 0;
}
#nav-main li{
	float: left;
	height: 48px;	
}
#nav-main a{
	display: block;
	height: 48px;
	background: url(/images/ui/nav-main.gif) no-repeat;
	letter-spacing: -1em;
	text-indent: -1000em;
}

#nav-main li.nav-home a{
	width: 80px;
	background-position: -5px 0px;
}
	#nav-main li.nav-home a:hover,
	#nav-main li.active.nav-home a{
		background-position: -5px -48px;
	}
#nav-main li.nav-services a{
	width: 106px;
	background-position: -85px 0px;
}
	#nav-main li.nav-services a:hover,
	#nav-main li.active.nav-services a{
		background-position: -85px -48px;
	}
#nav-main li.nav-about a{
	width: 88px;
	background-position: -191px 0px;
}
	#nav-main li.nav-about a:hover,
	#nav-main li.active.nav-about a{
		background-position: -191px -48px;
	}
#nav-main li.nav-contact a{
	width: 105px;
	background-position: -279px 0px;
}
	#nav-main li.nav-contact a:hover,
	#nav-main li.active.nav-contact a{
		background-position: -279px -48px;
	}


/* @Footer
-------------------------------------------------------------- */

#footer{
	color: #929fa8;
}
#footer a{
	color: #1776b4;
}

#certified{
	font-weight: bold;
	text-transform: uppercase;
	font-size: 10px;
	font-family: Arial, sans-serif; /*Helvetica looks bad @ 10px*/
}
#certified strong{
	color: #74828b;
	font-size: 12px;
}

#nav-supp{
	float: right;
}
#nav-supp ul{
	list-style: none;
	margin: 0;
}
#nav-supp li{
	display: inline;
	border-left: 1px solid #b8bcbe;
	padding: 0 .75em;
}
#nav-supp li:first-child,
#nav-supp li.nav-home{
	border: none;
}
#nav-supp a{
	font-weight: bold;
}

#copyright{
	text-align: center;
	margin-top: 1.5em;
	font-weight: bold;
	color: #2c77a9;
}


/* @Body
-------------------------------------------------------------- */

#hdg-main,
body#home h2{
	color: #6aafdc;
	font-size: 27px;
	font-family: "Helvetica Black", "Arial Black", Helvetica, Arial, sans-serif;
	letter-spacing: -0.045em;
	padding: 0 0 .35em;
	font-weight: normal;
	background: url(/images/ui/hdg-main-div.gif) no-repeat left bottom;
}
body#home h2{
	border-bottom: 1px solid #d9d9d9;
	background: none;
	margin: 0 0 .5em;
	padding: 0;
}
#body{
	padding-top: 2em;
}


/* @Content-aside
-------------------------------------------------------------- */

body.aside #content-aside{
	margin-top: 1px;
	padding-bottom: 1.5em;
	width: 211px;
	margin-right: 10px;
}
body.aside #content-aside p{
	padding: 0 12px;
}

#nav-aside{
	margin: 0 0 1em;
	list-style: none;
	border-bottom: 1px solid #fafbfb;
}
#nav-aside li{
	border-top: 1px solid #fafbfb;
	border-bottom: 1px solid #cbd0d4;
}
#nav-aside a{
	color: #1776b4;
	display: block;
	font-weight: bold;
	font-size: 14px;
	line-height: 2em;
	padding: 0 4px 0 12px;
}
#nav-aside a:hover{
	color: #003c63;
	background: #d0dfe9;
	text-decoration: none;
}
#nav-aside li.active{
	background: #2f6386 url(../images/ui/nav-aside-active-grad.gif) repeat-x;
	border-top: none;
}
#nav-aside li.active a{
	margin-right: -10px;
	background: url(/images/ui/nav-aside-active-arrow.gif) no-repeat top right;
	color: #fff;
	min-height: 29px;
}
#nav-aside li:first-child,
#nav-aside li.first{
	border-top: none;
}


/* @Home
-------------------------------------------------------------- */

#home-welcome{
	width: 300px;
}
#home-services{
	width: 612px;
	margin-right: 0;
}

body#home #content-supp{
	border-top: 1px solid #d9d9d9;
	padding-top: 1.5em;
}

#home-services-list{
	width: 222px;
}
.gallery-home{
	width: 378px;
	height: 216px;
	margin: 0;
	list-style: none;
}
.gallery-home img,
.gallery-home a{
	display: block;
}
#home-services-list{
	list-style: none;
	margin-bottom: 0;
}
#home-services-list li{
	background: url(/images/ui/img-check.gif) no-repeat left top;
	padding-left: 20px;
	margin: 0 0 .45em;
}
#home-services-list a{
	font-size: 14px;
	font-weight:bold;
}
#home-slideshow img{
	display:block;
}
body#home #content-main{
	margin: 0 0 .75em;
}

.ad-feat{
	background: url(/images/ui/rnd-ad-t.gif) no-repeat;
}
.ad-feat .inner{
	background: url(/images/ui/rnd-ad-b.gif) no-repeat left bottom;
	padding: 12px 20px;
	min-height: 6.5em;
}
.ad-feat h3{
	font-family: "Helvetica Black", "Arial Black", Helvetica, Arial, sans-serif;
	color: #0066a1;
	font-size: 18px;
	font-weight: normal;
	margin: 0 0 .25em;
	padding: 5px 0 0 0;
}
.ad-feat a{
	text-decoration: none;
}
.ad-feat a:hover{
	color: #003554;
}
#ad-feat-video h3{
	background: url(/images/ui/icn-video.gif) no-repeat 0 5px;
	padding-left: 32px;
}
#ad-feat-quote h3{
	background: url(/images/ui/icn-quote.gif) no-repeat 0 2px;
	padding-left: 35px;
}
#ad-feat-suppliers h3{
	background: url(/images/ui/icn-pdf.gif) no-repeat 0 2px;
	padding-left: 35px;
}
body#home .ad-feat{
	width: 300px;
}


/* Map
-------------------------------------------------------------- */

#map{
	text-align: center;
}
#map img.map-large{
	display: block;
}
#map a{
	font-weight: bold;
	text-decoration: none;
}
#map img{
	vertical-align: middle;
}

/* Suppliers
-------------------------------------------------------------- */

.pdf-list ul{
	list-style: none;
	margin: 0 0 1.5em;
}
.pdf-list li{
	margin: 0 0 7px;
}
.pdf-list a{
	background: url(/images/ui/icn-pdf-small.gif) no-repeat left 2px;
	padding: 5px 0  5px 25px;
	font-size: 14px;
	font-weight: bold;
}