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

body {
font:11px/20px Verdana;
color:#666;
background:url(../images/body.png) top repeat-x #12141B;
}

* {
margin:0;
padding:0;
outline:none;
}

#wrapper {
width:890px;
margin:0 auto;
}

#header {
height:107px;
background:url(../images/body.png) top repeat-x;
}

#logo {
padding-top:35px;
}

#nav {
height:34px;
background:url(../images/nav.png) no-repeat;
}

ul.right-nav {
float:right;
margin:5px 20px 0 0;
}

ul.right-nav li {
float:left;
list-style:none;
margin-left:15px;
}

ul.right-nav a {
color:#3F4964;
text-decoration:none;
padding-left:17px;
}

ul.right-nav a:hover {
color:#fff;
text-decoration:none;
}


ul.right-nav li.rss a {
background:url(../images/icon_rss.png) left no-repeat;
}

ul.right-nav li.sitemap a {
background:url(../images/icon_sitemap.png) left no-repeat;
}

ul.left-nav {
margin:5px 0 0 5px;
float:left;
}

ul.left-nav li {
float:left;
list-style:none;
margin:0 10px;
}

ul.left-nav li a {
color:#9EC8EE;
text-decoration:none;
}

ul.left-nav li a:hover {
color:#fff;
}

#content a {
color:#68AEEE;
}

#content a:link {
color:#68AEEE;
}
#content a:visited {
color:#68AEEE;
}
#content a:hover {
text-decoration:none;
color:#fff;
background:#68AEEE;
}
#content a:active {
color:#68AEEE;
}

#content {
width:614px;
float:left;
background:#fff;
padding:30px;
text-align:justify;
}

#content h1 {
font:20px Arial;
color:#0099EE;
font-weight:bold;
margin-bottom:30px;
}

#content h2 {
font:16px Arial;
font-weight:bold;
}

#content p {
margin-bottom:20px;
}

p.first {
font:14px Arial;
color:#555;
font-style:italic;
margin:15px 0;
line-height:30px;
}

#content h4 {
color:#0099EE;
font:11px Arial;
font-weight:bold;
margin:0 0 10px 0;
}

h4.webdesignservices {
background:url(../images/icon_brush.png) right no-repeat;
}

h4.websiteoptimisationservices {
background:url(../images/icon_cog.png) right no-repeat;
}

h4.linkbuildingservices {
background:url(../images/icon_plus.png) right no-repeat;
}

.threecol {

}

.threecol .col {
width:175px;
float:left;
padding-right:27px;
line-height:16px;
margin-bottom:30px;
}

.twocol .col {
width:300px;
float:left;
}

h2 {
font:13px Arial;
font-weight:bold;
color:#111;
}

.twocol h2 {
margin-bottom:15px;
}

h2.seoa {
background:url(../images/icon_folder.png) left no-repeat;
}

h2.seon {
background:url(../images/icon_globe.png) left no-repeat;
}

h2.services {
background:url(../images/icon_seoco.png) right no-repeat;
}

h2.blogcategories {
background:url(../images/icon_blogcategories.png) right no-repeat;
}

h2.articlecategories {
background:url(../images/icon_articlecategories.png) right no-repeat;
}

h2.directories {
background:url(../images/icon_directories.png) right no-repeat;
}

ul.links {
margin:15px 0;
}

ul.links li {
list-style:none;
}

ul.links li a {
color:#999999;
text-decoration:none;
padding-left:15px;
background:url(../images/icon_doc.png) no-repeat;
background-position:0 5px;
display:block;
}

#wrapper {
background:url(../images/mainbg.png) repeat-y;
}

#sidebar {
margin-left:674px;
background:url(../images/sidebar.png) top no-repeat;
padding-left:20px;
}

#sidebar h2 {
font:14px Arial;
font-weight:bold;
color:#888;
}

#sidebar .block {
padding:10px 10px 15px 0;
background:url(../images/block.png) bottom no-repeat;
}

#sidebar p {
color:#CED6FF;
line-height:16px;
padding:15px 0;
}

a.arrow {
padding-right:16px;
background:url(../images/icon_arrow.png) right no-repeat;
}

#sidebar a {
color:#9EC8EE;
text-decoration:none;
}

#sidebar a:hover {
text-decoration:underline;
}


.book h2 {
background:url(../images/icon_book.png) right no-repeat;
}

.casestudies h2 {
background:url(../images/icon_graph.png) right no-repeat;
}

#footer {
clear:both;
background:url(../images/footer.png);
height:22px;
padding:13px 0 0 5px;
}

ul.footer-nav li {
list-style:none;
float:left;
margin:0 5px;
}

ul.footer-nav li a {
color:#777;
text-decoration:none;
}


.breaker {
height:15px;
background:url(../images/breaker.png) center no-repeat;
clear:left;
margin:20px 0;
}

#content ul.list {
margin:15px 0 15px 10px;
}

#content ul.list li {
list-style:none;
padding-left:15px;
background:url(../images/icon_bluebullet.png) left no-repeat;
}

#sidebar .links li a {
background:url(../images/icon_sidebarlinks.png) left no-repeat;
}