@charset "utf-8";
/*---------------------------------| body frame CSS |--------------------------------------- */

body {
	margin:0px auto;
	width:100%;
	
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	background-color: #878787;
	color:#58585a;
	font-family:Arial, Helvetica, sans-serif;
	line-height:18px;
	font-size:13px;
	text-align:justify;
	overflow-x:hidden;
}
#container{
	width:970px;
	margin:0px auto;
	padding:0px 10px;
}
#logo{
	 float:left;
}
#btn-panel{
	 float:right; 
	 width:510px; 
	 padding-top:75px;
}
#main-area{
	background-color:#FFFFFF;
	border:20px solid #FFFFFF;
	background-image: url(../images/page-bg.gif);
	background-repeat: repeat-y;
	background-position: center center;
}
#main-area-inside{
	background-color:#FFFFFF;
	border:20px solid #FFFFFF;
	background-image: url(../images/page-bg2.gif);
	background-repeat: repeat-y;
	background-position: center center;
}
#footer{
	background-color:#e6e6e6;
	color:#8a8a95;
	text-align:right;
	padding:3px 10px;
	font-size:11px;
	border:4px solid #FFFFFF;
	margin-bottom:20px;
}
#home-left{
	float:left;
	width:400px;
}
#home-mid{
	float:left;
	width:226px;
	padding-left:40px;
	text-align:left
}
#home-right{
	float:right;
	width:225px;
	text-align:left
}
#left-panel{
	float:left;
	width:666px;
}
/*---------------------------------| body frame CSS  end|--------------------------------------- */






/*---------------------------------| tags CSS start|-------------------------------------------- */
a img{
	border:none;
}
a{
	color:#6db014;
}
a:hover{
	color:#7d7e7d;
	text-decoration:underline
}
p{
	padding:0px;
	margin:0px;
	padding-bottom:18px;
}
h1{
	font-size:20px;
	color:#292932;
	padding:0px;
	margin:0px;
	padding-bottom:10px;
	font-weight:normal;
}
h2{
	font-size:16px;
	color:#6db014;
	padding:0px;
	margin:0px;
	padding-bottom:8px;
	font-weight:bold;
}
h3{
	font-size:20px;
	color:#6db014;
	padding:0px;
	margin:0px;
	padding-bottom:8px;
	font-weight:normal;
}
ul{
	paaing:0px;
	margin:0px;
}
li{
	background-image: url(../images/bullet.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	list-style-type: none;
	padding-left:18px;
	padding-bottom:3px;
}
/*---------------------------------| tags CSS end|---------------------------------------------- */





/*---------------------------------| text CSS start|-------------------------------------------- */

.text-bold{
	font-weight:bold;
}
.white-bold{
	color:#ffffff;
	font-weight:bold;
}
.green-text-bold{
	font-size:14px;
	color:#6db014;
	font-weight:bold;
	padding-bottom:8px;
}
/*---------------------------------| text CSS end|-------------------------------------------- */





/*---------------------------------| misc CSS start|-------------------------------------------- */
.statement{
	background-color:#58585a;
	color:#79bc20;
	line-height:26px;
	font-size:20px;
	padding:10px;
	text-align:left
}
.gray-testimonials{
	background-color:#58585a;
	color:#FFFFFF;
	border:3px solid #dcdcdc;
	border-bottom:none;
	padding:14px 14px 10px 14px;
	text-align:left
	
}
.gray-testimonials p{
	padding-bottom:14px;
}
.testimonial-name{
	background-color:#8ecb3b;
	padding:5px 10px;
	margin-top:10px;
	font-weight:bold;
	color:#000000
}
.point-number{
	border:2px solid #8ecb3b;
	background-color:#58585a;
	color:#FFFFFF;
	font-weight:bold;
	padding:0px 3px;
	width:8px;
	font-size:12px;
	line-height:normal;
	text-align:center;
	float:left;
	margin-right:10px;
	margin-top:3px;
}
.portfolio-thumb{
 	border:4px solid #e6e6e6;
	background-color:#ffffff;
	width:190px;
	float:left;
	margin-right:36px;
	cursor:pointer;
}
.portfolio-thumb:hover{
 	border:4px solid #8ecb3b;
	background-color:#ffffff;
	width:190px;
	float:left;
	margin-right:36px;
}
.form-left{
	float:left;
	width:65px;
}
.form-right{
	float:left;
	width:115px;
}
.box{
	color:#b5b5b5;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	background-color:#48484c;
	border:1px solid #686868;
	width:118px;
	background-image: url(../images/box-bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding:3px;
}

.css_iframe{
	width:0px;
	height:0px;
	border:0px solid #fff; 
	background:none; 
	padding:0px; 
	margin:0px;
}

/*---------------------------------| misc CSS start|-------------------------------------------- */


#mid-panel a.doc-name{
	float:left;
	width:170px;
	padding:8px 10px;
	background-color:#00bed7;
	color:#ffffff;
	display:block;
	text-decoration:none;
	margin-right:4px;
	font-weight:bold;
}
#mid-panel a.doc-name:hover{
	float:left;
	width:170px;
	padding:8px 10px;
	background-color:#c1e8fb;
	color:#009abb;
	display:block;
	text-decoration:none;
	margin-right:4px;
	font-weight:bold;
}