/* GENERAL */

img{ behavior: url(scripts/iepngfix.htc) }

body { padding:0; margin:0;height:100%;width:100%;background:#000000;font-family: arial;color:#809a95;font-size:12px; }

img { margin:0;padding:0;border:0px; }
p { padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}
table {margin:0;padding:0;background-color:transparent;border: 0px;}
td {vertical-align:top;}
form, div, input, textarea { margin:0; padding:0;}
input, textarea {font-size:1.01em;}
input {vertical-align:top;}
ul {margin:0;padding:0;}
h1, h2, h3 {margin:0px; padding:0px;}

a:hover {text-decoration:none;color:#ffffff;}

/* Header */

#wrap {width:970px;margin:auto;background:#000000;}
.clear {clear:both;}

#header {width:970px;height:148px;margin:0;border-bottom:1px solid #809A95;position:relative;}
.logo {width:225px;margin:0;}
.logo img {float:left;}
.hd-rt {width:745px;}
.hd-sub {width:745px;}
.pghd {width:300px;padding: 15px 0 0 16px;float:left;}
.pghd2 {width:200px;padding: 15px 0 0 16px;float:left;}
.hd-sub2 {width:280px;padding: 10px 0 0 22px;float:left;font-size:14px;line-height:23px;}
.hd-sub2 img {vertical-align:top;}
.hd-sub3 {width:111px;padding: 18px 0 0 16px;float:right;}
.hd-sub3 img {padding:0 16px 10px 0;}

/* Homepage */

.banner {width:970px;margin-top:23px;padding-bottom:15px;}
.btxt {width:970px;}
.blt {width:720px;float:left;}
.brt {width:250px;float:right;font-size:12px;}
.brt b{color:#ffffff;font-weight:bold;font-family:arial;text-transform: uppercase;}
.brt p, .brt a {padding:14px 0 5px 0;color:#999999;font-weight:normal;text-decoration:none;}
.brt a:hover {color:#ffffff;}

/* who we are */

.about {width:970px;margin-top:2px;padding-bottom:3px;border-bottom:1px solid #809A95;}
.about p {width:170px;float:left;padding: 65px 0 0 0;font-family:arial;text-transform: uppercase;font-weight:bold;font-size:18px;color:#ffffff;}
.about img {float:right;}
.abtxt {width:970px;margin:18px 0;font-family:arial; }
.absh {width:192px;} 
.ablt {width:408px;padding-top:14px;} 
.ablt b, .abrt b {color:#ffffff;font-weight:bold;font-size:14px;}
.ablt p {padding: 18px 30px 0 0;color:#999999;font-weight:normal;text-decoration:none;font-size:12px;}
.ablt a {color:#999999;text-decoration:none; }
.abrt {width:370px;padding-top:5px;} 
.abrtxt {padding:8px 15px 10px 20px;background-color:#272727;width:345px;}
.abrtxt ul {margin-top:10px;list-style:none;float:left;width:170px;}
.abrtxt ul li {list-style:none;color:#999999;font-size:12px;line-height:17px;}

/* What we do */

.service {width:970px;height:198px;border-bottom:1px solid #809A95;}
.service ul {width:700px;margin:40px 0 0 248px;;list-style:none;}
.service ul li {list-style:none;color:#f2a555;font-size:12px;line-height:17px;float:left;text-align:center;}
.service ul li img {float:left;padding:10px 26px 0 26px;}
.sol {padding: 40px 0 0 196px;}
.ar1 {padding-top: 18px;}
.ar2 {padding-top: 12px;}

.stb {margin:38px 0 20px 0;}
.scol1 {width:198px;vertical-align: bottom;}
.scol2 {width:245px;}
.scol3 {width:295px;}
.scol4 {width:232px;}
.scol2 b,.scol3 b,.scol4 b {color:#ffffff;font-weight:bold;font-size:14px;}
.scol2 p,.scol3 p,.scol4 p {padding: 16px 25px 0 0;color:#999999;font-weight:normal;text-decoration:none;font-size:12px;}

/* Contact us */

.contact {width:970px;}
.con1 {width:195px;padding-top:420px;}
.con2 {width:385px;text-align:left;color:#999999;font-weight:bold;text-decoration:none;font-size:12px;}
.con2 img {padding: 55px 0 15px 0;}
.con3 {width:390px;padding:12px 0 0 0;}
.con3 b {color:#ffffff;font-weight:bold;font-size:14px; }
.cfm { margin: 2px 30px 0 0;font-weight:normal;text-decoration:none;font-size:12px;color:#999999;line-height:16px;}
.cfm td {padding-top:18px;}
.cfm td sup {color:#f2a555;font-weight:normal;font-family:tahoma;}
.fb {border:0;width:220px;height:18px;background-color:#c1c1c1;text-decoration:none;font-size:12px;color:#000000;line-height:16px;font-weight:normal;font-family:arial;}
.fbt {margin-left:306px;border:0;width:46px;height:20px;background-color:#474747;text-decoration:none;font-size:12px;color:#999999;font-family:arial;}
.txt1 {font-size:12px; color:#999999;}

/* Our Work Land */

.work{width:970px;}
.lcol1 {width:190px;}
.lcol1 ul {width:189px;height:200px;list-style:none;}
.lcol1 ul li {padding:0;list-style:none;font-family:arial;font-size:12px;font-weight:bold;line-height:12px;}
.lcol1 ul li a{margin-top:12px;color:#999999;text-decoration:none;display:block;}
.look{
	padding:0;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	line-height:12px;
	color:#ffffff;
	margin-top:12px;
	}
.look a{
	color:#ffffff;
	text-decoration:none;
	}	
/*.lcol1 ul li a.look{color:#FF0000;}
.lcol1 ul li a:hover.look{ text-decoration:underline; color:#FF0000;}*/
.lcol1 ul li a:hover, .lcol1 ul li a.active {color:#ffffff;}
.exp {height:235px;margin-right:30px;}
.exp p {padding:16px 0;font-family:arial;font-size:12px;font-weight:normal;line-height:14px;color:#999999;}
.exp h2 {font-size:14px;font-weight:bold;color:#ffffff;line-height:20px;}
.exp b {font-family:arial;font-size:12px;font-weight:bold;line-height:15px;color:#ffffff;}
.exp a {color:#999999;}
.exp a:hover {color:#ffffff;}

.lauch {height:40px;font-family:arial;font-size:12px;font-weight:normal;}
.lauch a {color:#ffffff;font-weight:bold;}

.lcol2 {width:384px;padding-right:6px;}
.lcol3 {width:384px;padding-left:6px;font-family:arial;}
.works {width:780px;}
.works img {padding-top:37px;}   
.works h2 {padding-top:17px;font-size:14px;font-weight:bold;color:#ffffff;}
.works p {padding:13px 0 13px 0;font-family:arial;font-size:12px;font-weight:normal;line-height:15px;color:#999999;text-align:left;}
.works ul {list-style:none;width:384px;}
.works ul li {list-style:none;width:192px;float:left;}
.works a{color:#ffffff;text-decoration:none;font-weight:bold;}
.works a:hover{text-decoration:underline;}

.pic {padding:12px 0;height:540px;}

/* page links */

.link {width:300px;float:left;margin-top:42px;text-align:center;font-size:12px;line-height:15px;}
.link a {color:#809a95;text-decoration:none;padding-right:16px;}
.link a:hover, .link a.active {color:#ffffff;}
.arrow { margin:18px 10px 0 0;}
.arrow img {padding-right:6px;margin:0;}
.arrow a {padding:0;margin:0;}

/* Footer */

#footer {width:728px;height:50px;margin-top:24px;padding:15px 0 0 242px;border-top:1px solid #809A95;font-family:arial;font-size:11px;color:#809a95;z-index:1px;}

/* 
#footer ul {margin-left:242px;list-style:none;float:left;width:490px;}
#footer ul li {list-style:none;color:#809a95;line-height:17px;float:left; }
#footer a {color:#809a95;text-decoration:none;}
#footer a:hover, #footer a.active {color:#ffffff;}
*/



/* Menu */

.menu {margin:5px 0 0 4px;width:730px;height:32px;position:relative; z-index:100;border:0; font-family:arial, sans-serif;float:left;}

/* hack to correct IE5.5 faulty box model */
* html .menu {width:730px; w\idth:730px;}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:auto;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:auto;position:relative;}

/* style the links for the top level */
.menu a, .menu a:visited {float:left;display:block;font-size:11px;text-decoration:none; color:#809a95; width:auto; height:21px;padding:0 13px 0 13px; line-height:20px;border-left:1px solid #000000;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:0;}
.menu a.active {color:#ffffff;}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:auto; w\idth:auto;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#000000 url(../images/menubg.gif) no-repeat top left;}

/* style the second level hover */
.menu ul ul a.drop:hover{background:#000000;}
.menu ul ul :hover > a.drop {background:#000000;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:21px;left:0; width:auto;}

/* another hack for IE5.5 */
* html .menu ul ul {top:20px;t\op:21px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#000000;color:#809a95;height:auto; line-height:1em; padding:10px 0 0 15px; width:auto;border-left:1px solid #809a95;border-right:1px solid #809a95;border-bottom:0;}

/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:auto;w\idth:auto;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#ffffff; background:#000000;}
.menu :hover > a, .menu ul ul :hover > a {color:#ffffff; background:#000000;border-left:1px solid #809a95;border-top:1px solid #809a95;border-right:1px solid #809a95;border-bottom:0;}

a.drop:hover {border-left:1px solid #809a95;border-top:1px solid #809a95;border-right:1px solid #809a95;border-bottom:0;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }



/* Menu */

.foot {margin:5px 0 0 4px;width:730px;height:32px;position:relative; z-index:100;border:0; font-family:arial, sans-serif;float:left;}

/* hack to correct IE5.5 faulty box model */
* html .foot {width:730px; w\idth:730px;}

/* remove all the bullets, borders and padding from the default list styling */
.foot ul {padding:0;margin:0;list-style-type:none;}
.foot ul ul {width:auto;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.foot li {float:left;width:auto;position:relative;}

/* style the links for the top level */
.foot a, .foot a:visited {float:left;display:block;font-size:11px;text-decoration:none; color:#809a95; width:auto; height:21px;padding:0 13px 0 13px; line-height:20px;border-left:1px solid #000000;border-bottom:1px solid #000000;border-right:1px solid #000000;border-top:0;}
.foot a.active {color:#ffffff;}

/* a hack so that IE5.5 faulty box model is corrected */
* html .foot a, * html .foot a:visited {width:auto; w\idth:auto;}

/* style the second level background */
.foot ul ul a.show, .foot ul ul a.show:visited {background:#000000 url(../images/menubg.gif) no-repeat top left;}

/* style the second level hover */
.foot ul ul a.show:hover{background:#000000;}
.foot ul ul :hover > a.show {background:#000000;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.foot ul ul {visibility:hidden;position:absolute;height:0;top:-137px;left:0; width:auto;}

/* another hack for IE5.5 */
* html .foot ul ul {top:-137px;t\p:-137px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.foot table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
.foot ul ul a, .foot ul ul a:visited {background:#000000;color:#809a95;height:auto; line-height:1em; padding:10px 0 0 15px; width:auto;border-left:1px solid #809a95;border-right:1px solid #809a95;border-bottom:0;}

/* yet another hack for IE5.5 */
* html .foot ul ul a, * html .foot ul ul a:visited {width:auto;w\idth:auto;}

/* style the top level hover */
.foot a:hover, .foot ul ul a:hover{color:#ffffff; background:#000000;}
.foot :hover > a, .foot ul ul :hover > a {color:#ffffff; background:#000000;border-left:1px solid #809a95;border-bottom:1px solid #809a95;border-right:1px solid #809a95;border-top:0;}

a.show:hover {border-left:1px solid #809a95;border-bottom:1px solid #809a95;border-right:1px solid #809a95;border-top:0;}

/* make the second level visible when hover on first level list OR link */
.foot ul li:hover ul,
.foot ul a:hover ul{visibility:visible; }