/*-------------- Reseting ---------------- */

html, body, div, span, object, 
h1, h2, h3, h4, h5, h6, p, a, abbr, acronym, 
img,  s, small, strike, sup, sub, 
dl, dt, dd, ol, ul, li, form, fieldset, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td 
				{ margin: 0; padding: 0;
				  border: 0; outline: 0;
				  font-weight: inherit;
				  font-style: inherit;
				  font-size: 100%;
				  font-family: inherit;
				  vertical-align: baseline;
				  background: transparent }
				  
:focus, :active	{ outline: 0 }

html 			{ font-size: 100.01%; }
body 			{ font-size: 62.5%; color: #000; background: #f1f3ef url(../graphics/body.gif) repeat-x }	

/*-------------- Common ---------------- */

h1, h2, h3, h4, h5, h6
 				{ font-weight: normal; color: #555; }
				
h1 				{ font-size: 2.5em; line-height: 1.125em; margin-bottom: 8px; color: #ff3300} 
h2 				{ font-size: 1.4em; line-height: 1em; margin-bottom: 0.5em; font-style:italic }
h2.h1			{ font-size: 2.5em; line-height: 1.125em; margin-bottom: 8px; font-style: normal; color: #ff3300}
h3				{ font-size: 1.2em; line-height: 1.5em; margin-bottom: .5em; font-style:italic}
h4, h5, h6		{ font-size: 1.2em; line-height: 1.5em; margin-bottom: 0.5em }

p, pre, code, th, dd, dt, li
				{ font-size: 1.2em; line-height: 1.7em; margin-bottom: 1.0em }	
				
ul, ol			{ margin-bottom: 1.8em }
ul 				{ list-style: square }
ol 				{ list-style: decimal }
li	 			{ margin-left: 3.6em; }
li p 			{ color: #000 }

legend			{ display: none }
 
small 			{ font-size: 0.85em }
 
sup 			{ position:relative; bottom:0.3em; vertical-align: baseline }
sub 			{ position:relative; bottom:-0.2em; vertical-align: baseline }
 
acronym, abbr 	{ cursor: help; letter-spacing: 1px; border-bottom: #999 1px dashed }


/*---------------- Fonts -----------------*/

h1, h2, h3, h4, h5, h6, body
 				{ font-family: Arial, Helvetica, sans-serif }
p, a, pre, label, th, td, li
				{ font-family: Arial, Helvetica, sans-serif } 			
				
/*---------------- Links -----------------*/

a:link, a:visited, a:hover, a:active
				{ font-weight: normal; text-decoration: none; color: #fe4010}
a:hover			{ text-decoration: underline }
a img			{ border: 0 }

/*----------- Global Classes -------------*/

.clear			{ clear: both }
.floatLeft		{ float: left }
.floatRight		{ float: right }

.textLeft		{ text-align: left }
.textRight		{ text-align: right }
.textCenter		{ text-align: center }
.textJustify	{ text-align: justify }

.bold			{ font-weight: bold !important }
.italic			{ font-style: italic }
.underline		{ border-bottom: 1px solid }
.highlight		{ background: #ffc }

.noPadding		{ padding: 0 }
.noMargin		{ margin: 0 !important }
.noIndent		{ margin-left: 0; padding-left: 0 }
.noBullet		{ list-style: none; list-style-image: none }
.noBorder		{ border: none !important }
.noBackground	{ background: none !important }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }



/*-------------- Wrapper ------------------*/
#wrap 				{ position: relative; left: -45px; margin: 0 auto; background: url(../graphics/wrap.gif) repeat-y; position:relative ; min-height: 100%}
#wrap.home			{ left: 0; }

/*-------------- Layout -------------------*/
.extraHead			{ background:url(../graphics/body.gif) repeat-x; width: 100%; height: 159px}
#header				{ width: 873px; overflow:hidden; background:url(../graphics/header.jpg) no-repeat; height: 149px; margin:0 auto; position:relative }

.logo				{ position:absolute; display:block; zoom:1}
.linkHead			{ position:absolute; bottom: 15px; color: #fff !important; font: normal 1.6em/1.2em Arial, Helvetica, sans-serif; margin:0}
/*-----------------------------------------*/
#content			{ overflow: hidden; width: 873px; margin:0 auto; min-height: 500px; height:auto !important; height: 500px; padding:25px 0 285px 0; }
#wrap.home #content	{ padding:25px 0 285px 0; background:url(../graphics/content.jpg) left top no-repeat}
#navigation { position: relative; z-index: 10; }
.menu				{ float:right; width: 760px; margin-bottom: 18px; padding-bottom: 17px; border-bottom:1px solid #dce1d5; }
.menu li			{ position: relative; float:left; list-style: none; border:1px solid #dce1d5; padding:2px; margin: 0 14px 0 0; font-size:1em}
.menu li a:link,
.menu li a:visited	{ float:left; display:block; width: 134px; text-align:center; color: #fff; padding-top: 85px; font: bold 1em/1.4em Arial, Helvetica, sans-serif}
.menu li a:hover,
.menu li a:active	{ }
.menu li a img.hover { position: absolute; left: 2px; top: 2px; display: none; }
.menu li a:hover img.hover { display: block; }

.about a			{ background:url(../graphics/menu1.jpg) no-repeat; }
.product a			{ background:url(../graphics/menu2.jpg) no-repeat; }
.service a			{ background:url(../graphics/menu3.jpg) no-repeat; }
.login a			{ background:url(../graphics/menu4.jpg) no-repeat; }
.contact a			{ background:url(../graphics/menu5.jpg) no-repeat; }

.menu ul			{ position: absolute; left: -1px; top: 101px; background: #f1f3ef; float: none; width: 134px; margin: 0; padding: 1px 2px 2px; border-width: 1px; border-style: solid; border-color: #f1f3ef #dce1d5 #dce1d5; }
* html .menu ul { left: -3px; top: 96px; }
.menu ul li			{ float: left; display: block; border: 0; padding: 0; margin: 0; background: #2d3c42 !important; }
.menu ul li a		{ cursor: pointer; zoom: 1; float: none; display: block; width: 122px !important; text-align: left !important; padding: 2px 6px !important; color: white !important; background: #2d3c42 none !important; }
* html .menu ul li a{ font-size: 0.8em !important; }

* html .menu table					{ border-collapse: collapse; padding: 0; margin: 0 0 -7px; width: 0; height: 0; font-size: 1em; z-index: 300; position: absolute; left: 0; top: -1000px; }
* html .menu a:hover table			{ display: block; left: 0; top: 0; }
.menu td							{ margin: 0; padding: 0; }
.menu td a							{ position: relative; zoom: 1; }
* html .menu a:hover				{ position: relative; z-index: 100; }
.menu li:hover						{ position: relative; }
* html .menu ul a:hover				{ position: relative; z-index: 110; }
.menu ul li:hover					{ position: relative; }
* html .menu ul ul a:hover			{ position: relative; z-index: 120; }
.menu ul ul ul a:hover				{ position: relative; z-index: 130; }
.menu ul							{ visibility: hidden; display: none; }
.menu :hover ul						{ visibility: visible; display: block; height: auto; }
.menu :hover ul ul					{ visibility: hidden; }
.menu :hover ul :hover ul ul		{ visibility: hidden; }
.menu :hover ul :hover ul			{ visibility: visible; }
.menu :hover ul :hover ul :hover ul	{ visibility: visible; }

.mainCol				{ float:left; padding-left: 112px; overflow:hidden}
#wrap.basic .mainCol	{ padding: 0 0px 0 112px; }
#wrap.sidebar .mainCol	{ width: 430px; }
#wrap.home .mainCol		{ width: 360px; padding-left: 205px; }
#wrap.home .mainCol .mainContent	{ padding-right: 20px; border-right: 1px solid #ff3300; }

.rightCol			{ position: relative; z-index: 20; float:right; width: 294px; overflow:hidden}
#wrap.home .rightCol { left: -1px; width: 308px; }
#wrap.home .rightCol h2.h1 { padding-left: 15px; }
#wrap.home .rightCol .news { padding-left: 15px; border-left: 1px solid #ff3300; }

.search				{ position: relative; float:left; background:url(../graphics/search-bg.gif) no-repeat; width: 293px; height: 21px; margin-bottom: 5px}
.search label		{ float:left; width: 73px; margin: 0 13px 0 0; color: #fff; font: bold 1.2em/1.5em Arial, Helvetica, sans-serif; text-align:right}
.search .text		{ position: absolute; left: 96px; top: 0; width: 167px; height: 15px; border: 1px solid #36444a; margin: 1px 7px 0 0;font: bold 1.2em/1.5em Arial, Helvetica, sans-serif}
.search .submit		{ position: absolute; right: 0; top: 0; width: 29px; height: 19px; background:none; border: none; color: #fff; font: bold 1.2em/1.5em Arial, Helvetica, sans-serif; cursor: pointer}

.linkCol			{ position: relative; float:left; width: 287px; padding: 2px; border: 1px solid #ced7db; margin-bottom: 5px; font-size: 90%; background: url(../graphics/linkCol.gif) no-repeat 156px 2px; }
.linkCol a.main		{ float: left; width: 157px; }
.linkCol h3			{ margin: 0 0 0.2em; padding: 0.3em 0 0; line-height: 1em; font-size: 2em; font-style: normal; color: #2c3d43; }
.linkCol p			{ margin: 0 0 0.2em; line-height: 1.3em; }
.newsItems			{ padding: 5px; width: 281px; background: white none; }
.newsItems p		{ margin: 0 0 1em; }

.colBox { width: 287px; padding: 2px; font-size: 90%; margin: 0 0 9px; border: 1px solid #ced7db; }

#crumbs { position: relative; z-index: 0; top: -10px; clear: both; margin: 0 0 0 115px; padding: 0 0 8px; border-bottom: 1px solid #DCE1D5; }
#crumbs form { position: absolute; right: 0; top: -5px; }

/*-------------------------------------------*/
#footer				{ width: 100%; position:absolute; left:0px; padding: 0 0 0 45px; bottom:0; margin: 0; height: 285px}
#wrap.home #footer { padding: 0; left: 0; }
#footer	p			{ color:#fff; font: normal 1em/1.3em Arial, Helvetica, sans-serif}

#footer div.extraFooter { position: relative; left: -45px; }
#wrap.home #footer div.extraFooter { left: 0; }

.rightFooterCol a,
.leftFooterCol a	{ color: #fff !important}
.extraFooter		{ margin:0 auto; width: 763px; padding:10px 0 0 110px; overflow:hidden}

.leftFooterCol		{ float:left; width: 201px; height: 166px; padding: 22px 45px 0 0}

.mainFooterCol		{ float:left; width: 269px; height: 171px; padding-top: 17px; text-align:center}
.mainFooterCol h4	{ color:#fff; font: normal 1em/1.3em Arial, Helvetica, sans-serif; margin-bottom: 0.3em; text-transform:none}
.rightFooterCol		{ float:right; width: 238px; height: 168px; padding: 20px 2px 0 0}
.rightFooterCol	p	{ text-align: right; margin-bottom: 5px}

/*-------------- IE6 ----------------------*/
* html #wrap 			{ height: 100%}
* html .logo			{ _background: none;
				  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/logo.png", sizingMethod="crop");
				  cursor: pointer}
* html #content	 	{ overflow: visible }

label { float: left; width: 230px; padding: 0 10px 0 0; color: #555; }
label.inline { float: none; }
form p { clear: both; }

input.text, p.fullwidth select { width: 310px; }