@charset "UTF-8";
/* CSS Document */

body {
	margin: 20px 0 0 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	background-color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

p {
	color:#666666;
}


#wrapper{
	width: 	1024px;
	height: 700px;
	background-color: #FFFFFF;  /*the auto margins (in conjunction with a width) center the page if needed */
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0;
}

#header {
	height: 68px;
	width: 1024px;
	
}

#header ul, #leftcolumn ul {
list-style-type:none;

}

#header ul li {
	display: block;
	float: left;
}

#header ul a:link, #header ul a:visited, #leftcolumn ul a:link, #leftcolumn ul a:visited, #centercolumnleft a:link, #centercolumnleft a:visited  {
	color: #666666;
/*Formatting for visited and regular untouched */
	}

#header ul a:hover, #leftcolumn ul a:hover, #centercolumnleft ul a:hover {
	color: #FF0000;/*Formatting for Hover State */
	}
	
#header ul a:active, #leftcolumn ul a:active, #centercolumnleft ul a:active  {
	color: #990000;/*Formatting for clicked  State */
	}
	
#header ul a:link, #header ul a:visited, #header ul a:hover, #header ul a:active{
	display:block;
	text-decoration:none;
	padding:58px 37px 0 0;
		
}

/*The following will highlight the Main (Horrizontal) Navigation link with formatting enlosed in {}. To get this formatting on the page change the body tag id to the corresponding id: "outdoor", "interior", "projects", "contact", "us"  */
#outdoor #outdoorL a, #interior #interiorL a, #projects #projectsL a, #contact #contactL a, #us #usL a {
	color:#990000;
}

/*The following will highlight the (left hand navigation) link with the formatting enclosed in {}. To get this formatting on the page change the id of div below the "wrapper" div. options are: "beacon",  "through", "compass", "volumes", "urban", "crossing", "landing", "steel", "fhtt", "fluid", "labor". So the format is, the id underneath the wrapper div followed by the id of the li followed by an a followed by a comma ie. #beacon #beaconL a, */
#restmotion #restmotionL a, #todayonly #todayonlyL a, #beacon #beaconL a, #through #throughL a, #compass #compassL a, #volumes #volumesL a, #urban #urbanL a, #crossing #crossingL a, #landings #landingsL a, #steel #steelL a, #fhtt	 #fhttL a, #fluid #fluidL a, #labor  #laborL a {
	color:#990000;
}

/*interior projects left nav*/
#placetoplace #placetoplaceL a, #thought #thoughtL a, #beneath #beneathL a, #story #storyL a,  #uncommon #uncommonL a, #collection #collectionL a {
	color:#990000;
}

/*temp projects left nav.*/
#trickledown #trickledownL a, #others #othersL a, #let #letL a, #fragment #fragmentL a, #plenty #plentyL a, #multiflora #multifloraL a, #trace #traceL a, #broken #brokenL a, #wild #wildL a, #trojan #trojan a, #mirage #mirageL a, #inclination #inclinationL a, #heard #heardL a, #you #youL a, #pursuit #pursuitL a, #horsehead #horseheadL a {
	color:#990000;
}

/*highlights the view that is currently selected */
#view1 #view1L a, #view2 #view2L a, #view3 #view3L a, #view4 #view4L a {
	color:#990000;
}

/* Left Column Formating */
#leftcolumn h3 {
	text-align:right;
	color:#FF0000;
	margin-top:55px;
}

#leftcolumn ul li, #leftcolumn ul  {
	padding:0;
}

#leftcolumn ul a:link, #leftcolumn ul a:visited, #leftcolumn ul a:hover, #leftcolumn ul a:active {
	display:block;
	width:190px;
	height:20px;
	text-decoration:none;
	text-align:right;
}

/* End left Column Formating */

 

#logo{
	height: 40px;
	width: 172px;
	background-color: #FFFFFF;
	padding: 0px;
	margin-top: 28px;
	margin-right: 22px;
	margin-bottom: 0px;
	margin-left: 18px;
	float: left;
}

#leftcolumn, #centercolumn, #rightcolumn {
	height:632px;
	float:left;
}

#leftcolumn, #rightcolumn {
 	width:190px;
}
#leftcolumn {
	margin-right:22px;
}

#centercolumn {
	width:600px;
	margin-right:22px;
}

#centercolumn p {
	margin-top:35px;
}


#centercolumnright {
	width:400px;
	float:left;
}

#centercolumnleft {
	width:200px;
	float:left;
}

#centercolumnleft p {
	float:left;
	margin-right:3px;
}

#centercolumnleft ul {
	list-style-type:none;
	padding:0;
	margin:34px auto auto 3px;
}

#centercolumnleft ul li {
	display:inline;
	margin-left:5px;
}

#centercolumnleft ul li a {
text-decoration:none;

}

#leftcolumn ul a:link, #leftcolumn ul a:visited, #leftcolumn ul a:hover, #leftcolumn ul a:active {
	margin-left:5px;
}


#footer {
	margin: 6px auto 3px auto;
	clear:both;
}

#footer p {
	color:#CCCCCC;
	padding-top:3px;
}


#rightcolumn {}


#photo{
	background-color: #00FF99;
	height: 400px;
	width: 600px;
	margin-top: 75px;
	margin-left: 228px;
}

#measure{
	background-color: #00FF99;
	height: 100px;
	width: 190px;
	margin-top: 10px;
}