* {
	margin: 0;
	padding: 0;
}

html {
	font-family: Helvetica, sans-serif;
	font-size: 62.5%;
	height: 100%;
}

body {
  font-family:  Helvetica;
  background-color: #fff; /*202020*/
  color: #6d6d6d;
}

#All_Content {
  margin:  auto;
  width:  960px;
  padding-top: 10px;
  }
  
div.Page_Content {
	margin-top: 30px;
	}
  
.Content_Left {
	float:  left;
	}
.Content_Right {
	float:  right;
	}

a:link, a:visited { text-decoration: none; color: #3b3b3b; }
a:hover { text-decoration: none; color: #2d2d2d; }
  
/* MAIN NAVIATION */
div.Nav_Bar {
	width: 100%;
	margin-top:  20px;
	font-size:  6.5em;
	line-height: 1.2em;
	}
div.Nav_Bar h1 {
	margin-bottom: 10px;
	}

a.nav:link, a.nav:visited { text-decoration: none; color: #2d2d2d; }
a.nav:hover { text-decoration: none; color: #292929; } /*303030*/

a.name:link, a.name:visited { text-decoration: none; color: #dfa220; }
a.name:hover { text-decoration: none; color: #d89913; }

#slider-buttons a:link, #slider-buttons a:visited { text-decoration: none; color: #dfa220; }
#slider-buttons a:hover { text-decoration: none; color: #d89913; }

a.more_info:link, a.more_info:visited { text-decoration: none; color: #dfa220; }
a.more_info:hover { text-decoration: underline; color: #d89913; }

a.current:link, a.current:visited { text-decoration: none; color: #dfa220; }
a.current:hover { text-decoration: none; color: #dfa220; }

/** TEXT **/
h3 {
	font-weight: normal;
	text-transform: uppercase;
	}
	
div.Content {
	width: 600px;
	margin-top:  40px;
	margin-bottom:  10px;
	}
div.Content h3 {
	color: #dfa220;
	font-size: 2.5em;
	margin-bottom:  15px;
	}
div.Content p {
	font-size: 1.3em;
	line-height: 1.7em;
	}

div.Project {
	height: 400px;
	width: 960px;
	float:left;
	}
div.Project_Info {
	width: 260px;
	height: 360px;
	padding: 20px;
	background:url(/design_images/white-transparent-pixel.png) repeat;
	font-size: 1.2em;
	border-right: solid #fff 30px;
	}
div.Project_Info p {
	font-size: 2em;
	margin-top: 10px;
	line-height: 1.2em;
	}
div.Project_Info h3 {
	color: #dfa220;
	font-size: 2.3em;
	}
	
#Home_Box {
	position: absolute;
	}

.Home_Mask {
	position: relative;
	width: 960px;
	height: 400px;
	overflow: hidden;
	}

div.Block1 {
	background-color: #fff;
	padding: 20px;
	width: 260px;
	height: 360px;
	margin-right: 30px;
	color: #dfa220;
	}
div.Block1 p {
	font-size: 3em;
	line-height: 1.2em;
	}
div.Block2 {
	width: 135px;
	margin-right: 30px;
	margin-top: 30px;
	}


/** PROJECT LISTING **/
span#all, span#group, span#matt, span#andy, span#lorrie, span#rachel, span#luis {
	cursor: pointer;
	color: #3b3b3b;
	}
span#all {
	color: #dfa220;
	}
	
div.Project_Listing {
	width: 630px;
	}
	
div.Project_Listing span {
	width: 85px;
	height: 85px;
	overflow: hidden;
	display:block;
	margin-right: 20px;
	margin-top: 20px;
	float: left;
	}
div.Project_Listing a {
	width: 85px;
	height: 85px;
	overflow: hidden;
	display:block;
	}
	
div.Project_Listing img {
	width: 85px;
	}

	
/** PROFILE STUFF **/
div.Profile_Block1 {
	background-color: #fff;
	width: 300px;
	height: 400px;
	margin-right: 30px;
	color: #dfa220;
	}
div#Profile_Box span {
	width: 70px;
	height: 70px;
	overflow: hidden;
	display: block;
	margin-right: 15px;
	float: left;
	}
div#Profile_Box img {
	width: 100px;
	}	

#Profile_Box {
	position: absolute;
	}
#Profile_Box div {
	width: 630px;
	height: 400px;
	float: left;
	background: #fff;
	}
#Profile_Box p {
	font-size: 2em;
	line-height: 1.8em;
	margin-top: 10px;
	}
#Profile_Box h3 {
	font-size: 3em;
	color: #dfa220;
	}

.Profile_Mask {
	position: relative;
	width: 630px;
	height: 400px;
	overflow: hidden;
	}

p#handles4, p#handles1 {
	font-size: 3em;
	margin-top:25px;
	}

.buttons {  }
.buttons span { color:#dfa220;cursor:pointer; }
.buttons span.active, .buttons span:hover { color:#d89913; }	


/** PORTFOLIO GALLERY **/
div.Project_Block1 {
	background-color: #fff;
	padding: 20px;
	width: 260px;
	height: 360px;
	margin-right: 30px;
	color: #dfa220;
	}
div.Project_Block1 p {
	font-size: 2.5em;
	line-height: 1.1em;
	}
div.Project_Block1 h3, #Project_Box h3 {
	font-size: 3em;
	line-height: 1.2em;
	color: #dfa220;
	margin-bottom: 10px;
	}
	
.Project_Mask {
	position: relative;
	width: 960px;
	height: 400px;
	overflow: hidden;
	}
#Project_Box {
	position:absolute;
	}
#Project_Box p {
	font-size: 1.6em;
	line-height: 1.5em;
	margin-top: 1px;
	}
#Project_Box div {
	display:block;
	float:left;
	}
#thumbs7{
	position: relative;
	width: 960px;
	clear: both;
	height: 180px;
	overflow: hidden;
	margin-top: 25px;
	}
#thumbs7 .thumbs, #thumbs_handles7, #Project_Thumbs_Mask {
	position: absolute;
	top: 0;
	width: 100%;
	height: 60px;
	}
#thumbs7 .thumbs div, #thumbs_handles7 span {
	display:block;
	width: 60px;
	height: 60px;
	margin: 0;
	float: left;
	cursor: pointer;
	overflow: hidden;
	}
#thumbs7 .thumbs div img{
	height: 100px;
	float: right;
	}
#thumbs_handles7 span{
	background:url(/design_images/thumb_invisible.gif) no-repeat;
	}
#Project_Thumbs_Mask{
	width: 1200px;
	background: url(/design_images/thumbs_mask.gif) no-repeat center top;
	}
	
/** FOOTER **/
#footer {
  margin-top: 50px;
  font-size: 1em;
  text-align: left;
  padding-bottom: 75px;
}