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

body{
font:normal 10px/15px Verdana, Arial, Helvetica, sans-serif;
color:#8a8686;
background:#fff url(../images/background.png) repeat-x left top;;
line-height:1;

}

a:link, a:visited, a:active{
color:#691818;
text-decoration:none;
}

a.more:visited,a.more:active{
font-weight:bold;
color:#fff;
}

a:hover{
color:#3e4d18;
text-decoration:underline;
}


#wrap{
width:960px;
margin:36px auto;
margin-top:0; 
}

#header{
width:100%;
height:100px;
margin:0px;
padding:0px;
}

#logo{
float:left;
margin:0;
height:80px;
width:302px;
background:url(../images/seohighrank-logo.jpg) no-repeat left top;
}





/*Header ends-------------------------------------*/

/*menu starts-------------------------------------*/

#menu{
margin:0px;
padding:0;
height:45px;
}

ul#toplink{
margin:0px;
padding:0px;
}

ul#toplink li{
float:left;
display:inline;
font:normal bold 13px/20px Verdana, Arial, Helvetica, sans-serif;
color:#fff;
margin-right:10px;
}

ul#toplink li a{
padding:12px 8px 5px 8px;
display:block;
color:#fff;
background-color:#17697d;
border-bottom,border-top:4px solid #6babb3;
text-decoration:none;
}

ul#toplink li a:hover{
color:#fff;
background-color:#196a7e;
border-bottom:4px solid #6babb3;
border-top:4px solid #6babb3;
text-decoration:none;
}

/*.............................................*/
#flow{
background:url(../images/flow-BG.png) repeat-x left top;
margin:0px;
padding:5px 5px 5px 13px;
}

#flowleft{
clear:both;
width:302px;
float:left;
}

#flowleft h1{
font:normal bold 30px Verdana, Arial, Helvetica, sans-serif;
color:#fff;
margin:0px;
padding:0 0 20px 10px;
}

.intro{

font:normal 13px/20px Verdana, Arial, Helvetica, sans-serif;
color:#c9e4e6;
margin:0px;
padding:0 0 33px 10px;
}

.learnmore{
margin:0px 0 0 33px;
padding:0 0 5px 0;
background:url(../images/learnmore.png) no-repeat left top;
height:30px;
}

.learntext{
margin:0px;
padding:8px 33px 8px 13px;
}

.learntext a{
font-size:13px;
font-weight:bold;
color:#313e08;

text-decoration:none;
}

.learntext a:hover{
color:#fff;
}

#flowright{
float:right;
}

/*.............................................*/

.clear{
clear:both;
height:1px;
font-size:1px;
}

.gap{
height:8px;
background-color:#e2e2e2;
}


/*.............................................*/
#white{
background:url(../images/whiteBG.png) repeat-x left bottom #fff;
margin:0px;
padding:15px 6px;
}

#seo{
float:left;
margin:0px;
padding:0px 10px 0 10px;
width:210px;
background:url(../images/SEO-BG.png) repeat-x left bottom #abd453;
}

#seo .head{
margin-top:10px;
padding:4px;
font:normal bold 13px Verdana, Arial, Helvetica, sans-serif;
color:#fff;
background-color:#16687c;
text-align:center;
}


img.left1{
float:left;
margin-top:10px;
padding:0px 15px 10px 0;
}

.para{
font:normal 12px/18px Verdana, Arial, Helvetica, sans-serif;
color:#c9e4e6;
margin:0px;
padding:10px 8px 0 0;
}

.para-t{
font:normal 11px/14px Verdana, Arial, Helvetica, sans-serif;
color:#c9e4e6;
margin:0px;
padding:0px 8px 0 0;
}

ul#list1{
margin:0 10px 10px 5px;
list-style:none;
}

ul#list1 li{
display:block;
margin:0px;
padding:8px;
border-bottom:1px solid #c9e4e6;
font:normal 10px Verdana, Arial, Helvetica, sans-serif;
color:#fff;
}

/*..................*/

#pay{
float:left;
margin:0px 10px 0 10px;
padding:0px 10px 0 10px;
width:210px;
background:url(../images/PPM-BG.png) repeat-x left top;
}


#pay .head{
margin-top:10px;
padding:4px;
font:normal bold 13px Verdana, Arial, Helvetica, sans-serif;
color:#fff;
background-color:#16687c;
text-align:center;
}

/*...........................*/

#affilate{
float:left;
margin:0px 10px 0 10px;
padding:0px 10px;
width:210px;
background:url(../images/Affiliate-BG.png) repeat-x left top;
}

#affilate .head{
margin-top:10px;
padding:2px;
font:normal bold 13px Verdana, Arial, Helvetica, sans-serif;
color:#fff;
background-color:#16687c;
text-align:center;
}

/*...........................*/

#social{
float:right;
margin:0px;
padding:0px 0px 0 10px;
width:200px;
background:url(../images/SEM-BG.png) repeat-x left top;
}

#social .head{
margin-top:10px;
padding:2px;
font:normal bold 13px Verdana, Arial, Helvetica, sans-serif;
color:#fff;
background-color:#16687c;
text-align:center;
}
/*............................*/

#othserv{
margin:10px 0;

}

.servbg{
background:url(../images/verbar.png) repeat-x left top #e8e8e8;
padding:0 12px;
margin:0px;
}

.title{
font:normal bold 12px Verdana, Arial, Helvetica, sans-serif;
color:#8a8686;
margin:0px;
padding:10px 0;
}

.bar{
background:url(../images/BAR.png) repeat-x left top;
margin:0px;
padding-bottom:14px;
height:2px;
}

#web{
float:left;
margin:0px;
padding:0px 5px;
width:210px;
}

#web ul{
width:90%;
margin:0px;
padding:0px;
list-style:none;
}

#web li{
margin:0px;
padding:4px 10px;
border-bottom:1px solid #333333;
}

#print{
float:left;
margin:0px 0px 0 0px;
padding:0px 10px;
width:210px;
}

#print ul{
width:80%;
margin:0px;
padding:0px;
list-style:none;
}

#print li{
margin:0px;
padding:4px 10px;
border-bottom:1px solid #333333;
}

#soft{
float:left;
margin:0px 5px;
padding:0px 10px;
width:200px;
}


#soft ul{
width:87%;
margin:0px;
padding:0px;
list-style:none;
}

#soft li{
margin:0px;
padding:4px 10px;
border-bottom:1px solid #333333;
}

#quote{
float:left;
margin:0px;
padding:0px 15px;
width:223px;
}

#get{
position:relative;
left:105px;
top:25px;
font:normal bold 17px Verdana, Arial, Helvetica, sans-serif;
color:#695c10;
}

.txt{
float:left;
width:100%;
font:normal 11px/15px Verdana, Arial, Helvetica, sans-serif;
margin:0px;
padding:10px 0;
color:#8a8686;
}

.webpic{
height:103px;
border:0px;
background:url(../images/web.png) no-repeat left top;
}

.printpic{
height:103px;
border:0px;
background:url(../images/print.png) no-repeat left top;
}

.softpic{
height:103px;
border:0px;
background:url(../images/soft.png) no-repeat left top;
}

.quotepic{
background:url(../images/quotePIC.png) no-repeat left top;
height:103px;
}

#payment{
float:left;
margin:0px;
padding:10px 15px;
width:223px;
}



/*.........................................................*/