body
{
    font-size: .75em;
    font-family: Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    background-color:#252017;
    text-align:center;
    line-height:1.6em;
}

a
{
	text-decoration:none;
	color:#2C4272;
}

a img
{
	border:0;
}

p a:hover
{
	text-decoration:underline;
}

h1, h2, h3, h4, h5, h6
{
	font-family:Arial;
	margin-top:0;
}

h2
{
	font-size:2.2em;
}

h2 img
{
	vertical-align:middle;
	padding-right:18px;
}

h3
{
	font-size:1.5em;
}

h4
{
	font-size:1.2em;
}

hr
{
	border:0;
	height:1px;
	background-color:#cccccc;
	color:#cccccc;
}

ul
{
	list-style-type:none;
	padding:0;
}

ul.standardhorizontal
{
	margin:60px 0 0 0;
	font-family:Arial;
	font-weight:bold;
	text-align:center;
}

ul.standardhorizontal li
{
	display:block;
	float:left;
}

/* standard floats */

.floatleft
{
	float:left;
}

.floatright
{
	float:right;
}

.clear
{
	clear:both;
	height:0px;
}

.liclear
{
	clear:both;
}

/* error handling */

#errormessage
{
	color:#ff0000;
}

.validation-summary-errors
{
	color:#ff0000;
	list-style-type:disc;
	padding:0 0 0 40px;
}

.field-validation-error
{
	color:#ff0000;
}

.input-validation-error
{
    background-color: #ffeeee;
}

/* page header */

#header
{
	background:url(../Images/HeaderBackground.png) repeat-x;
	height:100px;
}

#headercontent
{
	margin:auto;
	width:962px;
	text-align:left;
}

#headercontent #logo 
{
	margin:25px 0 0 0;
	float:left;
}

#headercontent ul li
{
	font-size:1.5em;
	height:42px;
	width:86px;
	margin:0 11px 0 11px;
	padding:12px 0 0 0;
}

#headercontent ul li a
{
	color:#ffffff;
}

#headercontent ul li.selected
{
	background:url(../Images/SelectedTab.png) no-repeat center center;
}

#headercontent ul li.selected a
{
	color:#000000;
}

/* page footer */

#footer
{
	color:#B2AEA1;
	font-size:80%;
	text-align:left;
	width:938px;
	margin:auto;
	padding-top:15px;
}

#footer p
{
	margin:0 0 10px 0;
}

#footer a
{
	color:#B2AEA1;
	text-decoration:underline;
}

/* content wrapper */

#contentwrapper
{
	background-color:#F4F4EA;
}

/* page content */

#content
{
	margin:auto;
	background-color:#ffffff;
	width:938px;
	padding:15px 12px 50px 12px;
	text-align:left;
}

/* large front page banner */

#largefrontpagebanner
{
	font-family:Arial;
	height:277px;
	background:#EBE9D8 url(../Images/WhoAreSidebytesBackground.png) no-repeat center center;
	margin-bottom:6px;
}

#largefrontpagebanner #sectioncontent
{
	margin:0;
	color:#333333;
	padding:37px 0 0 37px;
}

#largefrontpagebanner a
{
	color:#ffffff;
}

#largefrontpagebanner p
{
	font-size:1.4em;
	width:728px;
}

#largefrontpagebanner ul li
{
	font-size:1.4em;
	background:url(../Images/GreyButton.png) no-repeat;
	width:175px;
	height:36px;
	margin:0 33px 0 0;
	padding:8px 0 0 0;
}

/* small front page banner */

#smallfrontpagebanner
{
	font-family:Arial;
	font-weight:bold;
	background: url(../Images/SidebyteBackground.png) no-repeat center center;
	height:37px;
	padding:15px 0 0 13px; 
}

#smallfrontpagebanner a
{
	color:#ffffff;
}

#smallfrontpagebanner h3
{
	float:left;
}

#smallfrontpagebanner #findoutmore
{
	float:right;
	font-size:1.4em;
	text-align:center;
	background: url(../Images/GreyButton.png) no-repeat center center;
	width:175px;
	height:36px;
	margin:-15px 15px 0 0; 
	padding-top:16px;
}

/* front page spacer*/

#frontpagespacer
{
	height:60px;
}

/* contact form */

#contactform
{
	background-color:#EBE9D8;
	padding:14px;
}

#contactform ul.form
{
	margin:0;
	width:710px;
}

#contactform input, #contactform textarea
{
	border:solid 1px #D1CDA7;
	padding-top:6px;
}

#contactform input
{
	width:329px;
	height:24px;
	margin:5px 0 10px 0;
	font-size:1.4em;
}

#contactform input.submitbutton
{
	font-family:Arial;
	font-weight:bold;
	font-size:1.3em;
	width:175px;
	height:36px;
	color:#ffffff;
	background:url(../Images/GreyButton.png) no-repeat;
	border-width:0;
	text-align:center;
	padding-top:1px;
}

#contactform textarea
{
	font:inherit;
	font-size:1.2em;
	width:97%;
	height:150px;
}

/* about */

#aboutbanners
{
	margin-top:25px;
}

#aboutbanners p
{
	margin-top:8px;
	margin-bottom:0px;
}

.aboutbanner
{
	width:300px;
	margin-right:18px;
}

.aboutbannerfirst
{
	float:left;
}

.aboutbannermiddle
{
	margin:0 318px;
}

.aboutbannerlast
{
	float:right;
	margin-right:0;
}

#technologymodal-overlay 
{
	background-color:#000;
}

#technologymodal-container 
{
	height:400px;
	width:600px;
	background-color:#fff;
	border:3px solid #ccc;
}

#technologymodal-container a.closeimage 
{
	background:url(../Images/ModalClose.png) no-repeat;
	width:25px;
	height:29px;
	display:inline;
	z-index:3200;
	position:absolute;
	top:-15px;
	right:-18px;
	cursor:pointer;
}

#technologymodal-container #technologymodalcontent 
{
	padding:15px 8px 8px 8px;
	text-align:left;
}

/* bespoke */

.bespokelist
{
	list-style-type:disc;
	padding:0 0 0 60px;
}

#bespokebanner
{
	font-family:Arial;
	height:65px;
	background:#EBE9D8 url(../Images/BespokeBackground.png) no-repeat center center;
	margin-bottom:6px;
}

#bespokebanner #sectioncontent
{
	margin:0;
	color:#333333;
	padding:24px 0 0 0;
	text-align:center;
}

/* sidebyte */

#sidebytebanner
{
	font-family:Arial;
	height:65px;
	background:#EBE9D8 url(../Images/BespokeBackground.png) no-repeat center center;
	margin-bottom:6px;
	font-weight:bold;
}

#sidebytebanner #sectioncontent
{
	margin:0;
	color:#333333;
	padding:24px 0 0 0;
	text-align:center;
}

#sidebytebanner #sectioncontent h3
{
	float:left;
	padding-left:25px;
}

#sidebytebanner #sectioncontent #findoutmore
{
	float:right;
	font-size:1.4em;
	text-align:center;
	background: url(../Images/GreyButton.png) no-repeat center center;
	width:175px;
	height:36px;
	margin:-17px 15px 0 0; 
	padding-top:16px;
}

#sidebytebanner a
{
	color:#ffffff;
}

.sidebytefeature
{
	margin-top:25px;
}

.sidebytefeature .image
{
	float:left;
}

.sidebytefeature .description
{
	float:right;
	width:860px;
}

.sidebytefeature .description h4
{
	margin:0 0 -10px 0;
}