/* CSS Document */

body{width:100%; margin:0px; padding:0px; background-color:#FFFFFF;}
.clear{clear:both;}
p,imf,ul,li{margin:0px; padding:0px; text-indent:inherit;}

.genaral-text{font-family:arial; font-size:12px; font-weight:normal; color:#585858; text-decoration:none;}
li.genaral-text1{font-family:arial; font-size:12px; font-weight:normal; color:#585858; text-decoration:none; margin-left:25px;}
.h2{font-family:arial; font-size:18px; font-weight:normal; color:#585858; text-decoration:none;}
.text1{font-family:arial; font-size:12px; font-weight:bold; color:#585858; text-decoration:none;}
.text2{font-family:arial; font-size:11px; font-weight:normal; color:#585858; text-decoration:none;}

h1{font-family:arial; font-size:12px; font-weight:normal; color:#000000; text-decoration:none; padding:0px; margin:0px;}
#indexbg{width:100%; margin:0px; padding:0px; background:url(images/body-bg.gif) repeat-x top left;}

h2 {
	/* optional styling, you can use whatever you wish */
	
	font-size:140%;
	color:#163747;
	font-weight:600;
	letter-spacing:0.01em;
	margin:.3em 0;
	/* now, this is important */
	position:relative;
	font-family: "Myriad Pro Cond", "Myriad Pro";
}

h2 span{
	position:absolute;
	display:block;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background:url(images/gradient-glossy.png) repeat-x;
}


* html h2 span{
	background-color:#1b3f50;
	back\ground-color:transparent;
	background-image: url(none.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/gradient-glossy.png", sizingMethod="scale");
}

/*h3 {font-family:arial; 
font-size:12px; 
font-weight:normal; 
color:#000000; 
text-decoration:none; 
padding:0px; margin:0px;}*/

h3 {
	/* optional styling, you can use whatever you wish */
	
	font-size:100%;
	color:#204759;
	font-weight:500;
	letter-spacing:0.01em;
	margin:.3em 0;
	/* now, this is important */
	position:relative;
	font-family: "Myriad Pro";
}

h3 span{
	position:absolute;
	display:block;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background:url(images/gradient-glossy.png) repeat-x;
}


h4 {
	font: normal 150%/100% "Myriad Pro", Arial, sans-serif;
	margin:0px;
	color: #414141;
	font-size:14px;
	font-weight:bold;
}
h4 span {
	background: url(images/gradient-white.png) repeat-x;
	position: absolute;
	display: block;
	width: 100%;
	height: 31px;
}


h1.head_gred {
	font: bold 21px/30px "Myriad Pro";
	position: relative;
	margin:0px;
	color: #204759;
	text-transform:uppercase;
}
h1.head_gred span {
	background: url(images/new.png) repeat-x;
	position: absolute;
	display: block;
	width: 100%;
	height: 17px;
}



h1.footer_gred {
	font: bold 18px/30px "Myriad Pro";
	position: relative;
	margin:0px;
	color: #204759;
}
h1.footer_gred span {
	background: url(images/new.png) repeat-x;
	position: absolute;
	display: block;
	width: 100%;
	height: 17px;
}



h2.head_gred {
	font: bold 21px/30px "Myriad Pro";
	position: relative;
	margin:0px;
	color: #204759;
	text-transform:uppercase;
}
h2.head_gred span {
	background: url(images/new.png) repeat-x;
	position: absolute;
	display: block;
	width: 100%;
	height: 17px;
}



h2.footer_gred {
	font: bold 18px/30px "Myriad Pro";
	position: relative;
	margin:0px;
	color: #204759;
}
h2.footer_gred span {
	background: url(images/new.png) repeat-x;
	position: absolute;
	display: block;
	width: 100%;
	height: 17px;
}





h3.head_gred {
	font: bold 21px/30px "Myriad Pro";
	position: relative;
	margin:0px;
	color: #204759;
	text-transform:uppercase;
}
h3.head_gred span {
	background: url(images/new.png) repeat-x;
	position: absolute;
	display: block;
	width: 100%;
	height: 17px;
}



h3.footer_gred {
	font: bold 18px/30px "Myriad Pro";
	position: relative;
	margin:0px;
	color: #204759;
}
h3.footer_gred span {
	background: url(images/new.png) repeat-x;
	position: absolute;
	display: block;
	width: 100%;
	height: 17px;
}

h3.content_gred {
	/* optional styling, you can use whatever you wish */
	
	font-size:140%;
	color:#163747;
	font-weight:600;
	letter-spacing:0.01em;
	margin:.3em 0;
	/* now, this is important */
	position:relative;
	font-family: "Myriad Pro Cond", "Myriad Pro";
}

h3.content_gred span {
	background: url(images/new.png) repeat-x;
	position: absolute;
	display: block;
	width: 100%;
	height: 17px;
}


.bg {background: url(images/bg.gif) no-repeat; height:27px; width:732px; font-size:20px; font-family:"Myriad Pro"; color:#FFFFFF; padding-top:3px; padding-left:10px;}



#indextop{width:100%; margin:0px; padding:0px; background:url(images/bgtop.gif) repeat-x top left #dee9ef;}
#indexbottom{width:100%; margin:0px; padding:0px; background:url(images/bgbottom.gif) repeat-x top left;}

#innerbg{width:100%; margin:0px; padding:0px; background:url(images/body-bginner.gif) repeat-x top left;}
#phonehead {
	font: bold 19px "arial";
	font-weight:bold;
	color:#333333;
}

#main{width:1000px; margin:0px auto; padding:0px;}

/* Header */
#main #header{width:1000px; height:137px; margin:0px; padding:0px;}
#header .logo{width:251px; height:95px; margin:0px; padding:42px 0 0 0px; float:left;}
#header .headerright{width:667px; height:108px; margin:0px; padding:0px; float:right;}
#header .headerright .searchbg{background:url(images/search-bg.gif) no-repeat; width:448px; height:42px; margin:0px; padding:0px; float:right;}
.search{width:432px; margin:0px auto; padding:5px 0 0 0px;}
.search-text{font-family:arial; font-size:11px; font-weight:normal; color:#2F6681; text-decoration:none;}
.searchbox{width:104px; height:16px; background-color:#FFFFFF; border:1px solid #808080;}
#header .headerright .menu1{width:450px; height:28px; margin:0px; padding:0px; float:right;}
.m1text{font-family:arial; font-size:12px; font-weight:normal; color:#2F6681; margin:0px; padding:0px;}
.m1link{font-family:arial; font-size:12px; font-weight:normal; color:#2F6681; text-decoration:underline;}
.m1link:hover{color:#2F6681; text-decoration:none;}
.phonetop {
	font: bold 19px "arial";
	font-weight:bold;
	color:#333333;
}
#header .headerright .menu2{width:667px; height:38px; margin:0px; padding:0px; float:right;}


/* Content Home */
#main #content{width:1000px; margin:0px; padding:0px;}
#content .content1{width:1000px; height:auto; margin:0px; padding:0 0 20px 0px;}
.leftcontent{width:745px; margin:0px; padding:0px; float:left;}
.leftcontent .topimages{width:745px; height:249px; margin:0px; padding:0px; background:url(images/header-img.jpg) no-repeat;}
.leftcontent .topimages .titext{width:325px; margin:0px; padding:20px; text-align:left; font-family:arial; font-size:12px; font-weight:normal; color:#FFFFFF; text-decoration:none;}
.leftcontent .hproducts{width:745px; margin:0px; padding:0px;}
.leftcontent .hproducts .blankspace{width:745px; height:25px; margin:0px; padding:0px;}
.leftcontent .hproducts .hptop{width:745px; margin:0px; padding:0px;}
.hptop .hptleft{width:20px; margin:0px; padding:0px; float:left;}
.hptop .hptright{width:90px; margin:0px; padding:0px; float:right;}
.seeallproducts{font-family:arial; font-size:11px; font-weight:normal; color:#59859A; text-decoration:underline;}
.seeallproducts:hover{color:#59859A; text-decoration:underline;}
.leftcontent .hproducts .hpline{width:745px; height:20px; margin:0px; padding:0px; background:url(images/line1.gif) repeat-x top left;}
.leftcontent .hproducts .hppart{width:745px; margin:0px; padding:0px;}
.hppart .hppartl{width:333px; margin:0px; padding:0px; float:left;}
.hppart .hppartr{width:375px; margin:0px; padding:0px; float:right;}
.hpbspace{width:333px; height:15px; margin:0px; padding:0px;}
.hppart1{width:333px; margin:0px; padding:0px;}
.hppart1 .hpimg{width:110px; margin:0px; padding:0px; float:left;}
.hppart1 .hotext{width:214px; margin:0px; padding:0px; float:right;}
.readmore{font-family:arial; font-size:11px; font-weight:normal; color:#59859A; text-decoration:underline;}
.readmore:hover{color:#04344B; text-decoration:underline;}
.linker a {color:#2F6682; text-decoration:none;}
.rightcontent{width:243px; margin:0px; padding:0px; float:right;}
.rightcontent .rcblankspace{width:243px; height:18px; margin:0px; padding:0px;}
.rightcontent .quickrequest{width:243px; margin:0px; padding:0px;}
.quickrequest .qrtop{width:243px; height:33px; margin:0px; padding:0px; background:url(images/right-top-bg.gif) no-repeat;}
.quickrequest .qrmiddle{width:243px; margin:0px; padding:0px; background:url(images/right-mid-bg.gif) repeat-y top;}
.quickrequest .qrbottom{width:243px; height:12px; margin:0px; padding:0px; background:url(images/right-bot-bg.gif) no-repeat;}
.rightcontent .news{width:243px; margin:0px; padding:0px;}
.news .newstop{width:243px; height:33px; margin:0px; padding:0px; background:url(images/right-top-bg.gif) no-repeat;}
.news .newsmiddle{width:243px; margin:0px; padding:0px; background:url(images/right-mid-bg.gif) repeat-y top;}
.news .newsbottom{width:243px; height:12px; margin:0px; padding:0px; background:url(images/right-bot-bg.gif) no-repeat;}

.rightarea{width:202px; margin:0px auto; padding:0px;}
.rightarea .rabspace{width:202px; height:8px; margin:0px; padding:0px;}
.rightarea .news1{ margin:0px; padding:0px; float:left;}
.rightarea .news2{width:80px; margin:0px; padding:0px; float:right;}
.rightarea p{width:202px; margin:0px; padding:5px 0 0 0px;}
.input1{width:200px; height:20px; background-color:#FFFFFF; border:1px solid #BABABA; font-family:arial; font-size:11px; color:#333333;}
.continue{width:82px; height:19px; margin:5px 0 0 0px; padding:0px; float:right;}
.rightarea .rapart1{width:202px; margin:0px; padding:0px;}
.rapart1 .raimg{width:90px; height:59px; margin:0px; padding:0px; float:left;}
.rapart1 .ratextg{width:108px; margin:0px; padding:0px; float:right;}

.content2{width:1000px; margin:0px auto; padding:0px;}
.content2 .cpart1{width:250px; margin:0px; padding:0 0 20px 0px; float:left;}
.content2 .cpart1 p{width:250px; margin:20px 0 10px 0px; padding:0px;}
.content2 .cpart1 ul{width:250px; margin:0px; padding:0px; list-style:none; line-height:20px;}
.content2 .cpart1 ul li{margin:0px; padding:0 0 0 15px; background:url(images/arrow2.gif) no-repeat left;}
.content2 .cpart2{width:250px; margin:0px; padding:0 0 20px 0px; float:left;}
.content2 .cpart2 p{width:250px; margin:20px 0 10px 0px; padding:0px;}
.content2 .cpart2 ul{width:250px; margin:0px; padding:0px; list-style:none; line-height:20px;}
.content2 .cpart2 ul li{margin:0px; padding:0 0 0 15px; background:url(images/arrow2.gif) no-repeat left;}
.content2 .cpart3{width:250px; margin:0px; padding:0 0 20px 0px; float:left;}
.content2 .cpart3 p{width:250px; margin:20px 0 10px 0px; padding:0px;}
.content2 .cpart3 ul{width:250px; margin:0px; padding:0px; list-style:none; line-height:20px;}
.content2 .cpart3 ul li{margin:0px; padding:0 0 0 15px; background:url(images/arrow2.gif) no-repeat left;}
.content2 .cpart4{width:250px; margin:0px; padding:0 0 20px 0px; float:left;}
.content2 .cpart4 p{width:250px; margin:20px 0 10px 0px; padding:0px;}
.content2 .cpart4 ul{width:250px; margin:0px; padding:0px; list-style:none; line-height:20px;}
.content2 .cpart4 ul li{margin:0px; padding:0 0 0 15px; background:url(images/arrow2.gif) no-repeat left;}
.c2text{font-family:arial; font-size:12px; font-weight:normal; color:#59859A; text-decoration:underline;}
.c2text:hover{color:#59859A; text-decoration:none;}


/* about */
.aboutcontent{width:742px; margin:0px; padding:0px;}
.aboutcontent .abouttopimg{width:742px; height:99px; margin:0px; padding:0px;}
.aboutcontent .acarea{width:742px; margin:0px; padding:0px;}
.acarea .acleft{width:448px; margin:0px; padding:0px; float:left;}
.acarea .acleft p{width:448px; margin:0px; padding:10px 0 0 0px;}
.acarea .acright{width:275px; margin:0px; padding:0px; float:right;}
.acright ul {padding:8px 0 0 20px; list-style:none;}
.acright ul li {padding-bottom:2px; padding-left:10px; background:url(images/Narrow.gif) no-repeat left top; font-family:"Myriad Pro"; font-size:14px; color:#2F6682;}
.acright ul li a {color:#2F6682; text-decoration:none;}
.acright ul li a:hover {color:#3898B4; text-decoration:none;}

.acline{background:url(images/line2.gif) repeat-x top left; margin:0px; padding:0px;}


/* contact */
#contactform{width:390px; padding:10px 20px 20px 10px; float:left; text-align:left;}
#contactform span{width:180px; float:left; color:#625139; font-size:14px;}
#contactform p{width:200px;	padding:0px; margin:0px; float:left;}
#contactform p.button{width:210px; padding:10px 0 0 0; float:right;}


/* Footer */
#footer{width:1000px; height:48px; margin:0px auto; padding:0px; background:url(images/footer-bg.gif) repeat-x top left;}
#footer .fleft{width:525px; margin:0px; padding:10px 0 0 0px; float:left;}
#footer .fright{width:315px; margin:0px; padding:10px 0 0 0px; float:right;}
.footertext{font-family:arial; font-size:11px; font-weight:normal; color:#909090;}
.footerlink{font-family:arial; font-size:11px; font-weight:normal; color:#909090; text-decoration:none;}
.footerlink:hover{color:#04344B; text-decoration:none;}


/*---- 1.09.09--*/
.acarea .acright_new{width:275px; margin:0px; padding:0px; float:left;}
.acright_new ul {padding:8px 0 0 20px; list-style:none;}
.acright_new ul li {padding-bottom:2px; padding-left:10px; background:url(images/Narrow.gif) no-repeat left top; font-family:"Myriad Pro"; font-size:14px; color:#2F6682;}
.acright_new ul li a {color:#2F6682; text-decoration:none;}
.acright_new ul li a:hover {color:#3898B4; text-decoration:none;}

/*---- 15.12.09--*/

.button_box_one{ background:url(images/continue.gif) no-repeat left top; width:82px; height:22px; padding:0; margin:0;}
.continue_1{height:22px; margin:5px 0 0 30px; padding:0px; }




