/*************************************************************************	 
*******	Benchpoint
*******	© 2009 enginehouse - contact enginehouse at gmail dot com
**************************************************************************/


/****** EVERYTHINGS 
**************************************************************/

html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,em,img,strong,sub,sup,center,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td 
				{margin:0;padding:0;border:0;outline:0;font-size:100.01%;vertical-align:baseline;background:transparent;font-family:arial,sans-serif;}
ol,ul 				{list-style:none;}
blockquote,q 			{quotes:none;}
:focus 				{outline:0;}
ins 				{text-decoration:none;}
del 				{text-decoration:line-through;}
table 				{border-collapse:collapse;border-spacing:0;}
body				{color:#333333;line-height:1.4;background-color:#fff;}
a				{color:#0066FF;outline:none;text-decoration:none;}
a:hover				{background-color:#0066FF;color:#fff;}
img				{border:none;display:inline;}

:focus 				{outline:0;}
ul#accessibility		{display:none;}	


/****** STRUCTURE
**************************************************************/

#wrapper			{width:920px;text-align:left;}
#header				{width:100%;height:140px;}
#centre-panel			{width:100%;}
div.content			{width:500px;background-color:#fff;float:left;}
div.listing			{float:left;}
div.blog-news-column		{width:220px;float:right;}
div.navigation-column		{width:190px;float:left;}


/******	TYPE
****************************************************************/
		
		
h2,h3,h4,h5,p,dt		{font-weight:normal;padding:0 20px 10px 10px;color:#0066ff;}


h1#logo a			{float:left;display:block;text-indent:-9999px;height:140px;width:190px;background:#333 url(/images/structure/logo-benchpoint.gif) no-repeat left top;}

h2				{font-size:21px;font-family:georgia, serif;line-height:1.2;padding:10px 10px 15px;width:95%;float:left;clear:both;}
h3				{padding-top:5px;}

div.content h3			{font-size:0.75em;font-weight:bold;font-family:arial, sans-serif;}

body.homepage div.content h3	{margin-bottom:0;padding-bottom:0;font-family:georgia, serif;font-size:1em;font-weight:normal;}
div.blog-news-column h3 a	{font-family:georgia, serif;display:block;color:#0066FF;}
h4				{font-size:0.75em;font-weight:bold;padding-bottom:1em;}
p				{font-size:0.75em;margin-bottom:0.8em;color:#333;}
a.more				{clear:both;color:#232E4C;margin-top:10px;padding:0.3em 0.6em;background-color:#fff;text-transform:uppercase;font-size:10px;width:auto;}
div.blog p			{color:#fff;}
p.breadcrumb 			{margin-bottom:0;padding-bottom:0;}
.header				{height:250px;display:block;float:left;}

/****** EM, BLOCKQUOTE, STRONG
**************************************************************/

strong				{font-weight:bold;color:#0066FF;}
em				{font-style:italic;text-decoration:underline;}
fieldset.contact.full-width span  span.captcha-hints		{font-size:11px;color:red;}

/****** page background images
**************************************************************/

body				{background:url(/images/backgrounds/tranquil-sea.jpg) no-repeat left top;background-attachment:fixed;}

blockquote			{margin:1em;background-color:#0066FF;}
blockquote h3			{font-size:2em;color:#fff;font-weight:bold;padding:1.2em 0 0.75em 1em;margin:0;}
blockquote ul			{padding:0 1em 1em;}
blockquote li			{background:url(/images/structure/bullet-small-white-arrow.gif)no-repeat 0 0.45em;padding-left:1.5em;font-size:0.75em;color:#fff;line-height:1.5;}

.bm5				{margin-bottom:5px;margin-top:5px;}
.tm15				{padding-top:15px;float:left;width:470px;display:block;}
.tm5				{margin-top:5px;}

/****** strapline
**************************************************************/

ul#strapline			{line-height:90px;float:right;width:550px;}
ul#strapline li			{position:relative;text-align:right;float:left;font-size:30px;font-family:georgia, serif;color:#fff;white-space:nowrap;display:block;width:auto;}


/****** tables
**************************************************************/

table				{width:480px;clear:both;border-collapse:collapse;padding:10px;margin-left:10px;margin-bottom:2em;float:left;}

table td,		
table th			{color:#444;padding:0.5em 1em;font-size:0.6875em;vertical-align:top;}

table				{color:#333;}
table th			{font-weight:bold;}
table tr			{border-bottom:1px dotted #eee;}
table tr.even			{background-color:#f0f0f0;}

ul.case-studies			{padding-top:20px;float:left;}
ul.case-studies	li img		{margin-left:10px;}
ul.case-studies	li		{border-bottom:1px solid #ccc;margin:0 10px 20px;padding-left:0;}
ul.case-studies	li li		{border:0;margin:0;}
ul.case-studies	li h4		{font-weight:normal;}


/****** topnav
**************************************************************/

ul.top-nav			{width:auto;float:right;}
ul.top-nav li			{display:inline;font-size:0.6875em;font-weight:bold;}
ul.top-nav a			{float:left;padding:0.5em 0 0.5em 1.3em;color:#fff;background-color:transparent;}


/****** MAIN NAVIGATION
**************************************************************/


div.navigation-column ul	{width:100%;padding-top:10px;}	
div.navigation-column li	{margin-bottom:3px;width:auto;float:left;clear:both;}	

div.navigation-column a,
div.expand h5,
ul.page-list-links a		{width:auto;float:left;white-space:nowrap;display:block;text-transform:uppercase;background-color:#0066FF;color:#fff;font-size:0.6875em;font-weight:bold;padding:4px 10px 4px 20px;}	

div.navigation-column ul ul a	{text-transform:none;color:#0166FF;background-color:#EEF2F5;}
div.navigation-column ul ul a.here,
div.navigation-column ul ul a:hover	{color:#0166FF;background-color:#fff;}

div.navigation-column a.here,
div.navigation-column a:hover	{background-color:#333;}	


/****** blog news contact 
****************************************************/

div.blog-news-column li		{padding:0 0 10px 10px;font-size:0.75em;}
div.blog-news-column li	a	{width:185px;display:block;}
div.contact			{background-color:#fff;margin-bottom:5px;}

div.news,
div.blog			{background-color:#232E4C;padding-bottom:15px;}

div.blog			{padding-top:5px;padding-bottom:5px;}
div.news			{background-color:#CED6DF;}


div.contact h3,
div.news a			{display:block;cursor:pointer;}

div.blog h3 a:hover,
div.news a:hover		{background-color:transparent;}

div.news a.more,
div.expand a.more		{background-color:#0066FF;color:#fff;clear:both;width:4em;}

div.blog h3 a,
div.news h3,
h3#contact-form			{background:url(/images/structure/icon-contact-plus.gif) no-repeat right 14px;line-height:44px;font-weight:normal;font-family:georgia, serif;font-size:19px;margin-bottom:0;padding-top:0;padding-bottom:0;}	

h3#contact-form.active 		{background-position:right -90px;}

div.blog h3 a,
div.news h3			{padding:5px 10px;background:none;line-height:normal;color:#0066ff;}

div.blog h3 a			{color:#fff;padding-left:0;}

/****** areas
****************************************************/

div.key-areas,			
div.testimonials		{clear:both;width:100%;float:left;}

div.key-areas			{}			


div.expand			{clear:both;margin-bottom:5px;padding-left:5px;float:left;clear:both;width:100%;}
div.expand h5			{cursor:pointer;padding-left:5px;margin-left:5px;width:auto;display:block;float:left;clear:both;padding-right:25px;background:#0066FF url(/images/structure/icon-plus.gif) no-repeat right top;}

div.expand ul,
div.expand p			{display:none;padding-top:5px;clear:both;}

div.expand.active p,
div.expand.active ul		{display:block;}
div.expand.active h5		{background-position:right bottom;}

div.expand ul,
ul.page-list			{padding-left:1em;width:90%;}

ul.page-list-links		{padding-left:0.5em;}

ul.page-list,
ul.page-list-links,
ul.page-list-links li		{padding-bottom:1em;clear:both;width:100%;}

ul.page-list-links li		{padding-bottom:0;}
ul.page-list-links a		{float:left;width:auto;padding:6px 5px;padding-right:2em;background:#0066FF url(/images/structure/icon-right-arrow.gif) no-repeat right center;margin-bottom:4px;}

div.expand li,
ul.page-list li			{background:url(/images/structure/bullet-small-orange_3x5.gif) no-repeat 0 0.75em;font-size:0.75em;line-height:2em;padding-left:1em;width:90%;}


/****** form
****************************************************/

fieldset#contact		{display:none;width:195px;padding:0 0 10px 10px;}
fieldset#contact.active		{display:block;}
fieldset#contact p		{padding:0 10px 0 0;font-size:11px;}
label				{display:block;clear:both;}
label span			{display:block;font-size:0.6875em;}
input.text			{width:170px;float:left;border:1px solid #BDD6FD;padding:2px;}
input.submit			{float:right;clear:both;margin-right:10px;display:inline;margin-left:130px;}
input.text:focus,
textarea.textarea:focus		{border-color:#0066FF;}
input.text.required		{border-color:#0066FF;}
textarea.textarea		{width:175px;height:80px;overflow:auto;border:1px solid #BDD6FD;}
div.section			{clear:both;padding:5px 0 10px;float:left;width:auto;display:block;}
div.section div			{float:left;}
div.section div	label span	{float:left;width:130px;line-height:20px;}
div.section div input.checkbox	{vertical-align:middle;height:20px;float:left;width:auto;margin-right:5px;margin-left:-1px;}


fieldset.contact 		{display:block;width:480px;padding:10px;margin-top:5px;}

fieldset.contact.full-width input.text	{width:240px;float:left;display:block;margin-right:20px;}
fieldset.contact.full-width span	{width:170px;float:left;font-size:0.72em;}
fieldset.contact.full-width textarea.textarea		{width:245px;}
fieldset.contact.full-width div.sub-section	{}

/****** testimonials
****************************************************/

div.testimonials		{background:url(/images/structure/gradient-vertical.jpg) repeat-x left top;width:500px;margin-top:20px;}
div.testimonials ul		{padding:10px 0 0;}
div.testimonials h3		{text-transform:uppercase;color:#0066FF;padding-top:15px;font-size:0.6875em;font-weight:bold;font-family:arial, sans-serif;}
div.testimonials li 		{margin-left:10px;margin-bottom:5px;}
div.testimonials li h4		{font-weight:normal;padding-left:0;}
div.testimonials li p		{}


/****** footer links 
****************************************************/

div.footer 			{display:block;clear:both;padding-top:15px;}
div.footer p			{font-size:0.625em;width:470px;line-height:40px;background-color:#ccc;text-transform:uppercase;display:block;clear:both;margin:0;padding-bottom:0;}

ul#msg				{color:red;padding:1em 0;}
ul#msg li			{font-size:0.75em;}


/****** quotes
****************************************************/

/* STANDARD QUOTES */

q 			{quotes: "\201C" "\201D" "\2018" "\2019";}

q:before 		{content: open-quote;}
q:after  		{content: close-quote;}

/* SAFARI SUPPORT */

q:before   		{content: '\201C';}
q:after    		{content: '\201D';}
q q:before 		{content: '\2018';}
q q:after  		{content: '\2019';}


ul.ya			{padding:10px;} 

ul.ya li		{font-weight:bold;font-size:13px;}
ul.ya li a		{padding:2px;}

ul.ya, 
ul.ya ul 		{list-style:none;margin:0 0 1.5em;background:none;}

ul.ya ul, 
ul.ya ul li		{display:inline;font-size:12px;margin-right:3px;font-weight:normal;}

ul.ya ul:before 	{content:":";}
ul.ya li span 		{visibility:hidden;}

	
/****** hacks
****************************************************/

	
.clearfix:after 		{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix 			{display:inline-table;}

* html .clearfix 		{height:1%;}
.clearfix 			{display:block;}


/***************************************************	
*******	enginehouse@gmail.com
****************************************************/