/*
Theme Name: Seoptimised theme
Description: Seoptimised theme, 2 columns
Author: SEOptimise
Author URI: http://www.seoptimise.com
*/

/* Reset */
a, abbr, acronym, address, area, b, bdo, big, blockquote, body, button, caption, cite,
code, col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4,
h5, h6, hr, html, i, images, ins, kbd, label, legend, li, map, object, ol, p, param, pre,
q, samp, small, span, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead,
tr, tt, ul, var {margin:0;padding:0;vertical-align:baseline}
#cred, #cred td, #cred tr {vertical-align:middle}
#cred td {padding:10px;text-align:center}
#cred td img {float:none;margin:0;padding:0}
img {border:0}
:focus {outline:0}
#content {float:left;overflow:hidden;padding:0 0 20px;width:705px}

	#content .post {border-bottom:1px solid #CCC;padding:10px 0;margin:0 0 25px}
	#content .page {border:0}
	#content .post .meta {font-size:0.8em}
	#content .post .postmetadata {clear:both}
	#content .post ul {list-style:disc;margin:0 0 1em 18px}
	#content .post ol {list-style:decimal;margin:0 0 1em 22px}
	#content .post h1 {border:0;margin:0}

#prev-next {list-style:none}
#prev-next #prev {float:left}
#prev-next #next {float:right}

#sidebar {float:right;padding:10px 0 20px;width:222px}
#sidebar ul {list-style:none;margin:0 0 1em}
#sidebar ul ul {list-style:none}
#sidebar h3 {border-bottom:1px solid #cccccc;color:#666;font:18px Arial;padding:0 0 3px}
#sidebar ul ul li {border-bottom:1px solid #cccccc;padding:2px 0}
#sidebar li a {color:#2884c5}
#sidebar img {margin:5px 0 0}
img.centered {display:block;margin-left:auto;margin-right:auto}
img.alignright {display:inline;margin:0 0 2px 7px;padding:4px}
img.alignleft {display:inline;margin:0 7px 2px 0;padding:4px}
.alignright {float:right}
.alignleft {float:left}

#comments #commentlist {list-style:none;margin:0 0 1em;padding:0;text-align:justify}
#comments #commentlist li {background:#e2effb;list-style:none;margin:15px 0 3px;padding:5px 10px 3px}
#comments #commentlist li.alt {background:none}
#comments #commentlist li .avatar {background:#fff;border:1px solid #eee;float:right;padding:2px}
#comments #commentlist cite, #commentlist cite a {font-style:normal;font-weight:bold}
#comments #commentlist p {margin:10px 5px 10px 0}
#comments #commentmetadata {font-weight:normal}
#comments #commentform input.input {border:1px solid #CCC;font-size:1.1em;margin:5px 5px 1px 0;padding:2px;width:170px}
#comments #commentform input.input:hover {background:#EEE}
#comments #commentform textarea {border:1px solid #CCC;padding:2px;width:98%}
#comments #commentform textarea:hover {background:#EEE}
#comments #commentform #submit {}
#comments #commentform p {margin:0 0 .5em}
#comments #allowed-tags strong {display:block}
#comments .nocomments {margin:0;padding:0;text-align:center}
#comments .commentmetadata {display:block;margin:0}
.title {margin:10px 0 0}
#content .post ul#posts-author {list-style:none;margin:0}
#posts-author li {border-bottom:1px dotted #666;padding:2px}

/* CSS Document */
body {
	background: #ffffff url(images/footer.gif) left bottom repeat-x;
	font-family: "Arial", "Lucida Grande", "Lucida Sans", "Trebuchet MS";
	font-size: 12px;
	color: #000000;
	line-height: 20px;
	margin: 0;
	padding: 0; }

a {
	color: #ff6601;
	text-decoration: none; }

a:hover {
	color: #ff6601;
	text-decoration: underline; }
h2, h1 {
	font-size: 20px;
	padding-top: 0px;
	padding-bottom: 10px;
	line-height: 24px;
	color: #2884c5;
	font-weight: normal; 
	margin:0 0 10px}
p {margin:0 0 1em}
h2 a {color: #2884c5;}

.h2_bg {
	background-color: #8ec3e9;
	padding: 4px; }

.h2_seo {
	color: #163c47;
	background-color: #8ec3e9;
	padding: 4px; }

h3 {
	font-size: 16px;
	color: #165988; }

h4 {
	font-size: 12px;
	color: #8ec3e9;
	background-image: url(images/header_bg.gif);
	height: 25px;
	line-height: 25px;
	width: 435px;
	font-weight: normal; }

#header_7 {
	font-size: 12px;
	color: #8ec3e9;
	background-image: url(images/header_sm_bg.gif);
	height: 25px;
	line-height: 25px;
	width: 275px; }

.center {
	padding-left: 5px;
	vertical-align: middle; }

.h5_bg {
	background-color: #8ec3e9;
	font-size: 12px;
	color: #ffffff;
	padding: 4px; }

.h5_quote {
	background-color: #8ec3e9;
	font-size: 12px;
	color: #163c47;
	font-style: italic;
	padding: 4px; }


/* contact */

#contact-button {
	border-top: #8ec3e9 solid 3px; }

#contact-button a {
	background-image: url(http://www.seoptimise.com/images/client.gif);
	float: right;
	height: 21px;
	text-indent: -9999px;
	width: 130px;
	line-height: 21px; }

#contact-content h6 {
	color: #000000;
	font-size: 18px;
	font-weight: normal; }


/* header */
#main_picture h2 {color:#FFF;font-size:18px}
#header {
	clear: both; }

#header_left {
	float: left;
	padding-bottom: 20px; }

#header_right {
	float: left;
	padding-bottom: 20px; }

#header_right h1 {
	color: #8ec3e9;
	font-size: 18px;
	font-weight: normal;
	margin-left: 10px;
	margin-top: 20px; }

#header_search {
	float: right;
	padding-bottom: 20px;
	padding-top: 20px; }

/* navigation */

#navigation {
	clear: both;
	background-color: #e8f3fb;
	padding-top: 5px; }

#menu {
	list-style: none;
	margin: 0;
	padding: 5px 0 5px 5px;
	height: 25px;
	background-image: url(images/menu_bg.jpg);
	overflow:hidden; }

#menu li {
	margin: 0 28px 0 0; 
	padding: 0;
	float:left;
	list-style-type: none; }
	
#menu li.first a {background:url(images/home.png) 5px 6px no-repeat; padding:0 0 0 25px}

#menu a {
	float: left;
	padding: 0 0 0 5px;
	color:#000;
	height:25px;}	
#menu a:hover {text-decoration:none}
#menu li.current_page_item a {color:#ff6601;}

#menu a span {cursor:pointer;float:left;height:21px;padding: 4px 5px 0 0}

#menu li.current_page_item a, #menu a:hover {
	background:url(images/menu-hover.png) left -25px no-repeat; }

#menu li.current_page_item a span, #menu a:hover span {background:url(images/menu-hover.png) right top no-repeat;}
	
#menu li.first a:hover, #menu li.current_page_item.first a  {background:url(images/hover-home.png) left -25px no-repeat}

#menu a:active, #menu a.selected {
	color:#ff6601;}

#text_size {
	width: 130px; 
	height: 35px; 
	float: left; }

#text_size_smaller a {
	width: 35px;
	background: url(images/text_smaller.gif) top left no-repeat; }

#text_size_bigger a {
	width: 30px;
	background: url(images/text_bigger.gif) top left no-repeat; }

#sub_menu {
	width: 340px;
	list-style: none;
	margin: 0;
	float: left;
	padding-left: 0;
	padding-bottom: 250px; }

#sub_menu li {
	margin-bottom: 5px;
	padding-left: 5px;
	list-style-type: none;
	background: url(images/sub_menu_bg.gif) no-repeat;
	height: 25px;
	line-height: 25px;
	width: 380px;
	float: left; }

#main_picture {
	margin-top: 5px;
	margin-bottom: 10px;
	background-image: url(images/main_pic.jpg);
	width: 960px;
	height: 215px; }

#main_picture_content {
	width: 550px;
	margin-left: 40px;
	padding-top: 30px;
	margin-bottom:30px; }

.main_picture_btn {
	margin-left: 40px; }

#sub_content {
	padding-top: 100px;
	background: url(images/sub_bg.gif) no-repeat;
	overflow: hidden; }

#sub_content_02 {
	padding-top: 60px;
	background: url(images/sub_bg.gif) no-repeat;
	overflow: hidden; }

#main {
	background-color: #fff;
	background: url(images/bg.gif) left top repeat-x;
	overflow: hidden; }

#main_left {
	width: 540px;
	float: left; }

#main_right {
	width: 340px;
	float: right; }

#content_left {
	width: 280px;
	float: left;
	margin-bottom: 250px; }

#content_request {
	margin-left: 50px;
	margin-top: 45px;
	width: 440px;
	float: left; }

#content_portfolio {
	margin-left: 50px;
	margin-top: 45px;
	width: 510px;
	float: left; }

#content_right {
	margin-top: -60px;
	width: 440px;
	float: left; }

#bottom_quote {
	clear: both;
	padding-top: 20px;
	padding-bottom: 20px; }
#subs li {margin:0 0 3px}
#subs li a {background:#FFF;padding:5px;display:block}
#subs li.current a, #subs li a:hover {color:#F60}
.container {
	margin: 0px auto;
	width: 960px;
	position:relative;
	overflow:hidden }

.blog_post {
	font-size: 12px;
	color: #000000;
	background-image: url(images/header_bg.gif);
	height: 25px;
	line-height: 25px;
	width: 435px;
	padding-left: 5px;
	margin-bottom: 5px; }

#cert_left {
	float: left;
	width: 220px }

#cert_right {
	float: right;
	width: 220px; }

#cert_google {
	float: left;
	width: 90px; }

#cert_google_text {
	float: right;
	line-height: 12px;
	font-size: 10px;
	width: 110px;
	padding-right: 20px; }

	#footer {
	padding:10px;
	clear:both;
	padding:0 4px 0 0 ;
	width:960px;
	margin: 0 auto;
}
#footer p.copyright {
margin:30px 0 1em;
	float:right;
	text-align:right;
}
	
#footer_left {
	font-size: 11px;
	margin-top: 5px;
	float: left; }
#footer_img {float:left;margin:5px 0 0}
#footer_right {
	font-size: 11px;
	margin-top: 15px;
	float: right; 
	padding:0 0 15px;
	text-align:right}

.form_normal {
	border: #8ec3e9 solid 4px;
	width: 440px;
	height: 25px; }

.form_msg {
	border: #8ec3e9 solid 4px;
	width: 440px;
	height: 100px; }

textarea {
	border: #8ec3e9 solid 4px;
	width: 440px;
	height: 100px; }
.p1 {
	float: left;
	width: 160px;
	padding-right: 10px;
	font-size: 10px;
	line-height: normal;
	margin-bottom: 20px; }
.ptitle {
	font-weight: bold; }
	#page #content {margin:0 -100% 0 250px}
	#page #sidebar {float:left}
	
	/*Content boxes*/
	#content-boxes {margin: 15px auto 20px;overflow:hidden;position:relative;width:100%}
	#content-boxes .box {border:1px solid #c1dcf1;float:left;height:145px;margin: 0 25px 0 0;overflow:hidden;position:relative;width:219px}
	#content-boxes .last {margin:0}
	#content-boxes .box h2 {padding: 0px 0 0 10px;margin:0;font-size:18px}
	#content-boxes .box h2 a {color:#2e79b0;text-decoration:none}
	#content-boxes .box p {margin:0 10px}
	#content-boxes .box div {background:#fff;left:0;position:absolute;top:119px;width:100%;}
	#section_teaser .box:hover div, #section_teaser .slider div {top: 63px; height: 87px; }
	
	.post {float:left}
#row1, #row2, #row3, #row4, #row5, #row6, #row6, #row7, #row8 {clear:both}
#content_request p {margin:0}
#blog h2 {margin:0}

a.more-link {background:#4793cb;color:#FFF;clear:both;float:left;margin:10px 0;padding:5px}
#footer {border-top:1px solid #CCE1E9;padding:10px 0 0;margin:0px 0 0;line-height:120%}
#footer-blog ul {list-style:none}
#latest-posts ul li, #services-footer ul ul li, .aktt_tweets li {border-bottom:1px dotted #ccc;list-style:none;padding: 0 0 4px}
#footer-blog ul ul {list-style:none;margin: 0 0 0 0}
#footer-blog {background:#e7f1f7 url(images/footer-bottom.png) left top repeat-x;overflow:hidden;margin: 0 0 0;padding: 10px 0 10px 0;position:relative;width:100%}
#latest-posts {float:left;border-right:1px solid #fff;margin:0 0 10px;overflow:hidden;padding: 0 20px 0 20px;position:relative;width:243px}
#latest-posts ul {padding: 0 20px 0 0}
#latest-posts h3, #twitter h3, #services-footer h3 {color:#2884c5;font-size:1.5em;font-weight:400;padding: 0 0 13px}
#latest-posts a, #twitter a, #services-footer a {color:#333}
#services-footer {border-left: 1px solid #cce1e9;border-right:1px solid #fff;float:left;padding: 0 40px 0 40px;width:229px}
#twitter {border-left: 1px solid #cce1e9;float:left;margin:0 0 10px;padding: 0 30px 0 30px;width:273px}
#footer-blog, #latest-posts, #services-footer, #twitter {min-height:200px}
* html #footer-blog,* html #services-footer, * html #twitter {height:auto!important;height:200px;overflow:visible}
.blogtable tr, td { padding: 3px; margin: 0px; }