@charset "utf-8";
/* CSS Document
	title: IPT
	date : 29-08-09
*/

input,button,textarea,select,optgroup,option {font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit;}
input,button,textarea,select {font-size: 100%;}
input::-moz-focus-inner, button::-moz-focus-inner {border: 0; padding: 0;}
input[type="text"], input[type="password"], select, textarea {border: 1px solid #96A6C5; background: #FFF; padding: 2px;}

*{margin:0; padding:0;}
body
{
	font-family:Arial,"Trebuchet MS", Verdana, Georgia, Lucida,Helvetica,Tahoma, sans-serif, "Myriad Pro";
	font-size:12px;
	text-align:center;
	color:#000;
	background:url(../images/body-bg.gif) repeat; 
 
}

:focus{ outline:none;}
img,fieldset{border:none;}
ul,ol,li{list-style:none;}	
a{	color:#fff;	text-decoration:none;}

/*--------------start wraper-----------------*/
#wraper{
	width:900px;
	margin:0 auto;
	text-align:left;
	padding-bottom:25px;
}
/*------------start header-----------*/
.header{
	width:891px; height:125px;
	background:url(../images/header-bg.jpg) no-repeat center;
	padding-left:9px;
}
.logo{
	width:319px;
	display:block;
	overflow:hidden;
	float:left;
}

/*-----------------start top navigation--------------*/
.topNav{
	width:188px; height:30px;
	float:right;
}
.topNav li{
	float:left;
	padding-left:5px;
	
}
.topNav li a{
	display:block;
	float:left;
	height:30px;
}
.topNav li a b{visibility:hidden; }
.home{
	background:url(../images/home.png) no-repeat center top;
	width:48px;
}
.careers{
	background:url(../images/careers.png) no-repeat center top;
	width:62px;
}
.contact{
	background:url(../images/contact.png) no-repeat center top;
	width:63px;
}
.home:hover{
	background:url(../images/home.png) no-repeat center -30px;
}
.careers:hover{
	background:url(../images/careers.png) no-repeat center -30px;
}
.contact:hover{
	background:url(../images/contact.png) no-repeat center -30px;
}

/*--------------------start navigation----------------------*/
.nav{
	width:552px; height:34px;
	float:right;
	margin-top:18px;
}
.nav li{
	float:left;
	position:relative;
	margin-right:1px;
}
.nav li a{
	float:left; 
	display:block;
	height:34px;
}
.nav li a b{ visibility:hidden; }
.solutions{
	background:url(../images/solution.png) no-repeat center;
	width:86px;
}
.products{
	background:url(../images/products.png) no-repeat center;
	width:169px;
}
.companyInfo{
	background:url(../images/company-info.png) no-repeat center;
	width:161px;
}
.requestQuote{
	background:url(../images/request-quote.png) no-repeat center;
	width:130px;
}

li:hover a.solutions, .solutions.active{
	background:url(../images/solution-hover.gif) no-repeat center;
}
li:hover a.products{
	background:url(../images/product-hover.gif) no-repeat center;
}
li:hover a.companyInfo{
	background:url(../images/company-info-hover.gif) no-repeat center;
}
li:hover a.requestQuote {
	background:url(../images/request-quote-hover.gif) no-repeat center;
}
.nav li ul  { /* second-level lists */
	position: absolute;
	background:#FFFFFF;
	width: 185px;	
	border-top:none;
	left:0;
	visibility:hidden;
	padding:0 5px 10px;
}

.nav li ul li {
	width:171px;
	background:#fff;
	font-size:12px;
	padding:2px 0 2px 12px;
	color:#333333;
	font-weight:normal;	
	border-bottom:1px solid #333;
	text-transform:none;	
	height:20px;
	float:none;
	margin-right:0;
}
.nav li ul .ignore{
	border:none;
}
.nav li ul li a {
	color:#333333;
	display:block;
	float:none;
	font:bold 11px/20px Arial;
	text-transform:uppercase;
	height:20px;
}

/*-----------------------top panel start---------------------*/
.topPan{
	width:900px; height:365px;
	border-bottom:#FFFFCC 2px solid;
 	/*background:url(../images/banner-home.jpg) no-repeat;*/
}
.btnMarketSolution, .btnProductService{
	width:178px; height:29px;
	margin:256px 0 0 156px;
	display:block; float:left;
}
.btnProductService{ margin-left:10px; }
/*---------------banner-------------------*/
.banner{
	width:900px;
	overflow:hidden;
	border-bottom:#000 2px solid;
	top:0; left:0;
}

/*-----------------start contentArea-------------*/
.contentArea{
	width:900px;
	overflow:hidden;
	background: #000;
}
.option{
	width:900px;
	background:url(../images/option-bottom-border.gif) repeat-x bottom;
	padding-bottom:4px;
	overflow:hidden;
}
.option dd{
	float:left;
	width:298px; height:166px;
	border:#000 1px solid;
	border-top:#000 2px solid;
	border-bottom:#000 2px solid;
	position:relative;
 
}
.option dd a b{ visibility:hidden;}
.option dd .optionContent{
	position:absolute;
	top:103px; left:0;
	padding-left:12px;
}
.option dd .optionContent p{
	color:#999999;
	font:normal 11px Tahoma;
}
.option dd .optionImg1, .option dd .optionImg2, .option dd .optionImg3{
	display:block;
	width:298px; height:166px;
	overflow:hidden;
	background:url(../images/option-1.jpg) no-repeat;
}
.option dd .optionImg2{
	background:url(../images/option-2.jpg) no-repeat;
}
.option dd .optionImg3{
	background:url(../images/option-3.jpg) no-repeat;
}
.option dd .optionImg1:hover{
	background:url(../images/option-1-hover.jpg) no-repeat;
}
.option dd .optionImg2:hover{
	background:url(../images/option-2-hover.jpg) no-repeat;
}
.option dd .optionImg3:hover{
	background:url(../images/option-3-hover.jpg) no-repeat;
}
.option dd .optionImg img{ display:block;}
.sidebar{
	width:249px;
	float:left;
}
.sidebar img {
	display:block;
}
.content{
	width:635px; min-height:376px;
	float:left;
	background:#fff;
	padding:0 16px 19px 0;
}
.content h1 {
	display:block;
	font-size:34px;
	color:#333333;
	font-weight:normal;
	padding:10px 0 0 29px;
	margin-left:4px;
	text-transform: uppercase;
	background:url(../images/add.gif) no-repeat 0 17px; 
}
.content .subhdr {
	font-size:18px;
	color:#999999;
	display:block;
	padding:0;
	margin-top:3px;
}
.content h2{
	color:#000;
	font:bold 21px Arial;
	margin:10px 0 4px 30px;
	text-transform: uppercase;
}
.content ul{
	margin:0 0 18px 60px;
}
.content ul li{
	background:url(../images/list-bullet.gif) no-repeat left 6px;
	color:#333333;
	font:normal 12px Arial;
	padding-left:10px;
}
.content ul li a{
	color: #000066;
	text-decoration: underline;
}
.content .textImg{
	width:237px; height:176px;
	border:#000 3px solid;
	float:right;
	margin:0 0 12px 12px;
}
.content p{
	color:#333333;
	font:normal 12px Arial;
	padding:0 0 18px 30px;
}
.content p a{
	color: #000066;
	text-decoration: underline;
}
html* .content p{
	[font-size:12px;
	 font-size:13px;]
	font-size:12px;
}
/*----------------start footer-----------------*/
.footer{
	width:900px;
	border-top:#666666 1px solid;
	margin-top:4px;
	padding-top:5px;
}
.footer p{
	color:#666;
	font:normal 11px Tahoma;
}
.footer p a{
	color:#ffffCC;
	font:normal 11px Tahoma;
}
.footer p span{
	padding:0 8px;
	text-transform:uppercase;
}
.footer p .ignore{
	padding-left:0;
}