body { 
width: 100%;
background-color: #fff;
font-family: "Century Gothic";
margin: 0; padding: 0;
}

ul, li, div, input, img, form, h1, h2, h3, h4, h5, h6, h7, p { margin: 0; padding: 0; border: 0; }
ul { line-height: 0;}

p { 
font-family: "Century Gothic";
font-size: 14px;
line-height: 18px;
font-weight: 300;
color: #012035;
padding: 0 9px 9px 9px; 
}
a { text-decoration: none;}

h1, h2, h3, h4, h5, h6, h7 { clear: both;}
h1 {
background-color: #012035;
font-family: "Century Gothic";
font-size: 33px;
line-height: 52px;
font-weight: 300;
color: #fff;
padding: 0 0 0 9px;
}
h2 {
font-family: "Century Gothic";
font-size: 18px;
line-height: 35px;
font-weight: 600;
color: #012035;
padding: 0 0 0 9px;
}
h3, h3 a {
font-family: "Century Gothic";
font-size: 21px;
line-height: 30px;
font-weight: 300;
color: #fff;
text-decoration: none;
border-bottom: 1px #000 solid;
}
h3 a { border: 0;}
h4 {
	font-family: "Century Gothic";
	font-size: 40px;
	line-height: 55px;
	font-weight: 300;
	color: #012035;
	padding: 0 0 10px 0;
}
h5 {
font-family: "Century Gothic";
font-size: 30px;
line-height: 30px;
font-weight: 300;
color: #012035;
padding: 0 0 10px 0;
}
h4#s1 { padding: 0 0 0 20px;}
h6 {
font-family: "Century Gothic";
font-size: 18px;
line-height: 18px;
font-weight: 300;
color: #012035;
padding: 20px 0 10px 20px;
}
span, span a {
	font-family: "Century Gothic";
	font-size: 14px;
	line-height: 25px;
	font-weight: bold;
	color: #F00;
}

.main-holder { width: 781px; margin: 0px auto;}
.central-holder { 
width: 781px; 
background-image: url(images/corn-top.jpg);
background-position: 0 0;
background-repeat: repeat-x;
background-color: #fff; 
margin: 35px 0 0 0; padding: 0 0 50px 0;
float: left; 
}

/*------------------------------------------------- HEADER begins ------------------------------------------*/
.header { 
width: 100%; 
background-image: url(images/corn-l.jpg);
background-position: top left;
background-repeat: repeat-y;
float: left;
}
.header-bhold { 
width: 100%; 
background-image: url(images/corn-r.jpg);
background-position: top right;
background-repeat: repeat-y;
float: left;
}
.corn-topl { 
width: 9px; height: 9px;
background-image: url(images/corn-topl.jpg);
background-position: top left;
background-repeat: no-repeat;
font-size: 0; line-height: 0;
float: left;
}
.corn-topr {
width: 9px; height: 9px;
background-image: url(images/corn-topr.jpg);
background-position: top right;
background-repeat: no-repeat;
font-size: 0; line-height: 0;
float: right;
}
.logo { 
width: 773px; 
background-image: url(images/logo_bg.jpg);
background-position: 0 0;
background-repeat: repeat-x;
font-size: 0; line-height: 0;
margin: 16px 4px 0 4px;
float: left; 
}
.text {
width: 265px; height: 35px;
background-image: url(images/text.jpg);
background-position: 15px 7px;
background-repeat: no-repeat;
font-size: 0; line-height: 0;
float: left;
}
.navig { width: 505px; text-align: center; padding: 0 4px 0 0; float: right;}
.navig ul { 
width: 100%; height: 36px;
background-image: url(images/grad.jpg);
background-position: 0 0;
background-repeat: repeat-x;
text-align: center;
}
.navig ul li { display: inline; border-left: 1px #787879 solid; border-right: 1px #5f5f5f solid; padding: 0 6px 0 6px; float: left;}
.navig ul li.first { border-left: 0;}
.navig ul li.last { border-right: 0;}
.navig ul li a { 
font-family: "Century Gothic";
font-size: 15px;
line-height: 18px;
font-weight: 600;
color: #000;
text-decoration: none;
}
.navig ul li a:hover { color: #000; text-decoration: underline;}
/*------------------------------------------------- HEADER ends -----------------------------------------------*/


/*---------------------------------------- CENTRAL HOLDER begins -----------------------------------------------*/
.center {
width: 100%; 
background-image: url(images/corn-l.jpg);
background-position: top left;
background-repeat: repeat-y;
float: left;
}
.center-bhold {
width: 773px; 
background-image: url(images/corn-r.jpg);
background-position: top right;
background-repeat: repeat-y;
padding: 0 4px 0 4px;
float: left;
}
.box { width: 369px; margin: 0 0 0 12px; float: left;}
.bord-topl {
width: 2px; height: 2px;
background-image: url(images/bord-topl.jpg);
background-position: top left;
background-repeat: no-repeat; 
font-size: 0; line-height: 0;
float: left;
}
.bord-topr {
width: 2px; height: 2px;
background-image: url(images/bord-topr.jpg);
background-position: top right;
background-repeat: no-repeat; 
font-size: 0; line-height: 0;
float: right;
}
.box-title { 
width: 369px; 
background-image: url(images/bord-top.jpg);
background-position: 0 0;
background-repeat: repeat-x;
float: left;
}
.bord-left {
width: 100%; 
background-image: url(images/bord-l.jpg);
background-position: top left;
background-repeat: repeat-y;
float: left;
}
.bord-right {
width: 365px; 
background-image: url(images/bord-r.jpg);
background-position: top right;
background-repeat: repeat-y;
font-size: 0; line-height: 0;
padding: 0 2px 0 2px;
float: left;
}
.bord-botl {
width: 2px; height: 2px;
background-image: url(images/bord-botl.jpg);
background-position: top left;
background-repeat: no-repeat; 
font-size: 0; line-height: 0;
float: left;
}
.bord-botr {
width: 2px; height: 2px;
background-image: url(images/bord-botr.jpg);
background-position: top right;
background-repeat: no-repeat; 
font-size: 0; line-height: 0;
float: right;
}
.area {
width: 369px; height: 130px;
background-image: url(images/bord-bot.jpg);
background-position: 0 0;
background-repeat: repeat-x;
background-color: #dee2e5;
float: left;
}
.contact {
width: 369px; height: 168px;
background-color: #edeff1;
padding: 20px 0 0 0;
float: left;
}
ul#prod li { display: inline; list-style: none; text-align: center; padding: 10px 15px 20px 15px; float: left;}
ul#prod li .item { border: 1px #000 solid; font-size: 0;}
ul#prod li .item  img { width: 160px; padding: 0; margin: 0; line-height: 0; font-size: 0;}
ul#prod ul.listing { width: 160px; margin: 10px 0 0 0; float: left;}
ul#prod ul.listing li { 
display: block; 
list-style: none; 
background-image: url(images/list.jpg);
background-position: left center;
background-repeat: no-repeat;
font-family: "Century Gothic";
font-size: 21px;
line-height: 23px;
font-weight: 300;
color: #012035;
text-align: left; 
padding: 0 0 0 10px; 
float: none;
}
.left-col { width: 625px; padding: 0 0 0 15px; float: left;}
.title { float: left;}
.title1 { padding: 0 0 0 5px; float: left;}
.title1 img { width: 550px;}
ul.blocks { padding: 0 0 20px 22px; float: left;}
ul.blocks li { width: 100%; list-style: none; margin: 10px 0 10px 0; float: left;}
.right-col-bord { 
width: 111px; 
background-image: url(images/cor-top.jpg);
background-position: 0 0;
background-repeat: repeat-x;
margin: 0 10px 0 10px;
float: right;
}
.col-topl {
width: 2px; height: 2px;
background-image: url(images/cor-topl.jpg);
background-position: bottom left;
background-repeat: no-repeat;
font-size: 0; line-height: 0;
float: left;
}
.col-topr {
width: 2px; height: 2px;
background-image: url(images/cor-topr.jpg);
background-position: bottom right;
background-repeat: no-repeat;
font-size: 0; line-height: 0;
float: right;
}
.col-bot { 
width: 100%; 
background-image: url(images/cor-bot.jpg);
background-position: 0 0;
background-repeat: repeat-x;
font-size: 0; line-height: 0;
float: left;
}
.col-botl {
width: 2px; height: 2px;
background-image: url(images/cor-botl.jpg);
background-position: top left;
background-repeat: no-repeat;
font-size: 0; line-height: 0;
float: left;
}
.col-botr {
width: 2px; height: 2px;
background-image: url(images/cor-botr.jpg);
background-position: top right;
background-repeat: no-repeat;
font-size: 0; line-height: 0;
float: right;
}
.right-col { width: 107px; border-left: 2px #939494 solid; border-right: 2px #939494 solid; text-align: center; padding: 10px 0 10px 0; float: right;}
.trad { 
width: 215px; height: 200px;
background-image: url(images/trad.gif);
background-position: 0 0;
background-repeat: no-repeat;
margin: 50px 0 0 0;
float: right;
}
.center-col { width: 510px; padding: 0 0 50px 0; float: right;}
.center-col ul { padding: 15px 0 0 20px; float: left;}
.center-col ul li { display: inline; list-style: none; padding: 0 8px 0 8px; float: left;}
.tex { width: 76px; border: 1px #000 solid; text-align: center; line-height: 0; font-size: 0; float: left;}
.tex img { width: 76px; border-top: 1px #000 solid;}


/*---------------------------------------- CENTRAL HOLDER ends -----------------------------------------------*/


/*-------------------- FOOTER begins -----------------------*/

.footer { 
width: 100%; 
background-image: url(images/corn-l.jpg);
background-position: top left;
background-repeat: repeat-y;
text-align: center;
float: left; 
}
.footer-bhold { 
width: 100%; 
background-image: url(images/corn-r.jpg);
background-position: top right;
background-repeat: repeat-y;
float: left; 
}
.corn { 
width: 100%;
background-image: url(images/corn-bot.jpg);
background-position: bottom left;
background-repeat: repeat-x;
font-size: 0; line-height: 0;
float: left;
}
.corn-botl { 
width: 9px; height: 9px;
background-image: url(images/corn-botl.jpg);
background-position: bottom left;
background-repeat: no-repeat;
font-size: 0; line-height: 0;
float: left;
}
.corn-botr {
width: 9px; height: 9px;
background-image: url(images/corn-botr.jpg);
background-position: bottom right;
background-repeat: no-repeat;
font-size: 0; line-height: 0;
float: right;
}
.footer ul { height: 25px;}
.footer ul li { display: inline; list-style: none; border-left: 1px #000 solid; padding: 0 5px 0 5px;}
.footer ul li.first { border: 0;}
.footer ul li a { 
font-family: "Century Gothic";
font-size: 12px;
line-height: 12px;
font-weight: 300;
color: #000;
text-decoration: none;
}
.footer ul li a:hover { color: #000; text-decoration: underline;}

/*-------------------- FOOTER ends -----------------------*/

.a { width: 100%; float: left;}
.a1 { width: 230px; float: left;}
.a3 { width: 200px; float: left;}
.a3 h6 { padding: 30px 0 10px 20px;}
.a2 { 
width: 105px; 
background-image: url(images/gr.jpg);
background-position: 0 0;
background-repeat: repeat-x;
text-align: center;
padding: 0 5px 10px 5px; margin: 0 10px 0 0;
float: right;
}
.a2#nobg { background: none;}
.s3 { width: 500px; float: left;}
ul#main { width: 100%; margin: 10px 0 0 0; padding: 0 0 20px 0; float: left; }
ul#main li { display: inline; width: 230px; list-style: none; float: left; border-left: 1px #bbc4c9 solid; border-right: 1px #8897a1 solid; padding: 7px 10px 0px 10px; }
ul#main li.first { border-left: 0;}
ul#main li.last { border-right: 0;}
.blok { width: 60%; float: left;}
.blok p { font-size: 12px; padding-top: 5px; padding-bottom: 0px; height: 80px;}
.blok h6 { padding: 0 0 0 10px;}
ul#main li img { border: 1px #000 solid;}

/*------------------------------------------ ONLINE ROOM -----------------------------------------------*/
.virtual { text-align: center; padding-bottom: 10px;}
.img-bord { width: 755px; border: 2px #999 solid; margin: 0px auto; font-size: 0; line-height: 0;}
.virtual img#main-pic { width: 753px; border: 1px #000 solid;}
.buttons { width: 100%; height: 60px; background-color: #1d2c35; opacity: 0.7; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); padding: 5px 0; position: relative; z-index: 10; margin-top: -70px;}
.buttons ul { padding: 0; margin: 0;}
.buttons ul li { display: inline; list-style: none; margin: 0 50px;}
.buttons ul li img:hover { opacity: 0.7; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); }
.notaligned { text-align: left;}
.textbox { width: 350px; height: 210px; position: relative; z-index: 10; background-color: #1d2c35; opacity: 0.7; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); margin-bottom: -210px; top: 20px; left: 30px;}
.textbox p, .textbox a { font-family: "Century Gothic"; font-size: 15px; color: #fff; padding: 10px;}
.textbox a:hover { text-decoration: none; color: #a4ff8e;}
/*----------------------------------------------------------------------------------------------------------------*/
#ClearanceEventRed {
	color: #F00;
}
