/* CSS Document - By Brent Stees 5/05/10 */
@font-face {
	font-family: 'FuturaMed';
	src: url('futura_medium_condensed_bt-webfont.eot');
	src: local('FuturaMed'), url('futura_medium_condensed_bt-webfont.ttf') format('truetype') ;
	font-weight: normal;
	font-style: normal;
}

body {
/* Layout */
	margin:0;
/* Base Text Style For Whole Document (inherited to all tags until overidden) */
	color:#7b7b7b;
	font:12px/20px Arial, Helvetica, sans-serif;
/* Background Image and Color */
	background:#fff;
	min-width:920px;
}
/* Formatting */

img {border:0;}
a {color:#044669; font-weight:bold; text-decoration:none; outline:none;}
a:hover {text-decoration:underline;}
h1 {
	font:20px/24px 'FuturaMed', Arial, Helvetica, sans-serif;
	color:#000000;
	margin:30px 0 13px;
	font-weight:normal;
	text-transform:uppercase;
}
h2 {
	font:16px/24px 'FuturaMed', Arial, Helvetica, sans-serif;
	color:#333;
	
	margin:20px 0 13px;
	font-weight:normal;
}
#content h2{
	text-transform:uppercase;
	}
#content h2.special, h2.special {
	text-transform:none;
	font-size:32px;
	text-align:right;
	font-style:italic;
	padding-right:3px;
}
h3 {font-family: Arial, Helvetica, sans-serif; font-size:16px; color:#666; line-height:18px;}
h4 {font-size:16px; color:#000; line-height:18px; font-weight:100;}
strong {color:#7a7a7a;}
em {color:#000;}

ul, li {display:block; padding:0; margin:0; list-style:none;}
#content ul {padding:10px 0;}
#content ul li {padding:0 0 5px 15px; background:url(img/bullet01.gif) no-repeat 0 8px;}
#content ul li:hover {background-color:#fafafa;}

#page {
/* Layout */
	width:100%;
	overflow:hidden;
}
#header {
/* Layout */
	width:100%;
/* Background Image and Color */
}
#header:after,
#navbar:after,
#navbar .box:after,
#nav:after {
	display:block;
	clear:both;
	content:" ";
}
#header .holder {
	width:100%;
	overflow:hidden;
	background:url(img/bg-header.gif) repeat-x 0 100%;	
}
#header .frame {
	width:889px;
	margin:0 auto;
	overflow:hidden;
	padding:12px 0 5px 31px;
	position:relative;
}
#header #logo {
	float:left;
	width:191px;
	height:130px;
	background:url(img/logo.gif) no-repeat;
	overflow:hidden;
	text-indent:-9999px;
}
#header .text {
	float:right;
	width:470px;
	padding:30px 6px 0 0;
}
#header .text p {
	text-align:right;
	margin:0;
	color:#a8a8a8;
}
#header .text p.phone {
	color:#000;
	font:bold 24px/24px Arial, Helvetica, sans-serif;
}
#header .text .row {
	height:1%;
	overflow:hidden;
}
.full-service {
	float:right;
	height:41px;
	text-indent:-9999px;
	width:401px;
	margin:10px 0 0;
	background:url(img/txt-full-service.gif) no-repeat;
}
.made-in-usa {
	position:absolute;
	top:19px;
	left:300px;
	width:64px;
	height:109px;
	background:url(img/made-in-usa.png) no-repeat;
	text-indent:-9999px;
}
.nomma {
	position:absolute;
	top:12px;
	left:400px;
	width:100px;
	height:128px;
	background:url(img/nomma-logo.png) no-repeat;
	text-indent:-9999px;
}
#navbar {
	width:100%;
	background:#000 url(img/bg-navbar.gif) no-repeat 50% 0;
}
#navbar .box {
	width:920px;
	margin:0 auto;
	padding:1px 0 0;
}
#nav {
	float:right;
	margin:0 -3px 0 0;
}
#nav li {
	float:left;
	font:bold 13px/30px Arial, Helvetica, sans-serif;
	background:url(img/bullet01.gif) no-repeat 0 14px;
	padding:0 12px 0 14px;
	margin:0 3px 0 -3px;
	z-index:99;
}
#nav li.first {background:none;}
#nav a {color:#fbf124;}
#nav a:hover {color:#fff; text-decoration:none;}
#nav li:hover {position:relative;}
ul#nav .drop {
	right:auto;
	left:0;
	top:25px;
	position:absolute;
	width:179px;
	background:url(img/bg-drop-t.gif) no-repeat;
	padding:11px 0 0;
	display:none;
}
ul#nav li:hover .drop {display:block;}
ul#nav ul {
	background:#fff url(img/bg-drop-grd.gif) repeat-x;
	bottom:auto;
	padding:0;
	margin:0;
	border:solid #a0a0a0;
	border-width:0 1px 1px;
	width:177px;
	list-style:none;
}
ul#nav ul li {
	height:1%;
	padding:0;
	margin:0;
	background:none;
	overflow:hidden;
	font:12px/24px Arial, Helvetica, sans-serif;
	vertical-align:top;
	float:none;
}
ul#nav ul a {
	display:block;
	height:1%;
	color:#454545;
	padding:0 0 0 5px;
}
ul#nav ul a:hover {
	color:#fff;
	background-color:#000;
}


/* main */
#main {
	width:920px;
	margin:0 auto;
	overflow:hidden;
	padding:9px 0 20px;
}
#content {
	/* Layout */
	width:660px;
	float:right; 
}
#slider {
	height:416px;
	overflow:hidden;
	margin:0 0 31px;
}
#slider promo img {display:block;}
.cnt-box {
	height:1%;
	overflow:hidden;
	padding:0 0 0 23px;
}
.cnt-box p {margin:0 0 15px; line-height:30px;}
.cnt-box p a.link {
	margin-left:20px;
	font-weight:bold;
	color:#4a5e4f;
}
#sidebar {/* Layout */
	width:250px;
	float:left;
}
ul.side-nav {
	margin:0;
	padding:0;
	list-style:none;
	height:1%;
	overflow:hidden;
	position:relative;
	z-index:0;
}
ul.side-nav li {
	height:1%;
	overflow:hidden;
	vertical-align:top;
	padding:0 0 9px;
	
}
ul.side-nav a {
	display:block;
	position:relative;
	z-index:5;
	cursor:pointer;
	
}
ul.side-nav a:hover {text-decoration:none; }
ul.side-nav img {display:block;}
ul.side-nav .text {
	position:absolute;
	bottom:0;
	left:0;
	width:235px;
	padding:0 5px 0 10px;
	height:46px;
	color:#fbf124;
	font: 26px/46px 'FuturaMed', Arial, Helvetica, sans-serif;
	background:url(img/bg-side-nav.png) no-repeat;
}
.info-box {
	height:1%;
	overflow:hidden;
	background:#f5f5f5 url(img/bg-info-box-t.gif) no-repeat;
}
.info-box .holder {
	background:url(img/bg-info-box-b.gif) no-repeat 0 100%;
	padding:11px 11px 15px;
}
ul.buttons {
	margin:0;
	padding:0;
	list-style:none;
	height:1%;
	overflow:hidden;
}
ul.buttons li {
	height:1%;
	overflow:hidden;
	padding:0;
	font: 16px/55px 'FuturaMed', Arial, Helvetica, sans-serif;
	background:url(img/bg-buttons.gif) no-repeat 0% 0%; 
	margin-bottom: 5px;
}
ul.buttons a {
	display:block;
	font-size:20px;
	line-height:20px;
	color:#000;
	font-weight:normal;
	margin-top:12px;
	padding:4px 0 16px 0;
	background:url(img/bg-buttons.gif) no-repeat 0% 100%; 
	text-align:center;
}
ul.buttons a:hover {
	text-decoration:none;
	color: #666666;
}
.featured {
	height:1%;
	overflow:hidden;
	padding:9px 0 0 2px;
	color:#a5a5a5;
}
ul.list li {
	padding-left:15px;
	background:url(img/bullet01.gif) no-repeat 0 8px;
	color:#333;
	}
ul.list li a {
	color:#333;
	font-weight:bold;
	}
	
.featured h2 {
	margin:10px 0 8px;
	color:#000;
	font: 22px/22px 'FuturaMed', Arial, Helvetica, sans-serif;
}
.featured img {
	display:block;
	margin:0 0 13px;
}
.featured h3 {
	color:#a5a5a5;
	margin:0;
	font: 11px/12px 'FuturaMed', Arial, Helvetica, sans-serif;
}
.featured p {
	margin:0;
	font:bold 10px/12px Arial, Helvetica, sans-serif;
}
/* seo */

#footer #seo h3 {font-size:10px; color:#666666; width:100%; text-align:center; overflow:hidden;  }

#footer {
/* Layout */
	width:100%;
/* Background Image and Color */
	background:url(img/bg-footer.gif) repeat-x;
	overflow:hidden;
}
#footer .holder {
	width:902px;
	margin:0 auto;
	overflow:hidden;
	padding:21px 8px 10px 10px;
}

#footer img {float:right;}
#footer p {
float:left; width:300px;
	padding:15px 20px 0 0;
	margin:0;
	color:#666;
	font:10px/12px Arial, Helvetica, sans-serif;
}
#footer #login {
	float: left;
	width: 280px;
	padding-left:50px;
	}
#footer #login h2 {
	font: italic 16px/20px 'FuturaMed', Arial, Helvetica, sans-serif;
	}
#footer #login input {
	float:left;
	margin-right:4px;
	width:80px;
	font-size:10px; 
	height:10px;
	color:#666666;
	}
#footer #links {
	width:800px;
	text-align:center;
	margin:0 auto;
	padding-top:20px;
}
#footer #links a {
	color:#666;
}


.testimonial {
	border-bottom:#CCCCCC solid 1px;
	margin-bottom:15px;
	padding-bottom:15px;
	}
.testimonial p {
	line-height:18px;
	}
.testimonial .signed {
	text-align:right;
	color:#CCCCCC;
	}
.gallery img {
	display:block;
}
.gallery {
	text-align:center;
	width:314px;
	float:right;
	margin:15px 0 15px 15px;
}
hr {
	color:#999;
	background-color:#999;
	clear:both;
	margin:10px 0;
	display:block;
}

#content #application ul li label {width:25%; float:left; color:#333; font-weight:bold; margin-right:20px; text-align:right; display:block;}
#content #application ul {list-style:none;  margin-bottom:15px; border-bottom: 1px solid #999;}
#content #application ul li {padding:5px 0 10px 0; background:none; clear:both; display:block; overflow:hidden;}
#content #application input, #content #application textarea, #content #application select{float:left; width:300px}
#content #application textarea {height:100px; width:300px;}
#content #application input.radio_check {width:auto; float:none;}

#content #calculator ul li label {width:85px; float:left; color:#333; font-weight:bold; margin-right:20px; text-align:right; display:block;}
#content #calculator ul {list-style:none;  margin-bottom:15px; border-bottom: 1px solid #999;}
#content #calculator ul li {padding:5px 0 10px 0; background:none; clear:both; display:block; overflow:hidden;}
#content #calculator input, #content #calculator textarea{float:left; width:50px}
#content #calculator textarea {height:100px}
#content #calculator input.radio_check {width:auto; float:none;}

/* tooltip styling */
.tooltip {
	display:none;
	background: #fff;
	border:#333 1px solid;
	padding:15px;
	width:450px;
	font-size:12px;
	color:#000;
	text-align:left;
	z-index:99;
	
}
.tooltip p {line-height:1.5em;}
#gallery {
	list-style:none; 
	padding:0;
}
#content #gallery li { 
	float:left; 
	overflow:hidden;
	margin-right:10px;
	margin-bottom:10px;
	padding:0; 
	background:none;
	height:220px;
}
#gallery h3 {
	margin-top:0;
	line-height:1.5em;
	width:180px;
	padding:0 10px;
	font-size:14px;
	color:#666;
	text-align:center;
}
#content ul.rails {
	list-style:none;
	padding-left:0;
	padding-bottom:15px;
	overflow:hidden;
}

ul.rails a {
	display:block;
}

#content ul.rails li {
	float:left;
	text-align:center;
	list-style:none;
	background:none;
	padding-right:8px;
	padding-left:0;
	overflow:hidden;
}

ul.rails li.last {
	padding-right:0;
}

#content ul.samples {
	overflow:hidden
}

#content ul.samples li {
		width:180px;
		float:left;
		padding-right:15px;
		overflow:hidden;
}
#content ul.samples li.last {
	padding-right:0;
}

#content ul.twocolumn {
	overflow:hidden;
}
#content ul.twocolumn li {
	width:303px;
	float:left;
	overflow:hidden;
}


#content .videos {list-style:none; overflow:hidden; margin-bottom:15px;}
#content .videos li {float:left; margin-right:10px; text-align:center; list-style:none; padding-left:0; background:none;}
#content .videos li img {width:120px; display:block;}

/*SEO AREA*/
.seo {
	width: 100%;
	color:#c0c0c0c;
	text-align: center;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.seo h2 a{
	font-size: 10px;
	color:#c0c0c0c;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.seo h2 {
	font-size: 10px;
	color:#c0c0c0c;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.seo a{
	font-size: 10px;
	color:#c0c0c0c;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}