@charset "utf-8";
/* CSS Document */
body{margin:0px; padding:0px; font-family:Verdana; color:#3C3C3C; font-size:11px; line-height:14px; background:#E6E6E6;}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.clearleft{clear:left;}
.clearright{clear:right;}
p{padding:0; margin:0;}
.paddingleft10{padding-left:10px;}
.paddingleft20{padding-left:20px;}
.paddingleft25{padding-left:25px;}
.paddingright20{padding-right:20px;}
.paddingtop6{padding-top:6px;}
.paddingtop2{padding-top:2px;}
.paddingtop60{padding-top:60px; }
.paddingbottom10{ padding-bottom:10px;}
.paddingbottom6{ padding-bottom:6px;}
hr{padding:0; margin:0;  }
h1{ margin:0px 0px 10px 12px; padding:0px; float:left; font:bold 18px Arial, Helvetica, sans-serif;}
h2, h3{ padding:0px; float:left; clear:left; font:bold 12px Arial, Helvetica, sans-serif; cursor:pointer;}
h2{margin:10px 0px 0px 12px;}
h3{margin:10px 0px 10px 12px;}
/* container starts here */
.wrapper{width:742px; background:#FFFFFF url(../images/bg.gif) repeat-y left top;}
.container{width:742px; margin:0 auto;}
/* container ends here */

/* header starts here */
.header{width:728px; padding:0 7px 0 7px;}
.header-top{background:#0F6D9E; height:15px; border-top:#FFFFFF 2px solid; border-bottom:#FFFFFF 2px solid;}
.main-nav{width:728px; background:url(../images/nav-bg.gif) repeat-x;}

/*top-navigation start here*/
#navigation{width:618px; padding-top:10px;}
#navigation ul { margin:0; padding:0; list-style:none;}
#navigation ul li, #navigation ul li a { float:left; height:30px;}

#navigation ul li.home a{ background:url(../images/sprite-menu-bg.gif) no-repeat 0px 0px; width:75px;}
#navigation ul li.home a:hover, #navigation ul li.home a.active{ background:url(../images/sprite-menu-bg.gif) no-repeat 0px -30px;}

#navigation ul li.about a { background:url(../images/sprite-menu-bg.gif) no-repeat -75px 0; width:95px;}
#navigation ul li.about a:hover, #navigation ul li.about a.active{ background:url(../images/sprite-menu-bg.gif) no-repeat -75px -30px;}

#navigation ul li.products a { background:url(../images/sprite-menu-bg.gif) no-repeat -171px 0px; width:98px;}
#navigation ul li.products a:hover, #navigation ul li.products a.active{ background:url(../images/sprite-menu-bg.gif) no-repeat -171px -30px;}

#navigation ul li.design a { background:url(../images/sprite-menu-bg.gif) no-repeat -268px 0px; width:145px;}
#navigation ul li.design a:hover, #navigation ul li.design a.active{ background:url(../images/sprite-menu-bg.gif) no-repeat -268px -30px;}
#navigation ul li.map a { background:url(../images/sprite-menu-bg.gif) no-repeat -415px 0px; width:90px;}
#navigation ul li.map a:hover, #navigation ul li.map a.active{ background:url(../images/sprite-menu-bg.gif) no-repeat -415px -30px;}

#navigation ul li.contact a { background:url(../images/sprite-menu-bg.gif) no-repeat -502px 0px; width:102px;}
#navigation ul li.contact a:hover, #navigation ul li.contact a.active{ background:url(../images/sprite-menu-bg.gif) no-repeat -502px -30px;}
/*top-navigation ends here*/

/* theme starts here */
.theme{width:728px; border-top:2px solid #FFFFFF; border-bottom:2px solid #FFFFFF;}
.logo{width:220px;}
.theme-right{width:508px; background:url(../images/theme-bg.gif) repeat-x left top; height:197px;}
.white{border-left:1px solid #FFFFFF;}
.yellow{width:508px; background:#F3D15B; border-top:2px solid #FFFFFF; height:5px;}
/* theme ends here */

/* header ends here */

/* main-content starts here */
.main-content{width:742px;}

/* left-panel starts here */
.left-panel{width:199px; padding:0 0 0 28px;}
.gray-bg{ width:185px; color:#F0F0F0; background:url(../images/product-bg.gif) repeat-x; height:5px; margin-top:10px;}
ul.disc-products{margin:0; padding:0 13px;}
ul.disc-products li{margin:0; padding:5px 0 0 9px; background:url(../images/icon.gif) no-repeat 0px 15px; list-style-type:none;}
ul.disc-products li a{ color:#333333; line-height:24px; text-decoration:none;}
ul.disc-products li a:hover{ text-decoration:underline;}
/* left-panel ends here */

/* right-panel starts here */
.right-panel {width:515px;}
.welcome{width:270px;}
p.about{width:311px; padding-bottom:17px;}
.content{width:497px; background:#F0F0F0; padding:10px 0 10px 10px;}
.welcome-border{border:1px solid #FFFFFF; margin-top:26px;}
.whyus{margin:20px 10px 10px; width:495px;}
.gallery{
	width:495px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
.whyus-left{width:242px; border-left:1px #CECECE solid; padding:0 10px 0 10px;}
.whyus-right{width:231px; border-left:1px #CECECE solid; padding:0 10px 0 10px;}
ul.disc-why{margin:0; padding:0;}
ul.disc-why li{margin:0; padding:7px 0 0 9px; background:url(../images/icon.gif) no-repeat 0px 12px; list-style-type:none;}
.headlink {
color:#000000;
font-family:Arial,Verdana,Tahoma,Helvetica,Sans-Serif;
font-size:11px;
font-weight:bold;
text-decoration:none;
}
.headlink:hover, .active{color:#990000}
/* right-panel ends here */

/* main-content ends here */
/* footer starts here */
.footer-main{width:728px; background:url(../images/footer-middle.gif) repeat-x top left;}
.footer{width:742px; color:#888888;}
.footer-left{width:7px;}
.footer-right{width:7px;}
.footer_menu_objects {float:left;padding-left:10px;padding:10px 0;text-align:center;width:730px;}
.footer_menu_objects a{ color:#0f6d9e; text-decoration:none;}
.footer_menu_objects a:hover{ color:#0f6d9e; text-decoration:underline;}
a.itpil{color:#888888; text-decoration:none;}
a.itpil:hover{color:#888888; text-decoration:underline;}
.main-left{width:200px; padding:5px 0 10px 8px;}
.main-right{width:380px; padding:5px 0 10px 0;}
/* footer ends here */

/*form starts here*/
.form-body{ margin:0px; padding:0px; width:250px; }
.submit_btn{ font-family:Verdana; font-size:11px; font-weight:bold; color:#FFFFFF; background-color:#0F6D9E;  border:1px solid #A8ADB4; width:55px; margin:0; padding:0 0 2px 0; height:20px;}
.tableform{ padding:1px 0px 0px 4px; margin-bottom:2px; text-align: left;  width:170px; border:1px solid #A8ADB4; height:14px; font-family:Verdana; font-size:11px; color:#000000; font-weight:normal; background-color:#F0F0F0;}
.ta{text-align: left; width:50px; height:90px; border:1px solid #ccc; background-color:#56595C; font-family:Verdana; font-size: 11px;color:#fff; padding:2px 0px 0px 5px; margin-bottom:3px;}
.ta-brief{text-align: left; width:170px; height:70px; border:1px solid #A8ADB4; background-color:#F0F0F0; font-family:Verdana; font-size:11px; color:#000000; padding:1px 0px 0px 4px; margin-bottom:3px;}
.red-star{ color:red; font-weight:bold;}
.text_box{ width:50px;  border:1px solid #A8ADB4; height:12px; font-family:Verdana; font-size:11px; color:#000000; font-weight:normal; background-color:#F0F0F0; padding:1px 0;}
.code{float:left; width:50px; padding:0px; background-color:#DADADA; text-align:center; color:#444444; font-size:11px;  border:1px solid #A8ADB4; margin-left:5px;}
.mail{font-size:12px; font-family:Verdana; padding-left:2px; color:#333333;}
.mail-down{padding-left:16px; font-weight:bold; padding-bottom:10px;}
.border{border:1px solid #CCCCCC;}
.mail-text{text-decoration:none; color:#323232; font-weight:bold;}
.mail-text:hover{text-decoration:underline; color:#323232; font-weight:bold;}
.red_txt{ color:#ff0000;}
.text {
color:#444444;
font-family:Verdana,Arial,Tahoma,Helvetica,Sans-Serif;
font-size:11px;
font-style:normal;
font-weight:normal;
line-height:18px;
text-align:left;
text-decoration:none;
}
.text:hover { text-decoration:underline; color:#000;}
/*form ends here*/


.arial_Mid_Blue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #264191;
	text-decoration: none;
}