/* Start of CMSMS style sheet 'coastal' */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Author: Danny Halarewich
    Website: www.limewheel.com	
	
	FONT SIZING KEY
	
	8px = .5em
	9px = .562em
	10px = .625em
	11px = .689em
	12px = .75em
	13px = .814em
	14px = .875em
	15px = .938em
	16px = 1em
	17px = 1.064em
	18px = 1.125em
	19px = 1.188em
	20px = 1.25em
	21px = 1.313em
	22px = 1.375em
	23px = 1.438em	
	24px = 1.5em	
	25px = 1.563em
	26px = 1.625em
	27px = 1.688em
	28px = 1.750em
	29px = 1.813em
	30px = 1.875em	
	
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* =RESET STYLES
   ----------------------------------------------------*/
   
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
	margin:0; 
	padding:0; 
} 
table { 
	border-collapse:collapse; 
	border-spacing:0; 
} 
fieldset,img {  
	border:0; 
} 
address,caption,cite,code,dfn,em,strong,th,var { 
	font-style:normal; 
	font-weight:normal; 
} 
ol,ul { 
	list-style:none; 
} 
caption,th { 
	text-align:left; 
} 
h1,h2,h3,h4,h5,h6 { 
	font-size:100%; 
	font-weight:normal; 
} 
q:before,q:after { 
	content:''; 
} 
abbr,acronym {
	border:0; 
}
   
/* =TYPOGRAPHIC STYLES
   ----------------------------------------------------*/


h2 {
	font: normal 1.5em Verdana, Arial, Helvetica, sans-serif;
	color: #dccdb4;
	padding: 10px 0;
}

h3 {
	font: bold .75em Verdana, Arial, Helvetica, sans-serif;
	color: #e8cb73;
	padding: 5px 0 0 0;
}

h4 {
	font: bold .75em Verdana, Arial, Helvetica, sans-serif;
	color: #e8cb73;
	padding: 5px 0 0 0;
}

p {
	font: normal .75em/1.625em Verdana, Arial, Helvetica, sans-serif;
	color: #b5c98f;
	margin: 5px 0 20px 0;
}
	#introcontent p {color: #feeb9a; margin: 0;}

a {color: #e3a849;}
	a:hover {color: #ffd555;}

#footer {
	font-size: .625em;
}

#footer ul {
	display: block;
	float: left;
	width: 745px;
}
	#footer a {
		color: #544e44;
		text-decoration: none;
	}
		#footer a:hover {color: #feeb9a;}
	#footer span a {text-decoration: underline;}

#content address {
	font-size: .75em;
	margin: 5px 0 20px 0;
}

strong {font-weight: bold;}
em {font-style: italic;}

/* =LAYOUT STYLES (header, content, footer, etc.)
   ----------------------------------------------------*/

body {
	font: normal 100%/1.125em Verdana, Arial, Helvetica, sans-serif;
	color: #b5c98f;
	background: #000 url(i/main_bg.jpg) top center no-repeat;
	margin: 0;
	padding: 0;
}


#wrapper {
    width: 900px;
    margin: 0 auto;
}

#header {
    width: 900px;
	height: 146px;
}
    #header h1 {
        margin: 0;
    }

    #header h1 a {
		display: block;
		float: left;
        width: 375px;
        height: 146px;
        background: transparent url(i/logo.jpg) 0 0 no-repeat;
    }

#navigation {
	position: relative;
    width: 900px;
	height: 60px;
}
    #navigation ul {
		display: block;
		position: absolute;
		right: 0;
		bottom: 0;
		width: 388px;
		height: 40px;
        list-style-type: none;
		background: transparent url(i/navigation_bg.jpg) 0 0 no-repeat;
        margin: 0;
        padding: 0 0 0 18px;
    }
        #navigation ul li {
            display: block;
			float: left;
			height: 40px;
			margin-right: 17px;
        }
            #navigation ul li a {
				display: block;
				float: left;
				height: 40px;
            }	
			li#n_home a {width: 44px; background-image: url(i/n/n_home.gif);}
			li#n_about a {width: 50px; background-image: url(i/n/n_about.gif);}
			li#n_services a {width: 62px; background-image: url(i/n/n_services.gif);}
			li#n_portfolio a {width: 75px; background-image: url(i/n/n_portfolio.gif);}
			li#n_contact a {width: 70px; background-image: url(i/n/n_contact.gif);}
				#navigation ul li a:hover {background-position: 0 -40px;}
				
			body#home li#n_home a {background-position: 0 -40px;}
			body#about li#n_about a {background-position: 0 -40px;}
			body#services li#n_services a {background-position: 0 -40px;}
			body#portfolio li#n_portfolio a {background-position: 0 -40px;}
			body#contact li#n_contact a {background-position: 0 -40px;}


#introcontent {
	width: 856px;
	background: transparent url(i/intro_bg.jpg) 0 0 no-repeat;
	padding: 15px 22px;
}

img#splashimage {display: block; margin: 0; padding: 0;}

#servicelist {
	width: 900px;
	height: 133px;
	background-color: #000;
}
	#servicelist ul {
		display: block;
		width: 900px;
		height: 133px;
	}
		#servicelist ul li {
			display: block;
			float: left;
			height: 133px;
			margin-right: 1px;
		}
			#servicelist ul li a {
				display: block;
				float: left;
				height: 133px;
			}
				#servicelist ul li a:hover {
					opacity:.70;
					filter: alpha(opacity=70);					
				}
			
			#servicelist ul li#s_waterfeatures a {width: 179px; background-image: url(i/s_waterfeatures.jpg);}
			#servicelist ul li#s_landscaping a {width: 179px; background-image: url(i/s_landscaping.jpg);}
			#servicelist ul li#s_machineservices a {width: 178px; background-image: url(i/s_machineservices.jpg);}
			#servicelist ul li#s_disposalbins a {width: 178px; background-image: url(i/s_disposalbins.jpg);}
			#servicelist ul li#s_tropicals a {width: 179px; background-image: url(i/s_tropicals.jpg); margin: 0;}
			
			
				


#content {
	float: left;
    width: 856px;
	min-height: 400px;
	background: transparent url(i/content_bg.jpg) 0 0 no-repeat;
	padding: 22px;
}

#maincolumn {
	float: left;
	width: 500px;
}
	body#privacy #maincolumn, body#copyright #maincolumn, body#portfolio #maincolumn  {width: 856px;}

#sidebar {
	float: right;
    width: 300px;
}

#footer {
	float: left;
    width: 860px;
	color: #544e44;
	padding: 40px 20px;
}
	#footer ul {
		margin-bottom: 20px;
	}
	#footer ul li {
		display: inline;
	}
	
	#footer a#limewheel_logo {
		display: block;
		float: right;
		width: 101px;
		height: 58px;
		background-image: url(i/limewheel_logo.gif);
	}
		#footer a#limewheel_logo:hover {background-position: top right;}

	#footer address {
		display: block;
		float: left;
		width: 22em;
		background: transparent url(i/footer_content_sep.gif) top right no-repeat;
		margin-right: 5em;
	}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Contact Form
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


form dl dt {
	color: #DCCDB4;
	font-size: .75em;
}

form dl dd input, form dl dd textarea {
    width: 286px;
	font: normal .75em Verdana, Arial, Helvetica, sans-serif;
	color: #B5C98F;
	border: 1px solid #5b6449;
	background-color: #0d0e0e;
	padding: 2px;
	margin-bottom: 10px;
}
form input:focus, form dl dd textarea:focus {border-color: #E8CB73;}
input.formbutton {width: 80px;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Misc.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#footer a#limewheel_logo,
#servicelist ul li a,
#navigation ul li a,
#header h1 a {      /*----Add image replaced element here----*/
    letter-spacing: -1000em;
    text-indent: -999em;
    overflow: hidden;
}


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* End of 'coastal' */