/*####################
##### HTML, BODY #####
#####################*/ 

body {
	font-family				: Arial, Helvetica, sans-serif;
	font-size				: 11px;
	color					: #333333;
	text-align				: center;
	margin					: 0px 0px 0px 0px;
	padding 				: 0px 0px 0px 0px;
	background				: #FFFFFF;
}


/*###################
##### CONTAINER #####
###################*/ 

#container{
	width					: 940px;
	height					: auto;
	margin					: 20px auto 20px auto;
	padding					: 0px 0px 0px 0px;
	text-align				: left;
	display					: block;
}



/*###############
##### FONTS #####
###############*/ 

p{
	margin					: 0px 0px 0px 0px;
	padding		 			: 5px 0px 5px 0px;
	font-size 				: 105%;
	line-height				: 1.6em;
}


h1{  /*  Main Title */
	margin					: 0px 0px 0px 0px;
	padding		 			: 8px 0px 5px 0px;
	font-weight				: normal;
	font-size 				: 200%;
	color					: #333333;
}


h2{  /*  Secondary title */
	margin					: 0px 0px 0px 0px;
	padding		 			: 10px 0px 0px 0px;
	font-weight				: bold;
	font-size 				: 150%;
	color					: #333333;
}

h3{  /*  Teaser title */
	margin					: 0px 0px 15px 0px;
	padding		 			: 0px 0px 0px 0px;
	font-weight				: normal;
	font-size 				: 18px;
	color					: #FFFFFF;
}


#content ul{
	margin					: 10px 0px 10px 10px;
	padding 				: 0px 0px 0px 0px;
	list-style				: none;
	font-size				: 110%;
}

#content ul li{
	margin					: 0px 0px 0px 5px;
	padding 				: 0px 0px 5px 15px;
	line-height				: 1.4em;
	background				: url('../images/bullet.gif') top left no-repeat;
}


#content a{
	color					: #666666;
	text-decoration			: none;
	font-weight				: bold;
}

#content a:hover {
	color					: #333333;
	text-decoration			: underline;
}



/*##############
#### HEADER ####
#############*/ 
	
#header{
	display 				: block;
	width					: 940px;	
	height					: 300px;
	margin					: 0px 0px 10px 0px;
	padding					: 0px 0px 0px 0px;
}


/*##################
#### NAVIGATION ####
##################*/ 

/* ---- MAIN NAV ---- */
ul#navMain{
	margin 					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 45px;
	display 				: block;
	list-style 				: none;
	height					: 50px;
	background				: url('../images/bkgrndNav.gif') left no-repeat;
}


ul#navMain li{
	display 				: inline;
}

ul#navMain li a{
	margin					: 0px 0px 0px 0px;
	padding					: 18px 0px 0px 0px;
	display 				: block;
	float 					: left;
	color					: #DEDEDE;
	text-decoration 		: none;
	font-size 				: 15px;
	text-align				: center;
	width					: 168px;
	height					: 32px;
	border-left				: 1px solid #666666;
	border-right			: 1px solid #373737;
}

ul#navMain li a:hover, ul#navMain li a.selected{
	text-decoration 		: none;
	color					: #FFFFFF;
	background				: url('../images/bkgrndNavHover.gif') left repeat-x;
}

ul#navMain li a.selected{
	text-decoration 		: none;
	color					: #FFFFFF;
	border-left				: none;
	width					: 169px;
	background				: url('../images/bkgrndNavSelect.gif') left repeat-x;
}



/*###############
#### CONTENT ####
###############*/ 

#content{
	display 				: block;
	min-height				: 230px;
	margin					: 5px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
}

*html #content{
	height					: 230px;
}


/*################
##### TEASER #####
################*/ 

#teaserHolder{
	margin					: 5px 0px 0px 0px;
	padding		 			: 0px 0px 0px 0px;
	display					: block;
	float					: right;
	width					: 352px;
}

.teaser{
	display					: block;
	width					: 352px;
	height					: 38px;
	margin					: 0px 0px 0px 0px;
	padding					: 12px 0px 0px 0px;
	background				: url('../images/teaserBkgrnd.gif') top left no-repeat;
}

.teaser a{
	display					: block;
	margin					: 0px 0px 0px 40px;
	padding					: 0px 0px 0px 0px;
	text-decoration			: none !important;
	color					: #FFFFFF !important;
	width					: 280px;
	text-align				: center;
	font-size				: 18px;	
	font-weight				: normal !important;			
	background				: url('../images/teaserArrow.gif') left no-repeat;
}

.teaser a:hover{
	text-decoration			: underline !important;
}


.teaser Img{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	border					: none;
	float					: left;
}


/*################
##### FOOTER #####
################*/ 

#footer{
	clear					: both;
	width					: 940px;
	height					: 50px;
	margin					: 0px auto 20px auto;
	padding					: 0px 0px 0px 0px; 
	line-height				: 1.8em;
	font-size				: 11px;
	color					: #DEDEDE;
	background				: url('../images/bkgrndNav.gif') top left no-repeat;
}

#copyright{
	margin					: 0px 0px 0px 0px;
	padding		 			: 15px 0px 10px 20px;
	float					: left;
	text-align				: left;
}

#copyright span{
	color					: #666666
}
#copyright span a{
	color					: #333333
}

#copyright span a:hover{
	color					: #333333
}

#footerLinks {
	margin					: 0px 0px 0px 0px;
	padding		 			: 15px 20px 0px 0px;
	float					: right;
}

#footerLinks a{
	margin					: 0px 0px 0px 0px;
	padding		 			: 0px 0px 0px 0px;
}

#footer a {
	text-decoration			: none;
	color					: #FFFFFF;
}

#footer a:hover{
	color					: #FFFFFF;
	text-decoration			: underline !important;
}




/*###############
##### MISC. #####
###############*/ 

/* ---- BACK BUTTON ---- */
.backBtn a{
	margin					: 10px 0px 0px 0px;
	padding					: 2px 0px 2px 0px; 
	display					: block;
	float					: right;
	width					: 90px;
	text-align				: center;
	border					: 1px solid #ABABAB;
	background-color		: #DEDEDE;
	font-weight				: normal !important;
	
}

.backBtn a:hover{
	border					: 1px solid #666;
	background-color		: #BCBCBC;
	color					: #000 !important;
	text-decoration			: none !important
}



/* ---- IMAGE ROTATOR ---- */
.photoRotator{
	margin					: 10px 0px 30px 20px;
	padding					: 5px 5px 5px 5px; 
	display					: block;
	float					: right;
	border					: 1px solid #999;
}

/* ---- PHONE NUMBER ---- */
.phone{
	clear					: both;
	margin					: 10px 0px 10px 0px;
	padding					: 0px 0px 0px 25px; 
	font-size				: 22px;
	color					: #333333;
	background				: url('../images/phone.gif') left no-repeat;
}


/* ---- VARIOUS TABLES ---- */
.tblContact, .tblAbout{
	margin					: 10px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	font-size				: 110%;
}

.tblAbout{
	width					: 550px;
}

.tblAbout h2{
	font-size				: 120%;
}


.tblContact td, .tblAbout td{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 5px 5px 0px;	
	vertical-align			: top;
}




/* ---- FORM FIELDS/BUTTONS ---- */
.textField{
	width					: 200px;
	height					: 16px;
	font-size				: 12px;
	float					: right;
	font-family				: Arial, Helvetica, sans-serif;
}

.textArea{
	width					: 200px;
	height					: 80px;
	float					: right;
	font-family				: Arial, Helvetica, sans-serif;
	font-size				: 12px;
}

.submitBtn{
	margin					: 10px 0px 10px 0px;
	padding					: 0px 0px 0px 0px;
	display 				: block;
	float					: right;
	text-align				: center;
	color					: #DEDEDE;
	text-decoration 		: none;
	font-size 				: 14px !important;
	height					: 35px;
	width					: 90px;
	border					: none;
	background				: url(../images/submit.gif) top repeat-x;
	border					: 1px solid #202020;
	cursor					: pointer
}

.submitBtn:hover{
	background				: url(../images/submit.gif) bottom repeat-x;
	color					: #FFF;
	text-decoration 		: none;
}


/* ---- Google Maps---- */
#mapHolder{
	width					: 420px;
	height					: 470px;
	float					: right;
	display					: block;
	margin					: 0px 0px 30px 20px;
	padding					: 0px 0px 0px 40px;	
	clear					: both;
	border-left				: 1px solid #999
}