/*-------------------------------------------------------
	Reset
-------------------------------------------------------*/

* {   
	font-family: Arial, Helvetica, sans-serif;
	border: 0;
	margin: 0;
	outline: none;
	padding: 0;    
} 


/*-------------------------------------------------------
	Structural
-------------------------------------------------------*/

body {
	background: #fff;
	margin: 0px;
	padding: 0px;
	text-align: center;
}	

#outer-container{
	background:  url(../images/be-repeat.png) repeat-x;	
	float: left;
	height: 180px;
	width: 100%;
}

#container {
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	width: 990px;
}
	
#header {
	float: left;
	margin-top: -180px;
	position: relative;
	width: 990px;
	z-index: 10;
}

#logo{
	float: left;
	height: 112px;
	width: 394px;	
}

#contact-info-container{
	float: right;
}


#phone-number p{
	color: #00539a;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
		margin: 7px 0 0 6px;
	text-align: right;
}

#cords{
	color: #666666;	
		margin-top: -25px;
	text-align: right;
}

#top-nav ul{
	margin: 15px 0 0 0;
}

#top-nav li{
	display: inline;	
	text-align: right;
}

#top-nav li a:link,
#top-nav li a:visited{
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 10px;
	text-decoration: none;
}

#top-nav li a:hover,
#top-nav li a:active{
	color: #00539b;
	font: Arial, Helvetica, sans-serif;
	padding-left: 10px;
	text-decoration: underline;
}

#top-nav a:link.down{
	color: #00539b;
	font: Arial, Helvetica, sans-serif;
	padding-left: 10px;
	text-decoration: underline;
}

#motiongraphic{
	clear: both;
	float: left;
	margin-top: -40px;	
	margin-left: 10px;
}

#left-nav-container{
	float: left;
	margin-right: 20px;
	width: 240px;	
}

.left-box-container{
	float: left;
	margin-right: 20px;
	width: 240px;	
}

#left-nav{
	background: url(../images/left-nav-bg-repeat.jpg) repeat-y;
	float: left;
	width: 234px;
}

.left-box-bg {
	background: url(../images/left-nav-bg-repeat.jpg) repeat-y;
	float: left;
	width: 234px;
}

#left-nav ul{
	margin: 10px 0 10px 15px;	
}

#left-nav ul .list2{	
	border: 2px solid #999;
	margin-left: -20px;
}

#left-nav li{
	list-style: none;
	width: 95%;	
}

#left-nav-top-cap {
	float: left;
	height: 13px;	
}

#left-nav-bottom-cap {
	float: left;
	height: 12px;	
	margin:-4px 0 0 0;
}

.left-box-top-cap {
	float: left;
	height: 13px;	
}

.left-box-bottom-cap {
	float: left;
	height: 12px;	
	margin:-4px 0 0 0;
}


#main-content-top-cap {
	float: left;
	height: 12px;	
}

#left-nav a:link,
#left-nav a:visited{
	color: #666666;	
	padding-left: 25px;
	padding-right: 8px;
	text-decoration: none;
}

#left-nav a:hover,
#left-nav a:active{
	background: url(../images/nav-hover-wheel.jpg) no-repeat;
	color: #00539b;	
	padding-left: 25px;
	text-decoration: none;
}

#left-nav a:link.down{
	background: url(../images/nav-hover-wheel.jpg) no-repeat;
	color: #00539b;	
}
	
#wrapper {
	margin-left: 10px;
	width: 990px;
}
	
#main-nav {
	float: left;
	width: 150px;
}

#main-content-container{

}
	
#main-content {
	background: url(../images/main-content-bg-repeat.jpg) repeat-y;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	padding: 10px;
	width: 700px;
}

#main-content ul{
	margin: 10px 10px 10px 40px;	
}

#main-content-left-column{
	float: left;
	width: 500px;	
}

#main-content-one-column{
	float: left;
	width: 700px;	
}

#main-content-right-column{
	float: left;
	text-align: center;
	width: 200px;	
}

#two-column-container {
	width:700px
	}
	
#two-column-left {
	float: left;
	margin: 20px 0 0 0;
	width: 315px
	}	
	
#two-column-right {
	float: left;
	margin: 20px 0 0 10px;
	width: 315px
	}		
	
#two-column-right1 {
	float:left;
	margin: 0 0 0 15px;;
	width:180px
	}	
	
#two-column-right2 {
	float:left;
	margin: 0;
	width:180px
	}	
	
#two-column-left1 {
	float:left;
	margin: 0 0 0 15px;;
	width:180px
	}	
	
#two-column-left2 {
	float:left;
	margin: 0;
	width:180px
	}		

#three-column-container {
	width:700px
	}
	
#three-column-container .left {
	float:left;
	margin: 10px 0 0 40px;
	width:205px
	}	
	
#three-column-container .middle {
	float:left;
	margin: 10px 0 0 10px;
	width:205px
	}		
	
#three-column-container .right {
	float:left;
	margin: 10px 0 0 10px;
	width:205px
	}	
	
#two-column-container p,
#two-column-container p 
#two-column-container a{
	color: #00539b;
	font-size: 14px;
	font-weight: bold;
	margin-top: -8px;
	text-align: center;
	}	
	
#two-column-container a,
#two-column-container a
#two-column-container a {
	color: #00539b;
	font-size: 14px;
	font-weight: bold;
	margin-top: -8px;
	text-align: center;
	text-decoration:none;
	}	
		
#three-column-container .left p,
#three-column-container .middle p,
#three-column-container .right p {
	color: #00539b;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	}	
	
#three-column-container .left a,
#three-column-container .middle a,
#three-column-container .right a {
	color: #00539b;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	text-decoration:none;
	}	
		
.locations-list{
	float: left;
	margin: 10px 0 10px 20px;	
}

.locations-list li{	
	float: left;
	font-size: 12px;
	margin-left: 20px;
	width: 200px;
}

.paragraph-highlight{
	color: #002d59;	
}
	
#footer {
	clear: both;
	color: #fff;
	float: left;
	text-align: center;
	width: 990px;
}

#footer a:link,
#footer a:visited,
#footer a:hover,
#footer a:active{
	color: #fff;	
}

#thumb {
	}

#thumb img{
	border: 1px solid #666;
	float: left;
	margin: 6px;
	}		
	
.testimonial-div {
	border-bottom: 1px solid gray;
    font-style: italic;
    margin: 40px 25px 50px 15px;
	padding: 0 0 5px;
    text-align: justify;
    width: 500px;
	}

.testimonial-div {
    font-style: italic;
    text-align: justify;
}

.testimonial-div .cred {
    font-style: normal;
    margin-right: 25px;
    text-align: right;
}		

#main-content-bottom-cap {
	float: right;
	height: 15px;	
    margin: -3px 30px 0 0;
    width: 700px;
	}
	
#products {
	}
	
#products a{
	color: #00539B;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
	}		
/*-------------------------------------------------------
	Standard Selectors
-------------------------------------------------------*/


h1 {
	color: #00539b;
	font-size: 1.4em;
	margin: 7px auto 6px auto;
}

h2 {
	color: #00539b;
	font-size:16px;
	font-weight: bold;
	margin: 15px auto 6px auto;
}

h3 {
	margin: 7px auto 6px 0;
}

#main-content h4 {
	background: url(../images/main-header.png) no-repeat;
	color: #00539b;
	height: 49px;
	float: left;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	font-weight: strong;
	padding: 12px 0 0 15px;
	width: 700px;
}

p {
	font-size: 0.9em;
	margin: 7px auto 6px auto;
	line-height: 125%;
}

#main-content-two p {
	margin: 7px 30px 6px 20px;
	}
	
#main-content-two h1 {
	margin: 7px 10px 6px 10px;
	}

blockquote {
	margin: 10px 15px;
	padding: 5px;
}

li {
	margin: 0 0 7px 0;
}

#main-content-two li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0 0 7px 0;
}

a:link, a:visited {
}
	 
a:hover {
}
	 
a:active {
}

input, textarea {
	border: 1px solid #ccc;
}


/*-------------------------------------------------------
	Other Selectors
-------------------------------------------------------*/


/*-------------------------------------------------------
	Mozilla Clearfix
-------------------------------------------------------*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
	/* Hides from IE-mac */
	* html .clearfix {height: 1%;}
	/* End hide from IE-mac */
	

/*-------------------------------------------------------
	Contact Form
-------------------------------------------------------*/
#contact-form * {
	list-style-type: none;
}

#contact-form {
	text-align: left;
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	padding: 10px;
}

#contact-form label { 
	text-align: left;
	width: 110px; 
	float: left; 
	display: block;
}

#contact-form h1 { 
	font-size: 1em; 
	font-weight: bold; 
	clear: both;
}

.bot-input { 
	float: left; 
	margin-left: -999em;
}

/*---------------------------------------------------------
                     Background-fade css
-----------------------------------------------------------*/
	
			/*Demo Styles*/
			
			h3{ padding:30px 30px 20px 30px; }
			
			#content{ position:absolute; top:50px; left:50px; background:#111; background:rgba(0,0,0,0.70); width:360px; text-align:left; }
			.stamp{ float: right; margin: 15px 30px 0 0;}
				img{ border:none; }
	
	#supersized-loader { position:absolute; top:50%; left:50%; z-index:10; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background-color:#111; background:rgba(0,0,0,0.8) url(../img/progress.gif) no-repeat center center; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
	
	#supersized { position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
		#supersized img{ width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
			#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
			#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			/*Quality*/
		
		#supersized a { z-index:-30; position:absolute; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111;}
			#supersized a.prevslide { z-index:-20; }
			#supersized a.activeslide { z-index:-10; }
			#supersized a.prevslide img, #supersized a.activeslide img{ display:inline; }
	
	/*Controls Section*/
	#controls-wrapper { margin:0 auto; height:62px; width:100%; bottom:0; left:0; z-index:4; background:url(../img/nav-bg.png) repeat-x; position:fixed; }
		#controls { overflow:hidden; height:100%; text-align:left; z-index:5; padding:0 114px; /* Increase padding to give thumbnails room */ }
			#slidecounter { float:left; color:#888; font:23px "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:bold; text-shadow:#000 0 -1px 0; margin:19px 10px 18px 20px; }
			#slidecaption { overflow:hidden; float:left; color:#FFF; font:16px "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:bold; text-shadow:#000 0 2px 0; margin:23px 20px 23px 0; }
			#navigation { float:right; margin:10px 20px 0 0; }
	
	/*Thumbnail Navigation*/	
	#nextthumb,#prevthumb { z-index:6; display:none; position:fixed; bottom:12px; height:75px; width:100px; overflow:hidden; background:#ddd; border:2px solid #fff; -webkit-box-shadow:0 0 5px #000; }
		#nextthumb { right:12px; }
		#prevthumb { left:12px; }
			#nextthumb img, #prevthumb img { width:150px; height:auto;  }
			#nextthumb:active, #prevthumb:active { bottom:10px; }
			#navigation > :hover,#nextthumb:hover, #prevthumb:hover { cursor:pointer; }
			
			
/*----------------------------------------------------------
			Nivo Slider CSS
------------------------------------------------------------/*

/*
 * jQuery Nivo Slider v2.5.2
 * http://nivo.dev7studios.com
 *
 * Copyright 2011, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
 
 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:8;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */

.nivo-controlNav {
	float: right;
	position: relative;
	height: 373px;
	width: 50px;
	z-index: 100;
}

.nivo-controlNav a {
	background: url(../images/wheel.png) no-repeat;
	height: 22px;
	position:relative;
	z-index:9;
	cursor:pointer;
	float: right;
	margin:12px 15px 0 0;
	text-indent: -9999em;
	width: 20px;
}
.nivo-controlNav a.active {
	background: url(../images/wheel-blue.png) no-repeat;
	font-weight:bold;
	float: right;
	margin:12px 15px 0 0;
}

.two-column-list { width: 650px; height: auto; float: left; clear: both; margin: 0 0 20px; padding: 0; list-style-type: none; display: block; }
	.two-column-list li { text-align: center; width: 241px; float: left; margin: 0 60px 5px 20px; padding: 2px; list-style-type: none; display: block; }
	.two-column-list li ul, .two-column-list li li { text-align: center; width: auto; float: none; margin: 0; padding: 0; list-style-type: none; }
	.two-column-list img { border: solid 1px #999; }
	
#contact_form {
    border: 1px solid #003060;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    padding: 0 10px 10px;
    text-align: left;
    width: 480px;
}

#contact_form * {
    list-style-type: none;
}

#contact_form p {
    margin: 3px;
    padding: 5px;
}

#contact_form .even {
    background-color: #E4F2FF;
}	

#contact_form label {
    display: block;
    float: left;
    height: auto;
    text-align: left;
    width: 110px;
}

ul.vendors{
	float: left;
	margin: 10px 10px 10px 10px !important;
	width: 700px;	
}

ul.vendors li{
	list-style: none;
	float: left;
	height: 60px;
	text-align: center;
	width: 230px;	
}

.left-box {
	margin-top:20px;
	}