/* ===========================================================*/
/* GLOBAL */
/* ===========================================================*/
body{
	font-size:62.5%;
	line-height:1.6em;
	margin: 0px;
	padding:0px;
	position:relative;
	background-image:url('../images/contentBackground.jpg');
}

html {
 	min-height: 100%;
 	height: auto;
	border:0px;
	margin:0px;
}
/* ===========================================================*/
/* Z-indexes for Homepage Gallery */
/* ===========================================================*/
#main_image, #homeContent{
	position:absolute;
	top:0px;
	left:0px;
	background-color:#fff;
	width:730px;
	height:420px;
}

#homeContent{z-index:10;}
	
#main_image{z-index:20; display:none; overflow:hidden;}

/* ===========================================================*/
/* Typeography */
/* ===========================================================*/
body,ul,ol,dl,h1,h2,h3,h4,h5,h6,td,th,
caption,pre,blockquote,input,textarea, ul, li {
  font-family:Arial, Helvetica, sans-serif;
}
body,ul,ol,dl,h1,h2,h3,h4,h5,h6,td,th,
caption,pre,p{
	color:#fff;
}

input,textarea, submit {
	color:#000;
}
  
h1{
	padding-top: 5px;
	padding-left:15px;
	padding-bottom:4px;
	font-weight:normal;
	font-family: Helvetica, Arial, sans-serif;
	font-weight:bold;
	color:#FFF;
	line-height:100%;
	letter-spacing:-1px;
	font-size:260%;
}

h1.alt{
	font-size:200%;
	font-weight:bold;
	background-color:#424757;
}
h2{
	padding-top: 5px;
	margin-left:5px;
	font-size:165%;
	font-weight:bold;
	letter-spacing:540%;
	font-family:Verdana, Geneva, sans-serif;
}

h3, h1.alt{
	font-size:600%;
	font-family: Helvetica, Arial, sans-serif;
	font-weight:bold;
	color:#62677F;
	letter-spacing:-4px;
	margin-bottom:10px;
}

h3{line-height:52%}
h1.alt, #foot h3{line-height:100%}
	
#foot h3{margin-bottom:0px;}

p, .col ul{
	font-family:Arial, Helvetica, sans-serif;
	font-size:130%;
	padding:5px;}
	


#innerFoot li{
	font-size:130%;
	
	
}	

.caption p{
	/*color:#000;*/ color:#fff;
	line-height:130%;
	font-size:145%;
	_font-size:14px;
}

.galleryText{
	display:block;
	font-weight:bold;
	color:#DBDCE0;
	font-size:480%;
	letter-spacing:-5px;
	padding-top:40px;
	padding-bottom:11px;
	margin-left:-4px;
	_margin-left:0px;}

#head li{
	font-size:180%;
}

#contact{
	color:#424757;
	font-size: 200%;
	text-align:center;
	font-weight:bold;
}

#newsletter p{
	padding:5px;}
	
.blueArea{
	overflow:auto;
	background-color:#424757;
	color:#FFF;
}

.indent-top{
	margin-top:35px;}
	

/* ===========================================================*/
/* LINKS */
/* ===========================================================*/
a{
	color:#FFF;
	text-decoration:none;}
a:link:hover{}
a:link:focus{}
a:link:visited{}

p a, .col ul a{
	font-weight:bolder;
}
#head li a{
	display:block;
	height:25px;
	float:left;
	padding-top:5px;
	padding-right:15px;
	padding-left:15px;
}

#head li a:hover, .menuActive{
	border:none;
	background-color:#E0DAC3;
	color:#424757;
}

/* ===========================================================*/
/* Forms */
/* ===========================================================*/

#newsletter form{
	margin: 30px 0px 0px 30px;
}
#newsletter label, #newsletter input{
	display:block;
	float:left;
	margin-top:12px;
}

#newsletter .submit{
	margin-left:90px;
	display:inline; /* fixes ie6 double margin bug */
}

#newsletter label{
	width:90px;
	}
/* ===========================================================*/
/* Positioned Images */
/* ===========================================================*/

#logo{
	margin-top:12px;
	float:right;
}

#contact{
	background-image: url(../images/contact.jpg);
	height:74px;
	width:168px;
	padding-top:52px;
	display:block;
	background-repeat:no-repeat;
	float:left;
	}

#banner{
	float:left; 
	margin-bottom:12px;
}

#newsletter img{
	background:#FFF;
	padding:2px;
	border:2px solid #424757;
	float:left;
	margin:5px;}
	
.thinstrip{
	margin-top:10px;
	margin-bottom:10px;
}
/* ===========================================================*/
/* Lists */
/* ===========================================================*/

#head ul{
	position:absolute;
	left:0px;
	top:90px;}
	
#head li{
	float:left;
	}
	
#services ul{
	font-size: 180%;
	margin: 25px 0px 0px 20px;
}

#content li, #foot li{
	margin: 8px 0px;
}

#gallery1, #gallery2, #gallery3, #gallery4, #gallery5, #gallery6, #gallery7, #gallery8  {
	float:left;
	margin:12px 12px 0px 0px !important;
	width:76px !important;
	height:76px !important;
	display:inline;
	padding:0px;
	display:inline;
	overflow:hidden;
}

/* Fight back against ie6 whitepsace with float + clear */
/* make sure nothing can add padding or marg to list elements */
#subNavigation div ul, #subNavigation div ul li, #subNavigation div img, #subNavigation div a {
	margin:0px !important;
	padding:0px !important;
	display: block;
    float: left;
    clear: left; 
}
	
.col ul li{
	list-style:disc;
	list-style-position:inside;
	padding-left:15px;
	margin: 0px !important;
}
/* ===========================================================*/
/* Wraps*/
/* ===========================================================*/

#innerHead, #innerFoot, #content{
	width:930px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}
/* ===========================================================*/
/* Main Page Elements*/
/* ===========================================================*/

#head, #foot{
	width:100%;
	
}

#head{
	background-image:url('../images/headBackground.jpg');
	background-repeat:repeat-x;
	height:120px;
}

#content{
	margin-top:16px;
	margin-bottom:16px;
	background-color:#FFF;
	height:655px;
}

#foot{
	background-image:url('../images/footBackground.jpg');
	background-repeat:repeat-x;
	overflow:hidden;
	height:180px;
}

#googleMap{
	border:1px solid #424757;
	float:right;
}
/* ===========================================================*/
/* Content Area Elements*/
/* ===========================================================*/

#contentText{
	position:absolute;
	height:420px;
	width:730px;}
	
#thumbContainer{
	position:absolute;
	top:68px;
	left:0px;}
	
#subNavigation, #contentBox{
	margin-top:12px;
	margin-bottom:12px;
	float:left;
	height:420px;
	position:relative; /* for the gall z-indexing to work */
}

#subNavigation{
	margin-left:12px;
	width:176px;	
	_width:177px; /* ie6 wants an extra pixel so i will be nice and give it one */
	display:inline;
}

#contentBox{
	margin-right:12px;
	width:730px;
	_width:600px; /* give the box a width small than really is so ie6 assumes min width and shrinks to fit */
		
	left:-1px;
}

#homepageBlurb{
	clear: both; /* go below floated banner img */
	height:164px;
	position:absolute;
	top: 256px;
	width:730px;
}

.col{
	margin-left:10px;
	float:left;
	width:47%;
	display: inline;
}
#lowerContent{
	clear:both;
	margin: 0px 12px 12px 12px;
}
#lowerContent div{
	margin: 0px 6px;
	height:200px; 
	float:left;
	overflow:hidden;
}

#more{ width:270px;}
#more img{ margin-left:35px; margin-top:10px;}
#services{width:235px;}
#newsletter{width:375px;}