/* 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: 345px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; color: #000000; background-color: #C2C287; margin-top:0px;}

.bigtxt{font-size:1.0em;}
.service_pic{ float:left; width:60%; height:345px; border-right: 2px solid #582c2c;}
.service_txt{ position: absolute; right: 85px; bottom: 15px; width:15%; height:auto; text-align: center;}
.service_sep { padding-left: 3px; padding-right: 3px; vertical-align: 1px;}
.service_txt a:link, a:hover, a:visited, a:active{font-size:1.0em; color:#003300; text-decoration:none;}
 

.leftpic{ float: left; margin: 5px 10px 5px 5px;}

.rightpic{ float:right; margin: 5px 5px 5px 10px;}

.contentheader {position: relative; height: 65px; width: 100%; background-color: #000000; margin: 5px 10px 5px 10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.2em; color:#ffffff;}

/*counter*/
.counter{ position:relative; width:161px; height:auto; background-color:#FFFFFF; margin:30px 0px; z-index:4; padding: 2px 2px 2px 2px; border: 2px solid #0000FF;}
/*html .leftcontent {height: auto;}/*IE ONLY*/
.countertext{font-family:Rockwell; font-size:14px; color:#FF0000; text-align:center;}
/*End Counter*/

.gallery{ position:relative; width:768px; height:450px; margin-left:auto; margin-right:auto; margin-top:1px; border: 0px groove #999999; padding-bottom:5px;}
.gallery_nav {position:relative; width: 295px; height:30px; margin-left:auto; margin-right:auto; margin-top:5px;}
.gallery_buttons{float:left; width:66px; height:26px; padding-right:1px; margin-left:3px; margin-right:3px;}


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

form{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.85em; color:#FFFFFF; background-color:transparent;}
.customer_name {position:relative; top: 0px; left: 0px; height: 100%; width: 100px; border: 0px; background-color: transparent; text-align: left; display: inline;}
input.txt {background-color: #FFFFFF; border: 1px inset #999999; width: 300px;}
input.btn {color:#000000; background-color:#FFFFFF; border: 1px outset #999999;}
label{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.0em; font-weight:bold; color: #003300;}
textarea {width:300px; height:70px; color:#000000; background-color:#FFFFFF; border: 1px inset #CCCCCC; display:block;}
select {width:150px; height: auto; color:#000000; background-color:#FFFFFF; border: 1px inset #CCCCCC; display:block;}
.e_code {font-family:"Comic Sans MS"; font-size:1.1em; color:#FF0000;}



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

/*Left Side*/
.left{ float:left; width:200px; height: auto; background-color:#C2C287; margin: 2px 0px 0px 0px; z-index:3; padding: 1px 1px 0px 1px; }

.leftcontentheader {float:left; height: 95px; width: 200px; background-color: #000000; font-family:Geneva, Arial, Helvetica, sans-serif; font-size: 1.5em; color: #003300; }
/**html .leftcontentheader {margin-bottom: -4px;}IE ONLY*/

.leftcontent{ position: relative; width:200px; background-color: C2C287; margin: 2px 2px; z-index:4; padding: 20px 1px 0px 1px; color: #003300; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.75em;}
/*html .leftcontent {height: auto; font-size: 50%;}IE ONLY*/

/*End Left Side*/

/*Right Side*/
.right{ float: right; width: 550px; height:auto; background-color: transparent; margin: 2px 0px 0px 0px; z-index:3; border-left: 1px solid #333333;}

.rightcontentheader {position: relative; height: 35px; width: 550px; background-color: #FFFFFF; text-align: left; padding: 3px 0 3px 0; margin: 2px 2px; font-size:16px; font-weight: bold; border-bottom: double 5px #990000; font-family: Rockwell; font-size:25px; font-weight:bold; letter-spacing: .25em;}
/*html .rightcontentheader {margin-bottom: -4px;}/*IE ONLY*/

.rightcontent{ width: 550px; height:auto; background-color: transparent; margin: 2px 2px; z-index:4; padding-top:20px;}



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