/*CSS by HVVS.net*/

/*Page styles*/
body { padding:0; margin:0; font:12px Verdana, Geneva, sans-serif; background: #000 url(../images/bg.jpg) top center no-repeat; color:#CD853F;}
#wrapper { margin:0px auto; width:970px;  padding:0;}


/*Text styles*/
p {font-size: 10px; color: #CD853F}
a {font-size: 11px; color: #CD853F; text-decoration:none}
a:hover {font-size: 11px; color: #D2691E; text-decoration:none}
.news-title {font-size: 11px; color: #CD853F; text-transform:uppercase;line-height: 20px; padding: 0px 0 10px 0;}
.news-description {font-size: 10px; color: #663300; line-height: 14px; padding: 5px 0 0 0; text-transform:none}
.email-text {font-size: 10px; color: #663300; line-height: 14px; padding: 5px 20px 0 0; text-transform:none}
.services {font-size: 9px; color: #8B4513; text-transform:uppercase; line-height: 14px}

/*Content styles*/
#header {width: 970px; height: 80px; clear: both; }
#menu {width: 160px; height: 30px; margin: 70px 0 0 185px; color: #b26e37; background:url(../images/menu.jpg) repeat-x; border: 1px dotted #361309; padding: 15px 15px 0 15px; text-align:center}
#menu a{color: #8B4513;}
#menu a:hover{color: #CD853F;}
#slider {width: 970px; height: 250px;clear: both;margin: 0px 0 0 0; padding: 0 0 0 0;}
#slider2a {width: 770px; height: 210px;clear: both;margin: 40px 50px 0 190px; padding: 0 0 0 0;}
#slider2a a{border: 0px; text-decoration:none}
.slider-overylay {float: left; position:absolute; width: 970px; height: 252px; background: url(../images/overlay.png) top left; z-index:50; margin: 0px 0 0 0px;}
#body-content {width: 970px; height: 225px; clear:both; margin: 15px 0 0px 0;}
#left {float: left; width: 176px; height: 170px; padding: 55px 43px 0 176px; text-align:right; background:url(../images/left.jpg) top left no-repeat;}
#left2 {float: left; width: 176px; height: 170px; padding: 55px 43px 0 176px; text-align:right; background:url(../images/left2.jpg) top left no-repeat;}
#right {float: left; width: 500px; height: 225px; margin-right: 0px;background:url(../images/right.jpg) top left no-repeat;}

/*Scroll*/
.jScrollPaneContainer {position: relative;overflow: hidden;z-index: 1; border:0px}
.jScrollPaneTrack {background: url(../images/scroll2.png) no-repeat; position: absolute;cursor: pointer;right: 0px;top: 0;height: 100%;}
.jScrollPaneDrag {background: url(../images/scroll.png) no-repeat;position: absolute;cursor: pointer;overflow: hidden;}
.scroll-panel {overflow: auto;float: left; padding: 0 0px 0 0;border:0px; width:440px}
/*.scroll-panel {width: 400px;height: 350px;overflow: auto;float: left;}	*/
.holder {float: left;margin: 0px;border:0px;}
#panel {height: 145px;}

/*Sort*/
.service {margin: 0 0 0px 15px;clear: both;overflow: hidden;width: 385px; padding: 0px;}
.service img { float: left; margin: 0 0px 0 0; }
.service p { float: left; width: 100%; padding: 0px} 
#service-nav {float: left; margin: 0 0 0px 0; width: 450px; height: 20px}
#service-nav a { padding: 2px 6px;font-size: 9px; text-decoration:none}
#service-nav a:hover, #service-nav a.current { color: #D2691E; }
.articles {float: left; padding: 8px 0 10px 0px; width: 385px; border-bottom: 1px solid #663300; height: 100%;}
.sort-row{float: left; height: 25px; padding: 21px 0 0 15px; width: 460px; clear:both}
.news-row{height: 69px; clear:both; padding-left: 21px;}
.copyright{padding-left: 15px; line-height: 30px; font-size: 9px; color: #23160c; text-transform:uppercase; }
.read{height: 25px; width: 88px; float: right;}

/* slideViewer*/
.svw2 {width: 50px; height: 20px; background: #fff; height:250px; overflow:hidden; position: relative;}
.svw2 ul{position: relative; left: -999em; height:250px; overflow:hidden}

.stripViewer { position: relative; margin: 0;}
.stripViewer ul { position: relative; left: 0; top: 0; list-style-type: none;}
.stripViewer ul li {float:left; display:inline;}

.stripViewer ul li img{ border:0 none;}
.stripTransmitter { position: absolute; z-index: 2; visibility: inherit; top:214px; right:100px; filter: alpha(opacity=70); -moz-opacity: 0.70; KhtmlOpacity: .70; opacity: .70; border:0px solid #CCC; width: auto !important; display: none;}
.stripTransmitter ul { position: relative; list-style-type: none; background: #FFF;}
.stripTransmitter ul li{ width: 20px; float:left; margin: 0 1px 1px 0;}
.stripTransmitter a{ font: bold 10px Verdana, Arial; text-align: center; line-height: 22px; background: #666; color: #fff; text-decoration: none; display: block;}
.stripTransmitter a:hover { background: #cc9900; color: #fff;}
.stripTransmitter a.current, .stripTransmitter a.current:hover { background: #fff; color: #cc9900;}
.svw1 {width: 50px; height: 20px; background: #fff; height:250px; overflow:hidden}


img.ldrgif{position:absolute; left:380px; top:120px; z-index:100; width:208px; height:13px; filter: alpha(opacity=70); -moz-opacity: 0.70; KhtmlOpacity: .70; opacity: .70;}
#navright{position:absolute; right:0; top:0; z-index:60; width:60px; height:250px; display:none;}
#navleft{position:absolute; left:0; top:0; z-index:60; width:60px; height:250px; display:none}
#navleft a, #navright a{height:250px; width:60px; display:block; filter: alpha(opacity=30); -moz-opacity: 0.30; KhtmlOpacity: .30; opacity: .30; }
#navleft a:hover, #navright a:hover{filter: alpha(opacity=75); -moz-opacity: 0.75; KhtmlOpacity: .75; opacity: .75; }
#navleft img, #navright img{ margin-top:85px;}
.svw2 {width: 50px; height: 20px; background: #fff; height:250px; overflow:hidden; position: relative;z-index:60;}

/*--------------------------------------------Contact Form----------------------------------------------------*/
button {background: url(../images/spacer.gif) no-repeat; color:#bdbdbd; border: 0px;}
#contactFormContainer {position:absolute;float:right;z-index: 999;border:solid 1px #777;}
fieldset  { padding: 10px 20px 20px 0px;border:solid 0px #a7b522;}   
#contactForm form  { border:solid 1px #777;}  
#contactForm label   {display:block;color:#777;border:solid 1px #777;}      
#contactForm input[type=text]   {display:block;border:solid 1px #777;width:240px;margin-bottom:10px;height:15px; background: #FFFFFF;}  
#contactForm textarea   {display:block;border:solid 1px #777;width:240px;margin-bottom:10px; background: #FFFFFF;padding:8px;}  
#contactForm input[type=submit] {border:solid 1px #777;color:#939393;padding:5px;background: #FFFFFF;}                
#messageSent   {color:#666;display:none;}
.list {padding:4px;border:solid 1px #afbd22}
#box {background: #b2d879; width: 10px; height: 10px; padding: 2px;border:solid 1px #777;}
#select{background: #ccc;border:solid 1px #afbd22}
input,textarea {border:1px solid #556B2F;color: #939393;}	
#name{padding: 10px;border: 1px dotted #361309;color: #b26e37;background: url(../images/menu.jpg) repeat-x;margin: 0 0 5px 0;width:240px;}
#phone{padding: 10px;border: 1px dotted #361309;color: #b26e37;background: url(../images/menu.jpg) repeat-x;margin: 0 0 5px 0;width:240px;}
#email{padding: 10px;border: 1px dotted #361309;color: #b26e37;background: url(../images/menu.jpg) repeat-x; margin: 0 0 5px 0;width:240px;}
#message  {padding: 10px;font-size:12px;border: 1px dotted #361309;color: #b26e37;background: url(../images/message.jpg) repeat-x;margin-top: 5px; width:240px;}
#security_code{padding: 7px;border: 1px dotted #361309;color: #b26e37;background: url(../images/menu.jpg) repeat-x;width:250px;}
#send {padding: 10px;border: 1px dotted #361309;color: #b26e37;background: url(../images/menu.jpg) repeat-x; margin-top: 5px}
.slist {padding:4px;margin:10px 0 0 0;}
.yay {margin:0; color: #777;font-size:12px;}
.oops {margin:0; color: #000;font-size:12px;}


.navigation {float: right; width: 690px;}
.sliderwrapper{position: relative;overflow: hidden;width: 705px;height: 360px;}
.sliderwrapper .contentdiv{visibility: hidden; position: absolute; left: 0; top: 0; padding: 0px 0 0 0;background: none ;width: 705px; height: 150px;}
.pagination{width: 680px; /*Width of pagination DIV. Total width should equal slider's outer width*/text-align: left;background: none;padding: 0px 0px;}
.pagination a{padding: 0 0px;text-decoration: none; color: #ddd;background: none;}
.pagination a:hover, .pagination a.selected{width: 100%; height: 100%;}
.row {float: left; padding: 6px 0px 0px 10px; width: 650px; display: block;}
.single {float: left; width: 38px; height:56px; padding: 0 5px 0 5px; margin: 0; border: none;}
.single2 {float: left; width: 240px; height:56px; padding: 0 20px 0 5px; margin: 0; border: none;}
.caption {width: 370px; text-align:center; color: #838383;font-size:11px}
.toc {border:none}
div.content {display: none;float:left;width:705px; clear:both;}