/* Global stylesheet classes */
html
{
	height: 100%;
}

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

body
{
	font-family: arial, helvetica, sans-serif;
	height: 100%;
	margin: 0;
}

a img
{
	border: 0;
}

form
{
	margin: 0;
}

label
{
	color: rgb(81, 81, 81);
	display: block;
	font-size: 13px;
	line-height: 22px;
	margin-top: 5px;
}

input, select
{
	font-family: arial, helvetica, sans-serif;
	font-size: 13px;
}

.formErrors
{
	color: rgb(255, 0, 0);
	font-family: arial, helvetica, sans-serif;
	font-size: 13px;
	line-height: 14px;
}

.notFooter
{
	position: relative;
	min-height: 100%;
}

* html .notFooter
{
	height: 100%;
}

.container
{
	margin: 0 auto;
	width: 1010px;
}

.notFooter .container
{
	padding-bottom: 100px;
}

.header
{
	border-bottom: 1px solid rgb(183, 183, 183);
	height: 50px;
	padding-top: 55px;
	margin-bottom: 30px;
	padding-bottom: 15px;
	position: relative;
}

.headerNav
{
	bottom: 15px;
	right: 0;
	position: absolute;
	width: 750px;
}

.headerNav div
{
	background-image: url('../images/subnavgradient.gif');
	background-position: top;
	background-repeat: repeat-x;
	border-left: 1px solid rgb(236, 236, 236);
	cursor: pointer;
	float: right;
	height: 26px;
	line-height: 26px;
	width: 149px;
}

.headerNav div a
{
	color: rgb(81, 81, 81);
	font-size: 12px;
	padding-left: 5px;
	text-decoration: none;
	line-height: 26px;
	width: 100%;
}

.headerNav div.hover a
{
	color: rgb(211, 135, 73);
}

.headerNav div a.selected
{
	color: rgb(211, 135, 73);
}

.leftPanel
{
	float: left;
	padding-top: 12px;
	width: 235px;
}

.leftPanel .leftContainer
{
	border-top: 1px solid rgb(234, 231, 199);
}

.leftPanel .leftContainer div
{
	border-bottom: 1px solid rgb(234, 231, 199);
	color: rgb(81, 81, 81);
	font-size: 13px;
	line-height: 22px;
	padding: 5px 5px;
	
}

.leftPanel .leftContainer div a
{
	color: rgb(125, 125, 125);
	text-decoration: none;
}

.leftPanel .leftContainer div.hover a
{
	color: rgb(211, 135, 73);
}

.leftPanel .leftContainer div a.selected
{
	color: rgb(211, 135, 73);
}

.rightPanel
{
	float: left;
	margin-left: 25px;
	margin-bottom: 30px;
	width: 750px;
}

.rightPanel .headerBlurb
{
	color: rgb(97, 127, 144);
	font-size: 25px;
	line-height: 40px;
	margin-bottom: 30px;
}

.rightPanel .headerBlurb h1
{
	display: inline;
	font-size: 25px;
	margin: 0;
}

.rightPanel .textBody
{
	font-size: 15px;
	line-height: 26px;
	margin-bottom: 15px;
}

.rightPanel .textBody br
{
	font-size: 20px;
	line-height: 20px;
}

.rightPanel .textBody h1
{
	color: rgb(97, 127, 144);
	display: inline;
	font-size: 18px;
	line-height: 26px;
	margin: 0;
}

.rightPanel .prettyList
{
	background-color: rgb(247, 249, 236);
	margin: 0 0 30px 0;
	padding: 15px 0 15px 15px;
}

.rightPanel .prettyList .listHeader
{
	border-bottom: 1px solid rgb(207, 208, 195);
	font-size: 15px;
	line-height: 25px;
	list-style-type: none;
	margin-bottom: 10px;
}

.rightPanel .prettyList ul
{
	font-size: 13px;
	float: left;
	line-height: 21px;
	margin: 0;
	padding-left: 30px;
	width: 210px;
}

.rightPanel .prettyList ul li
{
	list-style-type: disc;
	height: 21px;
	margin: 0;
	padding: 0;
}

.footer
{
	color: rgb(81, 81, 81);
	font-size: 9px;
	height: 100px;
	text-indent: 130px;
	margin-top: -100px;
	letter-spacing: 1px;
	line-height: 16px;
	position: relative;
	text-align: center;
	width: 100%;
}

.footer .container
{
	border-top: 1px solid rgb(183, 183, 183);
}

.footer .container a
{
	color: rgb(81, 81, 81);
	text-decoration: none;
}

/* Case Studies section */
.caseHeader
{
	border-bottom: 1px solid rgb(207, 208, 195);
	color: rgb(81, 81, 81);
	font-size: 15px;
	line-height: 25px;
	margin-bottom: 20px;
}

.caseImages
{
	float: left;
	margin-right: 15px;
	width: 295px;
}

#caseDisplayImage
{
	height: 250px;
	margin-bottom: 10px;
	width: 295px;
}

.caseThumbnails img 
{
	border: 1px solid rgb(0, 0, 0);
	display: block;
	float: left;
	height: 63px;
	margin-right: 10px;
	width: 63px;
}

.caseBody
{
	color: rgb(81, 81, 81);
	float: left;
	font-size: 13px;
	line-height: 21px;
	width: 440px;
}

.caseBody h1
{
	display: inline;
	font-size: 13px;
	line-height: 21px;
	margin: 0;
}

.caseBody .caseChallenge, .caseBody .caseSolution
{
	margin-bottom: 20px;
}

.caseTestimonial .caseQuote
{
	color: rgb(150, 149, 149);
	font-style: italic;
}

.caseName, .caseTitle
{
	color: rgb(150, 149, 149);
}

.casePointer
{
	color: rgb(211, 135, 73);
}

.caseGalleryLink a
{
	color: rgb(81, 81, 81);
	font-size: 13px;
	line-height: 25px;
	text-decoration: none;
}

/* Bottom buttons */

.bottomButtons
{
	border-top: 4px solid rgb(245, 247, 230);
	text-align: center;
	padding-top: 15px;
}

.bottomButtons div
{
	background-color: rgb(97, 127, 144);
	background-image: url('../images/arrow.png');
	background-repeat: no-repeat;
	background-position: 10px 11px;
	cursor: pointer;
	float: left;
	font-size: 14px;
	height: 31px;
	line-height: 31px;
	margin-right: 10px;
	text-align: left;
	width: 200px;
}

.bottomButtons div.hover
{
	background-color: rgb(211, 135, 73);
	background-image: url('../images/arrow-white.png');
}

.bottomButtons div a
{
	color: rgb(255, 255, 255);
	margin-left: 25px;
	text-decoration: none;
}

/* Contact Page Styles */
.contactInfo
{

}

.contactTitle
{
	color: rgb(97, 127, 144);
	display: block;
	font-weight: bold;
}

.contactNumbers
{
	display: block;
}

.contactAddress
{
	color: rgb(150, 149, 149);
}

/* Staff Section Styles */
.member
{
	border-top: 1px solid rgb(234, 231, 199);
	margin-top: 15px;
	padding-top: 15px;
}

.memberName
{
	color: rgb(81, 81, 81);
}

.memberTitle
{
	color: rgb(150, 149, 149);
}

/* What We Do Styles */
.whatHeader
{
	font-size: 15px;
	line-height: 26px;
	margin-bottom: 40px;
}

.whatHeader h1
{
	color: rgb(97, 127, 144);
	display: inline;
	font-size: 18px;
	margin: 0;
	line-height: 26px;
}

.whatDetailTitle
{
	border-bottom: 4px solid rgb(245, 247, 230);
/*	border-bottom: 1px solid rgb(207, 208, 195);*/
	font-size: 15px;
	line-height: 25px;
	margin-bottom: 20px;
}

.whatSection
{
	border-top: 1px solid rgb(207, 208, 195);
	padding-top: 20px;
}

.whatLeftSide
{
	float: left;
	margin-bottom: 10px;
}

.whatRightSide
{
	color: rgb(81, 81, 81);
	float: left;
	font-size: 13px;
	line-height: 21px;
	margin-left: 20px;
	margin-bottom: 15px;
	width: 490px;
}

.whatThumbnail
{
	margin-bottom: 15px;
	width: 240px;
}

.whatFullscreen
{
	background-image: url('../images/magglass.gif');
	background-repeat: no-repeat;
	background-position: right;
	color: rgb(81, 81, 81);
	font-size: 13px;
	line-height: 25px;
	padding-right: 19px;
	text-decoration: none;
}