*{
border:0;
padding:0;
margin:0;
}
html{
font-family:Verdana, Arial, Helvetica, sans-serif;
}
body{
background: white url(../images/backgrounds/body-background.jpg) repeat top center;
}
a {
color:#990033; 
font-weight: bold; 
text-decoration: none;
}
a:hover {
color:#990033; 
text-decoration: none;
}
h1 {
font-size: 20px; 
padding: 15px 0px 0px 0px; 
margin: 0px; 
letter-spacing: -1px; 
color: #990033; 
}

/*****************************/
/* All elements container   */
/***************************/
div.outer{
margin-left: auto;
margin-right:auto;
height: auto;
width: 974px;
}







/******************************/
/* Main elements containers  */
/****************************/
div.top{
float: left;
height: 175px;
width: 100%;
}
div.main_body{
float: left;
width:100%;
height: auto;
}
div.footer{
float: left;
text-align: center;
margin: 60px 0 0 0;
}







/******************************/
/* TOP elements              */
/****************************/
div.top div.top_logo{
padding-top: 30px;
margin-left: 230px;
height: auto;
width: 463px;
}
div.top div.top_logo img{border:0px solid red;
margin-left: auto;
margin-right: auto;
}






/******************************/
/* MAIN NAVIGATION elements  */
/****************************/
div.main_body div.main_nav{
float: left;
margin:0 0 0 50px;
width:160px;
height: auto;
}
ul#main_navigation{
list-style-type: none;
padding: 0 0 20px 0;
margin: 0;
}
ul#main_navigation li{
width:200px;
height:35px;
padding: 0;
margin: 0;
}
ul#main_navigation li p{
font-size: 26px;
line-height: 26px;
}
ul#main_navigation li a:link,
ul#main_navigation li a:visited{
text-decoration: none;
color:black;
text-indent: -99999px;
}
ul#main_navigation li a:hover{
text-indent: -99999px;
}
ul#main_navigation li.nav_home{
background: transparent url(../images/calnativelandscaping-nav.png) no-repeat left top;}
ul#main_navigation li.nav_about{
background: transparent url(../images/calnativelandscaping-nav.png) no-repeat -200px top;}
ul#main_navigation li.nav_pics{
background: transparent url(../images/calnativelandscaping-nav.png) no-repeat -400px top;}
ul#main_navigation li.nav_flagstone{
background: transparent url(../images/calnativelandscaping-nav.png) no-repeat -600px top;}
ul#main_navigation li.nav_references{
background: transparent url(../images/calnativelandscaping-nav.png) no-repeat -800px top;}
ul#main_navigation li.nav_driveby{
background: transparent url(../images/calnativelandscaping-nav.png) no-repeat -1000px top;height:52px;}
ul#main_navigation li.nav_contact{
background: transparent url(../images/calnativelandscaping-nav.png) no-repeat -1200px top;}

ul#main_navigation li.nav_home_on{
background: transparent url(../images/calnativelandscaping-nav.png) no-repeat left -99px;}
ul#main_navigation li.nav_about_on{
background: transparent url(../images/calnativelandscaping-nav.png) no-repeat -200px -99px;}
ul#main_navigation li.nav_pics_on{
background: transparent url(../images/calnativelandscaping-nav.png) no-repeat -400px -99px;}
ul#main_navigation li.nav_flagstone_on{
background: transparent url(../images/calnativelandscaping-nav.png) no-repeat -600px -99px;}
ul#main_navigation li.nav_references_on{
background: transparent url(../images/calnativelandscaping-nav.png) no-repeat -800px -99px;}
ul#main_navigation li.nav_driveby_on{
background: transparent url(../images/calnativelandscaping-nav.png) no-repeat -1000px -99px;height:52px;}
ul#main_navigation li.nav_contact_on{
background: transparent url(../images/calnativelandscaping-nav.png) no-repeat -1200px -99px;}

div.main_body div.main_nav div.main_nav_info{
float: left;
padding:0 0 0 0;
width:170px;
height: auto;
}
div.main_body div.main_nav div.main_nav_info h3{
color: #990033; 
padding: 3px 0 3px 0; 
margin: 0px; 
font-size: 14px;
}
div.main_body div.main_nav div.main_nav_info p {
font-size: 12px;
margin: 5px 10px 0 0;
padding: 0px;
font-weight: normal;
}
div.main_body div.main_nav div.main_nav_info p.align_right {
text-align: right;
}








div.main_body div.body_copy{
float: left;
width:750px;
height: auto;
}




div.main_body div.body_copy div.body_column{
float: left;
padding:0 0 0 15px;
width:656px;
height: auto;
}

div.main_body div.body_copy div.body_column p{
padding:7px 0 7px 0;
}

div.main_body div.body_copy div.body_column p.contact_link{
padding:5px 0 20px 0;
}

div.main_body div.body_copy div.body_column p.top_paragraph{
padding:10px 0 7px 0;
}

div.main_body div.body_copy div.body_column p.client_address_head{
font-weight: bold;
text-decoration: underline;
}

div.main_body div.body_copy div.body_column p.client_address{
font-weight: bold;
color: #990033; 
}
div.main_body div.body_copy div.body_column p.client_address span{
font-weight: normal;
color: black; 
}


div.main_body div.body_copy div.body_column h1{
padding:7px 0 7px 0;
color: #990033; 
}

div.main_body div.body_copy div.body_column h2{
padding:7px 0 7px 0;
font-size: 16px;
}

div.main_body div.body_copy div.body_column h3{
padding:7px 0 7px 0;
font-size: 16px;
color: #990033; 
}

div.main_body div.body_copy div.body_column h3.client_address_head{
font-size: 14px;
font-weight: bold;
text-decoration: underline;
color:black;
}

div.main_body div.body_copy div.body_column h4{
padding:20px 0 7px 0;
font-size: 14px;
}




div.main_body div.body_copy div.body_column div.calnative_license_holder{
float: left;
width:656px;
height: auto;
}

div.main_body div.body_copy div.body_column div.calnative_license{
float: left;
width:340px;
height: auto;
}

div.main_body div.body_copy div.body_column div.calnative_license h3{
padding:0;
font-size: 18px;
}

div.main_body div.body_copy div.body_column div.calnative_license_picture{
float: left;
margin: 0 0 0 40px;
width:250px;
height: auto;
}

div.main_body div.body_copy div.body_column div.calnative_license_picture img{border:1px solid black;
width:250px;
}




div.main_body div.body_copy div.body_column div.form_holder{
float: left;
margin:20px 0 0 0;
width:656px;
}
div.main_body div.body_copy div.body_column div.form_holder h3{
padding:5px 0 5px 0;
font-size: 18px;
}






div.main_body div.body_copy div.body_column div.gallery_holder{
float: left;
padding:0 0 0 15px;
width:656px;
height: auto;
}



div.main_body div.body_copy div.body_column div.gallery_holder div.gallery_picture_holder{
float: left;
margin:10px 0 0 0;
padding:0;
width:auto;
height: auto;
}

div.main_body div.body_copy div.body_column div.gallery_holder div.gallery_picture_holder div.gallery_picture_main{
float:left;
height: auto;
width:auto;
}

div.main_body div.body_copy div.body_column div.gallery_holder div.gallery_picture_holder div.gallery_picture_main img{border:1px solid black;
}

div.main_body div.body_copy div.body_column div.gallery_holder div.gallery_picture_holder div.gallery_picture_carosel_holder{
float:left;
margin: -10px 0 0 0;
padding:0;
width:150px;
}

div.main_body div.body_copy div.body_column div.gallery_holder div.gallery_picture_holder div.gallery_picture_carosel_holder img{
border:1px solid black;
}
div.main_body div.body_copy div.body_column div.gallery_holder div.gallery_picture_holder div.gallery_picture_carosel_holder h4{
padding:0;
font-size: 12px;
text-align: center;
}

div.main_body div.body_copy div.body_column div.gallery_holder div.gallery_picture_holder div.gallery_picture_carosel_holder ul{
list-style-type: none;
padding:0;
}

div.main_body div.body_copy div.body_column div.gallery_holder div.gallery_picture_holder div.gallery_picture_carosel_before{
float:left;
margin:10px 0 0 20px;
width:50px;
}
div.main_body div.body_copy div.body_column div.gallery_holder div.gallery_picture_holder div.gallery_picture_carosel_after{
float:left;
margin:10px 0 0 5px;
width:50px;
}




div.main_body div.body_copy div.body_column div.gallery_holder div.gallery_picture_holder div.gallery_more{
float: left;
margin:2px 0 0 25px;
padding:0;
width:auto;
height: auto;
}




div.sep_line{
border-top:1px solid #333;
}

div.sep_line_red{
border-top:1px solid #990033;
}

div.sep_line_info{
border-top:1px solid #333;
width:155px;
}


div.main_body div.body_copy div.body_column div.flagstone_pics img{border:1px solid black;
margin:20px 0 0 50px;
height: 190px;
}





div.main_body div.body_copy div.body_column_left{
float: left;
padding:0 0 0 15px;
width:506px;
height: auto;
}
div.main_body p{
padding:15px 0 0 0;
font-size: 14px;
}
div.main_body div.body_copy div.body_column_left img{border:1px solid black;}
div.main_body div.body_copy div.body_column_left{
float: left;
width:506px;
height: auto;
}


div.main_body div.body_copy div.body_column_right{
float: left;
padding:0 0 0 15px;
width:197px;
height: auto;
}
div.main_body div.body_copy div.body_column_right h3{
font-size: 15px; 
color: #990033; 
padding: 10px 10px 0px 10px; 
margin: 0px; 
letter-spacing: normal; 
}
div.main_body div.body_copy div.body_column_right p {
font-size: 12px;
margin: 0px 10px 10px 10px;
padding: 0px;
font-weight: normal;
}
div.main_body div.body_copy div.body_column_right p.align_right {
text-align: right;
}






/**************************************/
/* FOOTER SECTION elements */
/************************************/
div.footer h2.text_accent{
padding:0 0 10px 0;
font-size: 20px;
font-style: oblique;
}
div.footer p{
padding:10px 0 0 0;
text-align: center;
font-size: 11px;
}
div.footer div.counter{
padding-top: 20px;
margin-left: auto;
margin-right: auto;
width: 83px;
height: 100%;
}
div.footer div.counter a{line-height: 10px;}
div.footer div.counter div.top_counter{
width: 100%;
height: 100%;
}
div.footer div.counter div.bottom_counter{
width: 100%;
height: 100%;
}
div.footer div.counter div.bottom_counter div.bottom_counter_emblem{border:0px solid red;
float:left;
}
div.footer div.counter div.bottom_counter div.bottom_counter_stats{border:0px solid red;
float:left;
}








#contact_form { width: 350px; text-align: right; font-size: 14px; }
#contact_form p { margin: 5px 0px 0px 0px; padding: 0px; }
#contact_form textarea { border:1px solid #666; }
#contact_form input#submit { border:1px solid black; padding:3px; color:blue;}
.field {border:1px solid #666;
height: 22px; width: 200px; vertical-align: top;}