/* BEGIN RESET ALL CSS */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/* END RESET ALL CSS */


/* BEGIN GRID RULES CSS */

/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/


/* Containers
----------------------------------------------------------------------------------------------------*/
.container_8 {
	margin-left: auto;
	margin-right: auto;
	width: 952px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 5px;
	margin-right: 5px;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 8 Columns
----------------------------------------------------------------------------------------------------*/

.container_8 .grid_1 {
	width:109px;
}

.container_8 .grid_2 {
	width:228px;
}

.container_8 .grid_3 {
	width:347px;
}

.container_8 .grid_4 {
	width:466px;
}

.container_8 .grid_5 {
	width:585px;
}

.container_8 .grid_6 {
	width:704px;
}

.container_8 .grid_7 {
	width:823px;
}

.container_8 .grid_8 {
	width:942px;
}



/* Prefix Extra Space >> 8 Columns
----------------------------------------------------------------------------------------------------*/

.container_8 .prefix_1 {
	padding-left:119px;
}

.container_8 .prefix_2 {
	padding-left:238px;
}

.container_8 .prefix_3 {
	padding-left:357px;
}

.container_8 .prefix_4 {
	padding-left:476px;
}

.container_8 .prefix_5 {
	padding-left:595px;
}

.container_8 .prefix_6 {
	padding-left:714px;
}

.container_8 .prefix_7 {
	padding-left:833px;
}



/* Suffix Extra Space >> 8 Columns
----------------------------------------------------------------------------------------------------*/

.container_8 .suffix_1 {
	padding-right:119px;
}

.container_8 .suffix_2 {
	padding-right:238px;
}

.container_8 .suffix_3 {
	padding-right:357px;
}

.container_8 .suffix_4 {
	padding-right:476px;
}

.container_8 .suffix_5 {
	padding-right:595px;
}

.container_8 .suffix_6 {
	padding-right:714px;
}

.container_8 .suffix_7 {
	padding-right:833px;
}



/* Push Space >> 8 Columns
----------------------------------------------------------------------------------------------------*/

.container_8 .push_1 {
	left:119px;
}

.container_8 .push_2 {
	left:238px;
}

.container_8 .push_3 {
	left:357px;
}

.container_8 .push_4 {
	left:476px;
}

.container_8 .push_5 {
	left:595px;
}

.container_8 .push_6 {
	left:714px;
}

.container_8 .push_7 {
	left:833px;
}



/* Pull Space >> 8 Columns
----------------------------------------------------------------------------------------------------*/

.container_8 .pull_1 {
	left:-119px;
}

.container_8 .pull_2 {
	left:-238px;
}

.container_8 .pull_3 {
	left:-357px;
}

.container_8 .pull_4 {
	left:-476px;
}

.container_8 .pull_5 {
	left:-595px;
}

.container_8 .pull_6 {
	left:-714px;
}

.container_8 .pull_7 {
	left:-833px;
}




/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
/* END GRID RULES CSS */

.wrapper {
margin-left:auto;margin-right:auto;width:954px;background:#ffde2f;margin-top:10px;
}

img {margin:0;padding:0;}

.buttongrid {
width:113px;
margin-right:5px;
padding:0;
float:left;
text-align:center;
font-weight: bold;
font-size: 14px;
}

.buttontop {
background:white;height:149px;
}

.buttonbottom {
background:white;height:47px;
}

.buttonlast {
margin:0;width:113px;
}

h2 {
text-align:center;
font-weight: bold;
font-size: 13px;
margin-top:14px;
}

h2 a {
text-decoration:none;
color: #000;
}

h3 {
text-align:left;
font-weight: bold;
font-size: 24px;
margin-top:10px;
margin-left:10px;
margin-bottom:10px;
}

p {
margin-left:10px;
margin-bottom:18px;
margin-right:10px;
}

ul {
margin-left:10px;
}

li {
margin-bottom:14px;
}

a {
color: #0072bc;
text-decoration:none;
}

body {
line-height: 1.5;
font-family: Arial, Helvetica,Verdana, sans-serif;
font-size: 16px;
background: #000;
}

.textbubbleaccent {
font-weight: light;
font-size:32px;
}

.comicaccent {
font-weight: bold;
font-size:16px;
}

.guyaccent {
font-weight: bold;
font-size:16px;
color:red;
}

.pagetextcontainer {
background:#ffde2f;height:585px;margin-top:10px;overflow:hidden;
}

.pagetextcontainernoheight {
background:#ffde2f;margin-top:10px;overflow:hidden;
}

.pagetextbox {
width:436px;background:white;border:3px solid black;position:relative;
}

.backgroundimage_main {
background:url(/images/background_main.jpg);height:503px;margin-top:10px;
}

.backgroundimage_who {
background:url(/images/background_who.jpg);
}

.backgroundimage_why {
background:url(/images/background_why.jpg);height:682px;margin-top:10px;
}

.backgroundimage_portfolio {
background:url(/images/background_portfolio.jpg);
}

.backgroundimage_visionaries {
background:url(/images/background_visionaries.jpg);
}

.backgroundimage_visionaries_dots {
background:url(/images/background_dots.jpg);
}

.backgroundimage_contact {
background:url(/images/background_contact.jpg);
}

.textposition_main {
position:relative;left:10px;top:50px;text-align: center;
}

.textposition_who {
position:relative;top:20px;left:480px;
}

.textposition_why {
top:20px;left:20px;
}

.textposition_portfolio {
top:20px;left:20px;
}

.textposition_portfolio_items {
top:120px;left:20px;width:895px;
}

.textposition_visionaries {
top:20px;left:20px;
}

.textposition_contact {
top:20px;left:20px;
}

.bgyellow {
background: #ffde2f;
}

.bgblue {
background: #0072bc;
}

.bgred {
background: #ed1c24;
}

.boxgrid{
	width: 150px;
	height: 150px;

	background:#161613;
	border: solid 2px #8399AF;
	overflow: hidden;
	position: relative;
}
.boxgrid img{
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
}

.boxcaption{
	float: left;
	position: absolute;
	background: #000;
	height: 150px;
	width: 150px;
	color:white;
	opacity: .8;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 	}
 	
 .captionfull .boxcaption {
 	top: 0px;
 	left: 0;
 }
 .caption .boxcaption {
 	top: 150px;
 	left: 0;
 }