/* NOSTOTEK */

html {overflow: -moz-scrollbars-vertical;}

body
{
	font: normal 14px Tahoma, Serif, Arial, sans-serif;	
	color: #27334d;
	line-height: 1.7;
	margin: 0px;
	padding: 0px;
	background-color: #f4f3f1;
	background-image: url('Images/bg_top.jpg');
	background-repeat: repeat-x;
}
h1	
{
	font: bold 16px Tahoma, Serif, Arial, sans-serif;	
	color: #27334d;
	text-transform: uppercase;
	margin-top: 0px;
	padding-left: 0px;
}
h2	
{
	font: bold 14px Tahoma, Serif, Arial, sans-serif;	
	color: #27334d;
	text-transform: none;
	margin-bottom: 4px;
}

td {vertical-align: top;}
.left {text-align: left;}
.center {text-align: center;}
.right {text-align: right;}
.top {vertical-align: top;}

/* IMAGES */
.text {margin: 0px auto; position: relative; padding: 10px; box-shadow: 0 0 20px rgba(0,0,0,0.4);}
.text > div {position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px;}

/* SLIDESHOW */
#mainpic		{position:relative;width:1020px;height:300px;top:0px;left:1px;margin-top:8px;border:0px solid #000;z-index: 2;}

#fssPrev{display:none;position:absolute;top:130px;left:-60px;background:url(/Images/arrows2.png) -67px 0px;width:67px;height:143px;text-indent:-999999px;}
#fssNext{display:none;position:absolute;top:130px;left:1017px;background:url(/Images/arrows2.png) no-repeat;width:67px;height:143px;text-indent:-999999px;}
#fssPlayPause /*display:block;*/{display:none;position:absolute;top:310px;left:20px;background:url(/Images/white.png) repeat;padding:4px 0 5px 0;-moz-border-radius:5px;border-radius:5px;width:60px;text-align:center;color:#333;text-decoration:none;} 
#fssList{display:none;list-style:none;width:1024px;margin:auto;padding:5px 0 0 47%;}
#fssList li{display:none;display:inline;padding-right:10px;}
#fssList li a{display:none;color:#999;text-decoration:none;}
#fssList li.fssActive a{display:none;font-weight:bold;color:#333;}

#slideshow2 {margin: 0px auto; position: relative; width: 320px; height: 240px; padding: 10px; box-shadow: 0 0 20px rgba(0,0,0,0.4);}
#slideshow2 > div {position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px;}


a.col:link			{color: #27334d; text-decoration:underline; font: normal 14px Tahoma, Serif, Arial, sans-serif; text-transform: none;}
a.col:visited 		{color: #27334d; text-decoration:underline; font: normal 14px Tahoma, Serif, Arial, sans-serif; text-transform: none;}
a.col:hover		{color: #f28d00; text-decoration:underline; font: normal 14px Tahoma, Serif, Arial, sans-serif; text-transform: none;}
a.col:active		{color: #f28d00; text-decoration:underline; font: normal 14px Tahoma, Serif, Arial, sans-serif; text-transform: none;}

a.col3:link		{color: #fff; text-decoration:none; font: normal 10px Tahoma, Serif, Arial, sans-serif; text-transform: uppercase;}
a.col3:visited 	{color: #fff; text-decoration:none; font: normal 10px Tahoma, Serif, Arial, sans-serif; text-transform: uppercase;}
a.col3:hover		{color: #f28d00; text-decoration:none; font: normal 10px Tahoma, Serif, Arial, sans-serif; text-transform: uppercase;}
a.col3:active		{color: #f28d00; text-decoration:none; font: normal 10px Tahoma, Serif, Arial, sans-serif; text-transform: uppercase;}

a.menu:link		{color: #fff; text-decoration:none; font: bold 14px Tahoma, Serif, Arial, sans-serif;}
a.menu:visited 	{color: #fff; text-decoration:none; font: bold 14px Tahoma, Serif, Arial, sans-serif;}
a.menu:hover	{color: #fff; text-decoration:none; font: bold 14px Tahoma, Serif, Arial, sans-serif;}
a.menu:active	{color: #fff; text-decoration:none; font: bold 14px Tahoma, Serif, Arial, sans-serif;}

.btn				{background-color:#f48900; border: 0px solid #dedede; vertical-align:middle; font: normal 12px sans-serif; color: #ffffff; width: 150px; height: 24px; padding: 2px 2px; margin: 0px; border-radius: 3px;cursor:pointer;}
.btn:hover		{background-color:#0d1730; color: #fff;}
input.w1			{background-color:#f48900; border: 0px solid #dedede; vertical-align:middle; font: normal 12px sans-serif; color: #ffffff; width: 110px; height: 24px; padding: 2px 2px; margin: 0px; border-radius: 3px;cursor:pointer;}
input.w1:hover	{color: #000;}
input.length1
{
	background-color:#fff;
	border: 1px solid #e1e1e1;
	font: normal 12px Tahoma, Serif, Arial, sans-serif;	
	color: #27334d;
	vertical-align: middle;
	width: 180px;
	height: 22px;
	padding-top: 2px;
	padding-bottom: 0px;
	padding-left: 2px;
}
textarea.length300
{
	background-color: #fff;
	border: 1px solid #dedede;
	font: normal 12px Tahoma, Serif, Arial, sans-serif;	
	color: #27334d;
	width: 450px; 
	height: 150px;
	padding: 4px;
}


/* All the content boxes belong to the content class. */
.content
{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	top: 0px;
	width: 1020px;
	text-align: left;
	border: 0px solid #000;
	background-color: transparent;
	padding: 0px;
	z-index: 0;
}
#logo
{
	position: relative;
	width: 660px;
	height: 62px;
	top: 0px;
	left: 30px;
	border: 0px solid #ffffff;
	background-color: transparent;
	background-image: url('Images/logo.jpg');
	background-repeat: no-repeat;
	z-index: 1;
}
#menu
{
	position: relative;
	width: 1024px;
	height: 52px;
	top: 7px;
	left: 0px;
	border: 0px solid #000;
	background-color: transparent;
	text-align: left;
	z-index: 30;
}
#vert_line
{
	position: absolute;
	width: 6px;
	height: 51px;
	top: 70px;
	left: 1006px;
	border: 0px solid #000;
	background-color: transparent;
	background-image: url('Images/bg_menu.jpg');
	background-repeat: no-repeat;
	z-index: 31;
}
#line
{
	position: relative;
	width: 1020px;
	height: 4px;
	top: 1px;
	left: 1px;
	border: 0px solid #000;
	background-color: #f28d00;
	z-index: 3;
}

.content1
{
	position: relative;
	top: 0px;
	left: 0px;
	width: 1020px;
	min-height: 550px;
	border: 0px solid #000;
	text-align: left;
	padding: 0px 0 40px 0;
	z-index: 11;
}
#i1
{
	position: relative;
	top: 0px;
	left: 0px;
	width: 470px;
	background-color: #f4f3f1;
	border: 0px solid #e1e1e1;
	vertical-align: top;
	padding-left: 10px;
	margin: 30px 0;
	float: left;
	z-index: 12;
}
#i2
{
	position: relative;
	top: 0px;
	left: 0px;
	width: 470px;
	background-color: #f4f3f1;
	border: 0px solid #e1e1e1;
	padding: 10px;
	margin: 30px 0 0 20px;
	float: right;
	z-index: 13;
}

#text
{
	position: relative;
	top: 0px;
	left: 20px;
	width: 600px;
	background-color: #f4f3f1;
	border: 0px solid #e1e1e1;
	margin: 40px 0 30px 0;
	padding: 0px;
	z-index: 14;
}
#img
{
	position: absolute;
	top: 0px;
	left: 700px;
	width: 300px;
	background-color: #f4f3f1;
	border: 0px solid #e1e1e1;
	padding: 0px;
	z-index: 15;
}
#prod
{
	position: relative;
	top: 0px;
	left: 20px;
	width: 1000px;
	background-color: #f4f3f1;
	border: 0px solid #e1e1e1;
	margin: 40px 0 30px 0;
	padding: 0px;
	z-index: 14;
}
#footer
{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	height: 70px;
	background-color: #5f626c;
	border-top: 7px solid #0d1730;
	margin: 0px;
	padding: 0px;
	z-index: 20;
}
#menu2
{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 1020px;
	height: 20px;
	top: 25px;
	border: 0px solid #fff;
	background-color: transparent;
	font: normal 11px Tahoma, Serif, Arial, sans-serif;
	color: #fff;	
	text-transform: none;
	z-index: 21;
}
#footer_button
{
	position: absolute;
	width: 114px;
	height: 28px;
	top: -5px;
	left: 460px;
	border: 0px solid #fff;
	background-color: transparent;
	font: normal 11px Tahoma, Serif, Arial, sans-serif;
	color: #fff;	
	text-transform: none;
	z-index: 22;
}


/* CROSS BROWSER DROPDOWN MENU */
ul#nav 					{margin: 1px 0 0 0px;}
ul.drop a 				{display:block; color: #fff; text-decoration:none; text-transform:none; font: bold 14px Tahoma, Serif, Arial, sans-serif;}
ul.drop, ul.drop li, ul.drop ul 	{list-style: none; margin: 0; margin-left: -1px; padding: 0; background: transparent; border-left: 1px solid #f28d00;border-right: 1px solid #f28d00;}
ul.drop 					{position: relative; z-index: 597; float: left;}
ul.drop li 					{float: left; line-height: 1.3em; vertical-align: middle; padding: 16px 47px;}
ul.drop li:hover			{z-index: 599; position: relative; cursor: default;background: #5f626c;}
ul.drop ul 				{visibility: hidden; position: absolute; top: 48px; left: 0; margin:2px; z-index: 598; background-color: #f28d00;border: 1px solid #fff;}
ul.drop ul li 				{float: none;padding: 10px 22px;}
ul.drop ul ul 				{top: 0px; left: 100%;}
ul.drop li:hover > ul 		{visibility: visible;}