@charset "utf-8";
@import url("slider.css");
@import url("popUp.css");
@import url("form.css");
@import url("vtip.css");


/* CSS Document  background-image:url(../images/b2.png)*/
/*background:#c2c2b6 url(images/cc.png) fixed repeat-x;background:url(../images/c.jpg) #422015*/
body{font-size:12px; color:#000;background-color:#fff; margin: 0; padding: 0; font-family:Tahoma;line-height: 2em;}
#main{width: 940px;margin: 0 auto;}

.fl{float:left;}
.fr{float:right;}
h1 {font-family: Tahoma; font-size: 16px;color:#4f4b6a;}
h2 {font-family: Calibri,Arial, Helvetica, Sans-serif; font-size: 22px;}
h3 {font-family: Calibri,Arial, Helvetica, Sans-serif; font-size: 20px;}
h4 {font-family: Calibri,Arial, Helvetica, Sans-serif; font-size: 18px;}
h5 {font-family: Calibri,Arial, Helvetica, Sans-serif; font-size: 16px;}	
	
img {border: 0 !important;}
a {color: #74f4b6a; font-weight:bold;text-decoration:none;}
a:hover{text-decoration:underline;}
.reset{margin: 0; padding: 0;}
.clear{clear: both;}

#wrapper{
	margin-left:2em;
	margin:1.5em;
	padding:1.2em;
	background:url(../images/b.png) #4f4b6a;
	/*background:#f4f4f4;*/
	-moz-border-radius-topleft: 20px;
	-webkit-border-top-left-radius: 20px;
	-moz-border-radius-topright: 20px;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	-webkit-border-bottom-left-radius: 20px;
	}

#logo {
	float: left;
	text-indent: -999999px;
	background:url(images/lg.png) no-repeat;
}
.replace{position:relative;overflow:hidden;}
#header{height:160px;}
#header ul {
margin-top:4.2em;
}
#header ul li {display: inline;margin-left: 8px;}
#header ul li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#003;
	text-decoration: none;
	padding: 6px 15px;
	text-shadow: 1px 1px 2px #333;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}	
#header img {margin-top:1.2em;}
#header ul li a:hover {background:url(../images/hover.png) 0 0 repeat;}
#header ul li a.active {background:url(../images/active.png) 0 0 repeat;}

#banner{float:left;margin:15px;width:450px;background-color: #000000;
padding: 5px; background: #fff; box-shadow : 0 0 6px #b2b2b2; -moz-box-shadow : 0 0 6px #b2b2b2; -webkit-box-shadow : 0 0 6px #b2b2b2;
}
#ratecard{width:840px;padding: 5px; background: #fff; box-shadow : 0 0 6px #b2b2b2; -moz-box-shadow : 0 0 6px #b2b2b2; -webkit-box-shadow : 0 0 6px #b2b2b2;}




#content{margin-top:1.3em;}
#content li{ list-style:circle;}

#cont{ float: left; width:540px; border-right: 1px solid #CCC; box-shadow : 1px 0 6px #b2b2b2;margin-top:1.5em;background:#fff;}
#contact{width:280px;margin-top:1.3em;}

.alert{margin: 20px; padding: 5px 5px 5px 35px; color: #000; border: 1px solid #f66; background:url(../images/cancel.png) no-repeat 5px 5px #fbb; display: none;}
.accept{margin: 20px; padding: 5px 5px 5px 35px; color: #000; border: 1px solid #6f6; background:url(../images/accept.png) no-repeat 5px 5px #bfb; display: none;}

/* SERVICES SECTION */
.serve{padding:2em;}
.services {
	padding: 0 5px;
	margin-top:2em;
	margin-bottom:2em;
}

.s_container {
	display: inline-block;
	width: 280px;
}
	
.services h1 {
	font-family:Tahoma;
	font-size: 12px;
	font-weight: none;
	color: #2e2e2e;
	text-decoration: none;
	text-shadow: 1px 1px 2px #333;
	margin: 0 0 5px 35px;
	
}

#design_ico {
	float: left;
	width: 22px;
	height: 20px;
	margin: 3px 0 0 8px;
	background: url(../images/logo2.png);
}

#build_ico {
	float: left;
	width: 22px;
	height: 21px;
	margin: 3px 0 0 8px;
	background: url(../images/logo2.png);
}

#manage_ico {
	float: left;
	width: 22px;
	height: 20px;
	margin: 3px 0 0 8px;
	background: url(../images/logo2.png);
}

.title {
	display: inline-block;
	margin-left: 5px;
	width: 271px;
	color:#4f4b6a;
}

.title_hr {
	width: 271px;
	height: 4px;
	background: url(../images/title_line.png);
}
	
.service_back {
	width: 277px;
	height: 144px;
	background: url(../images/services_back.png) no-repeat;
}

.service_back p {
	font-family:Tahoma;
	font-size: 12px;
	color: #000;
	line-height: 1.6em;
	padding: 0 13px 0px 13px;
}

.service_back span {
	font-weight: bold;
	text-decoration: underline;
}

#hside{
	height:320px;
	width:300px;
	position:absolute;
	/*top:252px;*/
	right:187px;
	padding:10px 10px 10px 10px;
	background:transparent;
	border-left:#ccc 1px dotted;
	top: 543px;
}

#footer{background:transparent;}
/*#footer p{color:#000;}*/
#footer a{color:#74f4b6a;}
#footer a:hover {text-decoration: underline;}
#footer .cright {float: left; margin: 20px 10px;}
#footer .master {float: right; margin: 20px 10px;}

/*************** slide **********************/
#featured {
	float: left;
	width: 920px;

	margin-top: 25px;
	margin-bottom:1.2em;
}	
#hire {
	float: left;
	width: 500px;
	/*height: 240px;*/
	line-height: 20px;
	padding-left: 20px;
	margin-bottom:3em;
}

#slide {
	width: 337px; /* important to be same as image width */
	height: 433px; /* important */
	overflow: hidden;
	float:left;
}
#slide li { list-style-type:none !important;}
#sliderContent {
	width: 425px;
	top: 0;
	margin-left: 0;
	float: left;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
}
.sliderImage span {
	position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
	width: 393px;
	background-color: #000;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	color: #FFFFFF;
	display: none;
	margin-bottom: 6px;
	padding-top: 10px;
	padding-right: 13px;
	padding-bottom: 10px;
	padding-left: 13px;
	margin-left: 3px;
	margin-right: 3px;
}
.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 14px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
	height:30px;
}
ul { list-style-type: none !important;}