/*
	Yorganic.com
	Search Engine Marketing, Promotion, Optimisation and Website Design
	Static D0002
*/

body {
	background:#021d2e;
	margin:0px auto;
	font-family: Verdana,sans-serif;
	text-align:center;
	font-size:12px;
}

h1, h2, h3 { font-size: 20px; font-weight:normal; color: #21567a; margin: 0px 0px 5px 0px; line-height: 1.364em;}
h4 { font-size: 16px; font-weight:bold; color: #21567a; margin: 5px 0px 5px 0px;}
h5, h6 { font-size: 15px; font-weight:bold; color: #21567a; margin: 5px 0px 5px 0px;}
ul,li,p { font-size:12px; color:#3F3F3F; }
li { list-style: square; }
a { color:#546F6E; }
hr { color: #969696; background-color: #969696; height: 1px; border:0px; }
.mediumhtag { font-size:15px; }
.smallerhtag { font-size:12px; }
.clear { clear:both; }

.bluetxt { color:#21567a; }
.blacktxt { color:#000000; }

#vtopnav { background:#021d2e; padding:4px; color:white; border-bottom:1px solid #e5e5e5; }
#vtopnav a { color:white; text-decoration:none; margin-left:20px;}
#header { background:url(images/yorganic-dots3-1.jpg) center no-repeat; z-index:2; height:384px; position:absolute; top:0px; left:0px; width:100%;}
#mainbody { background:#6aadda; margin-top:-12px; z-index:-1; }
#lowcontent { background:#ffffff; padding-top:10px; padding-bottom:0px; clear:left; position:relative; top:385px;}
#accreditations { background:#FFFFFF; }
#bottombar1 { background:#85b108; padding-top:10px; padding-bottom:10px; }
#bottombar2 { background:#608200; padding-top:10px; padding-bottom:10px; }
#bottombar3 { background:#485d0b; padding-top:10px; padding-bottom:10px; }
#footer { background:#021d2e; padding:10px; color:white; border-top:2px solid #03283f; text-align:left; color:white;}
#footer p,#footer a { color:white; font-size:11px; }
/* Containers */

#vtopnav .content,
#footer .content{
	margin:0px auto;
	text-align:left;
	width:930px;
	color:white;
	padding-right:26px; padding-left:26px;
}

#header .content {
	margin:0px auto;
	text-align:left;
	width:931px;
	color:white;
	/*padding-right:28px;*/
	background-repeat: no-repeat;
}

#header .rightside {
	float:right;
	top:0px;
	z-index:-10;
	margin: 25px 5px 0px 0px;
	color:white;
	text-align:right;
	font-size:16px;
	letter-spacing:-0.5px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#header .nav {
	text-align:left;
	color:#dcdcdc;
	margin-bottom:5px;
}
#header .nav a {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px; text-decoration:none;
	color:white;
}

#header .nav a:hover {
	text-decoration:underline;
}

#header .content2 h1 { color:white; margin-top:0px; }
#header .content2 p { color:white; margin-bottom:0px;}


#bars { margin:0px auto; /*background:url(images/trans.png);*/ padding-left:9px; height:90px; clear:both; position:relative; top:225px; width:981px; color:white;}
#bars .content {
	/*margin: 0px auto;*/
	text-align:left;
	color:white;
	position:relative;
	margin-left:0px;
}

#bars a { color:white; text-decoration:none; }
#bars a:hover { text-decoration:underline; }

#bars .pcright {
	position:relative;
	background:url(images/pc-barsbg.gif) no-repeat;
	width:255px; height:177px;
	float:right; top:-169px;
	left:-1px;
}
#bars .content h1 { font-size:16px; color:white; margin-top:0px; margin-bottom:3px; }
#bars .content p  { color:white; margin-bottom:0px; margin-top:3px;}

#lowcontent .content {
	margin: 0px auto 20px;
	text-align:left;
	width:960px;
	padding-right:20px; padding-left:6px;
}

.bluedotshoriz {
	background:url(images/dotblue-vertical.gif) repeat-x;
	height:1px; font-size:1px; margin-top:2px; margin-bottom:2px;
}

.bluedotsvert {
	background:url(images/dotblue-vertical2.gif) repeat-y;
	width:5px; margin-left:5px; margin-right:5px;
}

#header .logo {
		background:url(images/header-wide.jpg) left no-repeat;
		height:281px;
}

#header .left {
	position:relative;
	float:left;
	width:200px; top:10px;
	left:20px;
}

#header .left a {
	color:white; text-decoration:none;
	margin-right:5px;
}

#header .right {
	position:relative;
	float:right;
	height:100px; width:300px;
	top:10px;
}

#header #newsletter td { padding:2px; }
#header #newsletter h1 { font-size:16px; margin:0px; color:white; }
#header #newsletter .textbox {
	font-size:11px;
}
#mainbody .content {
	margin:0px auto;
	text-align:left;
	width:925px;
	color:white;
	padding-top:20px;
	padding-bottom:10px;
	padding-right:28px; padding-left:28px;
	clear:both;
}
#mainbody .content h1 { color:white; margin-top:0px; }
#mainbody .content p { color:white; }

/*Content */

#siteintro .dotsvert {
	background:url(images/dot-vertical.gif);
	width:1px;
}

#siteintro .welcome { padding-right:10px; width:550px; }
#siteintro .cta { padding-left:8px; padding-right:8px; width:100px; }
#siteintro .clients { padding-left:8px; padding-right:8px; width:125px; }

#siteintro .news p { color:white; }
#siteintro .news a { color:white; text-decoration:none;}

#accreditations .content {
	margin:0px auto;
	text-align:left;
	width:935px; height:127px;
}

#accreditations .tmb a { background:url(images/tmb-both.gif) no-repeat; width:124px; height:127px; background-position:-124px 0px; float:left; margin:0px;}
#accreditations .tmb a:hover{ background-position:0 0px; }

#accreditations .topseo a { background:url(images/top-seoboth.gif) no-repeat; width:191px; height:127px; background-position:-191px 0px; float:left; margin-left:-10px;}
#accreditations .topseo a:hover{ background-position:0px 0px; }

#accreditations .infolab21 a { background:url(images/infolab-both.gif) no-repeat; width:236px; height:127px; background-position:-236px 0px; float:left; margin:0px; margin-left:-10px;}
#accreditations .infolab21 a:hover{ background-position:0px 0px; }

#accreditations .acc a { background:url(images/acc1-both.gif) no-repeat; width:144px; height:127px; background-position:-144px 0px; float:left; margin:0px; margin-left:-10px;}
#accreditations .acc a:hover{ background-position:0px 0px; }

#accreditations .digital a { background:url(images/da-both.gif) no-repeat; width:111px; height:127px; background-position:-111px 0px; float:left;margin:0px; margin-left:-10px;}
#accreditations .digital a:hover{ background-position:0px 0px; }

#accreditations .nwmf a { background:url(images/nwmf-both.gif) no-repeat; width:165px; height:127px; background-position:-165px 0px; float:left;margin:0px; }
#accreditations .nwmf a:hover{ background-position:0px 0px; }

#indexright {
	padding-left:10px;
}
#indexright h1,#indexleft h1 { font-size: 15px; font-weight:bold; color: #21567a; margin: 5px 0px 5px 0px;}

#news .datebox {
	background:url(images/datebg.png) no-repeat;
	width:42px; height:59px;
	float:left; margin:5px; text-align:center
}

#news .datebox .date {position:relative; font-size:11px; 	line-height:95%; top:7px; left:0px; text-align:center; }

.formcell1 
{
	background-color:#E4E4E4;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px; color:#343433; font-weight:bold;
	border-top:1px solid #EBEBEB;
	border-bottom:1px solid #D1D1D1;
	padding:6px;
}

.formcell2
{
	background-color:#E3E2E2;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;	color:black;
	border-top:1px solid #EBEBEB;
	border-bottom:1px solid #D1D1D1;
	padding:6px;
}

#footer .content p { color:#c4c5c5; }

#clientlist { margin:0px 0px 0px 0px; padding:6px 10px 0px 0px; list-style:none; }
#clientlist li { display:inline; margin:0px 0px 0px 0px; padding:0; color:#c4c5c5; }
#clientlist a { color:#c4c5c5; text-decoration:none; padding-right:5px;}
#clientlist a:hover { text-decoration:underline; }

#servicelist a { text-decoration:none; }
#servicelist a:hover { text-decoration:underline; }

#twitter_update_list { margin:0px 0px 0px 0px; padding:6px 10px 0; list-style:none; }
#twitter_update_list li { list-style:none; margin: 0px 0px 10px 0px; padding:0; color:#000000; }
#twitter_update_list li span { margin-bottom:10px; }
#twitter_update_list a {
	text-decoration:none;
}
#marqueecontainer {
	height:205px;
	position:relative;
	width:138px;
overflow: hidden;
text-align:right;
}

#vmarquee img {
	border:1px solid silver;
}

#portfolio img { border:1px solid #7e7878; margin-bottom:5px; }
#portfolioclient img { border:1px solid #7e7878;}
#portfolio td {
	font-size:11px;
}

#pagination { margin:0px 0px 0px 0px; padding:6px 10px 0; list-style:none; }
#pagination li { list-style: none; float: left; margin-right: 5px; margin-left:0px; padding:5px; border:solid 1px #dddddd; color:#000000; background:#dbdbdb; }
#pagination li:hover { color:#4f4f4f; cursor: pointer; background:#d2d2d2; }

div.jquery-ajax-loader {
	background: #333 url(images/bigLoader.gif) no-repeat 50% 50%;
	opacity: .6;
}

#bookmarks { color:#7a7a7a; }

#bookmarks .social img {
	border:1px solid silver;
	margin:1px; width:16px; height:16px;
	padding:3px; background:white;
}

.error { border:2px solid red; background:#FCF7C1; padding:5px; margin-top:10px; margin-bottom:10px;}
.ok { border:2px solid #FAD426; background:#FCF7C1; padding:5px; margin-top:10px; margin-bottom:10px; }