html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	background: url(../images/pagebg.jpg) repeat-y top #F8F8F8;
	
	font-size:11px;
	font-family: tahoma, arial,sans-serif;
	color:#666;
	line-height:16px;
}

div#wrapper {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:980px;
	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
	background:url(../images/top-bg.jpg) repeat-x top;
}

.banner {height:220px; clear:both;}
.logo {margin:40px 0 0 20px;}
.requestacall {margin:40px 20px 0 0;}

.menu {background:url(../images/menubg.jpg) repeat-x top; height:36px; line-height:36px; padding-left:114px; border-left:solid 1px #F44200; border-right:solid 1px #F44200; color:#FFFFFF; font-weight:bold;  }

.menu a {background:url(../images/menu-left.jpg) no-repeat left top; height:36px; float:left; padding:0 0 0 11px; color:#FFFFFF; font-weight:bold; text-decoration:none; white-space:nowrap;}
.menu a:hover {background:url(../images/menu-left.jpg) no-repeat left bottom; height:36px; float:left; padding:0 0 0 11px; }
.menu a span{background:url(../images/menu-right.jpg) no-repeat right top; height:36px; float:left; padding:0 30px 0 20px; white-space:nowrap; cursor:pointer}
.menu a:hover span{background:url(../images/menu-right.jpg) no-repeat right bottom; height:36px; float:left; padding:0 30px 0 20px; }

.menuactive {background:url(../images/menu-left.jpg) no-repeat left bottom !important; height:36px; float:left; padding:0 0 0 11px; color:#FFFFFF; font-weight:bold; text-decoration:none; white-space:nowrap;}
.menuactive span {background:url(../images/menu-right.jpg) no-repeat right bottom !important; height:36px; float:left; padding:0 30px 0 20px; white-space:nowrap; cursor:pointer}

div#container {
	padding:0px 0px 8em 0px; /* bottom padding for footer */ 
}

.midpart {padding:30px 10px 10px 10px;}
.content {float:left; width:690px; margin-right:10px; text-align:justify; font-family: verdana, Arial, Helvetica, sans-serif; font-size:12px;}
.content p {padding:0 0 10px 0; margin:0;}
.content a {color:#FF7800; text-decoration:none;}
.content a:hover {color:#666; text-decoration:none;}

.contentinner ul {list-style:none; padding:0 0 0 0; margin:0 0 0 0px; color:#666; font-size:11px}
.contentinner li {list-style:none; padding:4px 20px 4px 30px; margin:2px 0 2px 0px; background: url(../images/arw.gif) no-repeat 10px center #F9F7F7;}
.contentinner li a {list-style:none; margin:0; padding:0px; color:#FC8922; text-decoration:none; font-weight:bold}
.contentinner li a:hover {list-style:none; margin:0; padding:0px; display:block; color:#666; text-decoration:none;}

.contentnormal {}
.contentnormal ul {list-style:none; padding:0 0 0 10px; margin:0; color:#666; font-size:11px}
.contentnormal li {list-style:none; padding:2px 0px 2px 30px; margin:2px 0 2px 0px; background: url(../images/arw.gif) no-repeat 10px center;}
.contentnormal li a {list-style:none; margin:0; padding:0px; color:#FC8922; text-decoration:none; font-weight:none}
.contentnormal li a:hover {list-style:none; margin:0; padding:0px; display:block; color:#666; text-decoration:none;}

.faqs {font-size:12px !important;}
.faqs a {text-decoration:none; color:#727272 !important; cursor:pointer; }
.faqs a:hover {color:#FF7800 !important; text-decoration:none }
.faqs span{padding:0 0 0 30px; display:block}

.contentnone {}
.contentnone ul {list-style:none; padding:0 0 0 10px; margin:0; color:#666; font-size:11px}
.contentnone li {list-style:none; padding:2px 0px 2px 30px; margin:2px 0 2px 20px; background: url(../images/arw.gif) no-repeat 10px center;}


.rightpart {float:right; width:250px; line-height:18px}
.rightpart a{color:#666; text-decoration:underline}
.rightpart a:hover{color:#FC8922; text-decoration:none}

.leftpart {float:left; width:250px; line-height:18px}
.leftpart a{color:#666; text-decoration:underline}
.leftpart a:hover{color:#FC8922; text-decoration:none}

.lefttitle {background:url(../images/left-bg.jpg) repeat-x top #383838; font-size:18px; color:#fff; padding:6px 0 6px 20px; width:202px; font-family:Georgia, "Times New Roman", Times, serif}

.leftpart ul {list-style:none; padding:0; margin:0;}
.leftpart ul li {list-style:none; width:220px; display:block; margin:0;  border:solid 1px #E9E9E9; font-weight:bold;}
.leftpart ul li a { color:#666666; background:#fafafa; display:block; padding:6px 10px; text-decoration:none}
.leftpart ul li a:hover {list-style:none; color:#666666; background:#E9E9E9; display:block; text-decoration:none}
.leftpart-active {list-style:none; color:#666666; background:#E9E9E9 !important; display:block !important; text-decoration:none}


div#footer {
	position:absolute;
	background:url(../images/footer-bg.jpg) repeat-x top #fff;
	width:100%;
	bottom:0; /* stick to bottom */
	color:#fff;
	font:11px tahoma;
	
}
div#footer a {color:#FFF; text-decoration:none; padding:5px 10px; line-height:35px;}
div#footer a:hover {color:#FEB238; text-decoration:none; }

.footerlink {color:#595959; line-height:35px;}
a.footerlink {color:#595959 !important; text-decoration:none;  padding:5px 0px !important;}
a.footerlink:hover {color:#F88C13 !important; text-decoration:none;}

h1 {color:#FF7800; background:url(../images/hline.gif) repeat-x bottom; padding:0 0 5px 0; margin:0 0 5px 0;  font:22px normal Verdana, arial, Georgia, "Times New Roman", Times, serif; }
h2 {color:#FF7800; padding:0 0 5px 0; margin:0 0 5px 0;  font:22px normal Verdana, arial, Georgia, "Times New Roman", Times, serif; }

.hline {background:url(../images/hline.gif) repeat-x center;}
.vline {background:url(../images/vline.gif) repeat-y center;}
.left {float:left; }
.right {float:right}
.clear {clear:both;}
.hlight {color:#FF7800;}
.vmiddle {vertical-align:middle}
.red {color:#FF0000}
.padtb10 {padding:10px 0 !important;}
.padt20 {padding:20px 0 10px 0 !important;}

.techoffer {background:url(../images/tech-we-offer.jpg) no-repeat; height:31px; line-height:31px; width:161px; color:#FFFFFF; font-weight:bold; padding:0 0 0 10px}
.quickcontact {background:url(../images/quick-contact-mid.jpg) repeat-y center; vertical-align:top; padding:0px 10px 5px 10px;}

/*.box1title {background:url(../images/box1-title.jpg) repeat-x top #363636; border:solid 1px #3E3E3E; line-height:31px; color:#fff; padding-left:16px; margin-bottom:1px; font-size:14px; font-weight:bold; }
.box2title {background:url(../images/box2-title.jpg) repeat-x top #F46C0D; border:solid 1px #F4680D; line-height:31px; color:#fff; padding-left:16px; margin-bottom:1px; font-size:14px; font-weight:bold}*/

.box1title {background:url(../images/hline.gif) repeat-x bottom; line-height:31px; color:#FF7800; padding-left:6px; margin-bottom:2px; font-size:16px; font-weight:bold; } 
.box1bg {background:url(../images/box1-bg.jpg) repeat-x top #fff; border:solid 1px #ECECEC; padding:10px;}
.box1bg p {padding:0 0 0 0; margin:0}
.box2title { background:url(../images/hline.gif) repeat-x bottom; line-height:31px; color:#FF7800; padding-left:6px; margin-bottom:2px; font-size:16px; font-weight:bold}
.photobg {background:url(../images/photo-bg.gif) no-repeat; height:163px; width:235px; }

.contactbg {background:url(../images/contact-bg.jpg) no-repeat top; width:210px; height:142px; font-size:11px; }
.contactbg span {color:#FFFFFF; font-weight:bold; padding:0 0 0 14px; line-height:31px;}
.contactbg p {padding:0 0 0 15px; margin:0}

input, select, textarea { background:#F9F9F9; border:solid 1px #E2DFDF}
.button {background:url(../images/buttonbg.jpg) repeat-x top #3D3D3D; border:solid 1px #3D3D3D; height:25px; color:#FFFFFF; font-family:tahoma; font-weight:bold; font-size:11px}