/* CSS Stylesheet for Sekonda One Product Website 2005-2006 */

/* seksy element */

body {
	margin: 10px;
	padding: 0;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	text-align: center;
	line-height: 1.3em;
	color: black;
	background: black;
}
#wrap {
	position: relative;
	margin: 0 auto;
	padding: 0;
	text-align: left;
  	width: 740px;
	background: white url("../img/style/back_one.jpg") no-repeat; 
	}
#mainbody	{
	padding: 0;
	border: 0;
	text-align: left; 
	float: right;
	margin: 10px 10px 10px 0;
	width: 580px;
	background-color:transparent;

	}
#mainbody2	{
	padding: 0;
	border: 0;
	text-align: left; 
	float: left;
	margin: 10px 10px 10px 10px;
	width: 720px;
	}
#content {
	margin: 0;
	padding: 5px 5px 5px 5px;
	text-align: left;
	width: auto;
	vertical-align: top;
	background-color:transparent;

	}
#contentl1 {
	margin: 0;
	padding: 5px 5px;
	text-align: left;
	float: left;
	width: 275px;
	vertical-align: top;
	background-color:transparent;
	}
#contentr1 {
	margin: 0;
	padding: 0px 0px;
	text-align: right;
	float: right;
	width: 285px;
	vertical-align: top;
	background-color:transparent;
	}
#footer {
	position: relative;
	clear: both;
	margin: 0;
	padding: 0;
	font-size: 90%;
	height: 50px;
	color: black;
	background: black url("../img/style/footer_one.gif") no-repeat;
	}

/*Common Elements*/

h1, .spacer {
	font-family: Arial, Verdana, san-serif; 
	font-size: 120%; 
	font-weight: 700; 
	color: black;
	text-transform: uppercase;
	margin: 0 0 10px 0;
	}
h2 {
	font-family: Arial, Verdana, san-serif; 
	font-size: 120%; 
	font-weight: 700; 
	color: #666666;
	text-transform: uppercase;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #666666;
	}
h3 {
	font-family: Arial, Verdana, san-serif; 
	font-size: 150%; 
	font-weight: 400; 
	color: #96241C;
	}
h4 {
	font-family: Arial, Verdana, san-serif; 
	font-size: 130%; 
	font-weight: 400; 
	color: #381917;
	}
p, ul, dl {
	margin: 4px 0px 6px 0px;
	font-size: 100%;
	padding: 0;
	list-style: none;
	color: black;
	}
li  {
	margin: 0 0 .5em 0;
	padding: 0 0 0 12px;
	line-height: 1.4em;
	background: url(../img/style/bullet_one.gif) no-repeat 0 5px;
	}
input, textarea, select  { 
	font-family: Arial, Verdana, san-serif; 
	margin: 1px 0 0 0;
	background-color: #ccc;
	border: 0;
	color: black; 
	font-size: 9px;
	}
button, .greybut { 
	font-family: Arial, Verdana, san-serif; 
	margin: 1px 0 0 0;
	background-color: #5D6467;
	border: 0;
	color: black; 
	font-size: 10px;
	text-transform: uppercase;
	}	
form {
	border: 0;
	margin: 0;
	padding: 0;
	}
.hide, hr {
	display: none;
	}

/*Links*/

a:visited, a:link {font-weight: bold; color: black; text-transform: uppercase; text-decoration: none;}
a:hover 	{color: #a2a2a2; text-decoration: none;}

/* used for tables */

#selector table {width: 100%;}
#selector img {margin: 0 5px 0 0;}
#selector th {font-size: 100%; background: black; color: white; border: 1px solid white; text-transform: uppercase; text-align: left; padding: 2px;}
#selector td {font-size: 90%; background: white; color: black; border-bottom: 1px solid black; text-align: left; padding: 2px; vertical-align: top;}
#selector a:visited, a:link {font-weight: bold; color: black; text-decoration: none;}
#selector a:hover {color: #A2A2A2; text-decoration: none;}
#selector input, #selector textarea, #selector select, #selector button { margin: 0;background-color: black; border: 1px solid #a2a2a2; color: white; font-size: 12px; font-weight: bold;}

#key th {font-size: 90%; background-color: #cccccc; color: black; border-bottom: 1px solid #cccccc; text-align: center; padding: 2px; vertical-align: middle;}
#key td {font-size: 90%; color: black; text-align: left; padding: 4px; vertical-align: middle;}
#key table {width: 400px; border: 1px solid #cccccc; margin: 0 0 20px 20px;}

.title {width: 560px; padding: 2px; text-transform: uppercase; background: #5D6467; font-weight: bold; text-align: left; }
.padimg {height: 10px; margin: 0; padding: 0; width: 100px;}

/*Main layout */

#logo01	{
	padding: 0;
	text-align: left; 
	float: left;
	margin: 0;
	width: 400px;
	}
#logo01 img  {
	display: block;
	width: 400px;
	border: 0;
	}
#flash01	{
	padding: 0;
	float: right;
	margin: 0;
	width: 340px;
	height: 61px;
	}	
#mainnav	{
	padding: 0;
	border: 0;
	text-align: left;
	float: left;
	margin: 10px 0 10px 10px;
	height: 405px;
	}
#contentmap1 {
	margin: 0;
	padding: 5px 5px 5px 5px;
	text-align: left;
	float: left;
	width: 210px;
	vertical-align: top;
	}
#contentmap2 {
	margin: 0;
	padding: 0px 0px;
	text-align: right;
	float: right;
	width: 350px;
	vertical-align: top;
	}
#contentmap3 {
	margin: 0;
	padding: 0px 0px;
	text-align: left;
	float: right;
	width: 350px;
	vertical-align: top;
	}
#contentmap4 {
	margin: 0;
	padding: 5px 5px 0 0;
	text-align: right;
	float: right;
	width: 350px;
	vertical-align: top;
	}

/****** NAVIGATION ELEMENTS ******/

/* top navigation */

#nav {
	float: right;
	width: 740px;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 60%;
	border-bottom: 10px solid black;
	background: white;
	}
#nav li {
	float: left;
	margin: 0;
	font-size: 10px;
	padding: 0 1px 0 0;
	list-style: none;
	background: none;
	}
#nav a {
	float: left;
	padding: 2px 5px;
	text-decoration: none;
	border-bottom: none;
	font-weight: 200;
	color: black;
	}
#nav a:hover, #nav a.active {
	color: white;
	background: black;
	}

li#t-home a {
	margin-left: 25px;
	}
	
/* Main Navigation back */

#links2H a	{
	display: block;
	width: 125px;
	padding-right: 5px;
	line-height: 15px;
	min-height: 15px;
	font-size: 10px;
	font-weight: 200;
	text-decoration: none;
	text-align: right;
	margin: 0 0 10px 0;
	}
#links2H a	{
   color: black;
   background: url("../img/roll/one_side02.gif") no-repeat;
   background-position: 0px 0px;
   }

#links2H a:hover, #links2H a.active{
   color: white;
   background-position: -130px 0; 
   }

/* range navigation */

#range {
	float: left;
	width: 580px;
	margin: 0 0;
	padding: 0;
	list-style: none;
	font-size: 60%;
	border-bottom: 10px solid #5D6467;
	background: #767E81;
	}
#range li {
	float: left;
	margin: 0;
	font-size: 10px;
	padding: 0 1px 0 0;
	list-style: none;
	}
#range a {
	float: left;
	padding: 6px 5px;
	text-decoration: none;
	border-bottom: none;
	font-weight: 200;
	color: black;
	}
#range a:hover, #range a.active {
	color: black;
	background: #5D6467;
	}
#range a.active {
	font-weight: bold;
	}
	
/* Image navigation */

a.scroll_l:visited, a.scroll_l:link {
	background-image: url("../img/buttons/one_arrow_left.gif");
	display: block;
	width: 15px;
	margin: 0;
	background-position: 0px 0px;
	}
a.scroll_l:hover 	{
	background-image: url("../img/buttons/one_arrow_left2.gif");	
}
a.scroll_r:visited, a.scroll_r:link {
	background-image: url("../img/buttons/one_arrow_right.gif");
	display: block;
	width: 15px;
	margin: 0;
	background-position: 0px 0px;
	}
a.scroll_r:hover 	{
	background-image: url("../img/buttons/one_arrow_right2.gif");
}
a.rimnav:link, a.rimnav:visited {
	background-color: #767E81;
	display: block;
	width: 130px;
	margin: 0 0 10px 0;
	background-position: 0px 0px;
}
a.rimnav:hover{
	background: black;
}

/* Main Navigation second level */

#mainnav img {
	border: 0;
	margin: 0;
	}
linksV a, #linksH a	{
	display: block;
	width: 125px;
	padding-left: 5px;
	line-height: 15px;
	min-height: 15px;
	font-size: 10px;
	font-weight: 200;
	text-decoration: none;
	margin: 0 0 10px 0;
	}
#linksH a	{
   color: black;
   background: url("../img/roll/one_side01.gif") no-repeat;
   background-position: 0px 0px;
   }
#linksH a:hover, #linksH a.active{
   color: white;
   background-position: -130px 0; 
   }

/*Footer*/

#footer p {
	margin: 0;
	padding: 25px;
	color: #ccc;
	}
#footer a {
	color: #888;
	border-bottom-color: #333;
	}
#footer a:hover {
	color: #ccc;
	}

/* product table styles */

.product01 {
	width: 205px;
	vertical-align: top;
	text-align: left;
}
.product02 {
	width: 90px;
	vertical-align: top;
	text-align: left;
	padding: 0;
}
.product03 {
	width: auto;
	vertical-align: top;
	text-align: left;
}
.productb01 {
	float: right;
	text-align: right;
	font-size: 120%; 
	font-weight: 700; 
	color: black;
	text-transform: uppercase;
}
.productb02 {
	min-height: 179px;
}

.productb03 {
	border: 1px solid black;
	width: auto;
	margin: 0 0 10px 0;
	font-size: 10px; 
	text-align: center;
	padding: 0;
	color: black;
	text-transform: uppercase;
}
.productb04 {
	border: 1px solid black;
	width: auto;
	margin: 0 10px 9px 0;
	font-size: 10px; 
	text-align: center;
	padding: 0;
	color: black;
	text-transform: uppercase;
}	
#prods img {
	border: 0;
	margin: 0 10px 10px 0;
	}
#prodsV img {
	border: 0;
	margin: 0 10px 0 0;
	}
#prodsH img {
	border: 0;
	margin: 0 10px 0 0;
	}

/* news highlights */

#news_teaser {
	border-bottom: 1px solid #5D6467;
}
#pubs_teaser {
	border-bottom: 1px solid #5D6467;
	height: 103px;
}