/* CSS Document 
LDS, Landscape Design Solutions
cBell Technology Services
Charles Bell
page css file. */

/* Body area of page */
Body {background-image:url(../web-images/background.jpg); background-repeat: repeat-x;}
/*End Body CSS*/

/*Main Area of Page, where content, headers and Navigation reside. 772px wide, height set @ auto*/
.outer_content {position: relative; left:0px; top:0px; margin-left:auto; margin-right: auto; margin-top:2px; width:772px; height:auto; background-color: #663300; padding: 2px, 2px, 0px, 2px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; color: #ffffff;}
.main {position:relative; margin-left:auto; margin-right:auto; height:auto; width:768px; background-color: #C2C287;}
/*End Main CSS*/

/*Header Area CSS, layout page header 768px wide, 250px high*/
.header{position:relative; left:0px; top:0px; background-color:#000000; width:768px; height:250px; margin-top:0px; margin-bottom:0px;}
/*End Header CSS area*/

/*Navigation CSS, 768px wide, 20px high*/
.nav_space{position:relative; left:0px; top:0px; width:100%; height: 20px; margin-bottom: 0px; margin-top:0px; background-color:#663300; border-top: solid 1px #582C2C; border-bottom: 1px solid #582C2C; padding:0;}
ul#navframe { height:15px; background-color: transparent; list-style-type:none; margin-top:0; padding:0; margin-bottom: 0; margin-left: auto; margin-right: auto; padding-left: 55px;}
ul#navframe li{float:left; height:15px; width:130px; text-align: center; color: #c2c287; font-size: 0.9em; line-height: 1.00em; letter-spacing: .07em; margin: 3px 5px 1px 5px; padding: 0; font-family: AbottOldStyle, AmericanText, Antiqua, Verdana, Arial;}
ul#navframe a:link, ul#navframe a:visited  {float:left; width:130px; height:15px; color: #c2c287; font-weight: 900; text-decoration: none; background-color: transparent; }
ul#navframe a:hover { height:15px; width:130px; color: #003300; font-weight: bold; font-style: normal; text-decoration: none; background-color: transparent;}
body#gallery_top li.gallery_top, body#contact li.contact, body#about li.about, body#service li.service, body#before li.before {color: #c2c287; background-color: transparent; }
body#gallery_top li.gallery_top a:link, body#gallery_top li.gallery_top a:visited,
body#contact li.contact a:link, body#contact li.contact a:visited,
body#about li.about a:link, body#about li.about a:visited,
body#service li.service a:link, body#service li.service a:visited, body#before li.before a:link, body#before li.before a:visited{color: #003300; background-color: transparent; }
/*End Navigation CSS*/

/*Content Section CSS, content area contains the actual information of the web-site*/
.content {position: relative; left:0px; top:0px; margin-left:auto; margin-right: auto; margin-top:1px; width:100%; height:auto; background-color: #C2C287; padding-top: 0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; color: #003300;}

.about_content {position: relative; left:0px; top:0px; margin-left:auto; margin-right: auto; margin-top:1px; width:85%; height:auto; background-color: #C2C287; padding-top: 0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; color: #003300;}

.contactus_content {position: relative; left:0px; top:0px; margin-left:auto; margin-right: auto; margin-top:1px; width:80%; height:auto; background-color: #C2C287; padding-top: 0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; color: #003300;}

.service_area {position: relative; left: 0px; top: 0px; width: 768px; height: 500px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; color: #000000; background-color: #C2C287; margin-top:0px;}

.service_nav{position:relative; width:60%; margin-left:auto; margin-right:auto; background-color:#C2C287; text-align:center; margin-bottom:10px;}
.service_span{margin-left:2px; margin-right:2px;}


.left_container{float:left; width:102px; height:auto; margin-left:1px; margin-top:0px; margin-bottom:20px;}
.left_title{ position:relative; top:2px; width:100%; height:auto; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.25em; font-style: italic; font-weight:bold; text-align:center;}
.left_thumb{ position:relative; width:100px; height:75px; margin-left:1px; margin-top:15px;}

.center_container{float:left; width:560px; height:auto; margin-left:auto; margin-right:auto; margin-top:0px; padding-top:50px; margin-bottom:30px;}
.center_pic{position:relative; width:540px; height:405px; margin-left:10px; margin-right:auto;}

.right_container{float:left; width:102px; height:auto; margin-left:1px; margin-top:0px; margin-bottom:20px;}
.right_title{ position:relative; top:2px; width:100%; height:auto; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.25em; font-style: italic; font-weight:bold; text-align:center;}
.right_thumb{ position:relative; width:100px; height:75px; margin-left:1px; margin-top:15px;}


.footer{position:relative; width: 100%; height:35px; background-color:#000000; border-top: 1px solid #333333;}
.left_footer{float:left; font-size:.8em; color:#999999; height:30px; width:360px; padding-left: 2px; margin-top:5px;}
.cbellfooter{ float:right; font-size:0.8em; color:#999999; height:30px; width:360px; text-align:right; padding-right:2px; margin-top:5px;}
.cbellfooter a:link { text-decoration: underline; color:#999999;   font-size:10px;}
.cbellfooter a:visited { text-decoration: underline; color:#999999;  font-size:10px;}
.cbellfooter a:hover { text-decoration: underline; color:#999999;  font-size:10px;}
.cbellfooter a:active { text-decoration: underline; color:#999999;  font-size:10px; }



/*SPACE*/
.space {clear: both;}
.spacer{position:relative; width:100%; height:20px; background-color:#C2C287; margin-top:2px;}
/*END SPACE*/