/*####################
##### 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 				: 140%;
	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, #content ul 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 ul ul li{
	background				: url('../images/bullet1.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 9px;
	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					: 113px;
	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{	
	border-left				: none;
	width					: 114px;
	background				: url('../images/bkgrndNavSelect.gif') left repeat-x;
}



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

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

*html #content{
	height					: 250px;
}

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

}


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

#teaserHolder{
	margin					: 0px 0px 0px 0px;
	padding		 			: 20px 0px 0px 0px;
	clear					: both;
	display					: block;
	height					: auto;
}

.teaser, .teaserRight{
	display					: block;
	width					: 200px;
	height					: 142px;
	margin					: 0px 20px 0px 0px;
	padding					: 8px 10px 0px 10px;
	color					: #FFFFFF;
	float					: left;	
	background				: url('../images/bkgrndTeaser.gif') top left no-repeat;
}
.teaserRight{
	margin					: 0px 0px 0px 0px;
	float					: right;	
}


.teaser a, .teaserRight a{
	display					: block;
	margin					: 5px 5px 0px 0px;
	padding					: 5px 5px 5px 0px;
	text-decoration			: none !important;
	color					: #FFFFFF !important;
	width					: 80px;
	font-size				: 12px;
	float					: left;
	background				: url('../images/teaserArrow.gif') right no-repeat;
}

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


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


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

#footer{
	clear					: both;
	width					: 940px;
	height					: 80px;
	margin					: 0px auto 0px auto;
	padding					: 0px 0px 20px 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 0px 20px;
	float					: left;
	text-align				: left;
}

#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;
}




.creditCards
{
	margin					: 0px 20px 0px 0px;
	padding		 			: 0px 0px 0px 0px;
	float					: right;	
	color					: #666666
}
.creditCards span
{
	margin					: 5px 10px 0px 0px;
	padding		 			: 0px 0px 0px 0px;
	float					: left;	
}

.DVinfo
{
	margin					: 5px 0px 0px 20px;
	padding		 			: 0px 0px 0px 0px;
	float					: left;	
	color					: #666666
}

.DVinfo a,
.DVinfo a:hover
{
	color					: #333333 !important
}






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


.flashMov
{
	margin					: 0px 0px 20px 20px;
	padding		 			: 0px 0px 0px 0px;
	float					: right;
	width					: 450px;
	height					: 338px;	
}

.imgRight
{
	margin					: 0px 0px 0px 20px;
	padding					: 0px 0px 0px 0px; 
	float					: right;
	border					: none;

}


/* MORE INFO */
.moreInfo
{
	margin					: 0px 0px 40px 40px;
	padding		 			: 10px 10px 0px 10px;
	border					: 2px solid #DEDEDE;
	background-color		: #EFEFEF;
	float					: right;
	width					: 210px;
	height					: auto;	
}
.moreInfo h2
{
	margin					: 0px 0px 0px 0px;
	padding		 			: 0px 0px 8px 0px;
	border-bottom   		: 2px dashed #DEDEDE;
}
.moreInfo ul
{
	margin					: 10px 0px 10px 0px !important;
	padding		 			: 0px 0px 0px 0px !important;
}




/* ---- 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 ---- */
.bannerInner 
{  
    height                  : 263px;  
    width                   : 350px;   
	display                 : block;
	margin					: 40px 0px 20px 20px;
	padding					: 0px 0px 0px 0px; 
	border					: 1px solid #666;
} 
.bannerInner img 
{   
    height                  : 263px;  
    width                   : 350px;  
    background-color        : #FFF;
    display                 : none;
} 


.queenClip
{
	margin					: 0px 0px 5px 20px;
	padding					: 0px 0px 0px 0px; 
	display					: block;
	float					: right;
	width					: 350px;
	height					: 263px;
	border					: 1px solid #666;
}









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

/* ---- PHONE NUMBER ---- */
.wasteLicence{
	margin					: 10px 0px 10px 0px;
	padding					: 5px 0px 5px 0px; 
	width					: 350px;
	font-size				: 14px;
	color					: #333333;
	display					: block;		
	border					: 1px solid #CCC;
	text-align				: center;		
	float					: right;
}



/* ---- VARIOUS TABLES ---- */
.tblContact, .tblAbout{
	margin					: 10px 0px 10px 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					: 120px;
	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					: 631px;
	height					: 365px;
	float					: right;
	display					: block;
	margin					: 10px 0px 30px 0px;
	padding					: 0px 0px 0px 0px;	
	clear					: both;
}

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