@charset "UTF-8";
/*   
Theme Name: Revel
Theme URI: http://www.revelcellars.com
Description: Custom Wine Cellars
Author: Stephen Van Wyk
Author URI: http://www.alexandermarketing.com
Version: 1.0

The CSS, XHTML and design are copyrighted.

*/

body {
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	margin: 0;
	padding: 0;
	background-color: #E6E6E6;
}

#container {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}

/* --------------------------------- header --------------------------------- */
#header-big {
	height: 350px;
	background-color: #000000;
	position: relative;
	margin: 0;
}

#header-small {
	height: 120px;
	background-color: #000000;
	position: relative;
}

#header-small-testimonials{
	height: 120px;
	background: #000000 url(images/header-testimonials.jpg) no-repeat 0 0;
	position: relative;
}

#header-small-story{
	height: 120px;
	background: #000000 url(images/header-story.jpg) no-repeat 0 0;
	position: relative;
}

#header-small-experts{
	height: 120px;
	background: #000000 url(images/header-experts.jpg) no-repeat 0 0;
	position: relative;
}

#header-small-news{
	height: 120px;
	background: #000000 url(images/header-news.jpg) no-repeat 0 0;
	position: relative;
}

#header-small-industry{
	height: 120px;
	background: #000000 url(images/header-industry.jpg) no-repeat 0 0;
	position: relative;
}

#header-small-contact{
	height: 120px;
	background: #000000 url(images/header-contact.jpg) no-repeat 0 0;
	position: relative;
}

#header-small-distributor{
	height: 120px;
	background: #000000 url(images/header-distributor.jpg) no-repeat 0 0;
	position: relative;
}

#header-small-video{
	height: 120px;
	background: #000000 url(images/header-video.jpg) no-repeat 0 0;
	position: relative;
}

#header-small-residential{
	height: 120px;
	background: #000000 url(images/header-residential.jpg) no-repeat 0 0;
	position: relative;
}

#header-small-commercial{
	height: 120px;
	background: #000000 url(images/header-commercial.jpg) no-repeat 0 0;
	position: relative;
}

/* --------------------------------- content --------------------------------- */
#content-big {
	clear: both;
	height: auto !important;
	height: 370px;
	min-height: 370px;
	background: #b7bc97 url(images/bkg-content.jpg) repeat-x 0 0;
	position: relative;
	padding: 40px 0 10px 40px;
}

#content-big ul {
	list-style-type: none;
	margin: 0 0 17px 0;
	padding: 0;
}

#content-big ul li a {
	list-style-type: none;
	font-size: 14px;
	line-height: 17px;
	font-weight: bold;
}

#content-big ol li {
	font-size: 12px;
	line-height: 17px;
	margin: 0 0 5px 0;
	padding: 0;	
}

#content-small {
	clear: both;
	height: auto !important;
	height: 200px;
	min-height: 200px;
	background: #b7bc97 url(images/bkg-smallcontent.jpg) repeat-x 0 0;
	position: relative;
	padding: 40px 0 10px 40px;
}

/* --------------------------------- features --------------------------------- */
.feature-copy {
	width: 445px;
	height: 130px;
	/*background: #b7bc97 url(images/bkg-features.jpg) repeat-x 0 0;*/
	background: #b7bc97;
	color: #000000;
	padding: 20px 20px 5px 20px;
	margin: 130px 5px 0 0;
	float: right;
	overflow: hidden;
}

#feature-holder {
	width: 414px;
	height: 350px;
	float: right;
	margin: 0px;
	padding: 0px;
}

#feature-holder a {
	float:right;
	margin: 5px 5px 0 0;
	height: 110px;
	width: 133px;
	overflow: hidden;
}

#feature-holder a#feature1 {
	background: url(images/feature-wine.jpg) no-repeat 0 0;
	text-indent: -9009px;
	height: 340px;
}

/*
#feature-holder a:hover#feature1 { 
	background-position: 0 -340px;
}

#feature-holder a:hover#feature2 { 
	background-position: 0 -110px;
}

#feature-holder a:hover#feature3 { 
	background-position: 0 -110px;
}

#feature-holder a:hover#feature4 { 
	background-position: 0 -110px;
}

#feature-holder a:hover#feature5 { 
	background-position: 0 -110px;
}

#feature-holder a:hover#feature6 { 
	background-position: 0 -110px;
}

#feature-holder a:hover#feature7 { 
	background-position: 0 -110px;
}
*/

#feature-holder a#feature2 {
	background: url(images/feature-label.jpg) no-repeat 0 0;
	text-indent: -9009px;
}

#feature-holder a#feature3 {
	background: url(images/feature-dowel.jpg) no-repeat 0 0;
	text-indent: -9009px;
}

#feature-holder a#feature4 {
	background: url(images/feature-angle.jpg) no-repeat 0 0;
	text-indent: -9009px;
}

#feature-holder a#feature5 {
	background: url(images/feature-double.jpg) no-repeat 0 0;
	text-indent: -9009px;
}

#feature-holder a#feature6 {
	background: url(images/feature-case.jpg) no-repeat 0 0;
	text-indent: -9009px;
}

#feature-holder a#feature7 {
	background: url(images/feature-milled.jpg) no-repeat 0 0;
	text-indent: -9009px;
}



/* --------------------------------- selected features --------------------------------- */
#header-features {
	height: 350px;
	width: 960px;
	background-color: #000000;
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	overflow:hidden;
}

#header-features-home {
	height: 350px;
	width: 960px;
	background-color: #000000;
	overflow:hidden;
}

#header-features-items div{
        width:960px;
		height: 350px;
    }

#header-features-home #header-features-items img.feature{
	float: right;
	margin: 0;
}

#header-features-items img.feature{
	float: right;
	margin: 5px 5px 300px 0;
}

#header-features-items .feature-copy {
	width: 440px;
	height: 130px;
	background: #b7bc97;
	color: #000000;
	padding: 20px 20px 5px 20px;
	margin: 130px 5px 0 0;
	float: right;
	overflow: hidden;
}

.control {
  display:block;
  width:7px;
  height:13px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}

#leftControl {
  top:320px;
  left:490px;
  background:transparent url(images/arrow-left.gif) no-repeat 0 0;
}

#rightControl {
  top:320px;
  right:440px;
  background:transparent url(images/arrow-right.gif) no-repeat 0 0;
}

#closeControl {
  position:absolute;
  top:318px;
  left: 318px;
  color: #FFFFFF;
  font-size: 11px;
}

#closeControl a{
	color: #FFFFFF;
}



/* --------------------------------- main --------------------------------- */
#main {
	width: 500px;
}

#main .navigation {
	font-size: 11px;
	line-height: 17px;
}

#main .category-meet-our-experts img {
	float: left;
	padding: 0 10px 10px 0;
}


#main-left {
	width: 425px;
	float: left;
}

#main-left h1 {
	font-size: 12px;
	line-height: 17px;
	margin: 0;
}


#main-left small {
	font-size: 10px;
	line-height: 17px;
	font-weight: normal;
}


#main-right {
	float: right;
	padding: 0 40px 0 0;
	width: 425px;
}

#main-right h1 {
	font-size: 12px;
	line-height: 17px;
	margin: 0;
}

#main-right small {
	font-size: 10px;
	line-height: 17px;
	font-weight: normal;
}

#main-right.photo {
	margin: 30px 0 0 0;
}

#main-wide {
	width: 880px;
}

#main #post-359 ul li {
	font-size: 12px;
	line-height: 17px;
	margin: 0 0 5px 15px;
	list-style-type: disc;
	padding: 0;	
}

#sidebar {
	float: right;
}

#banner {
	position: absolute;
	top: 70px;
	right: 40px;
	width: 330px;
}

#column {
	width: 100px;
	padding-left: 10px;
	float: left;
}

#banner-left {
	width: 330px;
}

#banner-left #column {
	width: 100px;
	padding: 0 10px 0 0;
	float: left;
}

/* --------------------------------- footer --------------------------------- */
#footer {
	padding: 4px 56px 0 0;
	text-align: right;
}

/* --------------------------------- fonts --------------------------------- */
.home h1 {
	color: #FFFFFF;
	font-size: 40px;
	font-weight: normal;
	line-height: 50px;
	position: absolute;
	top: 130px;
	left: 40px;
	width: 500px;
}

.feature-copy h2 {
	color: #000000;
	font-size: 16px;
	line-height: 17px;
	margin: 0 0 9px 0;
}

.feature-copy p {
	margin: 0 0 9px 0;
}

h2 {
	font-size: 16px;
	line-height: 17px;
	margin: 0 0 17px 0;
}

h3 {
	font-size: 14px;
	line-height: 17px;
	margin: 0;
	color: #000000;
}

p {
	font-size: 12px;
	line-height: 17px;
	margin: 0 0 17px 0;
}

#banner p {
	font-size: 10px;
	line-height: 17px;
	margin: 5px 0 17px 0;
}

#footer p {
	font-size: 9px;
	line-height: 9px;
	color: #999999;
}

a:link, a:visited {
	color: #000000;
	text-decoration: underline;
}

a:hover {
	color: #000000;
	text-decoration: none;
}


/* --------------------------------- navigation --------------------------------- */
#navigation {
	height: 30px;
	background-color: #FFFFFF;
	border-bottom: 1px solid #999999;
	border-top: 1px solid #999999;
}

#navigation ul {
	list-style-type: none;
	margin: 0 0 0 56px;
	padding: 0;
}

#navigation ul li {
	float:left;
}


#navigation ul li a { 
	display: block;
	height: 30px;
	width: 59px;
	background: url(images/nav-main.gif) no-repeat 0 0;
	text-indent: -9009px;
}

#navigation ul li a:hover { 
	background-position: 0 -30px;
}

body.page-id-4 #navigation ul li a {
	background-position: 0 -30px;
}
/* --------------------------------- navigation - Design Features --------------------------------- */
#navigation ul li#design a {
	width:119px;
	background-position: -59px 0;
}

#navigation ul li#design a:hover { 
	background-position: -59px -30px;
}

body.page-id-41 #navigation ul li#design a {
	background-position: -59px -30px;
}

/* --------------------------------- navigation - Sustainability --------------------------------- */
#navigation ul li#sustain a {
	width:105px;
	background-position: -178px 0;
}

#navigation ul li#sustain a:hover { 
	background-position: -178px -30px;
}

body.page-id-359 #navigation ul li#sustain a {
	background-position: -178px -30px;
}

/* --------------------------------- navigation - Gallery --------------------------------- */
#navigation ul li#gallery a {
	width:64px;
	background-position: -283px 0;
}

#navigation ul li#gallery a:hover { 
	background-position: -283px -30px;
}

body.page-id-39 #navigation ul li#gallery a {
	background-position: -283px -30px;
}

/* --------------------------------- navigation - testimonials --------------------------------- */
#navigation ul li#testimonials a {
	width:98px;
	background-position: -347px 0;
}

#navigation ul li#testimonials a:hover { 
	background-position: -347px -30px;
}

body.page-id-12 #navigation ul li#testimonials a {
	background-position: -347px -30px;
}

/* --------------------------------- navigation - our story --------------------------------- */
#navigation ul li#story a {
	width:81px;
	background-position: -445px 0;
}

#navigation ul li#story a:hover { 
	background-position: -445px -30px;
}

body.page-id-14 #navigation ul li#story a {
	background-position: -445px -30px;
}

/* --------------------------------- navigation - meet our experts --------------------------------- */
#navigation ul li#experts a {
	width:129px;
	background-position: -526px 0;
}

#navigation ul li#experts a:hover { 
	background-position: -526px -30px;
}

body.page-id-16 #navigation ul li#experts a {
	background-position: -526px -30px;
}

body.experts #navigation ul li#experts a {
	background-position: -526px -30px;
}

/* --------------------------------- navigation - news --------------------------------- */
#navigation ul li#news a {
	width:55px;
	background-position: -655px 0;
}

#navigation ul li#news a:hover { 
	background-position: -655px -30px;
}

body.page-id-27 #navigation ul li#news a {
	background-position: -655px -30px;
}

body.news #navigation ul li#news a {
	background-position: -655px -30px;
}

/* --------------------------------- navigation - industry partners --------------------------------- */
#navigation ul li#industry a {
	width:138px;
	background-position: -710px 0;
}

#navigation ul li#industry a:hover { 
	background-position: -710px -30px;
}

body.page-id-31 #navigation ul li#industry a {
	background-position: -710px -30px;
}



/* --------------------------------- secondary navigation --------------------------------- */
#secondary {
	height: 30px;
	position: absolute;
	top: 0px;
	right: 55px;
}

#secondary ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#secondary ul li {
	float:left;
}


#secondary ul li a { 
	display: block;
	height: 30px;
	width: 88px;
	background: url(images/nav-secondary.gif) no-repeat 0 0;
	text-indent: -9009px;
}

#secondary ul li a:hover { 
	background-position: 0 -30px;
}

/* --------------------------------- secondary navigation - residential --------------------------------- */
#secondary ul li#residential a {
	width:88px;
	background-position: 0 0;
}

#secondary ul li#residential a:hover { 
	background-position: 0 -30px;
}

body.page-id-6 #secondary ul li#residential a {
	background-position: 0 -30px;
}

/* --------------------------------- secondary navigation - commercial --------------------------------- */
#secondary ul li#commercial a {
	width:93px;
	background-position: -88px 0;
}

#secondary ul li#commercial a:hover { 
	background-position: -88px -30px;
}

body.page-id-8 #secondary ul li#commercial a {
	background-position: -88px -30px;
}

/* --------------------------------- secondary navigation - contact us --------------------------------- */
#secondary ul li#contact a {
	width:87px;
	background-position: -181px 0;
}

#secondary ul li#contact a:hover { 
	background-position: -181px -30px;
}

body.page-id-32 #secondary ul li#contact a {
	background-position: -181px -30px;
}

/* --------------------------------- secondary navigation - distributor --------------------------------- */
#secondary ul li#distributor a {
	width:143px;
	background-position: -268px 0;
}

#secondary ul li#distributor a:hover { 
	background-position: -268px -30px;
}

body.page-id-30 #secondary ul li#distributor a {
	background-position: -268px -30px;
}

body.distributor #secondary ul li#distributor a {
	background-position: -268px -30px;
}

/* --------------------------------- secondary navigation - career --------------------------------- */
#secondary ul li#career a {
	width:240px;
	background-position: -411px 0;
}

#secondary ul li#career a:hover { 
	background-position: -411px -30px;
}

body.page-id-606 #secondary ul li#career a {
	background-position: -411px -30px;
}

/* --------------------------------- misc --------------------------------- */
body.page-id-16 #main ul li a img{
	width: 100px;
	height: 100px;	
}

img {
	border: none;
}

.move-logo {
	position: absolute;
	top: 30px;
	left: 40px;
	z-index: 10;
}

.slideshow {
	top: 0px;
	left: 0px;
	height: 350px;
	width: 960px;
}


.clear {
	clear: both;
	height: 0px;
	font-size: 1px;
    line-height: 0px;
}