/* -------------------------------------------------------------- 
	
	header_styles.css
	* Sets up some sensible default headers.
	
-------------------------------------------------------------- */

/***HEADER***/
#header {
	width: 900px;
	padding: 25px 0 0 0;
	margin: 0 auto;
	text-align:left;
}

.headed {
height:105px;
    width: 900px;
    margin: 0 auto;
}

.headed_left {
    width: 300px;
    float: left;
    text-align: right;
}

.headed_right {
    width: 560px;
    float: left;
    /*peekaboo bug*/
/*     height: 1%;  */
    margin-left: 20px;
    overflow: hidden;
}

#header h1 {
    color: #534B2D;
    padding-top:0;
    margin: 0;
}

.logo {
	width: 300px;
	height: 61px;
	padding-left: 20px;
}

#ad_banner {
	width: 900px;
	margin: 5px auto -5px;
	min-height: 45px;
	overflow: hidden;
}

#ad_banner img{
	margin: 0;
}

/***BANNER***/
#banner {
    width: 900px;
    margin: -16px auto;
    min-height: 30px;
    overflow: hidden;
}

/***BANNER HACKS***/
#banner ul
{
padding:0px 0;
margin:0px;
}

#banner ul li
{
/*border:1px solid yellow;*/
display:inline;
list-style:none;
}

#banner ul li a 
{
float:left;
height:300px;
width: 297px;
text-decoration: none;
color:#fff;
}

#banner .editor_true
{
	-moz-box-sizing: border-box;
	border:1px solid gray;

}

#banner ul li div.text_banner_box
{
float:left;
height:300px;
text-decoration: none;
padding-top:20px;
}

#banner div.image_banner_box
{
height:290px;
margin:0 !important;
padding-top:10px !important;
}

#banner div.image_banner_box h1
{
	margin-left:10px !important;
}

#banner div.image_banner_box p
{
	margin-left:10px !important;
}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

#banner .grid_1 {
	width:75px;
}

#banner .grid_2 {
	width:150px;
}

#banner .grid_3 {
	width:225px;
}

#banner .grid_4 {
	width:300px;
}

#banner .grid_5 {
	width:375px;
}

#banner .grid_6 {
	width:450px;
}

#banner .grid_7 {
	width:525px;
}

#banner .grid_8 {
	width:600px;
}

#banner .grid_9 {
	width:675px;
}

#banner .grid_10 {
	width:750px;
}

#banner .grid_11 {
	width:825px;
}

#banner .grid_12 {
	width:900px;
}



/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

#banner .prefix_1 {
	padding-left:75px;
}

#banner .prefix_2 {
	padding-left:150px;
}

#banner .prefix_3 {
	padding-left:225px;
}

#banner .prefix_4 {
	padding-left:300px;
}

#banner .prefix_5 {
	padding-left:375px;
}

#banner .prefix_6 {
	padding-left:450px;
}

#banner .prefix_7 {
	padding-left:525px;
}

#banner .prefix_8 {
	padding-left:600px;
}

#banner .prefix_9 {
	padding-left:675px;
}

#banner .prefix_10 {
	padding-left:750px;
}

#banner .prefix_11 {
	padding-left:825px;
}



/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

#banner .suffix_1 {
	padding-right:75px;
}

#banner .suffix_2 {
	padding-right:150px;
}

#banner .suffix_3 {
	padding-right:225px;
}

#banner .suffix_4 {
	padding-right:300px;
}

#banner .suffix_5 {
	padding-right:375px;
}

#banner .suffix_6 {
	padding-right:450px;
}

#banner .suffix_7 {
	padding-right:525px;
}

#banner .suffix_8 {
	padding-right:600px;
}

#banner .suffix_9 {
	padding-right:675px;
}

#banner .suffix_10 {
	padding-right:750px;
}

#banner .suffix_11 {
	padding-right:825px;
}



/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

#banner .push_1 {
	left:75px;
}

#banner .push_2 {
	left:150px;
}

#banner .push_3 {
	left:225px;
}

#banner .push_4 {
	left:300px;
}

#banner .push_5 {
	left:375px;
}

#banner .push_6 {
	left:450px;
}

#banner .push_7 {
	left:525px;
}

#banner .push_8 {
	left:600px;
}

#banner .push_9 {
	left:675px;
}

#banner .push_10 {
	left:750px;
}

#banner .push_11 {
	left:825px;
}



/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

#banner .pull_1 {
	left:-75px;
}

#banner .pull_2 {
	left:-150px;
}

#banner .pull_3 {
	left:-225px;
}

#banner .pull_4 {
	left:-300px;
}

#banner .pull_5 {
	left:-375px;
}

#banner .pull_6 {
	left:-450px;
}

#banner .pull_7 {
	left:-525px;
}

#banner .pull_8 {
	left:-600px;
}

#banner .pull_9 {
	left:-675px;
}

#banner .pull_10 {
	left:-750px;
}

#banner .pull_11 {
	left:-825px;
}


#banner ul li div.text_banner_box h1
{
	margin-left:16px;
}

#banner ul li div.text_banner_box h2
{
	margin-left:16px;
}

#banner ul li div.text_banner_box h3
{
	margin-left:16px;
}

#banner ul li div.text_banner_box p
{
	margin-left:16px;
}

#banner div.image_banner_box.link_true:hover
{
cursor:pointer;
}

#banner div.image_banner_box.link_true:hover .banner_caption_box
{
background:white url(../images/vp_caption_mouse_over.png) repeat-x 0 20%;
}

#banner ul li a.active
{
opacity:1;
filter:alpha(opacity=100);

}

#banner ul li a.banner_left
{

}

#banner ul li a.banner_center
{
margin-left: .5%;

}

#banner ul li a.banner_right
{
margin-left: .5%;
}

#banner ul li div.text_banner_box{

}

.banner_caption_box {
	background: #fff;
/* 	margin-top: 60px; */
	color: #333;
/* 	padding: 10px; */
/* 	border:2px solid transparent; */
	position:absolute;
	top:30px;
	margin:0 !important;
	box-sizing: border-box;
/* 	box-sizing: content-box; */
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
}


/*#banner h2 {
	padding: 0;
	margin: 0;
	color: #333;
}*/

.banner_caption_box.Bottom {
	background: #fff;
	color: #333;
/* 	border:2px solid transparent; */
	position:absolute;
	top:140px;
}

.inner_banner_text{
	width:auto;
	padding: 10px;
}

#banner_big 
{
	width: 816px;
	height: 318px;
	background: url('../images/banner_big.png') no-repeat center center;
	margin-top: -25px;
	margin-left:-18px;
}

.slogan {
	width: 726px;
	margin: 0 auto;
	padding: 30px 20px;
	color: #FEAC63; 
	font: italic 20px Arial, Helvetica, san-serif; 
}

#banner_small 
{
	width: 816px;
	height: 200px;
	overflow: hidden;
	background: url('../images/banner_small_blank.png') no-repeat center center;
	margin-top: -25px;
	margin-left:-18px;
}
#banner_small_container {
	width: 700px;
	padding-top: 14px;
	margin: 0 auto;
}

#banner_small_left {
	float: left;
	width: 300px;
	margin-left: 2px;
	text-align: center;

}
#banner_small_right {
	float: left;
	width: 350px;
	margin-left: 20px;
	padding: 10px 10px 0 10px;
	height: 1%; /*Holly hack for peekaboo bug*/
	text-align: left;
	font: 16px Times New Roman, Arial, Verdana;
}
.readmore {
	font: 10px Arial, Helvetica, sans-serif;
	text-align: right;
	padding-right: 15px;
	text-transform: uppercase;
}
.readmore a {
	border-bottom: 1px dotted #333;
	color: #333;
}
.readmore a:hover {
	border-bottom: none;
	text-decoration: none;
}

/***BELOW BANNER***/
.botbanner {
    width: 620px;
    margin: -30px auto 0 auto;
}

.botbanner_left {
    width: 300px;
    float: left;
}

.botbanner_right {
    width: 300px;
    float: left;
    height: 1%; /*peekaboo bug*/
    margin-left: 20px;
}

#banner_product {
	width: 736px;
	height: 90px;
	background: url('../images/header_products.png') no-repeat center center;
	margin-top: -25px;
	margin-left:-18px;
}

.product_title{
	width: 726px;
	margin: 0 auto;
	padding: 20px 40px;
	color: #333; 
	text-align: center; 
	font: 30px "Times New Roman", Arial, Helvetica, san-serif; 
}
