/* CSS Document */
/***********************************************************************************************************************************
/* BODY, FONT AND COLOR, GLOBAL	(id=GENERIC)
**********************************************************/
body {font-size:11px; font-family:tahoma, Arial; color:#666; background:url(../images/body-bg.gif) 0 0 repeat-x}
/* global reset */
body,form,h1,h2,h3,h4,h5,h6,p {padding:0; margin:0}
h1,h2,h3,h4,h5,h6,label,a {text-decoration:none}
a {color:#009cff; font-weight:normal; text-decoration:none}
a:hover {color:#009cff; text-decoration:underline}
a:active, a:focus {outline:0}
img {border:none}
label {cursor:pointer}
ul {list-style:none; padding:0; margin:0}

/* 	ALL IDS (#ID)
**********************************************************/
#wrapper {width:980px; overflow:hidden; margin:0 auto}
#maincontent {width:100%; overflow:hidden; padding:15px 0}
header {width:100%; overflow:hidden; height:427px; display:block}
header .HeaderTop {width:100%; overflow:hidden; padding-bottom:10px; display:block}
nav {float:right; width:650px; overflow:hidden; height:70px; display:block} 

/* HEADER ELEMENTS STYLING	
**********************************************************/
/* --------------> Logo <------------------- */
#logo {display:inline; float:left; padding-top:15px; width:304px; height:51px}
#logo a {display:block; height:51px; width:304px; color:#0099FF; background:url(../images/logo.gif) no-repeat}
#logo a:hover {text-decoration:none; color:#000}

/* --------------> Welcome Box <------------ */
#welcome {float:right; display:inline; width:350px; overflow:hidden; text-align:right; margin:5px 10px 0 0; color:#000}
#welcome a {font-size:11px; font-weight:normal; color:#0099FF; padding:0 2px}
#welcome a:hover {text-decoration:underline; color:#000}
#welcome p {font-size:11px; font-weight:normal; color:#000; padding:10px 2px 0 0}

/* --------------> Top Menus <-------------- */
ul.TopNav {float:right}
ul.TopNav li {display:inline; float:left; padding:0 2px}
ul.TopNav li a {font-size:13px; font-weight:normal; color:#fff; display:block; float:left; padding:0; width:110px; text-align:center; background:#56b2d3; border:1px solid #4b9ebc; border-top:none; line-height:55px;}
ul.TopNav li a:hover {text-decoration:none; color:#fff; line-height:65px; background:#3579c0; border:1px solid #0e356c; border-top:none; font-weight:bold}
ul.TopNav li a.Active {color:#fff; background:#3579c0; border:1px solid #0e356c; line-height:65px; font-weight:bold; border-top:none}

/* SLIDER
**********************************************************/
#slider {width:980px; overflow:hidden; height:320px}
#slider #gallery1, #slider #gallery2 {position:relative; width:980px; overflow:hidden; height:320px}
#slider #gallery1 a, #slider #gallery2 a {float:left; position:absolute}
#slider #gallery1 a img, #slider #gallery2 a img {border:none}
#slider #gallery1 a.show, #slider #gallery2 a.show {z-index:100}

/* FOOTER ELEMENTS STYLING
**********************************************************/
footer {width:100%; height:70px; background:#56b2d3; display:block; border-top:1px solid #4598b6}
footer .Footrinn {width:960px; height:50px; overflow:hidden; margin:0 auto; padding-top:17px}
footer .Footrinn p {font-size:11px; font-weight:normal; color:#000; float:left}
footer .Footrinn .footrLink {color:#fff; float:right}
footer .Footrinn a {font-size:11px; font-weight:normal; color:#fff; padding:0 2px}
footer .Footrinn a:hover {text-decoration:none; color:#000}

/* 	MAIN MODULES (id=MAINMODS)
**********************************************************/
.section {width:316px; overflow:hidden; float:left; min-height:280px; margin:0 15px 25px 0}
.last {margin-right:0}
.section h3 {font-size:12px; font-weight:bold; color:#fff; padding:11px 10px; background:url(../images/heading.png) no-repeat 0 0}
.section ul {padding:15px 10px 0px 10px; background:#f2f4f7 url(../images/graybox.gif) left top repeat-x; border:1px solid #f2f4f7; border-top:none}
.section ul li {margin-bottom:7px; font-size:12px; font-weight:bold; color:#666; background:url(../images/arrow.png) no-repeat 0 2px; padding:0 0 0 20px}
.section p {font-size:12px; font-weight:normal; color:#666; line-height:18px; text-align:justify; padding:10px; background:#f2f4f7 url(../images/graybox.gif) left top repeat-x; border:1px solid #f2f4f7; border-top:none}
.section ul.lineheight li {line-height:19px; background:url(../images/arrow.png) no-repeat 0 4px;}

/* 	Product Inner page css
**********************************************************/
.leftside {width:260px; float:left; overflow:hidden}
.leftside h3 {color:#3579c0; font-size:16px; padding-bottom:10px}
.rightside {width:675px; float:left; overflow:hidden; padding:0 0 0 20px; border-left:1px solid #ccc; margin-left:20px; min-height:330px; font-size:13px}
.rightside h3 {padding-bottom:10px; color:#3579c0}
.rightside h4 {color:#666; font-size:14px}
.rightside .img_text {width:100%; overflow:hidden;}
.rightside .img_text img {border:1px solid #ccc;  box-shadow:1px 1px 2px #666; -moz-box-shadow:1px 1px 2px #666; -webkit-box-shadow:1px 1px 2px #666; behavior:url(js/PIE.htc)}
.rightside .img_text img:hover {border:1px solid #4e8bcc; box-shadow:1px 1px 2px #3579C0; -moz-box-shadow:1px 1px 2px #3579C0; -webkit-box-shadow:1px 1px 2px #3579C0; behavior:url(js/PIE.htc)}
.rightside .img_text p {line-height:18px; font-size:13px; text-align:justify; padding-bottom:10px}
ul.leftmenu {padding:0; margin:0}
ul.leftmenu li {list-style:none; padding-bottom:8px; margin-bottom:8px; border-bottom:1px solid #ccc}
ul.leftmenu li a {font-size:12px; color:#666; background:url(../images/arrow.png) no-repeat left center; padding:0 0 0 20px}
ul.leftmenu li a:hover {color:#000; font-weight:bold; text-decoration:none}
ul.leftmenu li a.menu_active {color:#000; font-weight:bold; text-decoration:none}

.inner_tablelist {width:100%; overflow:hidden; border-top:1px solid #ccc; border-left:1px solid #ccc; background:#fff}
.inner_tablelist tr th {border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding:5px; background:#f5f5f5}
.inner_tablelist tr td {border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding:5px}

/* 	Contact page css
**********************************************************/
.ContactForm {width:395px; overflow:hidden; float:left}
.formtable {width:100%; overflow:hidden}
.formtable tr td {padding:5px}
.formtable tr td label {width:123px; float:left; text-align:right}
.formtable tr td label sup {color:#ff0000}
.input1, .textarea1, .select1 {padding:2px 5px 5px 5px; border:1px solid #ccc; font-size:12px; color:#000!important}
.input1:focus, .textarea1:focus, .select1:focus {border:1px solid #666} 
.form_inner {color:#0099FF; font-size:14px; padding-top:10px; text-align:center; font-weight:bold}
.form_td {color:#000; font-size:18px; height:300px; vertical-align:middle; text-align:center}
.error {color:#ff0000; font-size:10px; display:block}
.input1 {width:230px}
.textarea1 {width:230px; resize:none}
.select1 {width:240px}

.AddressWrapp {width:280px; overflow:hidden; float:left}
.AddressWrapp h3 {font-size:13px; font-weight:bold; color:##3579C0; padding-bottom:10px}
.AddressWrapp address {font-style:normal}
.AddressWrapp address p {font-size:12px; font-weight:normal; color:#666; padding-bottom:10px}
.AddressWrapp address p strong {width:85px; float:left; color:#000}
.AddressWrapp address p span {padding-left:10px}

/* 	Infrastructure page css
**********************************************************/
.rightside h4.heading {padding-bottom:5px; color:#3579c0; font-size:13px}

ul.innerlist {padding:0 0 0 15px; list-style:disc; margin:0}
ul.innerlist li {padding:2px 0}

/* input Buttons */
.GrnBtn, .RedBtn {color:#fff; font:normal 12px tahoma, Arial, sans-serif; cursor:pointer; margin-right:5px; white-space:nowrap; width:70px; text-align:center; padding:4px 0}
.GrnBtn {background:#91ba37 url(../images/blue_btn.gif) 0 0 repeat-x; border:1px solid #143a71}
.RedBtn {background:#cf4829 url(../images/red_btn.gif) 0 0 repeat-x; border:1px solid #a61d1d}
.GrnBtn:focus, .RedBtn:focus {border:none!important}

/* 	LightBox Styling...
**********************************************************/
#jquery-overlay {position:absolute; top:0; left:0; z-index:1000; width:100%; height:1000px}
#jquery-lightbox {position:absolute; top:0;	left:0; width:100%;	z-index:1000; text-align:center; line-height:0}
#jquery-lightbox a img {border:none}
#lightbox-container-image-box {position:relative; background-color:#fff; width:250px; height:250px;	margin:0 auto}
#lightbox-container-image {padding:10px}
#lightbox-loading {position:absolute; top:40%; left:0%;	height:25%;	width:100%;	text-align:center; line-height:0}
#lightbox-nav {position:absolute; top:0; left:0; height:100%; width:100%; z-index:10}
#lightbox-container-image-box > #lightbox-nav {left:0}
#lightbox-nav a {outline:none}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {width:49%; height:100%; zoom:1; display:block}
#lightbox-nav-btnPrev {left:0; float:left}
#lightbox-nav-btnNext {right:0; float:right}
#lightbox-container-image-data-box {font:10px Verdana, Helvetica; background:#fff; margin:0 auto; line-height:1.4em; overflow:auto; width:100%; padding:0 10px 0}
#lightbox-container-image-data {padding:0 10px; color:#666}
#lightbox-container-image-data #lightbox-image-details {width:70%; float:left; text-align:left}	
#lightbox-image-details-caption {font-weight:bold}
#lightbox-image-details-currentNumber {display:block; clear:left; padding-bottom:1.0em}			
#lightbox-secNav-btnClose {width:66px; float:right; padding-bottom:0.7em}

/* 	MISCELLANEOUS (id=MISC)
**********************************************************/
.clr {clear:both; overflow:hidden; padding:0; margin:0; height:0}
.fl {float:left}
.fr {float:right}