* {margin: 0; padding: 0;}
body  {font: 12px Geneva, Arial, Helvetica, sans-serif; color: #FFFFFF; background: url(../images/bg.gif) #670d1e;}
img {border: none;}
.clearfloat {clear: both; height: 0; font-size: 1px; line-height: 0px;}
ul {list-style: none;}
h1 {display: none;}
a {color: #FFFFFF;}
a:hover {text-decoration: none;}

/*bg*/
.bg {background: url(../images/bg-x.gif) top repeat-x;}
/*bg*/

/*center*/
.center {width: 1020px; margin: 0px auto;}
.center-pic {width: 987px; margin: 0px auto;}
.center-mov {width: 1040px; margin: 0px auto;}
/*center*/

/*head*/
.head {background: url(../images/logo.jpg) 60px 0px no-repeat; height: 212px;}
.head-top {width: 378px; position: absolute; margin-left: 496px; color: #D5B097; background: #550a18; top: 17px;}
.head-top ul {width: 165px; float: left;}
/*head*/

/*thumbs*/
.thumbs div {font-size: 15px; width: 255px; text-align: center; float: left; padding-bottom: 15px;}
.thumbs img {width: 250px; height: 350px; border: 1px solid #FFFFFF; margin-bottom: 5px;}
.thumbs strong {font-size: 17px; color: #D5B097;}
/*thumbs*/

/*thumbs2*/
.thumbs2 img {width: 135px; height: 180px; border: 1px solid #FFFFFF; margin: 2px;}
.thumbs2 h2 {font: normal 17px Tahoma, Verdana, Arial, sans-serif; color: #d5b097; text-align: center; padding-bottom: 5px;}
/*thumbs2*/

/*bigthumbs*/
.bigthumbs img {width: 190px; height: 255px; border: 1px solid #FFFFFF; margin: 2px;}
.bigthumbs h2 {font: normal 17px Tahoma, Verdana, Arial, sans-serif; color: #d5b097; text-align: center; padding-bottom: 5px;}
/*bigthumbs*/

/*thumbs3*/
.thumbs3 img {width: 200px; height: 160px; border: 1px solid #FFFFFF; margin: 2px;}
.thumbs3 h2 {font: normal 17px Tahoma, Verdana, Arial, sans-serif; color: #d5b097; text-align: center; padding-bottom: 5px;}
/*thumbs3*/

/*corners*/
.tl {background: url(../images/tl.gif) top left no-repeat;}
.tr {background: url(../images/tr.gif) top right no-repeat;}
.bl {background: url(../images/bl.gif) bottom left no-repeat;}
.br {background: url(../images/br.gif) bottom right no-repeat;}

.tl1 {background: url(../images/tl1.gif) top left no-repeat;}
.tr1 {background: url(../images/tr1.gif) top right no-repeat;}
.bl1 {background: url(../images/bl1.gif) bottom left no-repeat;}
.br1 {background: url(../images/br1.gif) bottom right no-repeat;}

.topbg {background: url(../images/top.gif) top repeat-x;}
.bottombg {background: url(../images/bottom.gif) bottom repeat-x;}
.leftbg {background: url(../images/left.gif) left repeat-y;}
.rightbg {background: url(../images/right.gif) right repeat-y;}

.topbg1 {background: url(../images/b1.gif) top repeat-x;}
.bottombg1 {background: url(../images/b1.gif) bottom repeat-x;}
.leftbg1 {background: url(../images/b1.gif) left repeat-y;}
.rightbg1 {background: url(../images/b1.gif) right repeat-y;}
/*corners*/

/*top*/
.top {width: 760px; margin: 0px auto; font: bold 12px Tahoma, Verdana, Arial, sans-serif; color: #D5B097; background: #550a18;}
.top h3, .head-top h3, .cat h3, .webcams h3 {font: bold 11px Tahoma, Verdana, Arial, sans-serif; color: #d5b097; text-align: center; height: 21px; padding: 9px 0 0 0;}
.top a, .head-top a {font: normal 12px Geneva, Arial, Helvetica, sans-serif; text-decoration: none;}
.top a:hover, .head-top a:hover {text-decoration: underline;}
.top ul {width: 178px; float: left;}
.top li, .head-top li {border-bottom: 1px solid #6f2b31; padding-bottom: 3px; margin-bottom: 3px; text-indent: 5px;}
.top div.pad, .head-top div.pad {padding: 15px 0 15px 24px;}
/*top*/

/*links*/
.links {background: #3c020c; margin: 15px 0;}
.links ul {width: 139px; float: left; font-size: 13px; font-weight: bold;}
.links li {margin-bottom: 6px;}
.links div.br1 {padding: 13px 0 6px 4px;}
.q01 li {background: url(../images/videos.gif) 0px 0px no-repeat; padding: 6px 0 0 32px; min-height: 26px;}
.q02 li {background: url(../images/pictures.gif) 0px 0px no-repeat; padding: 6px 0 0 27px; min-height: 26px;}
/*links*/

/*pages*/
.pages {font-weight: bold; font-size: 12px; color: #D5B097; padding-left: 20px; margin: 20px 0;}
.pages a:link, .pages a:visited {background: #d5b097; border: 1px solid #330000; margin: 2px; padding: 1px 4px; width: 30px; text-align: center; color: #000000; float: left; text-decoration: none;}
.pages a:active {color: #ffffff; float: left;}
.pages a:hover {background: #ffffff;}
.pages span {display: block; float: left; width: auto; padding: 12px 0 0 0; margin-right: 5px; height: 16px;}
/*pages*/

/*cat*/
.cat {background: #550a18;}
.cat ul {width: 116px; float: left;}
.cat li, .webcams li {font-size: 13px; font-weight: bold; background: url(../images/bullet1.gif) 0px 5px no-repeat; text-indent: 13px;}
.cat div.pad {padding: 15px 0 20px 40px;}
/*cat*/

/*hardlinks*/
.hardlinks {margin: 40px auto; width: 985px;}
.hardlinks div {text-align: center; width: 328px; float: left;}
.hardlinks a {color: #D5B097; font-size: 24px; font-weight: bold;}
.hardlinks p {font: normal 12px Tahoma, Verdana, Arial, sans-serif;}
/*hardlinks*/

/*ads*/
.ads {margin: 15px 0; background: #3c020c; text-align: center;}
.ads div.br1 {padding: 10px 0;} 
/*ads*/

/*webcams*/
.webcams {width: 920px; margin: 15px auto 25px auto; background: #550a18;}
.webcams div.q03 {width: 260px; float: left; padding: 0 20px;}
.webcams ul {width: 130px; float: left;}
.webcams div.pad {padding: 20px 0 20px 20px;}
/*webcams*/