body {
	background-color: #000000;
	background-image: url('/img/bg1.jpg');
	background-repeat: repeat-x;
	background-attachment: fixed;
	margin-left: 0px;
	margin-top: 0px;
}
img{ border:0;}

#TB_caption p{
	margin:0;
}

p{
	margin: 10px 0;
}


/* front page */

	#home .info-box{
		width:214px;
		height: 250px;
		background: transparent url('/img/frontpage/homepage-col-bg.png') 0 0 no-repeat;
		margin-top: 10px;
		margin-right: 14px;
		float: left;
		padding:10px 15px;
		font-size: 10px;
	}
	
	#home .info-box p{
		margin-bottom:0;
	}
	
	#home .info-box p.more{
		margin:0;
	}
	
	#home #box3{
		margin-right: 0;
	}






	/* These are standard sIFR styles... do not modify */

	.sIFR-flash {
		visibility: visible !important;
		margin: 0;
	}

	.sIFR-replaced {
		visibility: visible !important;
	}

	span.sIFR-alternate {
		position: absolute;
		left: 0;
		top: 0;
		width: 0;
		height: 0;
		display: block;
		overflow: hidden;
	}

	/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
	.sIFR-flash + div[adblocktab=true] {
	  display: none !important;
	}

	/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */


	.sIFR-hasFlash .info-box h2{
		visibility: hidden;
		font-size: 13px;
		margin:0;
		margin-bottom: 10px;
	}


/*end front page */



















#main {
	height: auto;
	width: 900px;
	position: relative;
	visibility: visible;
	z-index: 1;
	margin-right: auto;
	margin-left: auto;
	background-image: url('/img/bg2.jpg');
	background-repeat: repeat-y;
}
#logo {
	height: 70px;
	width: 765px;
	position: relative;
	visibility: visible;
	z-index: 2;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

#logo span{
	color: #666;
	position: absolute;
	top: 40px;
	text-transform: uppercase;
	right: 2px;
	font-weight:bold;
	font-family: Arial, sans-serif;
	font-size: 11px;
}

#mainContent  {
	width: 765px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	visibility: visible;
	z-index: 5;
	background-color: #000;
	
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	line-height: 16px;
}
#nav {
	background: transparent url('/img/nav/primary_nav_bg.png') top right no-repeat;
	height: 37px;
	width: 765px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	visibility: visible;
	z-index: 3;
	
}
#head_img {
	height: 247px;
	width: 765px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	visibility: visible;
	z-index: 4;
}
#leftCol {
	height: auto;
	width: 508px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	visibility: visible;
	z-index: 6;
	float: left;
}
h2 {
	font: bold 18px "Arial Black", Arial, Helvetica, sans-serif;
	margin: 10px 0;
	color: #FFFFFF;
	text-decoration: none;
}


/*#home #mainContent h2{
	border: 0;
	width: inherit;
	text-align: left;	
	padding: 0;
}*/

/*#mainContent h2{
	padding: 10px 5px;
	border: 2px solid #e2b814;
	border-width: 0 5px 0 5px;
	width:200px;
	text-align: center;
	font-size: 15px;
	margin:10px 0;
}*/

/*#rightCol h2{
	border: 0;
	width: inherit;
	text-align: left;
	font-size: 13px;
	padding: 0;
}*/

.left{
	float: left;
	margin: 8px 8px 0 8px;
}

.right{
	float:right;
	margin: 8px 0 8px 8px;
}

.clear{
	clear:both;
}

.bodycopy {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 16px;
}
#footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	height: 35px;
	width: 480px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	visibility: visible;
	z-index: 8;
}
#rightCol {
	height: auto;
	width: 234px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	visibility: visible;
	z-index: 7;
	float: right;
}
.style1 {color: #FFFFFF}
.tblHdr {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 5px;
}
.tableCopy {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 16px;
	padding-left: 5px;
}


#rightCol .bodycopy{
	font-size: 10px;
}

#mainContent p a,
.bodycopy a,
#gallery a,
.info-box a{
	color: #e4af15;
	font-weight: bold;
}

.bodycopy a:hover,
#gallery a:hover;{
	color: #fff;
}

.primary_nav,
a.primary_nav_active{
	display:block;
	float:left;
	height: 36px;
	background-position: 0 0;
}

a.primary_nav:hover,
a.primary_nav_active{
	background-position: 0 -36px;
}

.primary_nav span,
a.primary_nav_active span
{ display: none;}

#products_nav{
	background-image:url('/img/nav/products_nav.png');
	width: 86px;
}


#tech_articles_nav{
	background-image: url('/img/nav/tech_articles_nav.png');
	width: 105px;
}

#sponsorships_nav{
	background-image: url('/img/nav/sponsorships_nav.png');
	width: 105px;
}

#distributors_nav{
	background-image: url('/img/nav/distributors_nav.png');
	width: 92px;
}

#about_us_nav{
	background-image: url('/img/nav/about_us_nav.png');
	width: 78px;
}

#contact_us_nav{
	background-image: url('/img/nav/contact_us_nav.png');
	width: 89px;
}

#oem_nav{
	background-image: url('/img/nav/oem_nav.png');
	width: 49px;
}

#other_languages_nav{
	background-image: url('/img/nav/other_languages_nav.png');
	width: 160px;
}

#gallery_nav{
	background-image: url('/img/nav/gallery_nav.png');
	width: 73px;
}


table.products{
	width: 765px;
	padding-top: 20px;
}

table.products td{
	text-align: center;
}

h3{
	font-family: verdana, arial, sans-serif;
	color: white;
	padding: 10px 0;
	padding-top: 50px;
}

tr.even td { background-color: #333;}
tr.odd td {background-color: #171717;}

.submenu{
	position: absolute;
	/*top:0;*/
	display:none;
	background-color: #666;
	font-family: verdana, sans-serif;
	z-index: 200;
	padding: 10px;
	border: 1px solid #777;
	
}

.inner-submenu-container{
	background: transparent url('/img/nav/products_nav_bg.png') -10px 0 repeat-x;
}

.submenu h3{
	color: #e2b814;
	font-size: 12px;
	margin:-3px 0 2px 0;
	padding:0;
	clear: both;
}

.submenu-col{
	width: 80px;
	padding: 0 10px;
	float: left;
	z-index: 201;
	/*border-left: 1px solid #444;
	border-right: 1px solid #777;*/
}

.submenu-col-first{
	border-left: none;
	padding-left: 0;
}

.submenu-col-last{
	border-right: none;
	padding-right:0;
}

.submenu ul{
	margin:0;
	padding:0;
	list-style: none;
}

.submenu li{
	margin:0;
	padding:0;
}

.submenu a{
	color: white;
	font-size: 10px;
}

.submenu a:hover{
	color: #e2b814;
}

.archive_list a{
	color: #e2b814;
	font-size: 10px;
	font-weight:bold;
	text-decoration: none;
}

.archive_list a:hover{
	text-decoration: underline;
	color: #fff;
}

.col1{
	width: 372px;
	padding-right: 10px;
	float: left;
}

.col2{
	width: 382px;
	float: right;
}
#footer{
	margin-top: 50px;
	clear:both;
}

#footer a{
	color: #fff;
	text-decoration: none;
}

#footer a:hover{
	text-decoration: underline;
}


/** distributors **/

.country {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	border-bottom: #FFFFFF, solid, 1px;
}
.title1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 20px;
}
.title2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 20px;
}
.info {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 20px;
}
.border {
	border-bottom: 1px solid #fff;
}

/*
	distributors
*/

#distributors{
	width: 550px;
	margin: 0 auto;
}

#distributors h1{
	background-color: #666;
	font-size: 14px;
	padding: 1px 0;
	background-repeat: no-repeat;
	background-position: 1px 1px;
	padding-left: 100px;
	height: 25px;
	clear:both;
	margin-top:10px;
}

#distributors .dis-content{
	margin-left: 100px;
	font-size: 11px;
}

.dis-content .col1{
	float:left;
	width: 170px;
}

.dis-content .col2{
	float: right;
	width: 170px;
}



dl.compounds dd{
	float: left;
}

dl.compounds dt{
	margin-left: 40px;
}

.sponsored{
	border: 1px solid #959595;
	background-color: #333;
	clear:both;
	padding: 20px;
	margin:18px 0;
}

.sponsored h2{
	margin-top: 0;
	border-bottom: 1px solid #666;
}

.sponsored .col1{
	width: 401px;
	padding-right: 20px;
	float:left;
}

.sponsored .col2{
	width: 300px;
	padding:0;
	float:left;
}

.sponsored p{ margin-top: 0;}

.sponsored img{
	border: 1px solid #000;
}


#photo-list img{
	padding: 10px;
	background-color: white;
}

#photo-list .photo{
	display:block;
	float:left;
}

#photo-list .one{
	margin: 25px 0 0 0;
}

#photo-list .two,
#photo-list .three,
#photo-list .four{
	margin: 25px 0 0 25px;
}

.pagination{
	border: 1px solid #444;
	background-color: #333;
}

.pagination p{margin: 0;
	padding: 5px;}
	
	.search-box{
		position:absolute;
		top: 6px;
		right:8px;
	}

	.search-box input{
		border: 1px solid #000;
		background-color: #666;
		color: #aaa;
		font-size:13px;
		padding: 2px;
	}

	.search-box input.search-button{
		padding:0;
		border: none;
		background-color:transparent;
	}

	.bodycopy ul{
		margin: 1em 2em;
	}