/*--------------------------- Standard HTML Elements ---------------------------*/

body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; background-image: url(images/body_bg.jpg); background-repeat: repeat-x; background-position: left top; margin: 0; padding: 0; color: black; background-color: #000000; list-style-position: inside; }
h1 { font-size: 20px; font-weight: 900; color: #552619 ; }
h2 {font-size: 15px; color: #552619 ; }


/*--------------------------- LINKS Style ---------------------------*/

a:link { color: #552619 ; text-decoration: underline;  }
a:visited { color: #552619 ;  text-decoration: underline; }
a:hover { color: #63b5e6 ;  text-decoration: underline; }
a:active { color: #63b5e6 ;  text-decoration: underline; }

a:link #subnav2 { color: #552619 ; text-decoration: none;  }
a:visited #subnav2 { color: #552619 ;  text-decoration: none; }
a:hover #subnav2 { color: #552619 ;  text-decoration: underline; }
a:active #subnav2  { color: #552619 ;  text-decoration: underline; }

a:link #subnav1 { color: #552619 ; text-decoration: none;  }
a:visited #subnav1 { color: #552619 ;  text-decoration: none; }
a:hover #subnav1 { color: #552619 ;  text-decoration: underline; }
a:active #subnav1 { color: #552619 ;  text-decoration: underline; }

#subnav1 a:link { color: #552619 ; text-decoration: none;  }
#subnav1 a:visited { color: #552619 ;  text-decoration: none; }
#subnav1 a:hover { color: #552619 ;  text-decoration: underline; }
#subnav1 a:active { color: #552619 ;  text-decoration: underline; }

#content_holder a:link { color: #552619 ; font-weight: 900; text-decoration: underline;  }
#content_holder a:visited { color: #552619 ; font-weight: 900; text-decoration: underline; }
#content_holder a:hover { color: #63b5e6 ; font-weight: 900; text-decoration: underline; }
#content_holder a:active { color: #63b5e6 ; font-weight: 900; text-decoration: underline; }

#sale_holder a:link { color: #000 ; font-size: 12px; font-weight: 300; text-decoration: none;  }
#sale_holder a:visited { color: #000 ; font-size: 12px; font-weight: 300; text-decoration: none; }
#sale_holder a:hover { color: #000 ; font-size: 12px; font-weight: 300; text-decoration: underline; }
#sale_holder a:active { color: #000 ; font-size: 12px; font-weight: 300; text-decoration: underline; }

#footer a:link { color: #ffffff ; font-size: 12px; font-weight: bold; text-decoration: underline;  }
#footer a:visited { color: #ffffff ; font-size: 12px; font-weight: bold; text-decoration: underline; }
#footer a:hover { color: #63b5e6 ; font-size: 12px; font-weight: bold; text-decoration: underline; }
#footer a:active { color: #63b5e6 ; font-size: 12px; font-weight: bold; text-decoration: underline; }

.noline a:link { text-decoration: none; }
.noline a:visited { text-decoration: none; }
.noline a:hover { text-decoration: none; }
.noline a:active { text-decoration: none; }


/*--------------------------- HEADER Style ---------------------------*/

#top_bg { background-image: url(images/body_bg.jpg); background-repeat: repeat-x; background-position: left top; height: 205px; background-color: #FFFFFF; }
#header_bg { background-image: url(images/header_bg.jpg); background-repeat: no-repeat; background-position: left top; height: 205px; }
#nav_holder { width: 100%; background-color:  #FFFFFF;  }
#contact_holder { float: left; }
#sale_holder { color: #000; font-weight: 900; height: 172px; padding-top: 5px; padding-right: 5px; padding-left: 5px; }
#sale_bubble { background-image: url(images/sale_bubble.png); background-repeat: no-repeat; background-position: right top; text-align: center; height: 126px; width: 126px; float: right; }
#sale_text { color: #000; font-style: italic; font-weight: 300; width: 100px; margin-right: auto; margin-left: auto; padding: 30px 5px 5px; }

/*--------------------------- TABS Style ---------------------------*/

#ddtoptabs{ padding: 0 0 0 5px; height: auto; background: transparent; float: right; voice-family: "\"}\""; voice-family: inherit; display:block; }

#ddtoptabs ul{
font: 14px verdana, arial, sans-serif;
font-weight: 900;
margin:0;
padding:0;
list-style:none;
}

#ddtoptabs li{
display:inline;
margin:0 2px 0 0;
padding:0;
text-transform: uppercase;
line-height: 1.3em;
}


#ddtoptabs a, #ddtoptabs strong{
float:right;
color:#552619;
background: transparent url("images/tabs_left.gif") no-repeat left top;
margin:0 5px 0 0;
padding:0 0 0 3px;
text-decoration:none;
letter-spacing: 1px;
margin-top: 4px;
font-family:  Arial, Verdana, sans-serif;
}

#ddtoptabs a span, #ddtoptabs #current span{
float:right;
display:block;
color:#552619;
background: transparent url("images/tabs_right.gif") no-repeat right top;
padding:3px 9px 3px 6px;
font-weight:bold;
}

#ddtoptabs a span{
float:none;
}

#ddtoptabs #current a, #ddtoptabs strong{
color: #63b5e6;
}

#ddtoptabs #current a span, #ddtoptabs #current span{
padding-bottom:3px;	color:#552619;
}


#ddtoptabs a:hover{
}

#ddtoptabs a:hover span{
color: #63b5e6;

}

#ddtoptabs #current a:hover { }
#ddtoptabs #current a:hover span { color: #63b5e6; }


/*--------------------------- CONTENT Style ---------------------------*/

#content_holder { width: 68%; float: left; margin-top: 20px; margin-right: 15px; margin-left: 10px; padding-bottom: 20px; background-color: #FFFFFF; }
#sub_nav_holder { float: right; width: 250px; height: auto; text-align: right; font-style: italic; font-size: 14px; font-weight: 300; }
.subnav_title { width: 250px; height: auto; text-align: right; font-style: italic; font-size: 10px; font-weight: 900; margin-top: 30px; color: #552619; padding-bottom: 5px; margin-top: 30px; border-bottom: 1px dotted #552619; display: block; }
#subnav1 { background-image: url(images/sub_nav2.gif); background-repeat: no-repeat; background-position: 10px 0; float: right; width: 250px; height: 90px; padding: 15px 5px 5px; text-align: right; font-style: italic; font-size: 12px; font-weight: 300; margin-top: 10px; color: #552619; margin-top: 30px;}
#subnav1_text { width: 190px; float: right; font-size: 10px; cursor: pointer; text-decoration: none; }
#subnav1:hover { cursor: pointer; font-style: italic; font-size: 12px; font-weight: 300; color: #552619; background-image: url(images/sub_nav2.gif); background-repeat: no-repeat; background-position: 10px -165px; text-decoration: underline; }
#subnav2 { background-image: url(images/sub_nav1.gif); background-repeat: no-repeat; background-position: 10px 0; float: right; width: 250px; height: 85px; padding: 20px 5px 5px; font-style: italic; font-size: 12px; font-weight: 300; text-align: right; margin-top: 30px; color: #552619; }
#subnav2:hover { cursor: pointer; font-style: italic; font-size: 12px; font-weight: 300; color: #552619; background-image: url(images/sub_nav1.gif); background-repeat: no-repeat; background-position: 14px -165px; text-align: right; text-decoration: underline; }
#subnav2_text { text-align: right; width: 145px; float: right; font-size: 10px; cursor: pointer;}
#sidecontact { margin-top: 30px; width: 250px; height: auto; float: right; font-size: 12px; }
.para_pic { width: 300px; padding-right: 10px; padding-bottom: 10px; float: left; font-size: 12px; font-style: italic; font-weight: 100; }
.picborder { border: #000000 solid 1px; }


/*--------------------------- FOOTER Style ---------------------------*/

#footer { background-color: #000; clear: both; position: relative; }
#footerpad { color: #fff; background-image: url(images/bottom_bg.jpg); background-repeat: repeat-x; background-position: left top; text-align: center; height: 135px; padding: 2px 5px 5px; }

/*--------------------------- CUSTOM HTML Elements ---------------------------*/
.bolder {font-weight: 900;}
.listnone { list-style: none; }
.listpad { padding-left: 45px; }
.cont_titles { font-size: 15px; line-height: 16px; font-weight: 900; color: #ffffff; padding-left: 10px; background-color: #552619 ; background-image: url(images/title_bg.gif); background-repeat: repeat-y; background-position: right top; height: 18px; margin-top: 10px; margin-bottom: 10px; padding-top: 5px; padding-bottom: 5px; clear: both; }


/*--------------------------- CUSTOM HTML Elements ---------------------------*/
.datatable { border: solid 1px #552619; font-size: 14px; line-height: 1em; }
.datatable td { border: solid 1px #552619; padding: 3px; } 
.datatable th { border: solid 1px #552619; padding: 3px; } 
.datatable .heading { background-color:#552619; color: #ffffff; font-size: 14px; font-weight: 500; }
.graphtable { border: solid 1px #552619; font-size: 14px; line-height: 1em; }
.graphtable .labels { padding: 3px; border-right: 1px solid #d0c3bf; border-bottom: 1px solid #d0c3bf; } 
.graphtable .stats { padding-top: 3px; padding-bottom: 3px; border-right: 1px solid #d0c3bf; border-bottom: 1px solid #d0c3bf; }
.graphtable th { border: solid 1px #fff; padding: 3px; } 
.graphtable .heading { background-color:#552619; color: #ffffff; font-size: 14px; font-weight: 500; }
.graphtable .headbg { background-image: url(images/graph_head.gif); background-repeat: no-repeat; background-position: left bottom; border-bottom: 1px solid #d0c3bf; }
.graphtable .lines { background-image: url(images/graph_lines.gif); background-repeat: repeat-y; background-position: left top; border-bottom: 1px solid #d0c3bf; }
.clearer { clear: both; }
#wrapper { width: 100%; background-color: #ffffff; padding: 5px; }
.highlight { background-color: #ffff00; font-size: 14px; font-weight: 800; }
.caption { font-size: 14px; }
.affiliate { margin-top: 5px; }


/*-----------------thumb pop up CALL------------------*/

.thumbnailcall{
position: relative;
z-index: 0;
}

.thumbnailcall:hover{
background-color: transparent;
z-index: 50;
}

.thumbnailcall span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ffffff;
padding: 5px;
margin: -1500px;
border: 1px solid #552619;
visibility: hidden;
color: #000000;
text-decoration: none;
font-weight: bold;
}

.thumbnailcall span img{ /*CSS for enlarged image*/
border-width: 0;
text-decoration: none;
}

.thumbnailcall:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
text-decoration: none;
margin-top: 5px;
margin-left: 5px; /*position where enlarged image should offset horizontally */

}


/*-----------------thumb pop up DECK-------------------*/

.thumbnaildeck{
position: relative;
z-index: 0;
}

.thumbnaildeck:hover{
background-color: transparent;
z-index: 50;
}

.thumbnaildeck span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ffffff;
padding: 5px;
margin: -1500px;
border: 1px solid #552619;
visibility: hidden;
color: #000000;
font-weight: normal;
text-decoration: none;
}

.thumbnaildeck span img{ /*CSS for enlarged image*/
border-width: 0;
z-index: 100;
}

.thumbnaildeck:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
margin-top: 5px;
margin-left: -100px; /*position where enlarged image should offset horizontally */

}


/*---------------IPE CLIP SWAP-------------- */

.gallerycontainer{
position: relative;
height: 395px;
width: 580px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
margin-right: 5px;
}

.thumbnail:hover{ 
background-color: transparent; 
}

.thumbnail:hover img{

}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
left: -1000px;
visibility: hidden;
color: #000000;
text-decoration: none;
border-top: solid 1px #552619;
border-left: solid 1px #552619;
border-right: solid 1px #552619;
border-bottom: solid 1px #552619;
padding-bottom: 5px;
background-color: #ffffff;
}

.thumbnail span img{ /*CSS for enlarged image*/
margin: 10px 10px 5px 10px;
border: solid 1px #552619;

}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 50px;
left: 160px; /*position where enlarged image should offset horizontally */
z-index: 1000;
}

.price-list td {
	border: 1px solid #000;
	padding: 5px;
}

/* Video */
.video-container {
	margin: 0 0 2em 0;
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px; height: 0; overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Images */
img {
	max-width: 100%;
	height: auto;
}