@charset "utf-8";
/* CSS Document */

body {
background:url(../images/body-bg.gif) repeat-x top left;
margin:0 auto;
padding:0;
font:10pt Arial, Helvetica, sans-serif;
color:#999999;
width:100%
}

#nobg{background:none;}

* {
padding:0 0 0 0;
margin:0 0 0 0;
}

a {
color:#999999;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

p {padding:3px 0; margin:0; line-height:17px;}

img {
border:none;
}

h1 {
padding:0px 0 10px 0px;
margin:0 0 0 0;
font:bold 16pt "Century Gothic" ;
color:#f68400;
}
h2 {
padding:10px 0 0px 0px;
margin:0 0 0 0;
font:bold 12pt "Century Gothic" ;
color:#333;
}

.fl {
float:left;
}

.fr {
float:right;
}

.cl{
clear:both;
margin:0;
padding:0;
line-height:1px;
}

form {
margin:0;
padding:0;
}

#wrapper {
width:100%;
padding:0;
margin:0 auto;
}

#site-area {
width:960px;
padding:0px 0 25px 0;
margin:0 auto;
height:auto;
}

#header {
width:960px;
height:98px;
padding:0px 0 0px 0;
margin:0 auto;

}

#logo {
padding:17px 0px 0px 0px;
margin:0 0 0 0;
width:252px;
float:left;
}


#top-right-section{
margin:0 0 0 0;
float:right;
width:344px;
height:auto;
padding:7px 0 0 0;
}

#top-right-section .input-box-long{
width:177px;
padding:5px 5px;
margin:0px 0 0px 2px;
height:13px;
float:left;
border:1px solid #f6f6f5;
font:8pt Arial, Helvetica, sans-serif;
background:#e7e7e6;
color:#a9a9a9;
}

#top-right-section .input-box-small{
width:140px;
padding:5px 5px;
margin:0px 0 0px 0;
height:13px;
float:left;
border:1px solid #f6f6f5;
font:8pt Arial, Helvetica, sans-serif;
background:#e7e7e6;
color:#a9a9a9 ;
}

#main-nav-area {
	width:100%;
	padding:1px 0px;
	margin:0 0 10px 0;
	height:43px;

}

#main-nav {
	margin:0 auto;
	padding:0px 0px 0 0px;
	height:43px;
	width:960px;
}
#main-nav ul {
	margin:0;
	padding:0;
	list-style-type:none;
	float:right;

}
#main-nav li {

	color:#5b5a5a;
	font:11pt "Century Gothic";
	float:left;
	font-weight:bold;
	height:43px;
	line-height:43px;
}
#main-nav li a {
	color:#ffffff;
	display:block;
	text-decoration:none;
	padding:0px 0 0 6px;
	float:left;
	height:43px;
	line-height:43px;
}

#main-nav li a span{
	float:none;
	display:block;
	text-decoration:none;
	padding:0px 14px 0 10px;
	cursor:pointer;
}
#main-nav li a:hover, #main-nav li a.active {
	color:#333333;
	background:url(../images/menu-hover.gif) no-repeat scroll 0px -43px;
}

#main-nav li a:hover span, #main-nav li a.active span{
	background:url(../images/menu-hover.gif) no-repeat scroll 100% 0px;
}
#home #homenav a, #why #whynav a, #about #aboutnav a, #services #servicesnav a, #clients #clientsnav a, #contactus #contactusnav a
{color:#333333;
	background:url(../images/menu-hover.gif) no-repeat scroll 0px -43px;
}

#home #homenav a span, #why #whynav a span, #about #aboutnav a span, #services #servicesnav a span, #clients #clientsnav a span, #contactus #contactusnav a span
{background:url(../images/menu-hover.gif) no-repeat scroll 100% 0px;
}

#banner-area{
padding:0px 0 0px 0px;
margin:0 auto;
width:960px;
height:330px;
background:url(../images/banner.gif) no-repeat left top;
border:1px solid #999999;
}

#banner-area .banner-content{
padding:28px 0px 0px 10px;
width:365px;
float:right;
background:#292929;
height:301px;
margin-right:17px;
}

#banner-area h1 {
padding:0px 0 5px 0px;
margin:0 0 0 0;
font:bold 18pt Arial, Helvetica, sans-serif ;
color:#cccccc;
}


#banner-area p {
padding:5px 0 8px 0px;
margin:0 0 0 0;
font:9pt Arial, Helvetica, sans-serif;
color:#999999;
line-height:20px;
width:auto;
}


#grey-box{
padding:0px 0 0px 0px;
margin:10px 0 10px 0;
width:960px;
height:auto;
background:#f3f3f2;
}
#about #grey-box{
height:150px;
background:url(../images/aboutus_banner.jpg) left top no-repeat;
}
#clients #grey-box{
height:150px;
background:url(../images/clients_banner.jpg) left top no-repeat;
}
#contactus #grey-box{
height:150px;
background:url(../images/contactus_banner.jpg) left top no-repeat;
}
#services #grey-box{
height:150px;
background:url(../images/services_banner.jpg) left top no-repeat;
}
#why #grey-box{
height:150px;
background:url(../images/why_banner.jpg) left top no-repeat;
}
#grey-box .categary{
padding:10px 0 0px 0px;
margin:0px 0 0 0;
width:192px;
height:92px;
background:url(../images/divide-shadow.gif) no-repeat left center;
text-align:center;
float:left;
}

#grey-box .img-area{
padding:0px 0 0px 0px;
margin:0px 0 0 0;
height:64px;
border:none;
text-align:center;
}

#grey-box img{
padding:0px 0 0px 0px;
margin:0px 0 0 0;
border:none;
text-align:center;
}

#grey-box p {
padding:5px 0 0px 0px;
margin:0 0 0 0;
font:9pt Arial, Helvetica, sans-serif;
color:#333333;
line-height:20px;
width:auto;
}

#grey-box p a{
color:#333333;
text-decoration:none;
}

#grey-box p a:hover{
color:#000;
text-decoration:none;
}


#main-container {
width:960px;
padding:5px 0 0px 0;
margin:0 0;
height:auto;
float:left;
}

.content-section {
width:671px;
padding:0px 0 10px 0;
margin:0px 0 0px 0;
height:auto;
float:left;
}

.content-section h1 {
padding:0px 0 10px 0px;
margin:0 0 0 0;
font:bold 16pt "Century Gothic" ;
color:#f68400;
}
#form #button{width:50px; font:normal 9pt Arial, Helvetica, sans-serif;}
#main-container p {
padding:5px 0 8px 0px;
margin:0 0 0 0;
font:9pt Arial, Helvetica, sans-serif;
color:#000000;
line-height:20px;
width:auto;
}

#right-container {
width:273px;
padding:0px 0 0px 0;
margin:0 0;
height:auto;
float:right;
}
#right-container2 {
width:273px;
padding:20px 0 0px 0;
margin:0 0;
height:auto;
float:right;
}


#right-container h2 {
padding:0px 0 2px 21px;
margin:0 0 0 0;
font:bold 13pt "Century Gothic" ;
color:#f68400;
background:url(../images/yellow-dot-line.gif) no-repeat left bottom;
}

#right-container h2 a{
color:#f68400;
text-decoration:none;
}

#right-container h2 a:hover{
color:#000;
text-decoration:none;
}



/* Inset 3D box */
.round-box {background: transparent; width:100%; margin:0 auto;}

/*.round-box h1, .round-box p {margin:0 10px;}
.round-box h1 {font-size:2em; color:#fff; letter-spacing:1px;}
.round-box p {padding-bottom:0.5em;}*/

.round-box .top, .round-box .bottom {display:block; background:transparent; font-size:1px;}
.round-box .b1, .round-box .b2, .round-box .b3, .round-box .b4, .round-box .b1b, .round-box .b2b, .round-box .b3b, .round-box .b4b {display:block; overflow:hidden;}
.round-box .b1, .round-box .b2, .round-box .b3, .round-box .b1b, .round-box .b2b, .round-box .b3b {height:1px;}
.round-box .b2 {background:#ffffff;/*bg color*/ border-left:1px solid #c1c1c1; border-right:1px solid #c1c1c1; /*border color*/}
.round-box .b3 {background:#ffffff;/*bg color*/ border-left:1px solid #c1c1c1; border-right:1px solid #c1c1c1;/*border color*/}
.round-box .b4 {background:#ffffff;/*bg color*/ border-left:1px solid #c1c1c1; border-right:1px solid #c1c1c1;/*border color*/}
.round-box .b4b {background:#ffffff;/*bg color*/ border-left:1px solid #c1c1c1; border-right:1px solid #c1c1c1;/*border color*/}
.round-box .b3b {background:#ffffff;/*bg color*/ border-left:1px solid #c1c1c1; border-right:1px solid #c1c1c1;/*border color*/}
.round-box .b2b {background:#ffffff;/*bg color*/ border-left:1px solid #c1c1c1; border-right:1px solid #c1c1c1;/*border color*/}

.round-box .b1 {margin:0 5px; background:#c1c1c1; /*border color*/}
.round-box .b2, .round-box .b2b {margin:0 3px; border-width:0 2px;}
.round-box .b3, .round-box .b3b {margin:0 2px;}
.round-box .b4, .round-box .b4b {height:2px; margin:0 1px;}
.round-box .b1b {margin:0 5px; background:#c1c1c1;/*border color*/}
.round-box .boxcontent {display:block; padding:15px 20px;  background:#ffffff;/*bg color*/ border-left:1px solid #c1c1c1; border-right:1px solid #c1c1c1;/*border color*/}



#footer-container {
background:#888682 url(../images/footer-bg1.gif) no-repeat top left;
margin:0 auto;
padding:0;
font:8pt Arial, Helvetica, sans-serif;
width:100%;
height:83px;
}


#footer-area {
margin:0 auto;
background:url(../images/rocket.gif) no-repeat top left;
padding:10px 0 0 0;
font:8pt Arial, Helvetica, sans-serif;
width:960px;
color:#888888;
}

#footer-area .footer-link{
float:left;
font:10pt "Century Gothic";
color:#cccccc;
text-align:left;
padding:3px 0 23px 0;
}

#footer-area .footer-link a{
margin:0;
padding:0px 18px 0 0px;
font:10pt "Century Gothic";
color:#cccccc;
text-decoration:none;
}

#footer-area .footer-link a:hover{
color:#ffffff;
text-decoration:underline;

}


#footer-area p {
padding:2px 0 2px 0px;
margin:0 0 0 0;
font:7pt Arial, Helvetica, sans-serif ;
color:#cccccc;
line-height:15px;
width:auto;
}
a:hover img.hov{
color:#000;
opacity: 0.5;
-moz-opacity:0.5;
/*filter:alpha(opacity=80);*/
}
#yellow_memu
{
float:left; width:671px; margin-bottom:10px;
}
#yellow_memu .left_yellow
{
background:url(../images/left_yellow.gif) top left no-repeat;
width:12px; height:46px;
float:left;
}
#yellow_memu .right_yellow
{
	background:url(../images/right_yellow.gif) top left no-repeat;
	width:12px; 
	height:46px;
	float:left;
}
#yellow_memu .middle_yellow
{
	background:url(../images/middle_yellow.gif) top left repeat-x;
	width:620px; 
	height:46px;
	float:left;
}
.middle_yellow_heading
{
	float:left; 
	text-align:left;
	font-size:18px; 
	color:#fff;
	font-weight:bold; 
	padding:15px 0 0 10px;
}
.drop_right
{
	float:right; 
	padding:15px 5px 0px 0px; 
}
.drop_rightSelect
{
  width:220px;
  height:22px;
  border:1px solid #FEA12F;
}
.yellowStar{ font-size:10px; color:#FEA12F;vertical-align:top;}
.input2{border:1px solid #FAC464; width:400px; margin:0px 0px 3px 3px;}
.input4{border:1px solid #FAC464; width:400px; height:20px;margin:0px 0px 3px 3px;}
.input3{border:1px solid #FAC464; width:400px; margin:0px 0px 3px 3px;height:120px;}
.select2{border:1px solid #FAC464; width:400px; margin-bottom:3px;}
.submit
{
background:url(../images/submit.gif) top left no-repeat;
width:82px; height:25px;border:none;
}
#bookmark{float:right; padding:10px 0 0 0;}
.refer-bt{padding-bottom:5px;}
#referTB{ border:none;}
#referTB td{padding:2px 0px 0px 5px;}
#referTB input, textarea{border:1px solid #f68400; width:170px;}
#referTB .submit
{
	width:82px; 
	height:25px;
	border:none;
}

.normaltxt{
	color:#f68400;	
	font-family:Tahoma;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
}

#clients #main-container .section p{text-align:left; padding:10px 30px;}