/*
	set up the layout arrangement of pages
	Page is split horizontally into three areas
	top is for banners and navigation etc
	middle is for the guts of the page
	bottom is for the footer
	
	The middle allows for one, two or three column layouts
	set up using floats and -ve margin
	
*/
html {
	text-align : center;
}
body {
	margin-top: 12px;
	margin-right: auto;
	margin-bottom: 60px;
	margin-left: auto;
	width : 960px;
}
#branding {
	height: 100px;
	background-image: url(../images/topbanner.jpg);
}
/* want H1 for SEO purposes but shift it out of the way */
#main #branding h1 {
	text-indent: -9999px;
}
#attention_grabber {
	background-image: url(../images/attentionbanner.jpg);
	background-repeat: no-repeat;
	height: 100px;
}
#content {
	width:960px;
	float:none;
	margin: 0px;
}
#site_info {
	background-image: url(../images/site-info.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 72px;
	width: 960px;
	clear:both;
}
/* 	ensure that site info clears all the rest */
br.clearall {
	clear:both;
}
#content_main {
	float:left;
	margin: 0px 0px 0px 240px;
	width : 480px;
	padding:0px 0px 15px 0px;
	border:none;
}
#content_us {
	float:right;
	width : 240px;
	margin:0px;
	padding:0px;
	border:none;
}
#content_client  {
	float : left;
	width : 240px;
	margin:0px 0px 0px -720px;
	padding:0px;
	border:none;
}
#content_client img.partnerlogo {
	background-color: #F0F0F0;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #000;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #000;
	display: block;
	width: 234px;
	margin: 0px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
/*#content_client img {
	background-color: #eeeeee;
	margin: 8px;
	display: block;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #999;
}*/

.contactus {
	display: block;
	padding: 20px;
	margin: 0px;
	border: none;
	vertical-align: middle;
}
/*
	snippets allow for individual info items in a column
	they take the form of a header plus body
*/
.snippet {
	margin-top: 3px;
	margin-right: 2px;
	margin-bottom: 25px;
	margin-left: 2px;
}
.snippetcontent {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
.snippet p {
	margin: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 12px;
	padding-left: 7px;
}
#content_us .snippet a img {
	margin-top: 15px;
}
.contact img #dave , .contact   img #chris{
	margin-top: 5px;
}

#mainquote img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	position: relative;
}
.wrapimage {
	display: inline;
	float: right;
	padding: 8px 0px 8px 5px;
}
.wrapimgleft {
	float: left;
	margin-right: 5px;
}
/*  form formating here              */

.mainform{
	font-size: 14px;
	background-color: #D5D5D5;
}
.mainform table{
	width 430px;
	padding 30px 0px 0px 0px;
}
.mainform td {
	vertical-align:top;
}
.mainform td label{
	width: 150px;
	text-align: left;
	font-weight: bold;
	padding-left: 10px;
}
.mainform td input{

	width: 250px;
	background-color: #FBEF99;
}
.mainform textarea#message{
	width: 310px;
	height: 250px;
	font-family:"Lucida Console", Monaco, monospace;
	text-align: left;
	background-color: #FBEF99;
}
input#name:focus,
input#email:focus,
input#subject:focus,
input#phone:focus,
textarea#message:focus,
{
	background-color: #FDD041;
}
input#sendmail{
	margin: 0px 0px 10px 143px;
	width:110px;
}



/*.mainform{
	font-size: 18px;
	background-color: #D5D5D5;
}
.mainform form{
	margin: 25px,5px,25px,5px;
}
.mainform label {

	display block;

}
input#name, input#email, input#subject,{

	display: block;
	float:right;
	width: 290px;
	font-family:"Lucida Console", Monaco, monospace;
	text-align: left;
	font-weight: bold;	
	margin-top: -2px;
}
input#name:focus,
input#email:focus,
input#subject:focus,
textarea#comments:focus,
{
	background-color: #FDD041;
}
textarea#comments
{
	display: block;	
	width: 440px;
	height: 250px;
	font-family:"Lucida Console", Monaco, monospace;
	font-size: 14px;
	text-align: left;
	font-weight: bold;
}
input#sendmail{
	display:block;
	clear:both;

}*/

/* specific for contact / about us page */
.contactus {
	text-align: center;
	vertical-align: middle;
	display: block;
}
}
.contact img #dave , .contact   img #chris{
	
}
.contact #chris {
	text-align: center;
	vertical-align: middle;
	display: block;
	padding: 5px 0px 5px 40px;
}
.contact #dave {
	text-align: center;
	vertical-align: middle;
	display: block;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 18px;
}
/* specific for the client page*/
#clients {
	padding-bottom: 25px;
}
#clientgifs {
	background-image: url(../images/animated-logos.gif);
	background-position: center center;
	background-repeat: no-repeat;
	height: 200px;
	width: 234px;
	position: relative;
	margin-bottom: 5px;
	background-color: #FFF;
}
#clientgifs a {
	position: absolute;
	bottom: 0px;
}
#content_clients , #content_cases{
	float:right;
	width : 720px;
	margin:0px 0px 0px 0px;
	padding:0px;
	border:none;
}
#content_clientintro , #content_claseintro{
	float:left;
	width : 240px;
	margin:25px 0px 0px 0px;
	padding:0px;
	border:none;
}
#content_clients img {
	margin: 15px;
	width: 150px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 30px;
}
#caselogo {
	background-color: #FFF;
	vertical-align: middle;
	padding: 20px;
	margin-top: 35px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 27px;
}
#content_bookreview {
	float:right;
	width : 720px;
	margin:0px;
	padding:0px;
	border:none;
}
#content_bookamazon {
	float:none;
	width : 240px;
	padding:0px;
	border:none;
	margin: 0px;
}
.bookreview {
	height: auto;
	text-align: justify;
	vertical-align: top;
}
.bookreview td {
	vertical-align: top;
	padding-top: 25px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

#reviewsend {
	clear: both;
	height: 300px;
}
.vidborder {
	border: medium solid #0054a0;
	height: 271px;
	width: 361px;
	text-align: center;
	vertical-align: middle;
	margin-left: 10px;
}