@charset "utf-8";
* { padding:0; margin:0; }
img  { border:none; }

body {
	font-family:Verdana, Arial, Tahoma;
	font-size:12px;
	margin:0 auto;
	padding:0;
	color:#333;
	height:100%;
	line-height:18px;
	background:#0f0f0f url(images/main_bg.jpg) top repeat-x; 
}

*:focus {
	outline:none; /* removes ugly dotted border but may make template more unsuable, up to you
					 if you want to keep it! */
}
form{margin:0; padding:0;}
.clr{clear:both;}

/* lists, blockquotes and paragraphs */
p, ul, ol, blockquote {
	font-size:12px;
	line-height:18px;
	margin-bottom:20px;
	color:#333;
}

a
{
	color:#6da425;
	text-decoration:none;
}	

.main { width:100%; padding:0; margin:0 auto; }
.resize { width:960px; margin:0 auto; }
.header {  }
.block_header { margin:0 auto; width:960px; height:105px; background:url(images/headerbg.jpg) no-repeat top; }
#bodyarea  	  { margin:0 auto; width:960px; padding-top:10px; }	


/*** top menu ***/
#logo{ width:170px; margin:13px; float:left;}
#topmenu{width:754px; float:left; padding:0px 0px 0px 0px;}
/* Top Navigation bar menu styling */
#nav {margin:0px; padding:38px 0px 0px 0px; float:right;}
#nav ul{ 
	padding:0;
	margin:0;
	width:auto;
	list-style: none;
	height:30px;
	position: relative;
	float:right;
}
#nav li{
	list-style:none;
	float:left;
	text-align:center;
	padding:0;
	font:normal 16px Georgia;
	line-height:27px;
}
#nav .lavaLamp li a {
	z-index: 10;
	display: block;
	float: left;
	height: 30px;
	position: relative;
	overflow: hidden;
	margin: auto 25px;
	color:#333;
	text-decoration:none;
}
#nav .lavaLamp li a:hover {
	z-index: 10;
	display: block;
	float: left;
	height: 30px;
	position: relative;
	overflow: hidden;
	margin: auto 25px; 
	color:#fff !important;
}
#nav .lavaLamp li .active {
	z-index: 10;
	display: block;
	float: left;
	height: 30px;
	position: relative;
	overflow: hidden;
	margin: auto 25px; 
	color:#333;
	font-style:normal;
}

#nav .lavaLamp li.back {
	background: url(images/lava.gif) no-repeat right -34px;
	width: 9px; height: 30px;
	z-index: 8;
	position: absolute;
}
#nav .lavaLamp li.back .left {
	background: url(images/lava.gif) no-repeat top left;
	height: 30px;
	margin-right: 9px; /* 7px is the width of the rounded shape */
}
/*** end top ***/


/**** Slider ****/
.slides_container { position:relative;margin:0 auto; padding:0px; width:960px; height:268px; background:url(images/homeinfobg.jpg) no-repeat top; }
/* Easy Slider */
#slider{ position:relative; float:left;  margin:0px auto; width:850px; padding:20px 0px 0px 0px; color:#010101; height:230px; overflow:hidden;}
#slider h2, #slider h2 a, #slider h2 a:visited{color:#fff; text-decoration:none;}
#slider a, #slider a:visited{color:#010101; text-decoration:underline;}
#slider a:hover{text-decoration:none;}
#slider p{color:#010101}	

#slider ul, #slider li
{
	margin:0;
	padding:0;
	list-style:none;
}


#slider li
{ 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	width:830px;
	height:230px;
	overflow:hidden;
	margin:0px;
	padding:0px 0px 0px 0px;
}

#slider li h2
{
	font-size:30px;
	margin-bottom:10px;
}

#slider li .slider-img
{
	margin-right:10px;
}

.slider-img { float:left; }


div#slideNav 
{
	height:25px;
	position:absolute;
	bottom:10px;
	left:475px;
	text-align:right;
	margin:0px 40px 0px 0px;
	z-index:9999;
}

div#slideNav a 
{
	display:block;
	float:left;
	width:13px;
	height:19px;
	line-height:19px;
	vertical-align:middle;
	background:url(images/slidelink_bg.png) left top no-repeat;
	margin:0px 0px 0px 5px;
	color:#4c6c90;
	text-decoration: none;
	padding:0px 5px 0px 0px;
}

div#slideNav a.activeSlide 
{
	color:#bababa;
}

div#arrowLeft 
{
	width:46px;
	height:43px;
	background: url(images/arrow_left.gif) left top no-repeat;
	float:left;
	margin:113px 0px 0px 10px;
	_margin-left:20px;
	cursor:pointer;
}

div#arrowRight 
{
	width:39px;
	height:43px;
	background:url(images/arrow_right.gif) left top no-repeat;
	float:right;
	margin:113px 10px 0px 0px;
	cursor:pointer;
}

/*** end frontpage slider ***/

.content-top, .content-middle, .content-bottom, .content-top2, .content-middle2, .content-bottom2  {	margin:0;	padding:0;	position:relative; }

.content-top{ background:url(images/sprites.png) 0px -60px no-repeat;  height:30px;  font-weight: 600; width:960px;}
.content-middle{ background:#ffffff; padding:0px 0px; font-size:12px; width:960px;  text-align:left; margin-top:-20px;  } /* home */
.content-bottom{ background:url(images/sprites.png) 0 -90px no-repeat;  height:30px;  font-weight: 600; width:960px;}

.content-top2{ background:url(images/sprites.png) 0 0px no-repeat;  height:30px;  font-weight: 600; width:960px;}
.content-middle2{ background:#f2f3eb; padding:0px 0px; font-size:12px; width:960px;  text-align:left;   margin-top:-20px; } /* home */
.content-bottom2{ background:url(images/sprites.png) 0 -30px no-repeat;  height:30px;  font-weight: 600; width:960px;}

ul#what_i_can_do
{
	list-style:none;
	margin:0px;
}

div.line
{
	width:100%;
	height:10px;
	background:#e7e7e7;
}

.portfolio_container { height:185px; margin:15px 0px; }
.protfolio-item { width:300px; margin:0px 3px; height:185px; background:url(images/imgbg.jpg) no-repeat; padding:0; float:left; }
.protfolio-item img { margin:17px; }

.topi { margin:0 0; padding:0 20px; background:#f2f3eb; border-bottom:1px solid #e8e5dc; overflow:hidden; }
.topi .blogi { width:290px; margin:5px 5px; padding:0; float:left; }
.topi h3 { border:0; font-size:26px; color:#1c1c1c; }
.topi p { font:normal 11px Georgia, "Times New Roman", Times, serif; color:#646464; padding: 5px 10px; margin:0; line-height:1.8em; }
.topi a { text-decoration:underline; font:normal 11px Georgia, "Times New Roman", Times, serif; color:#35678f; }


.w_item
{
	padding:20px;	
}

.icon-develop, .icon-social, .icon-fix
{
	height:60px;
	padding-left:70px;
	padding-top:5px;
	background:url(images/icons.png) no-repeat;
}

.icon-social
{
	background-position:left -64px;
}

.icon-fix
{
	background-position:left -128px;
}


.bottom_get_started
{
	padding:0px 20px;
	height:100px;
}

.affordable
{
	float:left;
}

.get_started
{
	float:right;
}

#footer
{
	height:40px;
	width:960px;
	margin:0px auto;
	padding:10px;
	line-height:100%;
}

#footer ul, #footer p
{
	margin:0px;
	padding:0px;
	list-style:none;
	color:#576170;
}

#footer ul li
{
	float:left;
	padding:0px 5px;
	font-size:11px;
	color:#6da425;
}

.footer_left
{
	float:left;
}

.footer_right
{
	float:right;
}

.clear {clear: both;}
.clr{clear:both;}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}