html{ height: 100%; overflow: -moz-scrollbars-vertical; overflow-y: scroll; }
*{ padding: 0; margin: 0; }

body{ font-family: Arial, Helvetica, sans-serif; background: url(../img/bg.jpg); }
img{ border: 0; }
#main{ width: 750px; margin: 20px auto 10px auto; }

#header{ background: url(../img/header.png) no-repeat; height: 163px; }

#logo{ height: 95px; padding: 25px 0 0 25px; position: relative; }
#logo img{ float: left; margin-right: 10px; }
#logo h1{ font-size: 25px; color: #fff; padding-bottom: 6px; }
#logo h2{ font-size: 24px; color: #fff; font-weight: normal; }
#logo p.contact a{ background: url(../img/contact.png) no-repeat; display: block; width: 191px; height: 47px; line-height: 47px; color: #fff; text-decoration: none; font-size: 12px; position: absolute; top: 35px; right: 35px; padding-left: 15px; }
#logo p.contact a:hover{ background-position: bottom left; }

#menu{ padding: 0 10px 0 10px; }
#menu ul{ list-style-type: none; font-size: 12px; }
#menu li{ float: left; position: relative; }
#menu li a{ display: block; text-transform: uppercase; text-decoration: none; color: #d8ff75; line-height: 45px; padding: 0 7px 0 6px; text-shadow: 1px 1px 1px #75721d; }
#menu li a:hover{ color: #fff; }

#menu ul ul{ position: absolute; top: -3000px; left: -1px; width: 160px; height: auto; padding: 9px 0 0 0; margin: 0; z-index: 100;}
#menu ul ul li{ width: 160px; border-right: none; padding: 0; margin: 0; }
#menu ul ul li a{ display: block; text-transform: none; border-bottom: 0px; background: #90a323; line-height: 25px; padding: 4px 0 4px 8px; margin: 0; border-bottom: 1px solid #a9c23f;  }
#menu ul ul li a:hover{ display: block; margin: 0px; padding: 4px 0 4px 8px; color: #fff; }
#menu ul ul li.last a{ border-bottom: 0; background: url(../img/menu-bg.png) bottom left; }

#preview{ margin-top: 20px; overflow: hidden; }
#preview ul{ list-style-type: none; }
#preview ul li{ float: left; margin-right: 30px; background-position: center 5px; background-repeat: no-repeat; }
#preview ul li.last{ margin-right: 0px; }
#preview ul li a{ background: url(../img/frame.png) no-repeat top left; height: 25px; width: 230px; display: block; text-align: center; color: #64311a; font-size: 14px; padding-top: 135px; text-decoration: none; background-repeat: none; }

#content{ background: url(../img/content-top.png) top left no-repeat; clear: both; margin-top: 20px; overflow: hidden; padding: 20px; }
#footer{ background: url(../img/content-foot.png) top left no-repeat; padding-top: 5px; overflow: hidden; }


/* content */
.left{ float: left; width: 480px;  }
.left h3{ font-size: 18px; color: #fff; font-weight: normal; }
.left ul{ float: left; margin-left: 5px; margin-top: 10px; list-style-type: none;  }
.left ul li{ color: #fff; font-size: 12px; line-height: 37px; background: url(../img/bullet.png) no-repeat 8px 50%; padding-left: 20px; }
.left p{ font-size: 12px; line-height: 20px; color: #d0bda2; margin-top: 5px;}
.left .image { padding: 10px 0 10px 0; }
.left .image img{ border: 5px solid #d0bda2;}
.left .image_navigation{ list-style-type: none; float: left; position: relative; left: 50%; margin: 0; padding: 0; }
.left .image_navigation li{ float: left; background: none; margin: 0; padding: 0; right: 50%; position: relative; }
.left .image_navigation li a, .left .image_navigation li span{ display: block; color: #d0bda2; padding: 0 5px 0 5px; text-decoration: none; }
.left .image_navigation li a:hover{ text-decoration: underline; }


/* sidebar */
.right{ width: 190px; float: right; color: #fff; }
.right strong{ color: #d8ff75; }
.right p{ line-height: 28px; font-size: 14px; }
.right p.last{ border-top: 1px solid #614825; padding-top: 5px; margin-top: 5px; }
.right a{ color: #fff; }
.right div{ padding: 0 5px 10px 5px;  }
.right div ul{ list-style-type: none;  }
.right div ul li a{ display: block; padding: 8px 0 8px 0; font-size: 12px; border-top: 1px solid #614825; text-decoration: none; color: #d0bda2; }
.right div ul li:first-child a{ border: 0; }
.right div ul li a:hover{ color: #d8ff75; }




/* form */
fieldset{ border: 0; padding-top: 20px; overflow: hidden; }
fieldset dt{ float: left; width: 120px; line-height: 20px; color: #d0bda2; font-size: 12px;  }
fieldset dd{ margin-bottom: 10px; padding-left: 120px;  }
fieldset .txt{ padding: 4px; font-size: 12px; background-color: transparent; border: 1px solid #d0bda2; width: 200px; color: #d0bda2; font-family: Arial, Helvetica, sans-serif;}
fieldset .ta{ width: 330px; height: 200px; }
fieldset .submit{ padding: 5px; background: #411d14; color: #d0bda2; border: 0; cursor: pointer; border: 1px solid #d0bda2; }
fieldset .submit:hover{ background: #d8ff75; color: #411d14  }



.cpr{ color: #4c260e; font-size: 11px; padding-left: 5px; width: 300px; float: left; }
.cpr p{ line-height: 20px; }
.cpr a{ color: #4c260e; }
.c{ text-align: center; float: right; width: 230px;}