/* //// CSS Style Sheet \\\\ */
/* //// Layout & Typography Styles \\\\ */
/* //// http://www.rabbircontrol.org \\\\ */
/* //// Copyright Landmark Rabbit Control \\\\ */
/* //// Produced by ACA - http://www.creativeattitude.org \\\\ */

/* =Global Styles -------------------------------------------------------------------------------------------------------------------*/

html * { margin:0px; padding:0px; }

body{background: url(../images/site_bg_3.jpg) center top no-repeat #2f2b27; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 70%; color: #fff; text-align:center; margin: 0px auto;}

img {border: 0px;}

p, span{font-size: 1.2em; line-height: 22px;}
p{color: #c8c9af;}

.darkgreen{color: #63643f;}
.green{color: #b0b197;}
.lightgreen{color: #c8c9af;}
.brown{color: #46452f;}

h1{font-size: 3em; font-family: times new roman, sans-serif; color: #63643f;}
h2{font-size: 2em; font-family: times new roman, sans-serif; color: #63643f;}
h3{font-size: 1.8em; font-family: times new roman, sans-serif; color: #63643f;}
h4{font-size: 1.4em; font-family: times new roman, sans-serif; color: #63643f;}

a{text-decoration: underline; font-size: 1em; font-weight: 600; padding: 5px 0px 0px 0px;}

a:link, a:visited{color: #46452f;}
a:hover, a:active{color: #b0b197;}

blockquote{background: #7d7a48;}

dl{color: #c8c9af;}

.r_float{float: right;}

.clear{clear: both;}
.margin_bottom{margin-bottom: 20px;}
.margin_top{margin-top: 20px;}

/* ----------------------------------------------------------------------------------------------------------------------------------*/


/* =Layout --------------------------------------------------------------------------------------------------------------------------*/

#wrapper{width: 800px; height: auto; text-align: left; margin: 0px auto;}

#logo{width: 100%; height: 60px; background: url(../images/logo.jpg) top left #3d4033;}

#nav{width: 100%; height: 38px; border-top: 2px solid #fff;}
#nav a{text-decoration: none; font-size: 1em; font-weight: 600; float: left; padding: 0px;}
#nav a:link, #nav a:visited{color: #b0b197;}
#nav a:hover, #nav a:active{color: #aba76b;}
#nav ul{padding-top: 4px;}
#nav ul li{display: block; float: left; font-size: 1.4em; padding-left: 20px; list-style: none;}
#l_nav{float: left; width: 560px; height: 100%; background: url(../images/l_nav_bg.gif) top left repeat-x; }

#r_nav{float: right; width: 240px; height: 100%; background: url(../images/r_nav_bg.gif) top left repeat-x; }
#r_nav img{float: right; padding-right: 20px;}

#content{width: 100%; height: 100%; background: url(../images/content_bg.jpg) bottom left repeat-x #949054; margin-bottom: 70px;}

#l_col{float: left; width: 500px; height: 100%;}
#l_col p{margin: 10px 0px 0px 20px; padding: 5px 3px 5px 3px; background: #7d7a48;}
#l_col p a{text-decoration: none;}

#l_col h2, #l_col h3{margin: 10px 0px 0px 20px;}
#l_col h1{margin: 0px 0px 0px 20px;}

#l_col img{margin: 20px 0px 10px 20px;}

#r_col{float: right; width: 291px; height: 620px;}
#r_col h2{margin: 0px;}
#r_col p{margin: 0px; padding: 0px 20px 10px 20px;}

#r_col_top{width: 100%; height: 55%; background: url(../images/r_col_bg_top.gif) bottom left repeat-y #7b7846;}
#r_col_top img{margin: 20px 0px 0px 0px; width: 277px; height: 300px;}

#r_col_bottom{float: right; text-align: center; width: 240px; height: 45%; background: url(../images/r_col_bg.jpg) bottom left repeat-x #7b7846;}
#r_col_bottom img{margin: 0px auto; width: 221px; height: 238px;}


#l_col li{line-height: 2.4em;}
#l_col li span{background: url(../images/content_point.gif) top left no-repeat #7d7a48; padding: 4px 5px 4px 15px; width: auto;  font-size: 1.1em; color: #c8c9af;}
#l_col ul{list-style: none; margin-bottom: 10px;}

.margin{margin-left: 20px;}

.mole_link {}
.mole_link p {margin: 10px 0px 0px 20px; padding: 5px 3px 5px 3px; border: 3px solid #c8c9af; font-size:12px;}
.mole_link p a {}

/* ----------------------------------------------------------------------------------------------------------------------------------*/


/* =Contact Form Styles -------------------------------------------------------------------------------------------------------------*/

form{text-align: left;}
fieldset{border: 0px;}
fieldset label{margin: 0px; display: block; float: left; font-size: 1.2em;}
span{font-size: 0.9em; margin-bottom: 5px;}

#l_col form{width: 240px; margin: 20px 0px 0px 20px;}
#l_col fieldset{width: 240px;}
#l_col fieldset label{width: 100px; color: #63643f;}
#l_col span{color: #63643f;}

#r_col form{width: 200px; margin: 0px auto;}
#r_col fieldset{width: 200px;}
#r_col fieldset label{width: 60px; color: #c8c9af;}
#r_col fieldset h2{color: #c8c9af;}
#l_col span{color: #c8c9af;}

fieldset input{width: 130px; margin: 0px; float: right; display: block; border: 2px solid #63643f; background: #fff; rows: ; cols: ;}
fieldset textarea{width: 130px; height: 100px; margin: 0px; border: 2px solid #63643f;float: right; display: block; background: #fff; rows: ; cols: ;}

.error{border: 2px solid red;}
.form_row{width: 100%; height: 25px;}
.form_row_textarea{width: 100%; height: 110px;}

fieldset strong{float: right; margin-left:10px; text-align: right; padding: 0px 5px 0px 0px;}
fieldset li{margin: 0px 0px 2px 15px;}
 
#error_box{float: right; display: block; width: 210px; height: auto; color: #c8c9af; padding-top: 20px;}
#error_box h4{margin-bottom: 5px; color: #c8c9af; background: #7d7a48; padding-left: 5px;}

.l_col_small{width: 230px; height: auto;}
.l_col_small h4{margin: 0px 0px 5px 20px;}
.l_col_small img{float: right;}

#l_col_l{float: left; display: block;}
#l_col_r{float: right; display: block;}

.l_col_small dl dt{float: left; width: 12px; padding: 5px 3px 5px 3px; font-size: 1.2em; line-height: 1.2em; background: #7d7a48;}
.l_col_small dl dd{float: left; width: 183px; padding: 5px 3px 5px 3px; font-size: 1.2em; line-height: 1.2em;  background: #7d7a48;}

/* ----------------------------------------------------------------------------------------------------------------------------------*/


/* =Footer --------------------------------------------------------------------------------------------------------------------------*/

#footer{width: 100%; height: 178px; background: #2f2b27; border-top: 2px solid #fff; margin: 0px 0px 0px 0px; text-align:center;}
#footer p{padding: 5px 0px 5px 0px; margin:0px; font-size: 1em; line-height: 16px; color: #fff;}
#footer h1{padding: 10px 0px 5px 0px; margin:0px; font-size: 1.2em; font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: 600;  color: #fff;  border-bottom: 1px solid #fff;}

#footer_content{width: 800px; height: auto; padding-bottom: 10px; text-align: left; margin: 0px auto;}
#footer_col_1{float: left; width: 320px; margin-right: 30px; height: auto;}
#footer_col_2{float: left; width: 160px; height: auto;}
#footer_col_3{float: right; width: 260px; height: auto;}

#footer_col_2 ul, #footer_col_3 ul{padding: 5px 0px 0px 5px;}
#footer_col_2 li, #footer_col_3 li{list-style: none; margin-left: -5px; font-size: 1em; padding-left: 15px; background: url(../images/footer_point.gif) top left no-repeat;}

#footer_l_col{float: left; width: 560px; height: auto; background: url(../images/footer_logo.gif) bottom left no-repeat;}
#footer_r_col{float: right; width: 240px; height: auto; text-align: right;}

#footer_l_col a{text-decoration: none; font-size: 1em; font-weight: 600; float: left; padding: 0px;}
#footer_r_col a{text-decoration: none; font-size: 1em; font-weight: 600;}
#footer_r_col p{margin-top: 30px; padding: 0px;}

#footer a:link, #footer a:visited{color: #fff;}
#footer a:hover, #footer a:active{color: #aba76b;}

#footer_l_col ul{margin-top: 30px; padding-left: 110px;}
#footer_l_col ul li{display: block; float: left; font-size: 1.1em; padding: 0px 10px 0px 0px; margin: 0px; list-style: none;}

/* ----------------------------------------------------------------------------------------------------------------------------------*/


/* =Gallery Page ---------------------------------------------------------------------------------------------------------------------------------------- */

#gallery{width: 480px; text-align: center; padding: 10px 0px 0px 20px;}
#gallery a{padding: 0px;}

#thumbs_gallery{width: 465px; height: auto; margin: 0px auto;}

#thumbs_gallery div{float: left; margin: 0px 15px 10px 15px;}
#thumbs_gallery img{margin: 5px;}

.gallery_section_link_area{display: block; width: 120px; height: 130px;}
.gallery_extension_area{width:120px; height: 130px; background: url(../images/gallery/thumb_bg_over.jpg) top left no-repeat;}

.gallery_section:link, .gallery_section:visited{background: url(../images/gallery/thumb_bg.jpg) top left no-repeat;}
.gallery_section:hover, .gallery_section:active{background: none;}


/* ------------------------------------------------------------------------------------------------------------------------------------------------------ */