@charset "utf-8";
/* concept & design by Jitu */
/* E-mail : s.jitu@yahoo.com */
/* Voice : +8801716017690 */

html{height:100%}

html, body, div, ol, ul, li, h1, h2, h3, h4, h5, h6, p, form, fieldset, dl, dt, dd, img, td {
margin: 0; padding: 0; text-align: left; color: #163785; font-family: Arial, Helvetica, sans-serif; }

h1, h2, h3, h4, h5, h6, p { text-align: left; }
ol, ul, li, th, td, caption { text-align: left; }

body { font-size: 62.5%; text-align: center; background: #F8F7F0 url(../images/pageback.html) repeat-x; }
h2, h3 , h4, h5, strong { color:#B55B01; font-size: 23px; line-height:30px; font-weight: lighter; padding: 7px 15px 3px 15px; }
h2{padding-top: 20px;}
h3, h5{ font-size: 18px; }
h5{ padding:0 15px; margin-bottom:-5px; }

#textarea a{color:#00A0C6;font-weight: bold;}
h4{font-size: 15px;font-weight:bold;color: #163785;color:#00A0C6;background:transparent url(../images/arrow.png) no-repeat 0 50%;padding:2px 0 0 19px;margin: 5px 0 0 0 ;}

p{ font-size: 13px; line-height:19px; font-weight: normal; padding: 4px 15px 10px 15px; color:#5E5E5E; }


body{ background:#F8F7F0 url(../images/background.png) repeat-x center center; text-align:center; min-width:650px; }
#vertical{ position:absolute; top:50%; margin-top:-304px; left:0; width:100%; }

#page{ width:892px; margin-left:auto; margin-right:auto; height:620px; background: url(../images/page.png) repeat-x 0 0; position:relative; }
h1{z-index:1;position:absolute;top: -7px;left: 25px;padding:0;margin:0;}
#largeImage { z-index:4;position:absolute;top: 128px;left: 13px;}
#grid {z-index:5;position:absolute;top: 128px;left: 13px;}

#textarea{position:absolute;top: 128px;left: 456px;width:423px;height:441px;overflow:auto;}
#menuContainer{ width: 695px; z-index:30; position:absolute; top: 104px; left: 184px; }
#menuContainer { left: 184px; }

#menuContainer li { list-style-type: none; margin:0; padding:0; }
#menuContainer ul { background-position: 0%; width: 470px; text-align: center; }
#menuContainer li {float: left; }
#menuContainer li a { display: block; background:  url(../images/menu.png); height: 24px; width: 117px; }

.butText{ margin-left:-9999%;  }
#menuContainer a#home { background-position: 0 49px; width: 64px; }
#menuContainer a#traffic { background-position: -64px 49px; width: 104px; }
#menuContainer a#pavement { background-position: -168px 49px; width: 128px; }
#menuContainer a#product { background-position: -296px 49px; width: 75px; }
#menuContainer a#other { background-position: -371px 49px; width: 107px; }
#menuContainer a#about { background-position: -478px 49px; width: 79px; }
#menuContainer a#career { background-position: -557px 49px; width: 69px; }
#menuContainer a#contact { background-position: -626px 49px; width: 69px; }

#menuContainer li a:hover { background: transparent url(../images/menu.png) top left no-repeat; height: 24px; }

#menuContainer a#home:hover { background-position: 0 0; }
#menuContainer a#traffic:hover { background-position: -64px 0; }
#menuContainer a#pavement:hover { background-position: -168px 0; }
#menuContainer a#product:hover { background-position: -296px 0; }
#menuContainer a#other:hover { background-position: -371px 0; }
#menuContainer a#about:hover { background-position: -478px 0; }
#menuContainer a#career:hover { background-position: -557px 0; }
#menuContainer a#contact:hover { background-position: -626px 0; }


#footer {position:absolute;top: 580px;left: 28px;width: 825px;height: 40px;}
#footer p{width: 400px;float: right;font-size: 11px;color:#999999;padding:10px 0 0 0;text-align: right;}

#footer a{ color:#999999; }
#footer a:hover{ color:#BF530B; }
#footerLogo { margin: 0; padding: 0; }
#footerLogo img { float: left; border: 0; padding-right: 15px; }

#grid a img{border:none!important;}

.title{color:#00A0C6;font-size: 18px;line-height:17px;font-weight: lighter;}


/* traffic-control.html style */
.traffic { padding: 0 0 25px 0; }
.traffic h2 { font-size: 13px; line-height:20px; padding: 4px 15px 10px 15px; color:#B55B01; font-weight: bold; }
.traffic ul { padding: 4px 15px 10px 15px; list-style: none; }
.traffic ul li { padding: 0 0 5px 15px; background: url(../images/bullet-orange.gif) left top no-repeat; font-size: 13px; line-height:20px; font-weight: normal; color:#5E5E5E; }
.traffic ul li strong { font-size: 13px; padding: 0; font-size: 13px; line-height:20px; font-weight: bold; color:#5E5E5E;  }

/* product.html style */
.product { padding: 0; }
.product h3 { font-size: 13px; line-height:18px; padding: 4px 15px 0 15px; color:#B55B01; font-weight: bold; }
.product ul { padding: 4px 15px 10px 15px; list-style: none; }
.product ul li { padding: 0 0 4px 15px; background: url(../images/bullet-orange.gif) left top no-repeat; font-size: 13px; line-height:16px; font-weight: normal; color:#5E5E5E; }
.product ul li strong { font-size: 13px; padding: 0; font-size: 13px; line-height:20px; font-weight: bold; color:#5E5E5E;  }


/* other-services.html style */
.other { padding: 0 0 25px 0; }
.other h2 { font-size: 13px; line-height:20px; padding: 4px 15px 8px 15px; color:#B55B01; font-weight: bold; }
.other ul { padding: 4px 15px 0 15px; list-style: none; }
.other ul li { padding: 0 0 4px 15px; background: url(../images/bullet-orange.gif) left top no-repeat; font-size: 13px; line-height:20px; font-weight: normal; color:#5E5E5E; }
.other ul li strong { font-size: 13px; padding: 0; font-size: 13px; line-height:20px; font-weight: bold; color:#5E5E5E;  }


/* about-ipsi.html style */
.about { padding: 0 0 25px 0; }
.about h2 { font-size: 15px; line-height:20px; padding: 20px 15px 0 15px; color:#B55B01; font-weight: bold; }
.about p{ font-size: 13px; line-height:20px; font-weight: normal; padding: 0 15px 20px 15px; color:#5E5E5E; }
.about p span{ font-style: italic; font-weight: bold; font-size: 13px; line-height:20px; color:#5E5E5E; }


/* career.html style */
.career { padding: 10px 15px 25px 15px; }
.career h2 { font-size: 13px; line-height:20px; padding: 15px 0 0 0; color:#B55B01; font-weight: bold; }
.career p{ font-size: 13px; line-height:20px; font-weight: normal; padding: 0 0 25px 0; color:#5E5E5E; }
.career p strong { font-size: 13px; padding: 0; font-size: 13px; line-height:20px; font-weight: bold; color:#5E5E5E;  }

.career table { margin: 0; border-collapse: collapse; padding: 0; width: 375px;  border-top: #EBEBEB 1px solid; }
.career td { font-size: 12px; line-height:15px; }
.carLeftHeader { padding: 30px 5px 3px 0; font-weight: bold; color:#B55B01; border-bottom: #EBEBEB 1px solid; }

.carLeft { padding: 5px 5px 5px 0; width: 150px; color:#5E5E5E; border-bottom: #EBEBEB 1px solid; }
.carRight { padding: 5px 0 5px 0; width: 225px; color:#5E5E5E;  border-bottom: #EBEBEB 1px solid; }

/* form style  */
input		{ border: #EBEBEB 3px solid; width: 210px; height: 19px; padding: 3px 5px 0 5px; margin: 0 0 2px 0; font-size: 12px; color:#5E5E5E; font-family: Arial, Helvetica, sans-serif;  }
textarea	{ border: #EBEBEB 3px solid; width: 210px; height: 75px; padding: 2px 5px 0 5px; font-size: 12px; color:#5E5E5E; font-family: Arial, Helvetica, sans-serif; }
select		{ border: #EBEBEB 3px solid; padding: 2px 5px 2px 5px; width: 225px; font-size: 12px; color:#5E5E5E; font-family: Arial, Helvetica, sans-serif; }
.flatbutton { padding: 0; border-right: #808080 1px solid; border-top: #F8F8FF 1px solid; border-left: #F8F8FF 1px solid; border-bottom: #808080 1px solid; background-color: #D4D0C8; color: #333333; width: 100px; height: 25px; font-size: 13px; font-family: Arial, Helvetica, sans-serif; }
.inputChk	{ border: #C8C8C8 1px solid; padding: 2px 5px 2px 5px; border: #E1E1E1 3px solid; width: auto; text-align:right; }


/* contact.html style */
.contact { padding: 0 15px 25px 15px; }
.contact p{ font-size: 13px; line-height:20px; font-weight: normal; padding: 0; color:#5E5E5E; }
.contact p strong{ font-size: 13px; line-height:20px; font-weight: bold; color:#5E5E5E; padding: 0; }

.contact h2 { font-size: 15px; line-height:20px; padding: 25px 0 20px 0; color:#B55B01; font-weight: bold; }

.dirContainer { border: #EBEBEB 5px solid; width: 350px; height: 350px; }

.address { padding: 10px 0 25px 0; }
.ship { float: right; width: 185px; }
.ship p{ font-size: 13px; line-height:20px; font-weight: normal; padding: 0; color:#5E5E5E; }
.ship p span{ font-weight: bold; font-size: 13px; line-height:20px; color:#5E5E5E; }

.clear { clear: both; }
.mail { width: 185px; float: left; }
.mail p{ font-size: 13px; line-height:20px; font-weight: normal; padding: 0; color:#5E5E5E; }
.mail p span{ font-weight: bold; font-size: 13px; line-height:20px; color:#5E5E5E; }

.contactPerson { padding: 0; }
.contactPerson h3 { font-size: 15px; line-height:20px; padding: 0; color:#B55B01; font-weight: bold; }

.contactPersonRight { float: right; width: 122px; }
.contactPersonRight p{ font-size: 11px; line-height:20px; font-weight: normal; padding: 0; color:#5E5E5E; }
.contactPersonRight p span{ font-weight: bold; font-size: 11px; line-height:20px; color:#5E5E5E; }

.contactPersonLeft { float: left; width: 127px;  }
.contactPersonLeft p{ font-size: 11px; line-height:20px; font-weight: normal; padding: 0; color:#5E5E5E; }
.contactPersonLeft p span{ font-weight: bold; font-size: 11px; line-height:20px; color:#5E5E5E; }