* { margin:0; padding:0}
a { outline:none}
a img { border:none} 
body { background:url(../images/bg.gif) repeat-y center; color:#6D6D6D;  font-family:"Trebuchet MS", arial; width:930px;  margin:0 auto}
a { text-decoration:none; color:#FF9966}
#main_wrapper { width:861px; margin:10px auto}
#header { height:108px;}
.top_links { float:right}
.top_links a {color:#9F9F9F; text-decoration:none; font-size:14px}
.top_links p { text-align:right; line-height:130%}

#menu { background:#61C5ED url(../images/bg_menu.gif) no-repeat; width:861px; margin-bottom:15px;  height:35px; }
#menu ul { position:relative}
#menu ul li { list-style-type:none; float:left}
#menu ul li a { color:#fff; text-decoration:none; float:left; display:block;  font-family:"Trebuchet MS", arial; font-size:16px; padding:0 0 0 3px; height:35px; font-weight:900; margin:0 10px 0 3px;}
#menu ul li .current , #menu ul li a:hover { background:url(../images/menu_left.png) left center no-repeat; display:block; color:#505050}
#menu ul li .current span , #menu li a:hover span {background:url(../images/menu_right.png) right center no-repeat; margin:0; height:30px }
#menu li a span {float:left; display: block; padding:5px 5px 0 8px;}
 
 
#slideshow { width:411px; background:url(../images/bg_slideshow.jpg) no-repeat left bottom; float:right; height:344px}
#slideshow  p { text-align:center; padding:5px;}
#home_left { width:433px; }
#wht_we { background:url(../images/bg_what_we_do.gif) no-repeat left top; font-family:'Trebuchet MS', Verdana; padding:8px 8px 0 8px; width:420px;}
#wht_we  h1 { font-size:17px; color:#0082BD; font-weight:300}
#wht_we p { font-size:13px; color:#606060; line-height:140%; padding-bottom:10px;}
#wht_we span a{ text-align:right; float:right; display:block; text-decoration:none; width:80px; color:#FC843A; padding-right:10px;}
#wht_we span a:hover { text-decoration:underline}
.wht_bottom { background:url(../images/bg_what_we_do_bottom.gif) no-repeat left top; margin-bottom:10px; height:15px;}


#links { background:url(../images/bg_links.png) no-repeat left top; width:206px; padding-right:15px; float:left; font-family:'Trebuchet MS', Verdana; margin-bottom:10px;}
#links ul { padding:10px;}
#links ul li { list-style-type:none; }
#links ul li a { background:url(../images/bg_links_menu.png) no-repeat left center; margin:1px 0; display:block; color:#606060; text-decoration:none; font-family:'Trebuchet MS', Verdana; font-size:13px; width:171px; padding:4px 0 4px 18px;}
#links h1 { font-size:17px; color:#FD7C2D; font-weight:300; padding-bottom:2px}
#links .h1 { font-size:17px; color:#FD7C2D; font-weight:300; padding:5px 0 2px 10px; display:block}
#links ul li a:hover { text-decoration:underline}

.tabs { width:208px; height:206px; background:url(../images/tab_bg.jpg) no-repeat left top; float:left;}
.tabs ul { padding:0 10px 10px 10px;}
.tabs ul li { list-style-type:none; }
.tabs ul li a { background:url(../images/arrow_plus.gif) no-repeat left center; margin:2px 0 1px 2px; display:block; color:#606060; text-decoration:none; font-family:'Trebuchet MS', Verdana; font-size:13px; width:178px; padding:4px 0 4px 18px;}
.tabs h1 { font-size:17px; color:#FD7C2D; font-weight:300; padding-bottom:2px}
.tabs ul li a:hover { text-decoration:underline}
.tabs a { text-decoration:none; font-size:14px;} 
.tabs .active_left { color:#0082BD; font-weight:700; padding:10px; width:207px; background:url(../images/tab_left_act.jpg) no-repeat left top;}
.tabs .active_right { color:#0082BD; font-weight:700; padding:10px; width:207px; background:url(../images/tab_right_act.jpg) no-repeat left top;}
.tabs .active_left a  { color:#118AC1}
.tabs .active_left a span { color:#656565; padding-left:20px;} 
.tabs .active_right a span { color:#118AC1;  padding-left:20px;}
.tabs .active_right a {  color:#656565;  padding-right:5px;}

#rhs { float:right}
.breadcrumb { color:#9F9F9F; font-size:13px; margin:5px 0}
.breadcrumb a { color:#FF6100; text-decoration:none; }
.breadcrumb a:hover { text-decoration:underline}

.title { color:#B0C86F; font-size:20px; padding-bottom:5px; font-weight:300; background:url(../images/title_dot.gif) repeat-x bottom; margin-bottom:10px}
.title span { color:#5BB9E5}

#content { float:right; width:625px; font-size:13px; }
#content p { line-height:140%; padding-bottom:10px;} 

/*form*/
#form label
{
	width:150px;
	float:left;
	padding:0px;
	margin:0px;
	text-align:left;
}

#form
{
	margin-top:10px;
	float:left;
}

#form .box, #form .box2, #form .box5
{
	width:300px;
	height:16px;
	border:1px solid #CECBCE;
	color:#525152;
	font-size:11px;
}

#form .box2
{
	width:300px;
	height:60px;
	margin-bottom:4px;
	font-size:11px;
	font-family:verdana;
}

#form .box3
{
	width:300px;
	height:20px;
	border:1px solid #CECBCE;
	color:#ADACAD;
	font-size:11px;
}

#form .box5
{
	width:300px;
	height:60px;
	margin-bottom:4px;
}


#form p
{
	padding:0px;
	margin:8px 0 0 0;
	width:560px;
	height:auto;
	float:left;
}

#form a
{
	text-decoration:underline;
}

#form a:hover
{
	text-decoration:none;
}

#form .checkbox
{
	width:250px;
	float:left;
	padding:0px;
	margin:10px 0 0 0;
}

#form .checkbox span
{
	width:250px;
	padding:0px;
	margin:3px 0 0 0;
	float:left;
	text-align:right;
}

#form .checkbox span label
{
	width:150px;
	float:left;
	padding:0px;
	margin:0px;
	text-align:left;
}
#form .checkbox span p
{
	width:50px;
	float:left;
	padding:0px;
	margin:0px;
}

#form .checkbox p .hirebox
{
	width:30px;
	border:1px solid #CECBCE;

}

.benifts 
{
	border:1px solid #D7D4D4;
	width:560px;
	height:auto;
	padding:5px;
	float:left;
	margin:10px 0 10px 0;
}

.benifts p
{
	width:558px;
	height:25px;
	line-height:25px;
	text-indent:5px;
	font-weight:bold;
	padding:0px;
	margin:0px;
	float:left;
	background-color:#F7F7F7;
	border:1px solid #D7D4D4;
}
.benifts span
{
	float:left;
	padding:0 0 10px 0;
}

.benifts div
{
	width:560px;
	float:left;
}

.btn{ border:1px solid #58B7E3; background:#8DD9F7; padding:2px; margin-left:150px;  }

/* css for slide show */
#gallery { width:395px; float:right;  padding:0 20px 10px 0; background:#fff}
* html #gallery { width:375px; padding:0 0 10px 0;}
#images {border:2px solid #9ac1c9; height:225px; background:#eef5f6; margin-bottom:20px}
#image {position:relative; width:400px; height:245px; padding:5px; background:#FFF url(../images/loading.gif) center center no-repeat}
#image img {position:absolute; top:0; left:5px}
#thumbwrapper {margin-top:5px; padding:10px 0 0 45px; width:371px; height:100px; background:url(../images/bg_thumbs.jpg) no-repeat  5px top}
#thumbarea {position:relative;overflow:hidden; height:100px; width:330px; }
#thumbs {position:absolute; list-style:none; margin-left:2px; height:100px; width:10000px; border-right:5px solid #FFF}
#thumbs li {float:left; margin-right:10px; cursor:pointer}
.imgnav {position:absolute; width:20%; z-index:100; height:375px;  outline:none; cursor:pointer}
#previmg {left:0; background:url(../images/left.jpg) 10px 82% no-repeat; }

#nextimg {right:0; background:url(../images/right.jpg) 50px 82% no-repeat;}
/*
#previmg:hover {opacity:1; filter:alpha(opacity=100)}
#nextimg:hover {opacity:1; filter:alpha(opacity=100)}*/

#footer { clear:both; margin:20px auto 0 auto; height:25px; width:861px; }
#footer p { border-top:2px solid #C2D590; padding:5px; text-align:center; font-size:13px; color:#939393 }

/* css for portfolio */
.portfolio { width:630px; height:220px; float:left}
.portfolio_img { width:270px; float:left}
.portfolio_content  {  margin-left:280px;  }
.portfolio_content h3 { font-weight:700; margin-bottom:5px}