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

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


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

#container{
	width					: 800px;
	height					: auto;
	margin					: 20px auto 5px auto;
	padding					: 10px 10px 10px 10px;
	text-align				: left;
	display					: block;
	background-color		: #535353;
	border					: 1px solid #333333;
}



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

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


h1{  /*  Page Titles */
	margin					: 0px 0px 0px 0px;
	padding		 			: 5px 0px 5px 0px;
	font-weight				: normal;
	font-size 				: 220%;
	color					: #FFFFFF;
}


h2{  /*  Sub titles */
	margin					: 0px 0px 0px 0px;
	padding		 			: 5px 0px 5px 0px;
	font-weight				: bold;
	font-size 				: 140%;
	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					: #CCCCCC;
	text-decoration			: none;
	font-weight				: bold;
}

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



/*##############
#### HEADER ####
#############*/ 
	
#header{
	display 				: block;
	width					: 800px;	
	height					: auto;
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
}

.spacerHeader{
	display 				: block;
	width					: 798px;	
	height					: 13px;
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;	
	border					: 1px solid #1E2225;
	background-color		: #333333;
}

.headerImg{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	border-left				: 1px solid #1E2225;
	border-right			: 1px solid #1E2225;
}	





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

/* ---- TOP NAV ---- */
ul#navMain{
	margin 					: 0px 0px 0px 0px;
	padding					: 1px 1px 1px 1px;
	clear					: both;
	list-style 				: none;
	height					: 57px;
	background				: url('../images/bkgrndNav.gif') top left no-repeat;	
}

*html ul#navMain{
	width					: 801px;
}

ul#navMain li{
	display 				: inline;
}

ul#navMain li a{
	margin					: 0px 0px 0px 0px;
	padding					: 23px 0px 0px 0px;
	display 				: block;
	float 					: left;
	color					: #FFFFFF;
	text-decoration 		: none;
	font-size 				: 12px;
	text-align				: center;
	text-transform			: uppercase;
	height					: 35px;
	width					: 99px;
	border-right			: 1px solid #1E2225;
}


ul#navMain p{
	margin					: -8px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	line-height             : 1.2em;
	font-size 				: 12px;
}


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

ul#navMain li a.selected{
	background				: url('../images/bkgrndNavHover.gif') top left repeat-x;	
}



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

#content{
	display 				: block;
	width					: 800px;	
	height					: auto;
	margin					: 10px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
}

#contentLeft{
	display 				: block;	
	height					: auto;
	margin					: 0px 0px 20px 0px;
	padding					: 0px 0px 0px 10px;
	text-align				: justify;
}


#contentRight{
	display 				: block;
	width					: 242px;	
	height					: auto;
	float					: right;
	margin					: 0px 0px 20px 20px;
	padding					: 0px 0px 0px 0px;
}


#contentLeft img{
	margin					: 0px 15px 15px 0px;
	padding		 			: 0px 0px 0px 0px;
	border					: 1px solid #202020;
	float                   : left;
}



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

.teaser{
	display					: block;
	width					: 240px;
	min-height				: 165px;
	float					: left;
	margin					: 0px 0px 10px 0px;
	padding					: 0px 0px 0px 0px;
	border					: 1px solid #202020;
	background				: #333333 url('../images/bkgrndTeaser.gif') top left no-repeat;
}

.teaser h1{ /*  Teaser Header */
	margin					: 0px 0px 0px 0px;
	padding		 			: 12px 0px 10px 10px;
	font-weight				: normal;
	font-size 				: 130%;
	text-transform			: uppercase;
	color					: #FFFFFF;
}

.teaser h1 span{ /* Alt. Colour Teaser Title */
	color					: #E29C9C;
}

.teaser p{ /*  Teaser Paragraphs */
	margin					: 0px 0px 0px 0px;
	padding		 			: 5px 10px 5px 10px;
	font-weight				: normal;
	font-size 				: 11px;
}

.teaserImg{
	margin					: 10px 10px 5px 5px;
	padding		 			: 0px 0px 0px 0px;
	float					: right;
	border					: 1px solid #202020;
}

#contentRight a{
	color					: #999;
	margin					: 0px 0px 0px 0px;
	padding		 			: 0px 0px 0px 20px;
	text-decoration			: none;
	text-transform			: uppercase;
	background				: url('../images/arrow.gif') center left no-repeat;
}

#contentRight a:hover{
	color					: #ccc;
	text-decoration			: none;
	text-transform			: uppercase !important;
}



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

#footer{
	clear					: both;
	width					: 790px;
	height					: 30px;
	margin					: 0px auto 20px auto;
	padding					: 0px 5px 0px 5px; 
	line-height				: 1.6em;
	font-size				: 11px;
	color					: #666666;
	text-align				: left
}

#copyright{
	margin					: 0px 0px 0px 0px;
	padding		 			: 0px 0px 0px 0px;
	float					: left;
}

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

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

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

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



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


/* ---- Google Maps---- */
#mapHolder{
	width					: 780px;
	height					: 365px;
	display					: block;
	margin					: 5px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;	
}

#mapHolder a{
	color					: #CCCCCC !important;
	text-decoration			: none !important;
	font-weight				: bold !important;
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 10px 0px;	
	display					: block;
}

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



#map{
	width					: 770px;
	height					: 340px;
	border					: 1px solid #999999;
	color					: #000000;
}




#associates{
	margin					: 0px 0px 0px 0px;
	padding		 			: 3px 0px 0px 3px;
	display					: block;
	width					: 788px;
	height					: 87px;
	border					: 1px solid #1E2225;
	background				: #333333 url('../images/bkgrndAssociate.gif') top left repeat-x;
}

*html #associates{
	padding		 			: 3px 2px 0px 2px;
	width					: 794px;
}
#associates h2{
	margin					: 0px 0px 0px 0px;
	padding		 			: 0px 0px 0px 3px;
}
#associates a{
	margin					: 0px 1px 0px 1px;
	padding		 			: 2px 2px 2px 2px;
	display					: block;
	float					: left;
	width					: 81px;
	height					: 60px; 
	border					: none;
	
}

#associates a:hover{
	padding					: 0px 0px 0px 0px;
	border					: 2px solid #CC0000;
}



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

.tblContact{
	width					: 780px;
}

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

.tblProduct, .tblProduct2{
   	margin					: 0px 0px 0px 0px;
	padding					: 5px 5px 5px 5px;	
}

.tblProduct td.light, .tblProduct2 td.light{
    border-bottom           : 1px solid #888888;
    background-color        : #777777;
    padding					: 10px 5px 5px 5px;
}
.tblProduct td.dark, .tblProduct2 td.dark{
    border-bottom           : 1px solid #888888;
    background-color        : #666666;
    padding					: 10px 5px 5px 5px;	
}


/* ---- FORM FIELDS/BUTTONS ---- */
.textField, .textArea{
	width					: 100%;
	height					: 16px;
	font-size				: 12px;
	float					: right;
	background-color        : #CCC;
	border-top              : 1px solid #999;
	border-left             : 1px solid #999;
	border-right            : 1px solid #EEE;
	border-bottom           : 1px solid #EEE;
	font-family				: Arial, Helvetica, sans-serif;
}

.textArea{
	width					: 100%;
	height					: 90px;
}


.submitBtn, .pdfBtn, .productBtn{
	margin					: 5px 0px 0px 20px;
	padding					: 5px 12px 0px 12px;
	display 				: block;
	float					: right;
	color					: #FFFFFF !important;
	text-decoration 		: none;
	font-size 				: 11px !important;
	font-weight             : normal !important;
	height					: 20px;
	background				: url('../images/submitBtn.gif') top left repeat-x;
	cursor					: pointer;
	border					: 1px solid #333333;
}

.submitBtn{
	padding					: 0px 12px 0px 12px;
	line-height             : 1.8em; 
}

.pdfBtn, .productBtn{
	margin					: 10px 0px 10px 0px;
	padding					: 7px 12px 0px 66px;
	float					: none;
	width                   : 180px;
	background				: url('../images/pdfBtn.jpg') top left repeat-x;
}

.productBtn{
	margin					: 0px 0px 10px 10px;
	padding					: 7px 12px 0px 66px;
	float					: right;
	width                   : 140px;
}

.submitBtn:hover, .pdfBtn:hover, .productBtn:hover{
	background				: url('../images/submitBtn.gif') bottom left repeat-x;
	color					: #FFF;
	text-decoration 		: none !important;
}

.pdfBtn:hover, .productBtn:hover{
	background				: url('../images/pdfBtn.jpg') bottom left repeat-x;
}