/* Petersen Landscaping and Design Styles */

html,

body { margin: 0; padding: 0; background:#000000 url(/images/carbonepristinedetailing_bg.jpg) no-repeat top center; margin: 0 auto;}
body.about { margin: 0; padding: 0; background:#000000 url(/images/carbonepristinedetailing_bgabout.jpg) no-repeat top center; margin: 0 auto;}

h1, h2, h3, h4, h5, h6, p {font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 0; }

h1 { font-size: 22px; }

h2 { font-size:20px; }

h3 { font-size: 18px; }

body,p,br,ul,li,ol,dl,dt,div,td {font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; color:#f4f4f4;}

p.hometext { font-size: 13px; line-height: 22px; color: #95a5bb; margin-top: 245px; text-align: center; padding-left: 60px;}
p.hometext a { color: #66778e; text-decoration:none;}
p.hometext a:hover { text-decoration:underline;}

p.hometext2 { font-size: 13px; line-height: 22px; color: #95a5bb; margin-top: 5px; text-align: center; padding-left: 60px;}
p.hometext2 a { color: #66778e; text-decoration:none;}
p.hometext2 a:hover { text-decoration:underline;}

a img, img { border: 0; }

#container { margin: 0 auto; padding: 0; width: 1000px;}

p.headercontact { font-size: 15px; line-height: 1.5em; color: #ffffff; margin: 0 0 0 0; padding: 0; text-align: center; font-weight: 300; font-style:italic; text-shadow: 4px 4px 4px #000000;}
p.headercontact a { font-size: 15px; color: #ffffff; text-decoration:none; } p.headercontact a:hover { color: #ffffff; text-decoration:underline; }

p.headerinfo { font-size: 12px; line-height: 1.5em; color: #8f8f8f; margin: 10px 0 0 0; padding: 0; text-align: center; font-weight: 200; font-style:italic;  text-shadow: 4px 4px 4px #000000;}
p.headerinfo a { font-size: 12px; color: #b4b4b4; text-decoration:none; } p.headerinfo a:hover { color: #ffffff; text-decoration:underline; }


p.welcome { font-size: 15px; color: #ffffff; margin: 0; padding: 0; text-align: left; font-style:italic; line-height: 1.4em;}
p.location { font-size: 15px; color: #ffffff; margin: 0; padding: 0; text-align: right; font-style:italic; line-height: 1.4em;}

p.serving{ font-size: 13px; color: #ffffff; margin: 5px 0 0 0; padding: 0; text-align: left; font-style:italic; }
p.phone { font-size: 13px; color: #ffffff; margin: 5px 0 0 0; padding: 0; text-align: right; font-style:italic; }

H3.petersenlandscapes { font-size: 20px; color: #6c9cd3; margin: 0; padding: 0; text-align: center; font-style:italic; font-weight: 300; letter-spacing: 1px; }
H5.petersenlandscapes { font-size: 16px; color: #6eb0ff; margin: 0; padding: 0; text-align: left; font-style:italic; font-weight: 200; letter-spacing: 1px; }
H5.carbonehome { font-size: 16px; color: #ca0000; margin: 0; padding: 0; text-align: center; font-style:italic; font-weight: 300; letter-spacing: 1px; }
H4.carbonehome { font-size: 18px; color: #ff0000; margin: 0; padding: 0; text-align: center; font-style:italic; font-weight: 300; letter-spacing: 1px; }
p.homewelcome { font-size: 13px; line-height: 1.4em; color: #ffffff; margin: 8px 0 0 0; padding: 0; text-align: left; font-weight: 200;  }
p.homewelcome a { font-size: 13px; color: #b4b4b4; text-decoration:none; } p.homewelcome a:hover { color: #ffffff; text-decoration:underline; }

.graybg { background:#3e3e3e; }

p.about { font-size: 14px; line-height: 1.5em; width: 475px; color: #ffffff; margin: 20px 0 0 0; padding: 0; text-align: left; font-weight: 200; }
p.about a { font-size: 14px; color: #ff0000; text-decoration:none; } p.about a:hover { color: #ffffff; text-decoration:underline; }


p.carboneservices { font-size: 14px; line-height: 1.3em; width: 1000px; color: #ffffff; margin: 10px 0 0 0; padding: 0; text-align: left; font-weight: 200;}
p.carboneservices a { font-size: 14px; color: #ff0000; text-decoration:none; } p.carboneservices a:hover { color: #ffffff; text-decoration:underline; }

H5.detail { font-size: 16px; color: #d7d7d7; margin: 0; padding: 0; text-align: left; font-weight: 300; letter-spacing: 1px; }
H4.detail { font-size: 18px; color: #ffffff; margin: 0; padding: 0; text-align: left; font-weight: 400; letter-spacing: 1px; }
p.details { font-size: 14px; line-height: 1.45em; width: 306px; color: #d7d7d7; margin: 5px 0 0 0; padding: 0; text-align: left; font-weight: 200;}
p.details a { font-size: 14px; color: #ff0000; text-decoration:none; } p.details a:hover { color: #ffffff; text-decoration:underline; }

p.serviceslist { font-size: 13px; line-height: 1.45em; color: #d9e4ee; margin: 7px 0 0 0; padding: 0; text-align: left; font-weight: 200;}
p.serviceslist a { color:#d9e4ee; text-decoration:none; } p.serviceslist a:hover { color:#649dfe; text-decoration:none; }

p.contact { font-size: 13px; line-height: 1.3em; width: 500px; color: #ffffff; margin: 10px 0 0 0; padding: 0; text-align: left;}
p.contact a { font-size: 13px; color: #8cc6fd; text-decoration:none; } p.contact a:hover { color: #ffffff; text-decoration:underline; }
H4.contact { font-size: 16px; color: #3971c5; margin:000 10px; padding: 0; text-align: center; font-style:italic; }

p.links { font-size: 13px; line-height: 1.3em; width: 450px; color: #ffffff; margin: 10px 0 0 0; padding: 0; text-align: left;}
p.links a { font-size: 13px; color: #8cc6fd; text-decoration:none; } p.links a:hover { color: #ffffff; text-decoration:underline; }

H6.links { font-size: 14px; color: #3971c5; margin:5px 0; padding: 0; text-align: left; font-style:italic; } H6.links a { color: #3971c5; text-decoration:none; } H6.links a:hover { color: #7aa4e3; text-decoration:underline; }

p.readmore { font-size: 12px; line-height: 1.5em; color: #6a925a; margin: 0; padding: 5px 0 0 0; text-align: left; font-weight: 200;}
p.readmore a { color: #6a925a; text-decoration:none; } p.readmore a:hover { color: #8fc779; text-decoration:none; }


p.seegallery { font-size: 13px; line-height: 1.3em; width: 350px; color: #ffffff; margin: 10px 0 0 0; padding: 0; text-align: center; font-weight: 200;}
p.seegallery a { font-size: 13px; color: #8cc6fd; text-decoration:none; } p.seegallery a:hover { color: #ffffff; text-decoration:underline; }

p.gallerytext { font-size: 14px; line-height: 1.3em; width: 1000px; color: #737373; margin: 18px 0; padding: 0; text-align: center; font-style: italic; font-weight: 200;}

#galleryheader { padding: 0 0 0 50px;}

H6.gallerylinks { font-size: 16px; color: #919cab; margin: 0; padding: 10px 0 0 0; text-align: center; font-style:italic; font-weight: 200; }
H6.gallerylinks a { color:#919cab; margin: 0; padding: 0; text-decoration:none; } H6.gallerylinks a:hover { color: #c4cedb; margin: 0; padding: 0; text-decoration:none;}



.green { color: #88bf60;}
.lightblue { color: #429aff; }
.blue { color: #8cc6fd;} .bluebullet { color: #277be9;}
.orange { color: #f1c777;}
.lightgreen { color:#a3c86a;}
.red { color:#ff0000;}

.lightblueitalic { color: #badcff; font-size:13px; font-style: italic; }

.bold { font-weight: bold; }

/****  Layout  ****/

.paddingright5 { padding: 0 5px 0 0; } .paddingright10 { padding: 0 10px 0 0; } .paddingright15 { padding: 0 15px 0 0; } .paddingright20 { padding: 0 20px 0 0; } .paddingright25 { padding: 0 25px 0 0; } .paddingright26 { padding: 0 26px 0 0; }
.paddingright30 { padding: 0 30px 0 0; } .paddingright32 { padding: 0 32px 0 0; } .paddingright35 { padding: 0 35px 0 0; } .paddingright40 { padding: 0 40px 0 0; } .paddingright45 { padding: 0 45px 0 0; } .paddingright50 { padding: 0 50px 0 0; }

.paddingleft50 { padding: 0 0 0 50px; }
.paddingleft50bottom300 { padding: 0 0 300px 50px; }
.paddingleft50bottom150 { padding: 0 0 150px 50px; }
.paddingleft50bottom150top25 { padding: 25px 0 150px 50px; }
.paddingleft75 { padding: 0 0 0 75px; }
.paddingright25top35 { padding: 35px 25px 0 0; }
.paddingtop5 { padding: 5px 0 0 0; } .paddingtop7 { padding: 7px 0 0 0; } .paddingtop10 { padding: 10px 0 0 0; } .paddingtop15 { padding: 15px 0 0 0; } .paddingtop17 { padding: 17px 0 0 0; }
.paddingtop20 { padding: 20px 0 0 0; } .paddingtop25 { padding: 25px 0 0 0; } .paddingtop30 { padding: 30px 0 0 0; } .paddingtop35 { padding: 35px 0 0 0; } 
.paddingtop40 { padding: 40px 0 0 0; } .paddingtop45 { padding: 45px 0 0 0; } .paddingtop50 { padding: 50px 0 0 0; } .paddingtop55 { padding: 55px 0 0 0; } .paddingtop60 { padding: 60px 0 0 0; }

.paddingbottom15 { padding: 0 0 15px 0; }

.paddingtop90 { padding: 90px 0 0 0; } .paddingtop40 { padding: 40px 0 0 0; } .paddingtop80 { padding: 90px 0 0 0; }
.paddingtop7right5 { padding: 7px 5px 0 0; }.paddingtop7right10 { padding: 7px 10px 0 0; } .paddingtop7right30 { padding: 7px 30px 0 0; }
.paddingtop35right50 { padding: 35px 50px 0 0; } .paddingtop35right20 { padding: 35px 20px 0 0; } .paddingtop35right25 { padding: 35px 25px 0 0; }
.paddingtop35right40 { padding: 35px 40px 0 0; }
.paddingtop35paddingleft75 { margin: 35px 0 0 75px; }
.paddingtop10paddingleft50 { margin: 10px 0 0 50px; }
.paddingtop25paddingleft50 { margin: 25px 0 0 50px; }
.paddingtop10paddingleft75 { margin: 10px 0 0 75px; } .paddingtop10paddingleft25 { margin: 10px 0 0 25px; }  .paddingtop5paddingleft25 { margin: 5px 0 0 25px; } .paddingtop35paddingleft25 { margin: 35px 0 0 25px; }
.paddingtop15paddingright10 { margin: 15px 10px 0 0; }
.paddingtop35paddingleft25 { margin: 35px 0 0 25px; } .paddingtop35paddingleft20 { margin: 35px 0 0 20px; } .paddingtop50paddingleft20 { margin: 50px 0 0 20px; }
.paddingtop15paddingleft25 { margin: 15px 0 0 25px; } .paddingtop50left20 { padding: 50px 0 0 20px; }  .paddingtop80left20 { padding: 80px 0 0 20px; }
.paddingtop15paddingleft50 { padding: 15px 0 0 50px; }  .paddingtop30left50 { padding: 30px 0 0 50px; }
.paddingtop50paddingleft50 { padding: 50px 0 0 50px; }  .paddingtop65paddingleft50 { padding: 65px 0 0 50px; }
.paddingtop35paddingleft50 { padding: 35px 0 0 50px; } .paddingtop40left50 { padding: 40px 0 0 50px; }
.paddingtop25paddingright50 { padding: 25px 50px 0 0; }
.paddingtop85paddingleft25 { padding: 85px 0 0 25px; }
.paddingtop35right30 { padding: 35px 30px 0 0; }
.paddingtop35left50 { padding: 35px 0 0 50px; }
.paddingtop10left25 { padding: 10px 0 0 25px; } .paddingtop20left25 { padding: 20px 0 0 25px; }


/****  End Layout  ****/

/****  Carbone Pristine Detailing Navigation  ****/
#navcontainer {margin: 0 auto; padding: 0; width: 1000px;}

#navigation { float: center; margin: 0; padding: 0; zoom: 1; z-index: 1; height:70px; }
#navigation li { float:left; position:relative; list-style:none; margin:0; z-index: 200; }
#navigation li a.top { background-image: url(/images/carbone_navigation.png); 0 0 no-repeat; float:left; height:70px; overflow:hidden; cursor:pointer; }


/* Petersen BUTTONS */
#navigation li#home a { background-position: 0 0; width:185px; }
#navigation li#about a { background-position: -185px 0; width:137px; }
#navigation li#services a { background-position: -322px 0; width:173px; }
#navigation li#gallery a { background-position: -495px 0; width:161px; }
#navigation li#contact a { background-position: -656px 0; width:161px; }
#navigation li#contactus a { background-position: -817px 0; width:183px; }

/* HOVER OVER STATES */
#navigation li#home a:hover { background-position: 0 -70px; }
#navigation li#about a:hover { background-position: -185px -70px; }
#navigation li#services a:hover { background-position: -322px -70px; }
#navigation li#gallery a:hover { background-position: -495px -70px; }
#navigation li#contact a:hover { background-position: -656px -70px; }
#navigation li#contactus a:hover { background-position: -817px -70px; }


/* MOUSE CLICK STATES */
#navigation li#home a:active { background-position: 0 -140px; }
#navigation li#about a:active { background-position: -185px -140px; }
#navigation li#services a:active { background-position: -322px -140px; }
#navigation li#gallery a:active { background-position: -495px -140px; }
#navigation li#home a:contact { background-position: -656px -140px; }
#navigation li#contactus a:active { background-position: -817px -140px; }

#navigation li:hover #menu ul.sub
{ background: #000000; left:-10px; top:67px; padding:3px 0; border:1px solid #292929; white-space:nowrap; width:180px; height:auto; z-index:300;}
#navigation li:hover #menu ul.sub li
{background: #000000; display:block; height:30px; position:relative; float:left; width:180px; font-weight:200;}
#navigation li:hover #menu ul.sub li a
{background: #000000; display:block; font-size:12px; height:30px; width:180px; line-height:30px; text-indent:15px; color:#898989; text-decoration:none; border:0;}
#navigation li:hover #menu ul.sub li a:hover 
{background:#212121; color:#b6b6b6; border: none;}

#navigation ul, 
#navigation li:hover ul ul,
#navigation li:hover li:hover ul ul,
#navigation li:hover li:hover li:hover ul ul,
#navigation li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none; }



/* End Navigation */ 

/****  End Nav  ****/

/****  Footer  ****/

#footercontainer { margin: 0 auto; padding: 0; width: 1000px; }
#footerbordernew { background: url(/images/website_divider_top.jpg); 0 0 no-repeat; width:1000px; height:50px; margin: 25px 0 0 50px; padding: 0; position: relative; }

#footer { width:1000px; height:150px; padding:0; position:relative; margin: 0 auto;}
#footer img.footerlogo { width:194px; height: 43px; position: absolute; top: 25px; left:806px; margin: 0; padding: 0; }
#footer #links { position: absolute; top: 0; right: 240px; float:left; margin: 0; padding: 0; }
#footer #links ul { list-style: none; text-align: right; }
#footer #links li { display: inline; padding: 0 10px; border-right: 1px dotted #374d5f; color:#374d5f; }
#footer #links li.last { border-right: none; padding: 0 0 0 10px; }
#footer #links li a { text-decoration:none; color:#374d5f; font-size:11px; }
#footer #links li a:hover { display: inline; text-decoration:none; color:#ff0000; font-size:11px;}
#footer #links p { color:#374d5f; font-size:10px; text-align:right; width: 800px; position: absolute; top: 40px; right: 0; float:right; margin: 0; padding: 0;  }

p.footercontact { color:#bebebe; font-size:13px; text-align:left; margin: 0; padding: 7px 0 0 0; font-weight:200;} p.footercontact a { color:#bebebe; text-decoration: none; } p.footercontact a:hover { color:#4b8dff; text-decoration: none; }
p.footerinfo { color:#707070; font-size:10px; text-align:center; margin: 0; padding: 0 0 0 0; font-weight:100; letter-spacing: 1pt; } p.footercontact a { color:#bebebe; text-decoration: none; } p.footercontact a:hover { color:#4b8dff; text-decoration: none;  }

ul.footerlinks { list-style: none; text-align: left; padding: 15px 0 0 0; margin:0; }
ul.footerlinks li { font-size:12px; padding: 2px 0; color:#afafaf; font-weight: 200;}
ul.footerlinks li.last { border-right: none; padding: 0 0 0 10px; }
ul.footerlinks li a { text-decoration:none; color:#afafaf; font-size:12px; }
ul.footerlinks li a:hover { text-decoration:none; color:#ff0000; font-size:12px;}












/****  End Footer  ****/