@import url(reset.css);
#wrapper{
	width: 900px;
	background: #FFF;
	position: relative;
	left: 50%;
	margin: 0 0 0 -450px;
}
#container{
width: 900px;
min-height: 795px;
position: relative;
left: 50%;
margin: 0 0 0 -450px;
background: #FFF;
padding: 0 5px 50px 5px;
}
* html #container{
height: 795px;
}
#sponsors{
	position: absolute;
	bottom: 10px;
	left: 20px;
}
	#sponsors img{
		margin: 0 0 0 5px;
	}
#footer{
width: 900px;
position: relative;
left: 50%;
margin: 10px 0 15px -450px;
clear: both;
text-align: center;
color: #CCC;
font-size: 11px;
}
#leftcol{
width: 270px;
float: left;
display: inline;
margin: 0;
}
#logo{
width: 267px;
height: 88px;
background: url(images/logo.jpg) no-repeat;
}
#geninfo{
width: 267px;
min-height: 235px;
background: url(images/topgratebg.jpg) no-repeat;
}
* html #geninfo{
height: 235px;
}
#shop{
width: 267px;
height: 442px;
background: url(images/bottomgratebg.jpg) no-repeat;
}
#featproducts{
width: 250px;
height: 224px;
position: relative;
top: 43px;
left: 10px;
margin: 0 0 15px 0;
}
.propaganda{
display: block;
margin: 22px 0 0 10px;
}
#maincol{
width: 615px;
float: right;
display: inline;
}
.maincontent{
font: normal 11px tahoma, arial, sans-serif;
width: 379px;
float: left;
display: inline;
}
#header{
width: 610px;
margin: 10px 0 0 0;
}
#content{
width: 610px;
background: url(images/randompart.jpg) no-repeat right center;
}
#content-sub{
width: 610px;
}
#actioncalls{
width: 610px;
margin: 5px 0 0 0;
}
#sidebar{
float: left;
display: inline;
margin: 0 10px 0 10px;
width: 175px;
}
.genthumb{
width: 270px;
background: url(images/thumb.png) no-repeat;
height: 100px;
margin: -4px 0 0 0;
position: relative;
}
* html .genthumb{
height: 100px;
}
.genthumb p{
position: absolute;
right: 20px;
top: 7px;
font-size: 14px;
}
.genthumb p em{
	font-size: 16px;
	font-weight: bold;
	font-style: normal;
}
/* == Main Nav == */
#nav li{
float: left;
display: inline;
padding: 0 10px;
list-style: none;
}
/*Home*/
#nav li a.home:link, #nav li a.home:visited{
display: block;
float: left;
background: url(images/home.gif) no-repeat 0px -38px;
width: 48px;
height: 38px;
text-indent: -100em;
overflow: hidden;
}
#nav li a.home:hover{
background-position: 0px 0px;
}
/*services*/
#nav li a.services:link, #nav li a.services:visited{
display: block;
float: left;
background: url(images/services.gif) no-repeat 0px -38px;
width: 70px;
height: 38px;
text-indent: -100em;
overflow: hidden;
}
#nav li a.services:hover{
background-position: 0px 0px;
}
/*products*/
#nav li a.products:link{
display: block;
float: left;
background: url(images/products.gif) no-repeat 0px -38px;
width: 74px;
height: 38px;
text-indent: -100em;
overflow: hidden;
}
#nav li a.products:visited{
display: block;
float: left;
background: url(images/products.gif) no-repeat 0px -38px;
width: 74px;
height: 38px;
text-indent: -100em;
overflow: hidden;
}
#nav li a.products:hover{
background-position: 0px 0px;
}
/*projects*/
#nav li a.projects:link, #nav li a.projects:visited{
display: block;
float: left;
background: url(images/projects.gif) no-repeat 0px -38px;
width: 103px;
height: 38px;
text-indent: -100em;
overflow: hidden;
}
#nav li a.projects:hover{
background-position: 0px 0px;
}
/*clients*/
#nav li a.clients:link, #nav li a.clients:visited{
display: block;
float: left;
background: url(images/clients.gif) no-repeat 0px -38px;
width: 94px;
height: 38px;
text-indent: -100em;
overflow: hidden;
}
#nav li a.clients:hover{
background-position: 0px 0px;
}
/*mailing list*/
#nav li a.maillist:link, #nav li a.maillist:visited{
display: block;
float: left;
background: url(images/maillist.gif) no-repeat 0px -38px;
width: 100px;
height: 38px;
text-indent: -100em;
overflow: hidden;
}
#nav li a.maillist:hover{
background-position: 0px 0px;
}
/*about*/
#nav li a.about:link, #nav li a.about:visited{
display: block;
float: left;
background: url(images/about.gif) no-repeat 0px -38px;
width: 96px;
height: 38px;
text-indent: -100em;
overflow: hidden;
}
#nav li a.about:hover{
background-position: 0px 0px;
}
/* === End Main Nav === */

/* === Typography === */
h1{}
#header h1{
text-indent: -100em;
overflow: hidden;
}
#content h1{
font: bold 22px georgia, serif;
margin: 10px 0 5px 5px;
letter-spacing: -1px;
width: 395px;
z-index: 100;
}
#content-sub h1{
font: bold 22px georgia, serif;
margin: 10px 0 5px 5px;
letter-spacing: -1px;
z-index: 100;
}
#geninfo h1{
font: bold 20px georgia, serif;
letter-spacing: -1px;
width: 245px;
color: #FFF;
padding: 5px 0 0 20px;
}
h3{}
#geninfo h3{
font: normal 16px rockwell, georgia, serif;
color: #FFF;
letter-spacing: -1px;
padding: 0 0 0 5px;
}
h6{}
#gallery h6{
clear: both;
margin: 10px 0;
}
p{}
#content p{
font: normal 11px tahoma, arial, sans-serif;
width: 395px;
margin: 10px 0;
}
#content-sub p{
font: normal 11px tahoma, arial, sans-serif;
margin: 10px 0;
}
#geninfo p{
font: normal 11px arial, sans-serif;
color: #FFF;
padding: 5px 10px 0 20px;
}
.maincontent p{
padding: 0 10px 0 0;
}
#footer p{
color: #666;
font-size: 10px;
margin: 8px 0;
}
strong{}
.genthumb strong{
font: bold 19px georgia, serif;
letter-spacing: -1px;
}
/* === Common classes === */
.floatRight{
float: right;
display: inline;
padding: 0 5px 5px 5px;
}
.floatLeft{
float: left;
display: inline;
padding: 0 5px 5px 5px;
}
.seperator{
display: block;
margin: 10px 0;
width: 372px;
height: 6px;
background: url(images/seperator.gif) no-repeat;
}
#logo a{
width: 267px;
height: 88px;
outline: none;
display: block;
}
#footer a:link, #footer a:visited{
	color: #ccc;
	text-decoration: none;
}
#footer a.namtra{
width: 127px;
height: 29px;
background: url(images/namtralogo.gif);
text-indent: -100em;
overflow: hidden;
display: block;
position: relative;
left: 50%;
margin-left: -63px;
}
*:first-child+html #footer a.namtra{
left: 63px;
}
* html #footer a.namtra{
left: 63px;
}  
/* === lists === */
#featproducts ul{
list-style: none;
padding: 0px 0 0 5px;
}
#featproducts ul li{
float: left;
display: block;
width: 115px;
min-height: 100px;
text-align: center;
text-transform: uppercase;
padding: 5px 0 0 0;
}
* html #featproducts ul li{
height: 100px;
}
#featproducts ul li small{
letter-spacing: -1px;
}
#gallery ul li{
float:left;
width:auto;
background: url(images/shadow.gif) no-repeat bottom right;
list-style: none;
margin: 0px 10px;
}
#gallery ul li a img{
display: block;
position: relative;
background-color: #FFF;
border: 1px solid #A9A9A9;
margin: -6px 6px 6px -6px;
padding: 4px;
}

.serviceslist li{
margin: 5px;
}
.aboutGallery{
width: ;
}
.aboutGallery li{
float: left;
display: inline;
margin: 0 5px 0 0;
}
/* === Start sIFR-screen css === */
/* 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;
}
/* Start decoy styles */
.sIFR-hasFlash #content h1 {
visibility: hidden;
margin: 10px 0 5px 5px;
letter-spacing: -1px;
z-index: 100;
}
.sIFR-hasFlash #geninfo h1 {
visibility: hidden;
font: bold 20px georgia, serif;
letter-spacing: -1px;
width: 245px;
color: #FFF;
padding: 5px 0 0 10px;
background: transparent;
}
.sIFR-hasFlash #geninfo h3{
font: normal 14px rockwell, georgia, serif;
color: #FFF;
letter-spacing: -1px;
padding: 0 0 0 10px;
}
.sIFR-hasFlash .genthumb strong{
font: bold 23px georgia, serif;
letter-spacing: -1px;
}
#mail-list-form{
    list-style: none;
}
#mail-list-form li{
margin: 5px 0;
}
#mail-list-form li label{
display: block;
}
#mail-list-form li input{
width: 180px;
}
#mail-list-form textarea{
width: 200px;
height: 80px;
}
#mail-list-form button{
font: normal 11px arial, sans-serif;
}
.maincontent fieldset{
border: none;
}
#geninfo img.spoolup{
	margin: 0 0 0 15px;
}
a.cta-propaganda{
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
}
div.contactbg{
	width: 606px;
	height: 510px;
	background: url(images/contactbg.jpg) no-repeat center bottom;
}
div.maillistbg{
	width: 606px;
	height: 510px;
	background: url(images/maillistbg.jpg) no-repeat center bottom;
}
div.servicesbg{
	width: 606px;
	height: 510px;
	background: url(images/servicesbg.jpg) no-repeat center bottom;
}
div.aboutusbg{
	width: 606px;
	height: 510px;
	background: url(images/aboutusbg.jpg) no-repeat center bottom;
}
#sidebar-contact{
	width: 230px;
	float: left;
	display: inline;
}
#scrollbox{
	background: transparent;
}
.maincontent-contact{
	width: 300px;
	float: right;
	display: inline;
}
ul.contact-text{
	list-style: none;
	font-size: 11px;
}
	.contact-text li{
		line-height: 18px;
	}
		.contact-text li strong{
			font-size: 14px;
			color: #666;
		}
		.contact-text li em{
			font-weight: bold;
			font-style: normal;
			font-size: 14px;
		}
		li span.red{
			color:#cc0000;
			font-size: 14px;
		}
.policy{
	width: 565px;
	height: 500px;
	overflow: auto;
	padding: 5px;
}
	.policy h2{
		font-weight: bold;
		font-size: 12px;
	}
span.red {
	color: #cc0000;
	text-transform: uppercase;
	font-weight: bold;
}