/*  -- AUTHOR: PITCH (pitch.net.nz) -----------------------------------------------------------  */
/*  -- MEDIUM: SCREEN -------------------------------------------------------------------------  */	
/*  -- GENERAL --------------------------------------------------------------------------------  */

body { font-size: 14px; font-family: Georgia; }
a { color: #6D7B8D; text-decoration: none; }
a:hover { text-decoration: underline; }
a.visit { display: block; width: 100px; padding: 15px 0px 0px 12px; background: url(../_img/arrow.png) left bottom no-repeat; }
p { color: #B6B29F; }
p.note { padding: 20px 5px; }
p.copy { padding: 20px 0px 50px 5px;}
h3 { text-transform: uppercase; color: #FFF; background: #b6b3a0; padding: 10px; }
div.border { height: 6px; background: url(../_img/border.png) no-repeat; clear: both; }
div#wrapper { width: 762px; margin: 0px auto; margin-top: 60px; }

/*  -- HEADER --------------------------------------------------------------------------------  */
	
div#logo { height: 68px; background: url(../_img/us-top.png) center right no-repeat; }
		div#logo h2 a { width: 197px; height: 68px; float: left; display: block; text-indent: -9999px; background: url(../_img/logo.png) no-repeat; }
	
div#intro { color: #B6B29F; padding: 20px 5px; background: url(../_img/us-main.png) top center no-repeat; }
		div#intro h1 { font-size: 20px;	margin-bottom: 20px; }
		div#intro p { width: 480px; line-height: 20px; }		
	
/*  -- PORTFOLIO ------------------------------------------------------------------------------  */

div.folio {  margin-bottom: 20px;}
div.small { display: block; float: left; width: 375px; height: 322px; margin-bottom: 20px; }
	div.folio p, div.small p { color: #6D7B8D;}

.webstock2 {	height: 595px; background: #f6f5ee url(../_img/folio-webstock_new.png) bottom center no-repeat; }	
	.webstock2 p { padding: 15px 30px 15px 20px; }
	
.webstock {	height: 590px; background: #f6f5ee url(../_img/folio-webstock.png) bottom center no-repeat; }	
	.webstock p { padding: 15px 60px 15px 20px; }

.boundary {	/*height: 427px;*/ height:665px; background: #f6f5ee url(../_img/folio-boundary_new.png) bottom center no-repeat; }
	.boundary p { /*width: 338px;*/ width:358px;/*margin-left: 395px;*/ margin-left: 20px; margin-top: 24px; }

.diabetes {	height: 329px; background: #f6f5ee url(../_img/folio-diabetes.png) bottom center no-repeat; }
	.diabetes p { width: 174px; margin-left: 20px; margin-top: 20px; }

.onya {	height: 386px; background: #f6f5ee url(../_img/folio-onya_new.png) bottom center no-repeat; }
	.onya p { width: 268px; margin-left: 170px; margin-top: 18px; }

.house { height: 346px; background: #f6f5ee url(../_img/folio-house.png) bottom center no-repeat; }
	.house p { width: 310px; margin-left: 20px; margin-top: 10px; }

.long { height: 297px; background: #f6f5ee url(../_img/folio-long_new.png) bottom center no-repeat; }
	.long p { width: 169px; margin-left: 580px; margin-top: 22px; }

.full { background: #f6f5ee url(../_img/small-full.png) bottom center no-repeat; margin-right: 11px; }
	.full p { width: 169px; margin-left: 288px; margin-top: 245px; }

.share { background: #f6f5ee url(../_img/small-share.png) bottom center no-repeat; }
	.share p { width: 169px; margin-left: 288px; margin-top: 245px; }

.keeping { background: #f6f5ee url(../_img/small-keeping.png) bottom center no-repeat; margin-right: 11px; }
	.keeping p { width: 169px; margin-left: 288px; margin-top: 245px; }

.foe { background: #f6f5ee url(../_img/small-foe.png) bottom center no-repeat; }
	.foe p { width: 169px; margin-left: 288px; margin-top: 245px; }