/*--------------------------- Last Modified --> 2009.02.12 ----------------------------*/
/*-------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------
  Copyright Einstein Industries 2006. Used with Permission.                             
  May not be duplicated or reproduced.
  Please check for cross-browser compatibility prior to making changes
  MINIMUM BROWSER CHECK :: IE5.x/IE6/Firefox/Safari
  CSS Document - layout.css
/*-------------------------------------------------------------------------------------*/
/* undo some default styling of common (X)HTML browsers
/*------------------------------------------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,html,label,table,tr,td {margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,a img,:link img,:visited img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
q:before,q:after {content:'';}

/* ------------------------ GLOBAL ELEMENTS ------------------------ */

@font-face {
	font-family: 'FreeSansMedium';
	src: url('/css/freesans-webfont.eot');
	src: local('☺'), url('/css/freesans-webfont.woff') format('woff'), url('/css/freesans-webfont.ttf') format('truetype'), url('/css/freesans-webfont.svg#webfontbxqPE3AT') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {background:#e1f1f8 url("../images/page-bg.jpg") top repeat-x; 
	
	text-align:center; 
	font:14px/22px Helvetica, FreeSansMedium, Arial, sans-serif; 
	color:#4b4b4b;
	}

blockquote { margin-left:10px; margin-right:10px; }

h1{
font-size:12px;
line-height:27px; 
color:#4B4B4B;
font-weight:bold;
}

h2, p.headertext, h1.headertext {
font-size:26px;
line-height:27px; 
color:#0098c0;
font-weight:normal;
}

p.h1 {
font-size:26px;
line-height:100%; 
color:#0098c0;
font-weight:normal;
margin-bottom:0;
}

h3, p.h3 {
font-size:16px;
font-weight:bold;
}
h4 {
font-size:20px;
font-weight:normal;
color:#0098c0;
}

a:link,a:visited	{ color:#0199c1; text-decoration:underline; outline:none; }
a:hover,a:active	{ color:#0199c1; text-decoration:none; outline:none; }

/* ------------------------ classes ------------------------ */

/* remember to define focus styles! */
:focus {
	outline: 0;
	}

p,ul,ol,dl,blockquote,h1,h2,h3,h4,h5,h6 { margin-bottom:20px; }

a:link, a:visited { text-decoration: underline }

a:active, a:focus, a:hover { text-decoration: underline }


/* default classes
 * ------------------------------------------------------------------------- */
 
.clearfix:after {
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}
/* for IE7 \*/
.clearfix {
	display:inline-block;
	}

.clearall {
	clear:both;
	overflow:hidden;
	height:0;
}

* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

div.clear {
	height: .01em;
	overflow: hidden;
	clear:both;
}


.btn {
display:block;
margin-bottom:17px;
}

img.img-left { 
float:left; 
margin:0px 10px 10px 0px;
}
img.img-right { 
float:right; 
margin:0px 0px 10px 10px; 
}
.divider {
background:url(../images/divider.jpg) bottom repeat-x;
height:10px;
margin-bottom:30px;
}

/* FORMS
 * ------------------------------------------------------------------------- */
form p.italics {
font-style:italic;
}
form p#message {
text-align:right;
}
form p a:link {
text-decoration:none;
background:url(../images/form-bullet.jpg) no-repeat 0 1px;
padding-left:18px;
}
form a#message-close {
background:none;
padding:0;
}
form input {
background:white;
width:110px;
height:15px;
}
form input.submit {
background:url(../images/form-bullet.jpg) no-repeat 0 2px;
padding-left:18px;
border:0;
color:#0199c1;
font-size:14px;
width:auto;
height:auto;
cursor:pointer;
}
form textarea {
width:274px;
}

/*VALIDATION*/
.error {
	background-color:#01A6D3;
	font-size:12px;
/* 	border:1px solid #000; */
	padding:4px 10px;
	color:#FFF;
	margin-left:-2px;
	font-weight:bold;
}
.error em {
	display:block;
	width:0;
	height:0;
	border:10px solid;
	border-color:#01A6D3 transparent transparent;
	/* positioning */
	position:absolute;
	bottom:-20px;
	left:50px;
}



.button {
  background-color: #1AB8E1;
  background-image: -moz-linear-gradient(top, #1AB8E1, #0097BE); 
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #1AB8E1),color-stop(1, #0097BE)); 
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#1AB8E1', EndColorStr='#0097BE'); 
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#1AB8E1', EndColorStr='#0097BE')"; 

		padding:10px;
		
		-moz-border-radius: 12px; /* FF1+ */
	  -webkit-border-radius: 12px; /* Saf3-4 */
	          border-radius: 12px; /* Opera 10.5, IE 9, Saf5, Chrome */
	
	color:#fff;
/* 	font-weight:bold; */
	text-align:center;
}

.button a:link,
.button a:visited
{
  color:#fff;
  text-decoration:underline;
}









/* BUILD
 * ------------------------------------------------------------------------- */
#wrap-top {
background:url("../images/body-bg.jpg") top center no-repeat;
}
#wrap-bottom {
background:url("../images/outter-wrap-bg.jpg") bottom repeat-x;
padding-bottom:20px;
}
#wrap {
width:950px;
margin:0 auto;
text-align:left;
}
#top {
background:url(../images/top.jpg);
height:104px;
position:relative;
}
#top p {
  color: white;
  font-size: 23px;
  font-weight: bold;
  position: absolute;
  right: 30px;
  text-align: right;
  text-shadow: 1px 1px 0 #767676;
  top: 65px;
  width: 220px;
}
#top p.sms {
color:white;
font-weight:bold;
font-size:14px;
text-shadow: 1px 1px 0px #767676;
position:absolute;
right:30px;
top:45px;	
width:300px;
text-align:right;
}

#header {
	height:247px;
	background:url(../images/header-sub.jpg);
}

body#home #header
{
	height:387px;
	background:#fff;
	position: relative;
	overflow:hidden;
	padding:10px 10px 0 10px;
}



#column-left {
background:url(../images/column-left-bg.jpg) right repeat-y;
width:310px;
float:left;
}
#column-left .content-wrap {
	width:280px;
	}
	#video-link {
	text-align:center;
	}
	#video-link img {
	margin-bottom:10px;}
	#column-left h3 {
	font-size:23px;
	font-weight:normal;
	color:#0098c0;
	margin-bottom:0;
	}
	#title-send-message {
	background:url(../images/title-send-message.jpg) no-repeat;
	height:77px;
	}
	#title-our-location {
	background:url(../images/title-our-location.jpg) no-repeat;
	height:80px;
	}
	#social-icons {
	height:30px;
	}
	#social-icons a {
	float:left;
	margin:0 7px;
	}


#column-right {
width:610px;
float:right;
}

#column-right ul
{
	list-style-type:disc;
	list-style-position: inside;
}

#column-right ul li
{
	margin:0 0 0px 20px;
}


/*----NAVIGATION ----------------------------------------------------*/
#nav {
background:url(../images/nav-bg-sub.jpg);
height:90px;
}
body#home #nav {
background:url(../images/nav-bg.jpg);
height:52px;
}
#nav ul {
text-align:center; 
margin-bottom:0;  
}
#nav ul li {
display:inline; 
line-height:32px;
}
#nav ul li a {
padding:10px 5px;
/* padding:10px 20px 10px 20px; */
text-transform:uppercase;
text-decoration:none;
color:#4b4b4b;
font-size:12px;
}


#nav ul li a.current
{
	color:#0098C0;
}

#nav ul li a:active,
#nav ul li a:hover
{
	color:#0098C0;
}

/*----PODS----------------------------------------------------*/
#pods {
background:url(../images/pods.jpg);
height:146px;
margin-bottom:50px;
}
#pods ul {
text-align:center;
margin-bottom:0;
}
#pods ul li {
float:left;
margin-right:1px;
}
#pods ul li a {
height:146px;
width:189px;
display:block;
color:white;
text-decoration:none;
font-weight:bold;
}
#pods ul li a span {
display:block;
padding-top:121px;
}

/*----bnaSlider----------------------------------------------------*/

#galleryScrollable {
width:600px;
background:white;
border:1px solid #1497BC;
font-size:12px;
}

#galleryScrollable p
{
	margin-bottom:10px;
}
.panes, .panes div.pane {
width:600px;
height:324px; 
overflow:hidden;
}
.pane-content {
margin:25px;
width:550px;
height:296px;
}

.pane-content h4
{
	margin-bottom:10px;
}
.panes div.pane {
display:none;
}

.tabs {
	float:left;
	position:absolute;
	height:115px;
	width:20000em;
	}

.tabs li {
	float:left;
	margin:30px 0 0 0 ;
	width:112px;
	height:115px;
	list-style:none;
	text-align:center;
}
.tabs li a {
	display:block;
	width:106px;
	height:115px;
	margin:0 0 0 3px;
	}
.tabs li a.current {
	background:white;
	}	
.tabs li a img {
	padding-top:2px;
	}
#scrollable-wrapper {
	position:relative;
	overflow:hidden;
	height:170px;
	width:560px;
	float:left;
	}
/* prev, next, prevPage and nextPage buttons */
a.browse, a.next, a.prev {
	display:block;
	width:20px;
	height:170px;
	float:left;
	cursor:pointer;
	font-size:1px;
	position:relative;
}
a.left, a.prev {
	background:url(../images/bna-arrows.png) no-repeat 0 40px;
	}
a.right, a.next {
	background:url(../images/bna-arrows.png) no-repeat -20px 40px;
	}
#thumb-wrapper {
	background:#1497BC;
	height:128px;
	padding-top:10px;
	}
img.bna-main { 
	float:left; 
	margin:0px 15px 10px 0px;
	}	
p.bna-case {
	color:#1497bc;
	font-size:20px;
	}
	
/*----FOOTER----------------------------------------------------*/

#footer {
	/* height:100px; */
	background:#00304f;
}
#footer-wrap {
	width: 950px;
	margin: 0 auto;
	padding: 20px 0;
	font-size: 14px;
	color: #E1F1F8;
	line-height: 14px;
}


#footer-wrap ul li
{
	display:inline;
	padding:0px 5px;
	border-left:1px solid #fff;
}

#footer-wrap ul li.first
{
	border:none;
}

#footer-wrap p
{
	margin-bottom:10px;
}

p.image-gallery-icons
{
	text-align:center;
}

p.image-gallery-icons img
{
	display:inline;
	padding:1px;
}

#video_testimonials {
	width: 450px;
}

#video_testimonials table tr td {
	vertical-align: top;
}











#contact_business {
	display: none;
}
/* do not remove */


/* ----- main contact form ----- */

#contact-main {
	padding: 20px 0 10px 0;
	margin-left: 30px;
}

#contact-main label {
	width: 180px;
	position: relative;
	display: block;
	text-align: right;
	margin-bottom: 0px;
	font-size: 1.0em;
}

#contact-main label input, #contact-main label textarea, #contact-main label select {
	width: 250px;
	position: absolute;
	left: 110%;
	top: -2px;
}

#contact-main label select {
	width: 255px;
}

#contact-main label textarea {
	height: 100px;
}

form#contact-main input.submit-contact-main {
	width: 60px;
	height: 24px;
	margin: 90px 0 0 290px;
}





/* subNav
-------------------------------------------------------------- */
ul#subNav {
	margin: 0 0 25px 0;
}

ul#subNav li {
	background-image: none;
	margin: 0;
	padding: 0;
}

ul#subNav li a:link, ul#subNav li a:visited {
	display: block;
	width: 263px;
	height: 28px;
	padding: 6px 0 0 37px;
	margin: 0 0 6px 0;
	background-image: url('/images/subNav.jpg');
	background-position: 0 0;
	background-repeat: no-repeat;
	text-decoration: none;
}

ul#subNav li a:hover {
	background: url('/images/subNav.jpg') no-repeat 0 -34px;
	/* color: #FFFFFF; */
	_margin: 0 0 6px 0;
}

ul#subNav li a#subNavActive {
	background: url('/images/subNav.jpg') no-repeat 0 -68px;
	color: #FFFFFF;
}





img.border
{
	border:6px solid #0098c0;
}

div.img-right
{
	float:right;
	text-align:right;
	margin-bottom:10px;
	margin-left:10px;
}


.vid-btn, .videoLink
{
	margin-top:20px;
	cursor:hand;
}

div#gallery h3
{
	margin-top:50px;
}







/****************** overlay video player ********************/

.video-wrap {
	width:970px; 
	height:445px;
	   -moz-box-shadow: 7px 7px 7px #333; 
  -webkit-box-shadow: 7px 7px 7px #333; 
          box-shadow: 7px 7px 7px #333;
	}
.video-title {
	height:40px;
	background:black;
	color:white;
	}
	
.video-title h1 {
	font-size:20px;
	line-height:40px;
	padding:0 15px;
	color:#fff;
	}	
#videoPlayer1,
#videoPlayer2,
#videoPlayer3,
#videoPlayer4, 
#videoPlayer5, 
#videoPlayer6,
#videoPlayer7,
#videoPlayer8,
#videoPlayer9,
#videoPlayer10,
#videoPlayer11,
#videoPlayer12,
#videoPlayer13 {
	width:720px;
	height:405px;
	float:left;
	background:#000;
	}
.video-data {
	width:250px;
	height:405px;
	float:left;
	}
.clear {
	clear:both;
	overflow:hidden;
	}
/* the overlayed element */
.simple_overlay {
	/* must be initially hidden */
	display:none;
	/* place overlay on top of other elements */
	z-index:10000;
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url("/images/close.png");
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}	
/* root element for accordion. decorated with rounded borders and gradient background image */
.accordion {
	background:#333;
	height:376px;
	overflow:hidden;
}

.accordion h2.accordianLink {
	background:url('/images/buttons.jpg') no-repeat;
	}
.accordion h2.accordianLink.active {
	background:url('/images/buttons.jpg') no-repeat 0 -30px;
	}	
	
.accordion h2,
.accordion h2 a {
	margin:0;
	cursor:pointer;	
	height:30px;
	font-size:12px;
	line-height:30px;
	padding:0 15px;
	text-decoration:none;
	cursor:pointer;
}
.accordion .pane {
	height:316px;
	padding:0 15px;
	color:#fff;
	font-size:12px;
	overflow:auto;
}
.pane div {
	padding:10px 0 0 0 ;
	}
.videoSite {
	font-size:12px;
	background:url('/images/buttons.jpg') no-repeat 0 -60px;
	padding:0 15px;
	
	}
	
a
{
	position:relative;
}

#home a span.video_btn {display:none;}
#home img.border {border:0;}

a span.video_btn
{
	background:url('/images/play.png') no-repeat;
	width:150px;
	height:84px;
	display:block;
	position:absolute;
	top:-55px;
	left:-50px;
	z-index:100;
	_display:none;
}
img.video_btn
{
	width:200px;
}

div.img-left
{
	float:left; margin:0 10px 10px 0;
}


div.testimonial
{
	-moz-box-shadow: 7px 7px 7px #cecece; /* FF3.5+ */
	-webkit-box-shadow: 7px 7px 7px #cecece; /* Saf3.0+, Chrome */
	box-shadow: 7px 7px 7px #cecece; /* Opera 10.5, IE 9.0 */
	background:#e5f6fe;
	padding:10px;
	margin-bottom:20px;
	font-size:12px;
	font-style:italic;
}

div.testimonial p.right
{
	text-align:right;
	margin-bottom:0;
}

.center
{
	text-align:center;
}




/** BLOG theme css **/

body#single h2,
body#multiple h2
{
	font-size:18px;
}

body#multiple div.post h1.headertext,
body#single div.post h1.headertext
{
	font-size:20px;
}

body#multiple div.post div.read-more
body#single div.post div.read-more
{
	margin-bottom:10px;
}


/* the overlayed element */
.photo_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#0098BB;
	
	width:1020px;
	min-height:200px;
/* 	border:1px solid #666; */
	padding:10px 0 0 10px;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;
}

.photo_overlay img
{
	width:500px;
	margin-right:10px;
}

.photo_overlay img.last
{
	margin-right:0px;
}

/* close button positioned on upper right corner */
.photo_overlay .close {
	background-image:url("/images/close.png");
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}



.disabled
{
	display:hidden;
}

#breadcrumbs{
	font-size:10px;
}

#breadcrumbs a {
	font-size:10px;
	text-decoration:underline;
}


#breadcrumbs a:hover{
	font-size:10px;
	text-decoration:none;
}