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

*{
	margin:0;
	padding:0;
}
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:rgb(235, 235, 235) url(../images/body_bg.jpg) repeat-x;
}
#container{
	background:url(../images/container_bg.jpg) no-repeat top center;
}
#wrapper{
}
a{
	text-decoration:none;
	color:rgb(255, 68, 0);
	font-weight:bold;
}
a:hover{
	color:#333;
}
p{
	line-height:18px;
	margin:0 0 18px 0;
}
ul li{
	list-style:none;
}
.clearfloat{
	clear:both;
}
h1{
	font:normal 205% arial;
	text-shadow:1px 1px #FFF;
	color:rgb(0, 128, 175);
	margin:0 0 10px 0;
}
h2{
	font-family:arial, verdana, helvetica;
	font-size:20px;
	font-weight:normal;
	color:rgb(0, 109, 211);
	text-transform:uppercase;
	text-shadow:1px 1px #FFF;
	margin:0 0 20px 0;
}
h3{
	font:bold 150% helvetica;
	text-shadow:1px 1px #FFF;
	color:rgb(102, 102, 102);
}
h4{
	font-family:helvetica, arial, verdana;
	font-size:14px;
	color:rgb(255, 68, 0);
	text-transform:;
	margin:0 0 5px 0;
}
h5{
	font:normal 150% helvetica;
	text-transform:uppercase;
}
h6{
	font:bold 140% arial;
	color:rgb(255, 102, 0);
}

/*Header
------------------------------------------------------------------------------------------------*/
#header{
	width:960px;
	height:153px;
	margin:0 auto 15px auto;
	position:relative;
	z-index:1;
}
#logo{
	display:block;
	text-indent:-2000px;
	width:300px;
	height:55px;
	background:url(../images/logo.png) no-repeat left top;
	position:absolute;
	top:23px;
	left:0;
	z-index:2;
}
#header .hotline{
	position:absolute;
	top:23px;
	right:0;
	z-index:2;
}

/*Navigation
------------------------------------------------------------------------------------------------*/
#navigation{
	position:absolute;
	z-index:2;
	top:105px;
	left:0;
}
#navigation ul li{
	float:left;
	margin:0 2px 0 0;
}
#navigation a{
	color:#000;
	display:block;
	float:left;
	line-height:46px;
	padding:0 20px;
	font-size:14px;
	text-shadow: 1px 1px #FFF;
	text-transform:uppercase;
	font-weight:bold;
}
#navigation a:hover{
	background:url(../images/arrow_hover.png) no-repeat top center;
}
body#mainPage ul li.home a{
	background:url(../images/arrow_hover.png) no-repeat top center;
}
body#aboutPage ul li.about a{
	background:url(../images/arrow_hover.png) no-repeat top center;
}
body#seopPage ul li.seoplans a{
	background:url(../images/arrow_hover.png) no-repeat top center;
}
body#aboutPage ul li.about a{
	background:url(../images/arrow_hover.png) no-repeat top center;
}
body#processPage ul li.process a{
	background:url(../images/arrow_hover.png) no-repeat top center;
}
body#contactPage ul li.contact a{
	background:url(../images/arrow_hover.png) no-repeat top center;
}
body#servicesPage ul li.services a{
	background:url(../images/arrow_hover.png) no-repeat top center;
}

/*Contents
------------------------------------------------------------------------------------------------*/
#content-body{
	width:960px;
	margin:0 auto;
}
#content-body .page-header{
	margin:0 0 20px 0;
}
#contents{
	float:right;
	width:600px;
	text-shadow:1px 1px #FFF;
}
#contents  .spsteps{
	margin:0 0 20px 0;
}
#contents  .spsteps img{
	float:left;
	margin:0 20px 0 0;
}
#contents .steps{
	float:left;
	width:370px;
}
#contents .steps ul li{
	background:url(../images/tick.png) 0 3px no-repeat;
	line-height:20px;
	margin:0 0 5px 0;
	padding:0 0 0 25px;
}
#contents .list-arrow{
	margin:0 0 20px 0;
	padding:0 0 0 35px;
}
#contents .list-arrow li{
	background:url(../images/control_play.png) no-repeat 0 2px;
	padding:0 0 0 25px;
	line-height:20px;
	margin:0 0 5px 0;
}
#contents .bundle-link{
	font-weight:bold;
	font-size:14px;
	background:url(../images/tick.png) no-repeat 0 1px;
	padding:0 0 0 20px !important;
	line-height:20px;
	margin:0 0 5px 0 !important;
}
#contents .bundle-link a{
	color:rgb(0, 125, 253) !important;
}
#contents .seoplans-bundle{
	margin:0 0 20px 0;
}
#contents .seoplans-bundle h6{
	margin:0 0 5px 0;
}
#contents .seoplans-bundle ul{
	padding:10px 0 10px 50px;
}
#contents .seoplans-bundle ul li{
	padding:0 0 0 20px;
	margin:0 0 5px 0;
}
#contents .seop-rquote{
	font:bold 270% helvetica;
	color:rgb(61, 134, 55);
	padding:0 60px 0 0;
	background:url(../images/arrow.png) no-repeat right center;
}
#contents .seoplans-bundle-list{
	padding:0 0 0 30px;
	margin:0 0 20px 0;
}
#contents .seoplans-bundle-list li{
	background:url(../images/tick.png) no-repeat 0 2px;
	padding:0 0 0 25px;
	line-height:20px;
	margin:0 0 5px 0;
}
.anchor h1 a{
	font-family:arial, helvetica, verdana;
	font-weight:normal;
	text-shadow:1px 1px #FFF;
	color:rgb(0, 128, 175);
}
#contact-page span{
	font-size:14px;
	font-weight:bold;
	display:block;
	background:url(../images/separator.jpg) repeat-x bottom center;
	width:260px;
	padding:0 0 10px 0;
	margin:0 0 10px 0;
}
#contact-page li{
	float:left;
	width:260px;
	padding:0 10px;
	margin:0 0 20px 0;
}
#contact-page li.cont-on, #contact-page li.cont-th{
	border-right:solid 1px #CCC;
}
#contact-page li.cont-tw, #contact-page li.cont-fo{
	border-left:solid 1px #FFF;
}
#contact-page li.cont-th, #contact-page li.cont-fo{
	height:220px;
}

/*Sidebar
------------------------------------------------------------------------------------------------*/
#sidebar{
	float:left;
	width:320px;
}
#sidebar .sidebox{
	background:url(../images/sidebar_transbg.png);
	margin:0 0 20px 0;
	padding:10px;
}
#sidebar h5{
	background:url(../images/sidebar_title_bg.png) repeat-x;
	line-height:48px;
	margin:0 0 10px 0;
}
#sidebar .sidebar-img{
	float:left;
}
#sidebar .readmore{
	padding:0 18px 0 0;
	display:block;
	width:65px;
	line-height:18px;
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;
	background:url(../images/control_play.png) no-repeat right center;
	float:right;
}
#sidebar .request-quote{
	background:url(../images/reqoute.png) no-repeat left center;
	display:block;
	line-height:55px;
	width:240px;
	padding:0 0 0 60px;
	font-family:georgia, arial, verdana;
	font-style:italic;
	font-size:26px;
	color:#000;
}

/*Request a Quote
------------------------------------------------------------------------------------------------*/
#quotation-form li label{
	float:left;
	padding:5px 20px 5px 0;
	width:200px;
	text-align:right;
	font-weight:bold;
}
#quotation-form li{
	clear:both;
	margin:0 0 10px 0;
}
#quotation-form li input{
	float:left;
	padding:5px 10px;
	border-right:1px solid #FFF;
	border-bottom:1px solid #FFF;
	border-top:1px solid #333;
	border-left:1px solid #333;
	background:transparent;
	width:220px;
}
#quotation-form li textarea{
	float:left;
	padding:5px 10px;
	border-right:1px solid #FFF;
	border-bottom:1px solid #FFF;
	border-top:1px solid #333;
	border-left:1px solid #333;
	background:transparent;
	width:300px;
	height:135px;
	margin:0 0 10px 0;
}
#quotation-form .subut{
	margin:0 0 0 220px;
	width:120px;
	font-weight:bold;
	border:3px solid #CCC;
	background:#333;
	color:#FFF;
}
#contents .rqoute{
	margin:0 0 20px 0;
}

/*Footer
------------------------------------------------------------------------------------------------*/
#footer{
	width:960px;
	margin:0 auto;
}
#footer .box-one, #footer .quickcontact, #footer .twitter{
	float:left;
	margin:0 0 20px 0;
}
#footer .quickcontact > div{
	margin:0 auto;
}
#footer .quickcontact{
	width:220px;
	height:160px;
}
#footer .box-one{
	border-right:1px solid #CCC;
	width:550px;
}
#footer .box-one h3{
	font-family:Arial, Helvetica, sans-serif;
	line-height:32px;
	background:url(../images/medal.png) no-repeat 0 0;
	padding:0 0 0 40px;
	text-align: left;
	margin:0 0px 15px 0;
}

#footer .quickcontact h3{
	background:url(../images/quickcontact.png) no-repeat 0 0;
	line-height:32px;
	padding:0 0 0 40px;
	margin:0 0 10px 0;
}
#footer .quickcontact{
	border-left:1px solid #FFF;
	border-right:1px solid #CCC;
}
#footer .quickcontact ul li{
	line-height:20px;
	padding:0 0 0 10px;
}
#footer .twitter{
	border-left:1px solid #FFF;
	height:160px;
	width:180px;

}
#footer .twitter > div{
	margin:0 0 0 10px;
}
#footer .twitter h3{
	background:url(../images/twitter.png) no-repeat 0 0;
	line-height:32px;
	padding:0 0 0 40px;
	margin:0 0 10px;
}
#footer .twit{

	padding:3px 10px 3px 0;
}
#footer .twitter  h3 a{
	color:rgb(255, 68, 0);
}
#footer .twitter  h3 a:hover{
	border-bottom:2px solid #000;
}
#footer .fus{


}
#footer .copyright{
	height:57px;
	background:url(../images/copyright_bg.png) no-repeat left top;
	position:relative;
	font:90% arial;
	text-shadow:1px 1px #CCC;
}
#footer .copyright p{
	position:absolute;
	top:18px;
	left:15px;
}
#footer .copyright a{
	font-weight:bold;
	color:#000;
}
#footer .copyright a:hover{
	color:#333;
}
/*Flash Layer
------------------------------------------------------------------------------------------------*/
#flashlayer{
	margin:0 auto 15px auto;
	width:978px;
}
#flashlayer .flashwrap{
	background:url(../images/flashlayer_bg.png) repeat-y;
}
#flashcontent{
	width:940px;
	height:379px;
	background:#000;
	margin:0 auto;
}

/*Devider
------------------------------------------------------------------------------------------------*/
#devider{
	width:978px;
	margin:0 auto 15px auto;
}
#devider .fourcolumn{
	background:url(../images/devider_bg.png) no-repeat center top;
	height:285px;
}
#columns ul{
	width:940px;
	margin:0 auto;
}
#columns ul li{
	float:left;
	height:262px;
	position:relative;
}
#columns ul li img{
	margin:0 0 5px 0;
}
#columns .first, #columns .fourth{
	width:230px;
}
#columns .first{
	margin:0 10px 0 0;
}
#columns .second, #columns .third{
	width:225px;
	margin:0 10px 0 0;
}
#columns .readmore{
	padding:0 18px 0 0;
	display:block;
	width:65px;
	line-height:18px;
	text-transform:uppercase;
	font-size:11px;
	background:url(../images/control_play.png) no-repeat right center;
	color:#000;
	position:absolute;
	bottom:0;
	right:0;
}
#columns .readmore:hover{
	color:#F00;
}

/*Client Layer
---------------------------------------------------------------------------------------*/
/*Devider2
------------------------------------------------------------------------------------------------*/
#devider2{
	width:978px;
	margin:0 auto 15px auto;
}
#devider2 .fourcolumnx{
	background:;
	height:285px;
}
#columnsx ul{
	width:940px;
	margin:0 auto;
}
#columnsx ul li{
	float:left;
	height:262px;
	position:relative;
}
#columnsx ul li img{
	margin:0 0 5px 0;
}
#columnsx .firstx, #columnsx .fourthx{
	width:230px;
}
#columnsx .firstx{
	margin:0 10px 0 0;
}
#columnsx .secondx, #columnsx .thirdx{
	width:225px;
	margin:0 10px 0 0;
}
#columnsx .readmore{
	padding:0 18px 0 0;
	display:block;
	width:65px;
	line-height:18px;
	text-transform:;
	font-size:11px;
	background:url(../images/control_play.png) no-repeat right center;
	color:#000;
	position:absolute;
	bottom:0;
	right:0;
}
#columnsx .readmore:hover{
	color:#F00;
}

/*Client Layer
---------------------------------------------------------------------------------------*/
#testiclient{
	width:960px;
	margin:0 auto 20px auto;
}
#testiclient .testimonial{
	float:left;
	width:470px;
}
#testiclient .client{
	float:right;
	width:450px;
}
#testiclient .testimonial blockquote{
	padding:35px 10px 35px 20px;
	background:url(../images/qoute.png) no-repeat left top;
	font:italic 150% georgia;
	line-height:26px;
	text-shadow:1px 1px #FFF;
	position:relative;
}
#testiclient .testimonial span{
	position:absolute;
	bottom:0;
	right:0;
	font-size:16px;
	color:#F00;
}