/* REDEFINITIONS
------------------------------------------------------------ */

	/* set everything to default 0
	------------------------------------------------------------ */
	html,body,div,p,form,input,select,textarea,a,table,td,tr,h1,h2,h3,h4,h5,h6,hr
	{
		margin:				0;
		padding:			0;
	}
	
	/* set body and html to max width/height and center content
	------------------------------------------------------------ */
	html,body
	{
		width:				100%;
		height:				100%;
		background:			url(../images/backgrounds/top_stripe.gif) repeat-x;
	}
	
	/* default style for divs, paragraphs and links
	------------------------------------------------------------ */
	div,p,a
	{
		font-family:		"Verdana";
		font-size:			10px;
		color:				#666;
		text-align:			justify;
	}
	
	/* default link style
	------------------------------------------------------------ */
	a
	{
		color:				#F60;
	}
	
	/* default link hover
	------------------------------------------------------------ */
	a:hover
	{
		text-decoration:	underline;
	}
	
	/* remove all image borders by default (links too)
	------------------------------------------------------------ */
	img
	{
		border:				0;
	}
	
	/* default spacing for paragraphs (negates <br /> tags for basic spacing)
	------------------------------------------------------------ */
	p
	{
		margin:				0 0 10px 0;
	}
	
	/* default form field styles
	------------------------------------------------------------ */
	input,select,textarea
	{
		padding:			2px;
		font-family:		"Arial";
		font-size:			11px;
		border:				solid 1px #CCC;
		background:			#EEE;
	}
	
	/* field set boxes (label and field)
	------------------------------------------------------------ */
	fieldset
	{
		margin:				0 0 5px 0;
		border:				none;
	}
	
	/* default form label style
	------------------------------------------------------------ */
	fieldset label
	{
		display:			block;
		margin:				2px 0;
	}
	
	/* make sure the title sizes are the same in ALL browsers
	------------------------------------------------------------ */
	h1{ font-size:			24px; }
	h2{ font-size:			16px; }
	h3{ font-size:			14px; }
	h4{ font-size:			10px; } 
	h5{ font-size:			11px; }
	h6{ font-size:			10px; }
	
	/* underline h3's by default
	------------------------------------------------------------ */
	h3
	{
		margin:				0 0 5px 0;
		border-bottom:		solid 1px #F60;
	}
	
/* ------------------------------------------------------------ */





/* LAYOUT
------------------------------------------------------------ */

	/* style for main wrapper
	------------------------------------------------------------ */
	#wrapper
	{
		margin:				0 0 10px 30px;
		width:				800px;
	}
	
	/* style for header
	------------------------------------------------------------ */
	#header
	{
		margin:				0 0 10px 0;
		width:				100%;
		height:				140px;
		float:				left;
	}
	
	
	
	/* style for navigation
	------------------------------------------------------------ */
	#navigation
	{
		margin:				50px 0 0 20px;
		padding:			0;
		width:				390px;
		float:				left;
	}
	
	
	
	
	
	
	
	/* left column
	------------------------------------------------------------ */
	.left_col
	{
		width:				350px;
		float:				left;
	}
	
	/* right column
	------------------------------------------------------------ */
	.right_col
	{
		width:				400px;
		float:				right;
	}
	
	/* single column (may need left and right within single)
	------------------------------------------------------------ */
	.single_col
	{
		width:				800px;
		float:				left;
	}
	
	/* column section
	------------------------------------------------------------ */
	.col_section
	{
		margin:				0 0 20px 0;
		padding:			0 0 5px 0;
		float:				left;
	}
	
	
	
	
	
	
	
	/* footer style
	------------------------------------------------------------ */
	#footer
	{
		padding:			10px 0 0 50px;
		width:				500px;
		border-top:			solid 1px #DDD;
		float:				left;
	}
	
	/* footer paragraphs
	------------------------------------------------------------ */
	#footer p
	{
		margin:				5px 0;
		text-align:			left;
	}
	
	/* footer nav
	------------------------------------------------------------ */
	#footer #footer_nav
	{
		margin:				0;
		padding:			0;
		list-style:			none;
	}
	
	/* footer nav items
	------------------------------------------------------------ */
	#footer #footer_nav li
	{
		display:			inline;
	}
	
	/* footer nav items
	------------------------------------------------------------ */
	#footer #footer_nav li a
	{
		color:				#F60;
	}
	
	
	
	
	
	
	
	
	/* style for sections in photos/videos
	------------------------------------------------------------ */
	#section_list
	{
		margin:				0;
		padding:			0;
	}
	
	/* style for section list items in photos/videos
	------------------------------------------------------------ */
	#section_list li
	{
		padding:			2px;
		list-style:			none;
	}
	
	/* style for sections in photos/videos
	------------------------------------------------------------ */
	.list_current
	{
		padding:			2px;
		background:			#DDD;
		color:				#666;
		font-weight:		bold;
	}
	
	/* style for photos in photo gallery
	------------------------------------------------------------ */
	.image_box
	{
		float:				left;
		margin:				2px;
	}
	
	/* style for links in link list
	------------------------------------------------------------ */
	.large_list
	{
		margin:				0 0 0 20px;
		padding:			0;
		width:				900px;
	}
	
	
	
	
	
	
	
	/* system output box
		border for this will not work because it's size is a %
	------------------------------------------------------------ */
	.system_output
	{
		margin:				1% 0;
		padding:			0;
		width:				98%;
		float:				left;
		background:			#06F;
	}

	/* system output text (use this border for entire box)
	------------------------------------------------------------ */
	.system_output h3
	{
		margin:				0;
		padding:			5px;
		color:				#FFF;
		border:				solid 1px #0AF;
		font-size:			12px;
	}
	
	/* default bg color
	------------------------------------------------------------ */
	.system_output #dft
	{
		background:			#06F;
	}
	
	/* positive output bg color
	------------------------------------------------------------ */
	.system_output #pos
	{
		background:			#0A0;
	}
	
	/* negative output bg color
	------------------------------------------------------------ */
	.system_output #neg
	{
		background:			#A00
	}
	
	
	
	
	
	/* news listing
	------------------------------------------------------------ */
	.news_listing
	{
		margin:				0 0 20px 0;
		padding:			0 0 10px 0;
		border-bottom:		solid 1px #DDD;
	}
	
	/* featured project
	------------------------------------------------------------ */
	#featured_project
	{
		border-bottom:		solid 1px #DDD;
	}
	
	/* featured project image
	------------------------------------------------------------ */
	#project_image
	{
		margin:				0 0 0 -8px;
	}
	
	
	
	
	
	/* portfolio year menu
	------------------------------------------------------------ */
	#year_menu
	{
		width:				350px;
		margin:				0;
		padding:			5px 0 0;
		border-top:			solid 1px #AAA;
		float:				left;
	}
	
	
	
	
	
	/* services list
	------------------------------------------------------------ */
	#service_list
	{
		margin:				10px 0 0;
		padding:			0;
		list-style:			none;
	}
	
	
	
	
	
	/* staff list
	------------------------------------------------------------ */
	.staff_list
	{
		margin:				0 0 20px 0;
		padding:			0;
		width:				100%;
		float:				left;
		border-bottom:		solid 1px #DDD;
	}
	
	
/* ------------------------------------------------------------ */





/* TEXT STYLES
------------------------------------------------------------ */
	
	/* year menu link
	------------------------------------------------------------ */
	.staff_list h3
	{
		margin:				0;
		padding:			0;
		border:				none;
		color:				#D50;
		font-size:			12px;
	}
	
	/* year menu link
	------------------------------------------------------------ */
	#year_menu a
	{
		text-decoration:	underline;
	}
	
	/* styles from old site
	------------------------------------------------------------ */
	.orange_bold
	{
		margin:				0;
		padding:			0;
		color:				#F60;
		font-weight:		bold;
		font-size:			10px;
	}
	
	.black_bold
	{
		margin:				0;
		padding:			0;
		display:			block;
		color:				#000;
		font-weight:		bold;
		font-size:			10px;
	}
	
	.dark_bold
	{
		margin:				0;
		padding:			0;
		display:			block;
		color:				#666;
		font-weight:		bold;
		font-size:			10px;
	}
	
	.site_seo
	{
		color:				#FFFFFF;
		font-size:			9px;	
	}
	/* ------------------------------------------------------------ */
	
	
	/* class for required fields (affects the * only)
	------------------------------------------------------------ */
	.require
	{
		color:				#C00;
	}
	
	/* header title (main title for site, the only h1)
	------------------------------------------------------------ */
	#header h1
	{
		width:				300px;
		height:				100px;
		float:				left;
		text-indent:		-5000px;
		overflow:			hidden;
		background:			url(../images/header/logo.png) no-repeat top;
	}
		
	/* navigation list item style
	------------------------------------------------------------ */
	#navigation li
	{
		padding:			0 10px;
		display:			inline;
		float:				left;
	}
		
	/* default style for all section titles (may be used elsewhere)
	------------------------------------------------------------ */
	#main_content h2
	{
		margin:				0 0 5px -8px;
	}
	
	/* large list, list item style
	------------------------------------------------------------ */
	.large_list li
	{
		margin:				0 30px 10px 0;
		padding:			0;
		width:				265px;
		float:				left;
	}
	
	/* large list, list item style, no bullet
	------------------------------------------------------------ */
	.large_list .no_dot
	{
		margin:				0 30px 10px 0;
		padding:			0;
		width:				250px;
		float:				left;
		list-style:			none;
		text-align:			center;
	}
	
	#google_map
	{
		width:				134px;
		height:				45px;
		text-indent:		-5000px;
		overflow:			hidden;
		display:			block;
		background:			url(../images/icons/google_maps.gif) no-repeat;
	}
		
	#case_study_title
	{
		margin:				10px 0;
	}
	
/* ------------------------------------------------------------ */





/* NAVIGATION STYLES
------------------------------------------------------------ */

	/* HOME
	------------------------------------------------------------ */
	#nav_home
	{
		width:				45px;
		height:				50px;
		text-indent:		-5000px;
		overflow:			hidden;
		display:			block;
		background:			url(../images/navigation/menu_buttons.gif) no-repeat 0 0;
	}
	#nav_home:hover{		background: url(../images/navigation/menu_buttons.gif) no-repeat 0 -50px;	}
	#nav_home_cur
	{
		width:				45px;
		height:				50px;
		text-indent:		-5000px;
		overflow:			hidden;
		display:			block;
		background:			url(../images/navigation/menu_buttons.gif) no-repeat 0 -100px;
	}
	#nav_home_cur:hover{		background: url(../images/navigation/menu_buttons.gif) no-repeat 0 -150px;	}
	
	/* PORTFOLIO
	------------------------------------------------------------ */
	#nav_portfolio
	{
		width:				75px;
		height:				50px;
		text-indent:		-5000px;
		overflow:			hidden;
		display:			block;
		background:			url(../images/navigation/menu_buttons.gif) no-repeat -45px 0;
	}
	#nav_portfolio:hover{		background: url(../images/navigation/menu_buttons.gif) no-repeat -45px -50px;	}
	#nav_portfolio_cur
	{
		width:				75px;
		height:				50px;
		text-indent:		-5000px;
		overflow:			hidden;
		display:			block;
		background:			url(../images/navigation/menu_buttons.gif) no-repeat -45px -100px;
	}
	#nav_portfolio_cur:hover{		background: url(../images/navigation/menu_buttons.gif) no-repeat -45px -150px;	}
	
	/* SERVICES
	------------------------------------------------------------ */
	#nav_services
	{
		width:				65px;
		height:				50px;
		text-indent:		-5000px;
		overflow:			hidden;
		display:			block;
		background:			url(../images/navigation/menu_buttons.gif) no-repeat -120px 0;
	}
	#nav_services:hover{		background: url(../images/navigation/menu_buttons.gif) no-repeat -120px -50px;	}
	#nav_services_cur
	{
		width:				65px;
		height:				50px;
		text-indent:		-5000px;
		overflow:			hidden;
		display:			block;
		background:			url(../images/navigation/menu_buttons.gif) no-repeat -120px -100px;
	}
	#nav_services_cur:hover{		background: url(../images/navigation/menu_buttons.gif) no-repeat -120px -150px;	}
	
	/* ABOUT
	------------------------------------------------------------ */
	#nav_about
	{
		width:				45px;
		height:				50px;
		text-indent:		-5000px;
		overflow:			hidden;
		display:			block;
		background:			url(../images/navigation/menu_buttons.gif) no-repeat -185px 0;
	}
	#nav_about:hover{		background: url(../images/navigation/menu_buttons.gif) no-repeat -185px -50px;	}
	#nav_about_cur
	{
		width:				45px;
		height:				50px;
		text-indent:		-5000px;
		overflow:			hidden;
		display:			block;
		background:			url(../images/navigation/menu_buttons.gif) no-repeat -185px -100px;
	}
	#nav_about_cur:hover{		background: url(../images/navigation/menu_buttons.gif) no-repeat -185px -150px;	}
	
	/* CONTACT
	------------------------------------------------------------ */
	#nav_contact
	{
		width:				60px;
		height:				50px;
		text-indent:		-5000px;
		overflow:			hidden;
		display:			block;
		background:			url(../images/navigation/menu_buttons.gif) no-repeat -230px 0;
	}
	#nav_contact:hover{		background: url(../images/navigation/menu_buttons.gif) no-repeat -230px -50px;	}
	#nav_contact_cur
	{
		width:				60px;
		height:				50px;
		text-indent:		-5000px;
		overflow:			hidden;
		display:			block;
		background:			url(../images/navigation/menu_buttons.gif) no-repeat -230px -100px;
	}
	#nav_contact_cur:hover{		background: url(../images/navigation/menu_buttons.gif) no-repeat -230px -150px;	}