/*----------------------------------------------------------
CSS for 

author:    Robert Morgan
email:     rmorgan@hwsinet.com
---------------------------------------------------------*/

/* GENERAL
---------------------------------------------------------*/
* {margin: 0px; padding: 0px;}
body {font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	font-size:13px;
	background-image:url(images/bodybgcolor.png);
	background-repeat:repeat-x;
	background-color:#F7F7F7;
	color:;*/}
a {}
img {border: none;}


/* BRANDING ------------------------------------------*/
.companyName{font-style:italic; font-weight:bold; }


/* TYPOGRAPHY (Global)
---------------------------------------------------------*/
#headerName {
	clear:both;
	text-align:center;
	letter-spacing: .1em;}
h1{font-size: 1.6em;}
h2{font-size: 1.4em;}
h3{font-size: 1.2em;}
h5{font-size: .9em;}
h6{font-size: .8em;}
#bigPicRow h3, .center{text-align:center;}
h1, h2, h3, h4, h5{color:#0079c2;}
p, ul, dl, h6, h5,h3, h2, h1{margin-bottom:.6em;line-height:1.4em; }
p{
	font-size:12px;
}
h5, h6{font-weight:normal;}
.finePrint {font-size:.7em; letter-spacing:.2em; text-align:center;}
#ggLogin{clear:both;text-align:center; margin:15px;font-size:.9em;}
#ggLogin a{text-decoration:underline; color:#000;}
#contact{text-align:center; margin-top:0px;}

.quoteAtrb{
	font-weight:bold;
	margin-top:0px;
	text-align: right;
}

/* COLOR
---------------------------------------------------------*/
/*grey #a4a4a4-----------------------------------------------*/
/* light blue #ccdde7 --------------------------------------*/
/* main blue #0079c2 --------------------------------------*/
/* dark blue #00337F --------------------------------------*/
/*-----------LINKS---------------------------------------*/
a:link, a:active, a:visited {color:#fff;} 
a:hover {color:#ccdde7;}


/*-----------LISTS---------------------------------------*/
h4{font-size: 1em; font-weight:bold; margin-bottom:0px;}/*-- USE H4s FOR LIST HEADS --*/
ul, dd{padding-left:30px;}
dt{font-style:italic;}
li{list-style-type:none;}


/* -HORIZONTAL NAVIGATION
-------------------------------------------------------------------*/
#nav, #copyright{
	clear:both;
	height:28px; 
	background:#00337F;
	background-image:url(images/bgcolor.png);

	text-align:center;
	z-index:999;}
#copyright{
	padding:8px;
		-moz-box-shadow: 0px 5px 3px #333; /* Firefox */
	-webkit-box-shadow: 0px 3px 5px #333; /* Safari and Chrome */
	box-shadow: 0px 3px 5px #333;
	
}
.topBar{
		-moz-box-shadow: 0px 5px 3px #333; /* Firefox */
	-webkit-box-shadow: 0px 3px 5px #333; /* Safari and Chrome */
	box-shadow: 0px 3px 5px #333;
	
}
.navItem{font-size:.9em; color:#fff; margin-top:5px; padding:0px 10px;font-weight:bold;}

/* -LAYOUT
-------------------------------------------------------------------*/
#container{padding:0px; width: 920px; margin: 0px auto;}
#content{padding:20px; padding-right:10px; clear:both; background-color:#EEE; background-image:url(images/bubble.png); background-repeat:repeat-y;}
#mainText{padding-left:10px; padding-right:30px;}

.left{float:left;margin-right:15px;}
.right{float:right;margin-left:15px;}
/*.pWPic{clear:left;margin:15px 0px;}*/
#header{height:222px;
background-image:url(images/header_03_MorrisMechanical_RT2.png);
background-position:bottom right;
background-repeat:no-repeat;
} 
#logo{}
#theme{font-size:1.7em; padding-top:180px; color:#0079c2; font-style:italic; font-family:"Times New Roman", Times, serif}

#csTab{float:right;}
.leftRow{clear:left;margin-right:215px;}


#picLinksRow{margin-top:15px; border-top:1px dotted #999; padding-top:20px}
#picLinksRow a{color:#FFF; text-decoration:none; display:block;}
#picLinksRow a:hover{color:#A00;}
.lilBox{width:150px;float:left;margin:11px;font-size:.9em;}
.lilBoxA{width:150px;font-size:.9em;width:170px}
.lilBoxA p{font-size:11px;}


.borderBox{
	clear:both;
	border-top:1px dotted #CCC;
	
}
#footer{
	background-image:url(images/footer.png);
	background-position:bottom center;
	background-repeat:no-repeat;
	height:130px;
}
.lilBorder{clear:left;border-top:3px solid #004e7e;}
#copyright{color:#fff;font-size:18px; font-style:italic; font-weight:bold;letter-spacing:.1em; font-family:"Times New Roman", Times, serif}


/* TAB BOX --------------------------------------------*/
.tabHead{width:200px;height:28px; background:url(images/topTab.gif) no-repeat;}
.tabBox{margin-bottom:35px;}
.tabBox h3{color:#fff;text-align:center;padding-top:3px;margin-bottom:0px;}
.tabContent{
	width:168px;
	border-left:1px solid #004e7e;
	border-right:1px solid #004e7e;
	padding:15px;
	background-color:#ccdde7;
	line-height: 1.2em;
	font-size:.9em;margin-bottom:0px;
} .tabContent h4{margin-bottom:15px;}
blockquote{font-style:italic;margin:5px; line-height:1.5em; font-size:13px; font-family:"Times New Roman", Times, serif;}
.tabFoot{width:200px;height:28px; background:url(images/bottomTab.gif) no-repeat;}

/* BIG PIC ROW----------------------------------------------------*/
#bigPicRow{clear:both;margin:35px 0px;padding:15px 0px;}
.picBox{width:200px; height:235px; float:left;margin:10px;padding:10px;font-size:.9em;}
.picBox img{border:2px solid #0079c2;}

.clearGap{clear:both;line-height:0px; height:15px;}
/*-PAGE SPECIFIC STYLES
--------------------------------------------------------*/
.wPic img{float:left;margin:0px 15px 0px 0px;border: 3px solid #0079c2;}
.wPic{clear:left;margin-top:15px; padding-top:10px; border-top:2px solid #0079c2;}
.boldEmBlue{color:#0079c2; font-weight:bold; font-style:italic;}


#indBottom, #histBottom{margin-top:25px;}
#indBottom img, #histBottom img{border: 3px solid #0079c2;}
#histBottom{text-align:center;
padding:10px;
border-top:1px \ dotted #666;}

#nate img{float:left;margin-right:15px;}


#testimonialBox blockquote{
	padding-top:15px;
}

#contactForm{width:500px; margin:auto;}
#contactInfo{text-align:center;}
#financing {width:500px; padding:15px; margin:25px auto;border: 1px solid #004e7e; text-align:center;}
#contactInfo a, #financing a{color:#000; text-decoration:underline;}
#contactInfo a:hover, #financing a:hover{color:#0079c2;}

#poolBottom img{float:left;margin-right:15px;}

.lilRow{clear:both;}
#picHead{text-align:center;}
/* FORM STYLES
-------------------------------------------------------*/
#contactForm{text-align:center;}
#contactForm h2{margin:20px;}

.label{float:left;width:200px;}
.fText {background-color:#fff;color:#000;
	padding: 3px;
	width: 290px;border: 1px solid #004e7e;
}
.fTextArea {background-color:#fff;color:#000;
	padding: 3px;
	width: 290px;
	height: 50px;border: 1px solid #004e7e;
}
.line {
	border-top: 1px dotted #004e7e;
	padding-top: 5px;
	padding-bottom: 5px;
}

.line {
	border-top: 1px dotted #004e7e;
	}

#buttons{text-align:center;margin:15px;}

ul.nav {
	list-style: none; /* this removes the list marker */
	margin-left:-25px;
	margin-top:8px;
	
	
}
ul.nav li {
	display:inline;
	float:left;
	

	
}
ul.nav a, ul.nav a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
	padding: 5px 10px 5px 10px;
	display:block; /* this gives the anchor block properties so it fills out the whole LI that contains it so that the entire area reacts to a mouse click. */
	text-align:center;
	text-decoration: none;
	background: #00337F;
	background-image:url(images/bgcolor.png);
	border-right:1px solid #00337F;
	width:80px;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
	background: #3A75C4;
	color: #FFF;
	-moz-box-shadow: 0px 5px 5px #333; /* Firefox */
	-webkit-box-shadow: 0px 5px 5px #333; /* Safari and Chrome */
	box-shadow: 0px 5px 5px #333;
}
.bubble{

	background-repeat:no-repeat;
	background-color:#FFF;
	padding:20px;
	padding-top:10px;
	 float:left;
	 width:168px;
	 margin:5px;
	 -webkit-border-radius: 8px;
	-moz-border-radius:8px; /* Firefox */
	border-radius:8px;
	border:1px solid #CCC;
	margin-bottom:15px;
	-moz-box-shadow: 3px 5px 5px #666; /* Firefox */
	-webkit-box-shadow: 3px 5px 5px #666; /* Safari and Chrome */
	box-shadow: 3px 5px 5px #666;
}
.bubble2{
	background-repeat:no-repeat;
	background-color:#FFF;
	padding:20px;
	padding-top:10px;

	 margin:5px;
	 -webkit-border-radius: 8px;
	-moz-border-radius:8px; /* Firefox */
	border-radius:8px;
	border:1px solid #CCC;
	margin-bottom:15px;
	-moz-box-shadow: 3px 5px 5px #666; /* Firefox */
	-webkit-box-shadow: 3px 5px 5px #666; /* Safari and Chrome */
	box-shadow: 3px 5px 5px #666;
	
}
.bubbleHeader{
	background-image:url(images/tabHeader.png);
	background-repeat:no-repeat;
	margin-left:-25px;
	width:200px;
	height:30px;
	padding:5px;
	text-align:center;
	color:#FFF;
	
	
}
#bubblePic{
 -webkit-border-radius: 8px;
	-moz-border-radius:8px; /* Firefox */
	border-radius:8px;
	border:2px solid #666}


#here { /* this changes the background and text color for both mouse and keyboard navigators */
	background: #3A75C4;
	color: #FFF;
	-moz-box-shadow: 0px 5px 5px #333; /* Firefox */
	-webkit-box-shadow: 0px 5px 5px #333; /* Safari and Chrome */
	box-shadow: 0px 5px 5px #333;
}

/*lightbox gallery*/

.lbGallery {
	border:1px solid #C4C4C4;
	background-color:#E0E0E0;
	margin:0 auto;
	padding: 10px;
	padding-left:30px;
	-webkit-border-radius: 8px;
	-moz-border-radius:8px; /* Firefox */
	border-radius:8px;
	width:800px;
	}
	.lbGallery ul { list-style: none; }
	.lbGallery ul li { display: inline; }
	.lbGallery ul img, #group {
		border: 5px solid #3e3e3e;
		 -webkit-border-radius: 8px;
	-moz-border-radius:8px; /* Firefox */
	border-radius:8px;
	}
	.lbGallery ul a:hover img {
		border: 5px solid #fff;
		color: #fff;
	}
	.lbGallery ul a:hover { color: #fff; }
	
	#jquery-overlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }

#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-container-image-box.loaded {
	border-bottom: 0;
}
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}

#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}


	
.slideshowPic {
	margin:5px;
	float:left;
	height:170px;
	width:160px;
	padding:5px;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-weight: bold;
}
.captionTitle{
	font-family:"Times New Roman", Times, serif;
	font-size:12px;
	font-style:italic;
	font-weight:100;
	margin-top:-5px;
}
.floating{
	float: left;
	margin-right:15px;
}
.backgroundImg{

	margin-bottom:15px;
	padding:10px;
	background-image:url(images/Postcard.png);
	height:400px;
	background-repeat:no-repeat;
	background-size:100%;
	background-position:bottom;
	-webkit-border-radius: 8px;
	-moz-border-radius:8px; /* Firefox */
	border-radius:8px;
	-moz-box-shadow: 3px 3px 3px #666; /* Firefox */
	-webkit-box-shadow: 3px 3px 3px #666; /* Safari and Chrome */
	box-shadow: 3px 3px 3px #666;
	padding-left:50px;
	text-align:right;
}