﻿/* CSS Document */
* { margin:0; padding:0;}
html, body { height:100%; }
body {font-size:100%; line-height:1.125em; background:#e9f7ff}
html, input, textarea	{	font-family: Arial, Helvetica, sans-serif; 
		color:#7f7f7f;	}	

.tail-top{ background:url(images/bg.gif) repeat-x top #fff}
.tail-bottom{background:url(images/bot.gif) repeat-x  bottom }
/*======= width =======*/
.main{margin:0 auto; text-align:left; width:890px; }

/*======= header =======*/
#header {}

.alignMiddle{ vertical-align:middle}
.alignCenter{ text-align: center}
.container1{ width:100%}
.clear { clear:both;}
.fleft{ float:left}
.fright{ float:right}
div.container {	overflow:hidden; width: 100%;}
a img{ border:0}
img{ vertical-align:top;  }
b{ color:#1167c5}
object { vertical-align:top;}

a{color:#1167c5; text-decoration:underline} 
a:hover{text-decoration:none}

.link{color:#000000; background:url(images/marker.gif) top left no-repeat; padding-left:20px; background-position:0 5px; text-decoration:none; font-size:.916em  }
.link:hover{text-decoration:underline }

#content ul{margin:0; padding:0; list-style:none;}
#content ul li{background:url(images/marker.gif) top left no-repeat; background-position:0 5px; margin:0; padding-left:10px; }
#content ul li a{color:#e5156d; text-decoration: underline; line-height:1.5em} 
#content ul li a:hover { text-decoration:none; }

#content .ul1 li{background:url(images/marker1.gif) top left no-repeat; background-position:0 7px; margin:0; padding-left:10px; }
#content .ul1 li div{background:url(images/tail.gif) repeat-x bottom ; padding-bottom:5px; margin-bottom:5px }
#content .ul1 li a{color:#1167c5; font-size:1.16em; text-decoration: underline; line-height:1.5em} 
#content .ul1 li a:hover { text-decoration:none; }

#content .ul li{background:url(images/icon-1.gif) top left no-repeat; background-position:0 5px; margin:0; padding-left:30px; }
#content .ul .li{background:url(images/icon-2.gif) top left no-repeat; background-position:0 5px; }
#content .ul .li1{background:url(images/icon-3.gif) top left no-repeat; background-position:0 5px; }
#content .ul .li2{background:url(images/icon-4.gif) top left no-repeat; background-position:0 5px; }
#content .ul .li3{background:url(images/icon-5.gif) top left no-repeat; background-position:0 5px; }
#content .ul .li4{background:url(images/icon-6.gif) top left no-repeat; background-position:0 5px; }
#content .ul .li5{background:url(images/icon-7.gif) top left no-repeat; background-position:0 5px; }
#content .ul .li6{background:url(images/icon-8.gif) top left no-repeat; background-position:0 5px; }
#content .ul .li7{background:url(images/icon-9.gif) top left no-repeat; background-position:0 5px; }
#content .ul .li8{background:url(images/icon-10.gif) top left no-repeat; background-position:0 5px; }

#content .ul .li-home{background:url(images/icon-home.png) top left no-repeat; background-position:0 5px; }
#content .ul .li-about{background:url(images/icon-about.png) top left no-repeat; background-position:0 5px; }
#content .ul .li-products{background:url(images/icon-products.png) top left no-repeat; background-position:0 5px; }
#content .ul .li-services{background:url(images/icon-services.png) top left no-repeat; background-position:0 5px; }
#content .ul .li-suppliers{background:url(images/icon-suppliers.png) top left no-repeat; background-position:0 5px; }
#content .ul .li-contact{background:url(images/icon-contact.png) top left no-repeat; background-position:0 5px; }
#content .ul .li-nav{background:url(images/icon-nav.png) top left no-repeat; background-position:0 5px; }


#content .ul li a{color:#1167c5; text-decoration: underline; line-height:2.28em; font-size:1.16em} 
#content .ul li a:hover { text-decoration:none; }

.flash{ margin:0 -45px 0 -45px; position:relative;}

/*content*/
#content{ font-size:0.75em; width:100%; text-align:left; line-height:1.33em}
#content .indent-col{padding:20px 20px 0 22px}
#content .indent-col2{padding:20px 20px 50px 22px}
#content .title{  margin-bottom:16px}
#content .img-left{ float:left; margin:0 20px 16px 0}
#content .img-indent{ margin:0 0 16px 0}
#content .img-indent1{ margin:0 0 10px 0}
#content p{ margin:0 0 17px 0}
#content .p{ margin:0 0 17px 0}
#content .p1{ margin:0}
#content h4{color:#7f7f7f; font-size:1em; margin-bottom:5px; text-transform:uppercase  }
#content h3{color:#1167c5; font-size:1.16em; margin-bottom:13px; font-weight:normal; line-height:1.28em }
#content .tail{ background:url(images/tail.gif) repeat-x bottom; padding-bottom:9px; margin-bottom:9px}

/* custom stuff */
.nav-col, .cont-all, .cont-col1, .cont-col2{float:left;}
#content .nav-col{ width:200px; margin-right:8px; margin-bottom:75px; }
#content .cont-all{ width:682px;}
#content .cont-col1{ width:339px; margin-right:4px;}
#content .cont-col2{ width:339px;}

#content h2{ height:42px; color:#ffffff; font-size:25px; font-weight:bold; text-transform:uppercase; line-height:20px; padding-left:4px;}
#content .h-nav{background:url(images/title_200_nav.gif) top left no-repeat; width:200px; padding-left:35px; padding-top:12px; }
#content .cont-all .h-orange{background:url(images/title_682_orange.gif) top left no-repeat; width:682px; padding-top:12px; }
#content .cont-all .h-blue{background:url(images/title_682_blue.gif) top left no-repeat; width:682px; padding-top:12px; }

#content .cont-col1 .h-orange{background:url(images/title_340_orange.gif) top left no-repeat; width:339px; padding-top:12px; }
#content .cont-col1 .h-blue{background:url(images/title_340_blue.gif) top left no-repeat; width:339px; padding-top:12px; }
#content .cont-col2 .h-orange{background:url(images/title_340_orange.gif) top left no-repeat; width:339px; padding-top:12px; }
#content .cont-col2 .h-blue{background:url(images/title_340_blue.gif) top left no-repeat; width:339px; padding-top:12px; }

#content .c-button{background:url(images/c_button.gif) top right no-repeat; width:77px; min-height:22px; padding-top:3px;}

.tblBorder
{
	border-top-style	:solid;	
	border-top-width	:3px;
	border-top-color	:#e3e3e3;
	border-left-style	:solid;
	border-left-width	:3px;
	border-left-color	:#e3e3e3;
	border-right-style	:solid;
	border-right-width	:3px;
	border-right-color	:#e3e3e3;
	border-bottom-style	:solid;
	border-bottom-width	:3px;
	border-bottom-color	:#e3e3e3;
}


/*footer*/
#footer { color:#1d1d1d; font-size:0.75em; text-align:right }
#footer .indent-footer{ padding:37px 18px 0 50px;}
#footer a {color:#1d1d1d; text-decoration:none}  
#footer a:hover {  text-decoration:underline}

.jamp2{ width:40px; margin-left:6px}
select{font-size:.84em; color:#2d3331; height:20px;	font-family:Tahoma;}

.indent-2{ position:relative; padding-left:20px; float:left}
.h{ height:24px}
.block-contact span{ float:right; margin-right:70px}
input{
	border-left:1px solid #404040; 
   	border-top:1px solid #404040; 
   	border-right:1px solid #d4d0c8; 
   	border-bottom:1px solid #d4d0c8;  
	background:#FFFFFF;
	width:244px; height:17px;
	font-size:1em;
	padding-left:5px;
}
textarea{
	border-left:1px solid #404040; 
   	border-top:1px solid #404040; 
   	border-right:1px solid #d4d0c8; 
   	border-bottom:1px solid #d4d0c8;  
	background:#FFFFFF;
	width:244px; height:107px;
	font-size:1em;
	padding-left:5px;
	overflow:auto}
	

