/*=== Setup ===*/
*{
	border: 0;
	margin: 0;
	padding: 0
}
body{
	background: #000000;
	color: #000000;
	font: .75em Verdana,Arial,Geneva,Helvetica,Sans-Serif
}
a{
	color: #cc6600;
	outline: none;
	text-decoration: none
}
a:hover{
	text-decoration: underline
}
input,select,textarea{
	border: #999999 1px solid;
	font-size: 11px;
	padding: 2px
}
li{
	list-style: none;
}
div#centercol ul, ol {margin-left: 30px;}
div#centercol ul li {list-style: outside square;}
div#centercol ol li {list-style: outside decimal;}
div#centercol ul li, div#centercol ol li {margin-bottom: 10px;}
div#centercol ul li ul, div#centercol ol li ul {margin-top: 10px; margin-bottom: 20px;}
h1, h2{
	font: 2.2em Georgia,"Times New Roman", Times, serif;
	letter-spacing: -1px;
	margin: 0 0 .1em
}
h2{
	font-size: 2em;
	margin: 0 0 .5em
}
h4{
	font-size: 1em;
	margin: 0 0 1em
}
p{
	line-height: 1.3em;
	padding: 0 0 1em
}
hr {border: none; display: block; height: 1px; border-top: 2px solid #b7b089}
/*=== Layout ===*/
#bgcontent{
	background: url(../images/bgr.gif) #80694a
}
#page{
	background: url(../images/page-bgr.png) repeat-y;
	margin: 0 auto;
	padding: 0 50px;
	width: 870px
}
/*=== Header ===*/
#page-top{
	height: 60px
}
#header{
	border-bottom: 5px solid #624d3d;
	height: 100px
}
/*- Logo -*/
#logo{
	background: url(../images/logo.png) no-repeat;
	height: 160px;
	margin: 0 auto -45px;
	position: relative;
	text-indent: -9999px;
	width: 640px;
	z-index: 50
}
#logo a{
	display: block;
	height: 160px
}
/*=== Navigation ===*/
/*- Nav1 -*/
.nav1{
	border-top: 2px solid #aea882;
	font: 14px Georgia, "Times New Roman", Times, serif;
	margin: 0 0 20px -20px;
	position: relative;
	width: 120px
}
#home .nav1{
	border-top: 2px solid #5c5c3d
}
.nav1 li {list-style: none;}
.nav1 li a{
	background: #000000;
	border-bottom: 2px solid #5c5c3d;
	color: #cccc99;
	display: block;
	height: 28px;
	line-height: 28px;
	padding: 0 10px 0 10px;
	text-transform: uppercase
}
.nav1 li a:hover,
.nav1 li.active a{
	background: #cccc99;
	color: #5c5c3d;
	text-decoration: none
}
/*- Nav1 Level2 -*/
.nav1 li ul{
	background: #6c4e38;
	padding: 3px 0;
}
.nav1 li.active li a{
	background: #6c4e38;
	border: 0;
	color: #cccc99 !important;
	font: 10px/12px Arial, Helvetica, sans-serif;
	height: auto;
	margin-bottom: 4px;
	text-transform: none
}
.nav1 li.active li a:hover,
.nav1 li.active li.active a{
	background: url(../images/ico-arrow.gif) 0 1px no-repeat
}
/*=== All Columns ===*/
#columns{
	border-bottom: 10px solid #624d3d;
	height: 1%;
	padding: 25px 20px 0 0
}
#home #columns{
	padding-right: 0
}
/*=== Left Column ===*/
#leftcol{
	float: left;
	width: 100px
}
/*=== Center Column ===*/
#centercol{
	background: url(../images/centercol-bgr.jpg) left repeat-y;
	border-top: 2px solid #aea882;
	float: right;
	padding: 10px 50px 60px 30px;
	width: 650px
}
#home #centercol{
	background: none;
	border: 0;
	color: #cccc99;
	padding: 0 0 50px;
	width: 750px
}
/* #home #centercol a{
	color: #cccc99
}*/
/*=== Sub Columns ===*/
.col1{
	border-top: 2px solid #857656;
	float: left;
	padding: 10px 0 0;
	width: 531px
}
.col2{
	float: right;
	width: 200px
}
.col3{
	padding: 30px 0 0 0;
	width: 670px
}
.col3.skinny {width: 380px; float: left; padding-right: 10px;}
.col4 {width: 250px; float: left; padding-top: 30px;}
.col4.event-photos p {width: 250px; height: 250px; overflow: hidden;}
/*=== Styling Boxes ===*/
/*- Box1 -*/
.box{
	margin: 0 0 .5em
}
.box.photo{
	margin: 20px 0 .5em
}
.box .top{
	background: #31281f;
	border-top: 2px solid #6f6c4a;
	height: 28px;
	padding: 0 0 0 10px
}
.box .top h3{
	font: bold 14px/28px "Trebuchet MS", Arial, Helvetica, sans-serif
}
.box .content{
	font-size: .9em;
	height: 1%;
	padding: 10px 13px 0 10px
}
/*=== Styling Lists ===*/
/*- News List -*/
.news-list dl{
	padding: 0 0 10px
}
.news-list dt{
	float: left;
	font-weight: bold;
	width: 50px
}
.news-list dd{
	display: table;
	height: 1%;
	width: 110px
}
/*- Event List -*/
/*.event-list h2{
	border-bottom: 2px solid #b7b089
}*/
div#centercol div.event-list li{
	/*height: 130px;*/
	margin: 0 0 20px;
	list-style: none;
}
div#centercol div.event-list ul {margin-left: 0;}
div#centercol div.news-list li {list-style: none;}
div#centercol div.news-list ul {margin-left: 0;}
div#centercol div.event-list div.list-column {width: 45%; overflow: hidden; float: left;}
div#centercol div.event-list div.list-column ul {width: auto;}
/*=== Styling Forms ===*/
input.btn{
	background: none;
	border: 0;
	margin: 0;
	padding: 0
}
div#centercol ul#gallery-photos {margin-left: 0;}
select{
	padding: 1px
}
/*- Newsletter -*/
.newsl input{
	background: #cccc99;
	color: #999966;
	float: left;
	margin: 0 0 3px;
	width: 165px
}
.newsl input.btn{
	background: none;
	color: #cccc99;
	font-size: 9px;
	padding: 0;
	text-align: right;
	text-transform: uppercase
}
/*=== Link Buttons ===*/
.btn-share{
	float: right;
	padding: 20px 0 0
}
/*=== Pics, Thumbs, Ads etc. ===*/
.pic img{
	margin: 0 0 1em
}
.pic.fl img{
	margin-right: 20px
}
.pic.fr img{
	margin-left: 20px
}
.banner img{
	border: 1px solid #999966;
	display: block;
	margin: 0 0 23px;
	padding: 9px
}
/*=== Footer ===*/
#footer{
	color: #cccc99;
	font-size: 10px;
	height: 100px;
	line-height: 1.4em;
	margin: 0 auto;
	padding: 45px 0 0;
	width: 820px
}
#footer a{
	color: #cccc99
}
.bands{
	height: 84px;
	margin: -50px 0 0 250px;
	position: absolute
}
.ad-warning{
	float: left;
	margin: -7px 0 0 -23px;
	position: relative
}
.footer-links{
	text-align: center;
	width:445px;
	float: left;
}
.copyr{
	float: right;
	font-size: .9em;
	text-align: right
}
/*=== Misc. ===*/
.fix{
	clear: both;
	height: 1px;
	margin: -1px 0 0;
	overflow: hidden
}
.fl{
	float: left
}
.fr{
	float: right
}
.ac{
	text-align: center
}
.ar{
	text-align: right
}
.clr {width: 100%; overflow: hidden;}


/*--------------------------
NEW STYLES
--------------------------*/
div.cigar-wrap {position: relative;}
img.cigar-shadow {position: absolute; left: -20px; bottom: 0;}
img.cigar-image {position: absolute; top: 0; left: 0;}
h5.cigar-number {width: 60px; height: 60px; margin-left: 15px;/*padding-top: 5px; background: url(../images/bg-cigar_number.gif) no-repeat; font-size: 38px; line-height: 38px; font-family: Georgia, serif; text-align: center; color: white; font-weight: normal; letter-spacing: -1px;*/}

ul#gallery-photos li {display: block; float: left; margin-right: 25px; margin-bottom: 25px; list-style: none;}
ul#gallery-photos li.third {margin-right: 0;}

ul.cigar-list {margin-left: 25px;}
ul.cigar-list li {list-style: square outside; margin-top: 3px; list-style: none;}

div.news-list ul li hr {margin: 15px 0;}


body#interior form {margin-bottom: 30px;}

body#interior form h5 {background: #a3a37a; padding: 8px 7px; font-size: 10px; line-height: 10px; color: #52523d; width: 200px; text-transform: uppercase; letter-spacing: 1px;}
body#interior form fieldset {border: 1px solid #a3a37a; padding: 1em 1em 0; margin-bottom: 20px;}

body#interior form fieldset p.text label {width: 120px; display: block; float: left; text-align: right; margin-right: 10px;}

span.required {color: #8b0000;}

body#interior form fieldset p.alignment {margin-left: 130px;}

body#interior form fieldset p {color: #7a7a5c;}

body#interior form .image-button {border: none; padding: none;}

label.highlight {color: #52523D; font-weight: bold;}


/*--------------------------
VERIFICATION PAGE
--------------------------*/
div#age-verification {padding: 10px 5px 0; width: 350px; height:200px; margin: 85px auto 130px; background: transparent url(../images/bg-verify-form.png) no-repeat 100% 0; text-align: center;}
div#age-verification h1 {display:none;}

div#age-verification form {margin-bottom: 0; margin-top:80px;}
div#age-verification form fieldset {margin: 10px 0; padding: 15px 0; border: none; text-align: center;}
div#age-verification form label {display: none;}
/*div#age-verification form div.verify-date {padding: 0 5px; overflow: hidden; display: inline-block;}
div#age-verification form div.verify-date input {font: 44px/44px Verdana, Arial, sans-serif; text-align: center; border: none; background: transparent;}

div#age-verification form div#age-month {width: 87px; height: 80px; background: url(../images/bg-verify-fields.png) no-repeat 5px 0;}
div#age-verification form div#age-month input {width: 83px;}

div#age-verification form div#age-day {width: 87px; height: 80px; background: url(../images/bg-verify-fields.png) no-repeat -91px 0;}
div#age-verification form div#age-day input {width: 87px;}

div#age-verification form div#age-year {width: 132px; height: 80px; background: url(../images/bg-verify-fields.png) no-repeat -188px 0;}
div#age-verification form div#age-year input {width: 132px;}*/

div#age-verification form select {display: inline-block; font-size: 14px;}

div#age-verification form div#age-buttons {width: 218px; height: 54px; margin: 0 auto;}

div#age-verification form a#exit {display: block; width: 109px; height: 53px; background: url(../images/buttons-verify.png) no-repeat 0 0;}
div#age-verification form button#enter {display: block; width: 109px; height: 53px; background: url(../images/buttons-verify.png) no-repeat -115px 0;}

div#age-verification form button,
div#age-verification form a#exit {text-indent: -9999px; cursor: pointer;}
div#age-verification form button:hover {filter:alpha(opacity=70);-moz-opacity:.7;opacity:.7;}

div.event-list ul .pic.fr {clear: right;}
div.event-list ul h2 {margin-bottom: 0;}
div.event-list ul hr {margin: 5px 0;}
