* {
	margin: 0;
	padding: 0;
	list-style-type:none;
	border:0;
}

#preload {display:none;}

body{
	font-family: helvetica neue, arial, tahoma, verdana, sans-serif;
	color:#3F3F3F;
	font-size:12px;
	font-weight:400;
	left: 0px;
    padding: 5px 5px 25px 5px;
	background:#FFF;
}

a:link,a:visited{
	text-decoration:none;
	color:#969696;
	}

a:hover{
	color: #B00;
	}
	
.credits {
	margin-top:50px;
	font-size:9px;
	color:#666;
}
	
/* -------- begin header ---------------------------- */

#header{
	height:80px;
	margin:10px 0 0 0;
	position:relative;

}

#nav{
	margin:0 0 0 160px;
}

#nav li {
	float:left;
	font-size:12px;
	font-weight:400;
	margin:35px 0 0 0;
	text-transform:uppercase;
}

#nav li a {
	display:block;
	padding:2px 20px 2px 4px;
	background-color:#FFF;
	border:1px solid #EFEFEF;
}

#nav li a:link,#nav li a:visited{
    color:#666;
}
	
#nav li a:hover{
	color: #000;
	background-color:#FFF;
	border:1px solid #A4A4A4;
}

body.projects .n_work a  
{
	color: #000;
	background-color:#FFF;
	border:1px solid #A4A4A4;
}

/* ----- begin  side navigation ---------------------------- */
	

#nav2 {
	float:left;
	margin:0 10px 0 0;
	width: 150px;
	position:relative;
}


#nav2 a img {
	height:0; 
	width:0; 
}

#nav2 a:hover img {
	position:absolute;
    top:5px; 
	left:160px; 
	height:100px; 
	width:100px;
}



/* ------------ positioning ------------------------------ */
	
#body {
    float:left;
	margin: 5px 0 0 0;
	height:350px;
	
}

#body p{
	width:500px;
}



#body2{
	margin: 5px 0 0 160px;
	height:350px;
	width:600px;
}

#text{
	clear:both;
	margin: 15px 0 0 160px;
	width:600px;
	
}

#text p {
	margin-bottom:1em;
}


/* ------------ formatting ------------------------------ */

li.tx {
	margin:0 0 2px 0;
}

.tx {
	font-family:"Courier New", Courier, monospace;
	color:#7C7C7C;
}

.icons {
	float:left;
	width:600px;
	margin:0 0 0 160px;
	
}

ul.icons {
	margin:0 0 30px 0;
}

.icons li {
	float:left;
	display:block;
	margin:0 5px 0 0;
}

.icons text {
	padding:0 0 5px 0;
}

.icons li a {
	display:block;
	padding:0;
	border:1px solid #CCCCCC;
	width:100px;
	opacity:0.7;
	filter:alpha(opacity=70);
}

/*.icons li a:hover {
	background-color:#F3F3F3;
	border:1px solid #686868;
	color: #2D2D2D;
}

.v {
	padding:5px 2px 2px 1px;
}





/* -------------these define the look of active links -------*/

body.fs3 .n_fs3 a, 
body.stadium .n_stadium a, 
body.venice .n_venice a, 
body.artemide .n_artemide a, 
body.panama .n_panama a, 
body.oakbourne .n_oakbourne a, 
body.judson .n_judson a, 
body.bluementhal .n_bluementhal a,
body.lawfirm .n_lawfirm a, 
body.mgm .n_mgm a,
body.pe .n_pe a,
body.reyes .n_reyes a {
	background-color:#FFF;
	color: #000;
}

body.fs3 .n_fs3 a:hover, 
body.stadium .n_stadium a:hover, 
body.venice .n_venice a:hover, 
body.artemide .n_artemide a:hover, 
body.panama .n_panama a:hover, 
body.oakbourne .n_aokbourne a:hover, 
body.judson .n_judson a:hover, 
body.bluementhal .n_bluementhal a:hover, 
body.lawfirm .n_lawfirm a:hover, 
body.mgm .n_mgm a:hover,
body.pe .n_pe a:hover,
body.reyes .n_reyes a:hover {
	background-color:#FFF;
}

body#work #n_work a,
body#blog #n_blog a,
body#news #n_news a,
body#about #n_about a {
	border:1px solid #A4A4A4;
}