/*

	   db    88 88""Yb 888888 88""Yb  dP"Yb  88b 88 888888 
	  dPYb   88 88__dP 88__   88__dP dP   Yb 88Yb88   88   
	 dP__Yb  88 88"Yb  88""   88"Yb  Yb   dP 88 Y88   88   
	dP""""Yb 88 88  Yb 88     88  Yb  YbodP  88  Y8   88   
	-------------------------------------------------------
	site specific css
	-------------------------------------------------------
	
 
		this is very quick and temporary to make it look
		like I'm not dead, I'm just snowed with work! :)
		
		Please feel free to look around and learn but don't
		steal wholesale, especially not images or design. 

	
*/

/* @group - css reset
----------------------------------------------------------- */

	html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,
	acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,
	strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,
	table,caption,tbody,tfoot,thead,tr,th,td {
		background:transparent;
		border: 0;
		font-size: 100%;
		margin: 0;
		outline: 0;
		padding: 0;
		vertical-align: baseline;
		background-repeat: no-repeat;
	}

	ol,ul { list-style: none; }
	blockquote, q { quotes: none; }
	blockquote:before, blockquote:after, q:before, q:after{ content: ''; content: none; }
	:focus{ outline:0; }
	ins { text-decoration: none; }
	del { text-decoration: line-through; }
	table { border-collapse: collapse; border-spacing: 0; }

/* @group - redefine standard elements
----------------------------------------------------------- */

	body{font:normal normal normal 62.5% Arial,Helvetica,Verdana,sans-serif;line-height:1.2em;}

/* @group - common link styles
----------------------------------------------------------- */

	a { text-decoration: none; }

/* @group - classes / utilities (mainly for debugging)
----------------------------------------------------------- */
	
	/* self clearing elements and class */
	.columnset:after,.group:after, .frow:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
	
	.clearfloats, .cf{clear:both;}
	.clearleft, .cl{clear:left;}
	.clearright, .cr{clear:right;}
	.floatright,.fr{float:right !important;}
	.nofloat,.nf{float:none !important;}
	.floatleft,.fl{float:left !important;}
	img.floatright,img.fr,blockquote.fr,blockquote.floatright{margin:0 0 5px 10px;}
	img.floatleft,img.fl,blockquote.fl,blockquote.floatleft{margin:0 10px 5px 0;}
	img{border:none;}
	.bdr{border:1px solid #000;}
	.nbtop,.nb-top{border-top:none !important;}
	.nbbottom,.nb-bottom{border-bottom:none !important;}
	.nbleft,.nb-left{border-left:none !important;}
	.nbright,.nb-right{border-right:none !important;}
	.make-fw{width:100% !important;}
	.make-hw{width:50% !important;}
	.make-qw{width:25% !important;}
	.add-m{margin:10px;}
	.nomargin,.nm,.last{margin:0 !important;}
	.pd{padding:10px;}
	.np,.nopadding{padding:0 !important;}
	.aligncenter,.ac{text-align:center !important;}
	.alignright,.ar{text-align:right !important;}
	.alignleft,.al{text-align:left !important;}
	.justify{text-align:justify !important;}
	div.hr{background:transparent;border-bottom:1px solid #000;height:0px;margin:0 0 10px 0;padding:0;}
	.hide{display:block;height:0;overflow:hidden;width:0;margin:0;padding:0;}
	noscript{font-size:120%;}


/* @group - base elements
----------------------------------------------------------- */	

	body{background:#fff url(/img/global/floor-repeat-bg.jpg) repeat-x 0 100%;}
	
	a { color: #25a0ff;}
	a:hover { text-decoration: underline; }
	
	body.has-js #contact { display: none;}

/* @group - doc and grid selectors
----------------------------------------------------------- */	

	#pagewrap{background:transparent url(/img/temp/office-moving-in.jpg) no-repeat 0 100%; padding:35px 0 0 90px;  position: relative;}
	#doc{ width:870px; padding-bottom: 590px; }

/* @group - intro selectors
----------------------------------------------------------- */
	
	.intro-block{width:730px;}
	.intro-block h1,.intro-block h2{background:transparent url(/img/logo/logo.png) no-repeat 0 0;overflow:hidden;text-indent:-1000em;margin:0 0 23px 0;}
	.intro-block h1{width:314px;height:77px;}
	.intro-block h2{background-image:url(/img/temp/established.png);width:728px;height:60px; margin-bottom: 20px;}
	p, label{font-size:2em;font-family:Helvetica,Arial,"MS Trebuchet",sans-serif;color:#666;font-weight:normal; line-height: 1.3em; margin-bottom: 20px;}

/* @group - form selectors
----------------------------------------------------------- */

	form{width:700px;padding:10px 0 10px;}
	.frow{margin:0 0 15px 0;}
	.frow-alt{background:#eaf1f4;}
	.frow label{font-size:1.8em;line-height:1.8em;margin:0;}
	.frow-text input,.frow-text label{width:250px;float:left;}
	.frow-text label{width:200px;}
	.frow-text input, .frow-textarea textarea { font-size: 1.4em; color:#333; border: 1px solid #ccc; padding: 4px 3px; }
	.frow-textarea,.frow-textarea label,.frow-textarea textarea,.frow-textarea .frow-error{float:none;display:block;width:100%;}
	.frow-textarea .frow-error,.frow-textarea label{padding:0;display:inline;}
	.frow-action{width:100%;float:none;padding:0;}
	.frow-action input{float:right;}
	.frow-error{color:#f00;font-size:1.2em;font-family:Arial,"MS Trebuchet",sans-serif;display:block;float:left;padding:5px 5px;text-align:left;}
	.success-msg { color: #0cc8f7!important;}
	
/* @group - footer
----------------------------------------------------------- */

	.footer { position: absolute; bottom: 0px; left: 90px; clear: both; }
	.footer p { font-size: 1.3em; }
	.footer a { color: #333; text-decoration: underline; }
	.footer a:hover { color: #000; }