body {
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: #03080d;
	background-image: url('../img/bgSpace.jpg');
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: 0 0;
	font-family: Arial, sans-serif;
	font-size: 62.5%;}

#wrapper {
	width: 936px;
	margin: 40px;
	padding: 0;
	overflow: auto; }

* {
	margin:0;
	padding:0; }


a {	
	color: #3fefff;
	text-decoration: none;}

a:hover {
	text-decoration: none;}

/*home - nav ________________________________*/
#home_nav_wrapper {
	width: 936px;
	height: 184px;
	margin: 0;
	padding: 0;
	overflow: hidden;}

#home_nav_wrapper ul {
	list-style-type: none;
	padding: 0; }

#home_nav_wrapper li {
	float: left; }

#home_nav_wrapper a {
	display: block;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: 0 0;
	margin: 0 4px 0 0; }

a#home_nav_home {
	background-image: url('../img/nav_home_home.png'); 
	width: 372px;
	height: 184px; }

a#home_nav_home:hover {
	background-position: 0 -184px;}
	
	
a#home_nav_work{
	background-image: url('../img/nav_work_home.png'); 
	width: 184px;
	height: 184px;}
	
a#home_nav_work:hover {
	background-position: 0 -184px;}	

a#home_nav_contact {
	background-image: url('../img/nav_contact_home.png'); 
	width: 184px;
	height: 184px;}
	
a#home_nav_contact:hover {
	background-position: 0 -184px;}	


a#home_nav_blog {
	background-image: url('../img/nav_blog_home.png'); 
	width: 184px;
	height: 184px;
	margin-right: 0;}

a#home_nav_blog:hover {
	background-position: 0 -184px;}



/*home - content________________________________*/
div#home_content_wrapper {
	margin: 4px 0 40px 0;
	width: 936px;
	overflow: hidden;}

div#home_intro {
	width: 560px;
	height: 816px;
	background-image: url('../img/bg75black.png');
	float: left;
	margin: 0; }

img#home_intro_mainCopy{
	float: left;
	width:516px;
	margin: 30px 0 20px 20px;
}

img#home_intro_location{
	float: left;
	clear: both;
	margin: 20px;}

img#home_intro_description{
	float: left;
	clear: both;
	margin: 20px;
}

div#home_rightColumn{
	float: right;
	width: 372px;
	margin: 0;
	padding: 0;}

div#home_featuredProject {
	width: 372px;
	height: auto;
	margin: 0 0 0 0;
	float: right;}
	
div#home_featuredProject a {
	display: block;
	width: 372px;
	height: 318px;
	padding: 0;
	margin: 0;
	background-image: url(../img/home_featuredProject.jpg);
	background-position: 0 0;
	text-decoration: none; }

div#home_featuredProject a:hover {
	background-position: 0 -318px; }
	
div#home_highlighted {
	background-image: url('../img/bg75black.png');
	width: 372px;
	height: 180px;
	overflow: auto; 
	margin: 4px 0 0 0;
	float: right; }

div#home_highlighted img {
	margin: 20px 0 20px 10px;}

div#home_highlighted p {	
	font: italic 16px Arial, sans-serif;
	font-weight: normal;
	letter-spacing: .8px;
	color: #cccccd;
	margin: -5px 20px 10px 20px;
	line-height: 23px;}
	
div#home_highlighted a {
	margin: 20px;
	font: normal 12px Arial, sans-serif;
	color: #3fefff;
	text-decoration: none;}
	
div#home_highlighted a:hover {
	border-bottom: dotted 1px #3fefff; }

#home_twitter {
	background-image: url('../img/bg75black.png');
	width: 372px;
	height: 310px;
	overflow: auto; 
	margin: 4px 0 0 0;
	float: right; }

img#home_twitter_header {
	margin: 20px 0 17px  10px;}

div#home_twitter a {
	font: normal 12px Arial, sans-serif;
	color: #3fefff;
	text-decoration: none;
	margin: 20px;
	}

div#home_twitter a:hover {
	border-bottom: dotted 1px #3fefff;}


div#twitter_div { 
	width: 332px;
	padding: 0;
	margin: 0 0 0 20px;}

div#twitter_div ul li span {
	visibility: visible;
	display:block;}

div#twitter_div ul li span a {
	visibility: visible;
	font: normal 12px Arial, sans-serif;
	color: #3fefff;
	text-decoration: none;
	padding-top: 0;
	display: inline;
	margin: 0;}

div#twitter_div ul li span a:hover {
	color: #3fefff;
	border-bottom: dotted 1px #3fefff;}

div#twitter_div ul li a {
	visibility: visible;
	color: #474747;
	font: italic Arial, sans-serif;
	text-decoration: none;
	display:block;
	width:auto;
	padding-top: 3px;
	margin: 0;} 

div#twitter_div ul li a:hover {
	color: #a6a6a6;
	border: none;}

ul#twitter_update_list { 
	width: 332px; 
	padding: 0; 
	margin: 0; 
	overflow: hidden; }

ul#twitter_update_list li { 
	width: 332px; 
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	color: #cccccd;
	font: normal 12px Arial, sans-serif;
	line-height: 18px;
	list-style: none;
	border-bottom: dotted 1px #474747; }



/*footer________________________________*/
div#home_footer, div#footer, div#footer_work {
	background-image: url('../img/bg75black.png');
	width: 936px;
	height: 45px;
	float: left;
	clear: both; }
	
div#home_footer{	
	margin: 4px 0 0 0;}
	
	
div#footer {
	margin: 8px 0 0 0; }

div#footer_work{	
	margin: 0;}

div#footer a, div#home_footer a, div#footer_work a {
	font: bold 11px Arial, sans-serif;
	color: #271f42;
	margin: 0;
	text-decoration: none;
	float: left;
	margin: 10px 0 0 10px; }

div#footer a:hover, div#home_footer a:hover, div#footer_work a:hover {	
	color: #7d5ccb;
	text-decoration: none;}	
	
div#footer span, div#home_footer span, div#footer_work span {
	font: normal 11px Arial, sans-serif;
	letter-spacing: 1px;
	color: #1b1e20;
	float: left;
	clear: left;
	margin: 2px 0 0 10px;}



/*navigation - interior________________________________*/

#nav_wrapper {
	width: 936px;
	height: 98px;
	margin: 0 0 10px 0;
	padding: 0; }

#nav_wrapper ul {
	list-style-type: none;
	padding: 0; }

#nav_wrapper li {
	float: left; }

#nav_wrapper a {
	display: block;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: 0 0;
	margin: 0 4px 0 0; }

a#nav_home {
	background-image: url('../img/nav_home_small.png'); 
	width: 372px;
	height: 68px; }

a#nav_home:hover {
	background-position: 0 -68px;}
	
	
a#nav_work{
	background-image: url('../img/nav_work_small.png'); 
	width: 184px;
	height: 68px;}
	
a#nav_work:hover {
	background-position: 0 -68px;}	

a#nav_work_selected {
	background-image: url('../img/nav_work_selected.png'); 
	width: 184px;
	height: 98px;
	background-repeat: no-repeat;
	background-position: 0 0;
	margin: 0 4px 0 0;}

a#nav_work_selected:hover {
	background-position: 0 -98px;}

a#nav_contact {
	background-image: url('../img/nav_contact_small.png'); 
	width: 184px;
	height: 68px;}
	
a#nav_contact:hover {
	background-position: 0 -68px;}	

a#nav_contact_selected {
	background-image: url('../img/nav_contact_selected.png'); 
	width: 184px;
	height: 98px;
	background-repeat: no-repeat;
	background-position: 0 0;
	margin: 0 4px 0 0;}

a#nav_contact_selected:hover {
	background-position: 0 -98px;}

a#nav_blog {
	background-image: url('../img/nav_blog_small.png'); 
	width: 184px;
	height: 68px;
	margin-right: 0;}

a#nav_blog:hover {
	background-position: 0 -68px;}	




/*contact________________________________*/

#contact_headline {
	margin: 50px 0 0 20px;
	float: left; }
	
#contact_copy {
	margin: 50px 0 0 20px;;
	float: left;
	clear: both;}
	
#contact_content {
	width: 936px;
	background-image: url('../img/bg65black.png');
	float: left;
	margin: 0; }




/*contact links________________________________*/

div#contactLinks {
	float: left;
	margin: 50px 0 20px 50px;}

div#contactLinks ul {
	margin: 0;
	padding: 0;
	list-style-type: none; }
	
div#contactLinks li {
	margin: 0 0 10px 0; }
	
div#contactLinks a { 
	display: block; 
	width: 316px;
	height: 68px;
	text-decoration: none;
	font: italic bold 14px Arial, sans-serif;
	text-align: right; }
	
a#contactLinks_email {
	background-image: url('../img/contact_arrowButtons.png');
	background-repeat: no-repeat;
	background-position: 0 0;
	}
	
a#contactLinks_email:hover {
	background-position: 0 -68px;
	}
	
a#contactLinks_twitter {
	background-image: url('../img/contact_arrowButtons.png');
	background-repeat: no-repeat;
	background-position: 0 -136px;}
	
a#contactLinks_twitter:hover {
	background-position: 0 -204px;}
	

a#contactLinks_facebook {
	background-image: url('../img/contact_arrowButtons.png');
	background-repeat: no-repeat;
	background-position: 0 -272px;}
	
a#contactLinks_facebook:hover {
	background-position: 0 -340px;}
	

	
a#contactLinks_flickr {
	background-image: url('../img/contact_arrowButtons.png');
	background-repeat: no-repeat;
	background-position: 0 -408px;}

a#contactLinks_flickr:hover {
	background-position: 0 -476px;}	
	
	
/*work section________________________________*/

#work_content{
	margin: 0;
	width: 936px;
	overflow: hidden;}

#work_table {
	margin: 0;}

#work_table td {
	padding: 0;
	width: 228px;
	height: 169px;
	padding: 0 8px 8px 0;}

#work_table a {
	padding: 0;
	margin: 0;
	width: 228px;
	height: 169px;
	background-position: 0 0;
	display: block;
	text-decoration: none;}

div#work_table.lastTDinRow {
	margin-right: 0;}

#work_table a:hover {
	background-position: 0 -169px;}

a#work_rossignol {
	background-image: url(../img/project_thumb_rossignol.jpg);}

a#work_zuneDevice {
	background-image: url(../img/project_thumb_zuneDevice.jpg);}
	
a#work_zuneAnimation {
	background-image: url(../img/project_thumb_zuneAnimation.jpg);}
	
a#work_gamestar {
	background-image: url(../img/project_thumb_gamestar.jpg);}
	
a#work_monstrosity {
	background-image: url(../img/project_thumb_monstrosity.jpg);}
	
a#work_thirtytwoPatterns {
	background-image: url(../img/project_thumb_thirtytwoPatterns.jpg);}
	
a#work_vaqBranding {
	background-image: url(../img/project_thumb_vaqBranding.jpg);}
	
a#work_downbeat {
	background-image: url(../img/project_thumb_downbeat.jpg);}
	
a#work_nikeConsidered {
	background-image: url(../img/project_thumb_nikeConsidered.jpg);}
	
a#work_daftPunk {
	background-image: url(../img/project_thumb_daftPunk.jpg);}

a#work_dcSnowboards {
	background-image: url(../img/project_thumb_dcSnowboards.jpg);}
	
a#work_madrad {
	background-image: url(../img/project_thumb_madrad.jpg);}

a#work_gamestar {
	background-image: url(../img/project_thumb_gamestar.jpg);}
	
a#work_vaqBranding {
	background-image: url(../img/project_thumb_vaqBranding.jpg);}
	
a#work_shoresitters {
	background-image: url(../img/project_thumb_shoresitters.jpg);}


	

/* Project Section - container and header ____________________________________________ */

div#project_header img {
	margin: 20px 0 0 20px;
	padding: 0;
	float: left; }

div#project_wrapper {
	width: 936px;
	height: auto;
	padding: 0;
	margin: 0;
	float: left;
	clear: both;
	overflow: auto; }

div#project_header {
	width: 936px;
	height: 70px;
	background-color: black;
	/* background-image: url('../img/bg75black.png');*/
	float: left;
	clear: both; }

div#project_contentWrapper {
	float: left;
	clear: both;
	width: 936px;
	overflow: hidden;
	margin: 8px 0 0 0; }



/* Project Section - Description & Images ____________________________________________ */

div#project_description {
	width: 370px;
	height: 286px;
	background-image: url('../img/project_descriptionContainer.png');	
	float: left;
	margin: 0;
	position: relative;}

div#project_info table {
	margin: 20px 0 0 20px;
	width: 330px;}

div#project_info th {
	color: #ff993a;
	font: 13px Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: 13px;
	letter-spacing:.6px;
	text-align: left;
	text-transform: uppercase;
	padding: 0 0 17px 0;
	width: 78px; }

div#project_info td {
	font: normal 13px Arial, sans-serif;
	color: #ff545b;
	letter-spacing: 0;
	line-height: 13px;
	text-align: left;
	vertical-align: top;
	padding: 0 0 17px 0;
	text-transform: uppercase;
	width: auto; }

.project_info_bottomRow {
	margin-bottom: 0; }

div#project_description p {
	font: italic 13px Arial, sans-serif;
	color: #d0d0d0;
	letter-spacing: 0px;
	line-height: 21px;
	text-decoration: none;
	text-align: left;
	width: 330px;
	position: absolute;
	top: 142px;
	left: 20px;
	margin: 0;
	padding: 0; }

div.project_columnLeft {
	float: left;
	clear: both;
	margin: 0;
	padding:0;
	width: 370px;
	overflow: hidden;}

div.project_columnRight {
	float: left;
	width: 558px;
	margin: 0 0 0 8px;
	padding:0;
	overflow: hidden;}

div.project_columnBoth {
	float: left;
	clear: both;
	margin: 8px 0 0 0;
	padding:0;
	width: 936px;
	overflow: hidden;}

img.project_imageMargin {
	float: left;
	clear: left;
	margin: 8px 0 0 0; }
	
img.project_imageNoMargin {
	float: left;
	clear: both;
	margin: 0; 
	padding: 0;}

img.project_imageMargin_50px {
	float: left;
	clear: left;
	margin: 50px 0 0 0; }