@import url("trade_gothic.css");

body {
	background:white;
	font-family: Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
}
div, p, ul, ol, li, h1, h2, h3, h4, h5, h6, img, a {
	border: none;
	margin: 0;
	outline: none;
	padding: 0;
}
a, a:link, a:visited {
	color: #e37d1c;
	margin:0;
	padding:0;
	border:0;
}





.full {
	
	width: 100%;
	
}
#wrapper {
	background: transparent url('../images/bg_page_content.gif') center 173px no-repeat;
	margin: 0 auto;
	padding: 0 0px;
	width: 960px;
}
#wrapper.open {
	background: none;
	margin: 0;
	padding: 0;
	width: auto;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
hr {
	background: #fff;
	border-top: 1px dotted #e4e4e4;
	border-width: 1px 0 0 0;
	color: #fff;
	margin: 9px 0;
}

#pageContent {
	margin: 0 auto;
	padding: 0;
	width: 70%;
    margin:0 auto;
	min-height:500px;
    border-image: url('../images/bg_divider_vertical.gif') 1 1 round ;
    padding-bottom:50px;
   
}


#pageHeader {
	background: transparent url('../images/bg_divider_horizontal.gif') left bottom repeat-x;
	
	padding: 0 0 15px 0;
	position: relative;
	top: 0px;
}
#pageHeader h1 {
	color: #f3c503;
	font: normal 28px/28px 'TradeGothicLTStdBoldCondensed', 'Arial Narrow', Arial, sans-serif;
	position: relative;
	text-align: left;
	text-transform: uppercase;
	top: 4px;
	float:left;
}

#pageHeader p{
	float:left;
	color:gray;
	font: normal 16px/16px 'TradeGothicLTStdBoldCondensed', 'Arial Narrow', Arial, sans-serif;
	margin:12px 0 0 15px;
}



/* Header and nav */

header {
	margin: 0 auto;
	width: 100%;
	height: 107px;	
    position:relative;
	margin-bottom:30px;
	}

Header .header-left {
	margin: 0 auto;
	width: 15%;
	height: 107px;	
	float:left;
    background:url('../images/slice.jpg') 0 0 repeat-x;
	}

Header .header-mid {
	margin: 0 auto;
	width: 70%;
	height: 107px;	
	float:left;
    background:url('../images/slice2.jpg') 0 0 repeat-x;
	}

Header .header-right {
	margin: 0 auto;
	width: 15%;
	height: 107px;	
	float:left;
    background:url('../images/slice2.jpg') 0 0 repeat-x;
	}

#logo {
	float: left;
}


#topNavContainer {
	position: relative;
	float: right;
	clear: right;
	width: 620px;	
}


/* master nav inside of the container div */
ul#topNavMain {
	list-style: none;
	float: right;
	clear: right;
	display: block;
	position: absolute;
	padding: 8px 0 0 0;
	right: 0;
	top: 20px;
	/*background: transparent url('images/bg_nav_current.gif') -1000px 0 no-repeat;*/
}
	
ul#topNavMain li{
	float: left;
	position: relative;
	padding: 0; /* =============== */
}

	
ul#topNavMain li a{
	    display: block;
	    color: #ddb307;
	    text-decoration: none;
	    position: relative; 
	    padding: 4px 18px 4px 17px;
		font: normal 15px/17px 'TradeGothicLTStdBoldCondensed', 'Arial Narrow', Arial, sans-serif;
		text-transform: uppercase;
	    background: transparent url('../images/bg_nav_divider.gif') right 7px no-repeat;
	/* =============== */
}
	
	ul#topNavMain li.navLast a {
		background: none;
	}
	


ul#topNavMain li a:hover
{
	color:white !important;
}

ul#topNavMain li a.last
{
	background:none;
margin-right:0;
}






/* top nav item hover */
ul#topNavMain li a:hover,
ul#topNavMain li:hover a {
	color: #000;
}

ul#topNavMain li:hover {
	
	color: #fff;
}

.products
{
	width:950px;
	height:auto;
	margin:0 auto;
}


.widgettitle {
	display: none;
}


#homeContent {
	margin: 0 auto;
	width: 968px;
	height: 440px;
	position: relative;
	display: block;
	
}

#homeContentIE6 {
	display: none;
}

.homeFeature {
	position: absolute;
	top: 35px;
	width: 258px;
}
	
	#homeFeature1 {
		left: 15px;
	}
	
	#homeFeature2 {
		left: 351px;
	}
	
	#homeFeature3 {
		left: 687px;
	}


.homeFeature img {
	display: block;
	position: absolute;
}
	.homeFeature img.homeBubble {
		width: 258px;
		height: 258px;
	}
	.homeFeature img.homeShadow {
		top: 272px;
		left: 49px; 
		width: 160px;
		height: 20px;
	}

.homeFeature p {
	display: block;
	position: absolute;
	top: 254px;
	text-align: center;
	padding:8px;
	color:white;
	text-transform: uppercase;
	font: normal 14px/18px 'TradeGothicLTStdBoldCondensed', 'Arial Narrow', Arial, sans-serif;
	width: 258px;
	background:url(../images/txt.png) center center no-repeat;
}
footer
{
    background: #000;
    height:38px;
	margin: 0 auto;
	width: 100%;
    border-top:5px solid #d7ae06;
}

.subfooter
{
    height:38px;
	margin: 0 auto;
	width: 70%;
}
.subfooter a
{
    float:left;
    color:white;
    margin:10px 0 0 5px;
    font-size:13px;
}
.subfooter p
{
    margin:10px 0 0 0;
    float:right;
    color:white;
    font-size:13px;
}



.clr {
	clear: both;
	float: none;
	margin: 0;
	padding: 0;

}

div.clear {
    clear: both;
    font-size: 1px;
    line-height: 1px;
    height: 1px;
    overflow: hidden;
}

.contact-data
{
    float:left;
    width:240px;
    min-height:200px;
    margin-right:10px;
    padding:5px;
}

.contact-data h1
{
    font-size:15px;
    color:red;
    font:normal 16px/18px 'TradeGothicLTStdBoldCondensed', 'Arial Narrow', Arial, sans-serif;
    margin-bottom:10px;
}

.contact-data p
{
    text-align:justify;
    color:#3d3d3d;
    font:normal 12px 'vedana';
    line-height:18px;
    color:gray;
}


#contact-form
{
    float:left;
    width:660px;
    min-height:200px;
}





.ver-separator
{
    float:left;
	margin-top:0px;
}


.videos
{
	width:95%;
	margin:0 auto;
    overflow:hidden;
	
}

.videos li
{
   width:280px;
   height:194px;
   margin:10px;
   list-style-type:none;
   float:left;
   background:url("../images/video-frame.png") no-repeat 0 0;
   text-align:center;
}



.videos img
{
   width:229px;
   height:133px;
   margin:30px 26px 31px 25px;
}

.videos p
{
	color:#FC0;
	font:normal 16px/18px 'TradeGothicLTStdBoldCondensed', 'Arial Narrow', Arial, sans-serif;
	bottom:0;
	min-width:200px;
}


.videos .full-frame
{
   width:740px;
   height:514px;
   margin:0 auto;
   background:url("../images/full-frame.png") no-repeat 0 0;
   text-align:center;
}


.videos .frame
{
   width:600px;
   height:344px;
   float:left;
   display:block;
   margin:85px 72px 10px 67px;
}