* { margin: 0; padding: 0; }
body {
	text-align: center;
	font-family: Helvetica, Arial;
	font-size: 11px;
	color: #706C62;
	line-height: 18px;
	background: transparent url(../images/bg.gif) repeat-y top center;
}
	/* ------- body bgs ---------*/
	
	.blue_bg { 
		background-image: url(../images/bg_news.gif);
	}
	
	/* ------- end body bgs -----*/
	
.wrapper {
	width: 920px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}

/* --------- structural styles ------------- */

	/* --------- FORM logo ----------------*/
	
	a#form_logo, a#form_logo:active, a#form_logo:visited, a#form_logo:hover {
		position: absolute;
		display: block;
		top: 47px;
		left: -9px;
		width: 65px;
		height: 28px;
		z-index: 1000;
	}
	
	/* ------- left column styles ----------*/
	
	#left, #left_news, #left_projects, #left_blog, #left_studio {
		float: left;
		display: inline;
		z-index: 0;
		width: 584px;
		height: 753px;
		position: relative;
	}
	#left { background: transparent url(../images/loading.gif) no-repeat 27px 120px; }
	#left img { position: absolute; }

		/* --------- left column bgs ----------*/
		
		#left_news, #left_blog, #left_studio { background: #A6C9CB url() no-repeat 0 0; }
		#left_projects { background: #706C62 url() no-repeat 0 0; }
		
		/* --------- end left column bgs ------*/
	
	#left p {
		float: left;
		display: inline;
		width: 504px;
		margin: 300px 40px 0 40px;
		color: #FFF;
		font-size: 11px;
		line-height: 20px;
	}
	#left #top_bar, #left_news #top_bar, #left_projects #top_bar { 
		float: left;
		display: inline;
		position: relative;
		width: 584px;
		height: 7px;
		font-size: 1px;
		line-height: 1px;
	}
	#left #top_bar { 
		position: absolute;
		z-index: 1000;
	}
	#left .color1, #left_news .color1, #left_projects .color1 { background-color: #F60; }

	/* ---- colored top bars -------------*/
	
	#top_bar_work, #top_bar_about, #top_bar_contact {
		position: absolute;
		top: 0;
		left: 0;
		display: none;
		height: 7px;
		line-height: 1px;
		font-size: 1px;
		z-index: 1000;
	}
	#top_bar_work {
		background-color: #F60;
		width: 696px;
	}
	#top_bar_about { 
		background-color: #A6C9CB;
		width: 807px;
	}
	#top_bar_contact { 
		background-color: #5C4038;
		width: 850px;
	}
	
	/* -------- right column styles ---------*/

	#right {
		float: left;
		display: inline;
		width: 334px;
		margin: 0 0 0 1px;
		background: transparent url(../images/right_top.gif) no-repeat 0 0;
	}
	#right .top_bar {
		width: 110px;
		margin-right: 1px;
	}

/* ----------- navigation -------------*/

.nav_column {
	float: left;
	display: inline;
	width: 111px;
	height: 144px;
	margin-top: 9px;
	padding-top: 69px;
	font-size: 9px;
}
.nav_column ul {
	list-style-type: none;
	color: #706C62;
}
.nav_column ul li {
	height: 16px;
	line-height: 16px;
}
.nav_column ul li a, .nav_column ul li a:active, .nav_column ul li a:visited {
	color: #706C62;
	text-decoration: none;
	height: 16px;
	line-height: 16px;
}
.nav_column ul li a:hover { 
	height: 16px;
	line-height: 16px;
}

	/* ----------- work navigation --------------*/
	
	#nav_work { background: transparent url(../images/work_bg.gif) no-repeat 0 -7px; }
	#nav_work ul { 
		width: 75px;
		margin-left: 16px;
		position: relative;
		z-index: 1000;
	}
	#nav_work ul li { 
		float: left;
		display: inline;
		width: 73px;
	}
	#nav_work ul li a, #nav_work ul li a:active, #nav_work ul li a:visited { 
		display: block;
		width: 75px;
		padding-left: 9px;
	}
	#nav_work ul li a.selected, #nav_work ul li a.selected:active, #nav_work ul li a.selected:visited { 
		color: #F60;
		background: transparent url(../images/work_link_bg_selected.gif) no-repeat 0 3px;
	}
	#nav_work ul li a:hover, #nav_work ul li a.selected:hover, #nav_work ul li.hovered a, 
	#nav_work ul li.hovered a.selected { 
		background: transparent url(../images/work_link_bg.gif) no-repeat 0 3px;
		color: #F60;
	}
	#nav_work ul li ul {
		position: absolute;
		display: none;
		list-style-type: none;
		top: 0;
		left: 75px;
		width: 195px;
		background-color: #F60;
		z-index: 50;
		padding: 15px 0;
		margin: 0;
	}
	#nav_work ul li.hovered ul { 
		position: absolute;
		display: block;
		list-style-type: none;
		top: 0;
		left: 75px;
		width: 195px;
		background-color: #F60;
		z-index: 50;
		padding: 15px 0;
		margin: 0;
	}
	#nav_work ul li ul li { 
		position: relative;
		width: 195px; 
		padding: 0;
		margin: 0;
	}
	#nav_work ul li ul li a, #nav_work ul li ul li a:active, #nav_work ul li ul li a:visited {
		display: block;
		width: 100%;
		color: #FFF;
		text-decoration: none;
		padding-left: 15px;
	}
	#nav_work ul li.hovered ul li a, #nav_work ul li.hovered ul li a:active,
	#nav_work ul li.hovered ul li a:visited { 
		background: transparent url(../);
		color: #FFF;
	}
	#nav_work ul li ul li a:hover, #nav_work ul li.hovered ul li a:hover { 
		color: #5C4038;
		background: transparent url(../);
	}
	#nav_work ul li ul li span {
		position: absolute;
		display: none;
		top: -35px;
		left: 165px;
		padding-left: 5px;
		background: transparent url(../images/grey_arrow.gif) no-repeat 0 0;
	}
	#nav_work ul li ul li span img {
		padding: 15px;
		background-color: #706C62;
	}
	#nav_work ul li ul li span a, #nav_work ul li ul li span a:active, #nav_work ul li ul li span a:visited,
	#nav_work ul li ul li span a:hover {
		height: auto;
		width: auto;
		padding: 0;
	}
	#nav_work ul li ul li.hovered span { display: block; }
	
	/* ------ about navigation --------- */
	
	#nav_about { background: transparent url(../images/about_bg.gif) no-repeat 0 -7px; }
	#nav_about ul { 
		width: 80px;
		margin-left: 11px;
	}
	#nav_about ul li a, #nav_about ul li a:active, #nav_about ul li a:visited { 
		display: block;
		width: 71px;
		padding-left: 9px;
	}
	#nav_about ul li a:hover, #nav_about ul li a.selected { 
		color: #A6C9CB;
		background: transparent url(../images/about_link_bg.gif) no-repeat 0 3px;
	}
	
	/* ------ contact navigation ------- */

	#nav_contact { background: transparent url(../images/contact_bg.gif) no-repeat 0 -7px; }
	#nav_contact ul { 
		width: 80px;
		margin-left: 11px;
	}
	#nav_contact ul li a, #nav_contact ul li a:active, #nav_contact ul li a:visited { 
		display: block;
		width: 71px;
		padding-left: 9px;
	}
	#nav_contact ul li a:hover, #nav_contact ul li a.selected { 
		color: #5C4038;
		background: transparent url(../images/contact_link_bg.gif) no-repeat 0 3px;
	}

/* ---------- content area ------------*/

#content {
	float: left;
	display: inline;
	width: 303px;
	margin: 63px 0 0 26px;
	padding-bottom: 30px;
}
#content ul {
	margin-bottom: 15px;
	padding-left: 15px;
}
#content div.half {
	float: left;
	display: inline;
	width: 151px;
}
#column_left {
	float: left;
	display: inline;
	width: 155px;
	margin-right: 15px;
}
#column_right {
	float: left;
	display: inline;
	width: 133px;
}

/* ---------- home page styles ------- */

#home_featured {
	float: left;
	display: inline;
	width: 303px;
	position: relative;
}
.featured_item {
	width: 303px;
	position: absolute;
	left: 0;
	top: 0;
}

/* ---------- form styles ------------ */

label, form p {
	float: left;
	width: 295px;
	color: #706C62;
}
.text_field {
	float: left;
	width: 295px;
	border: 1px solid #ECECEC;
	padding: 5px 1px;
	color: #666;
	font-family: Helvetica, Arial;
	font-size: 11px;
	color: #706C62;
	margin-bottom: 10px;
}
.button {
	float: left;
	clear: both;
	font-size: 9px;
	text-transform: uppercase;
	padding: 5px;
	margin-top: 10px;
	color: #FFF;
	font-weight: bold;
	font-family: Helvetica, Arial;
	background-color: #706C62;
	border: 0;
}
.img_button { 
	float: left;
	clear: both;
	margin-top: 10px;
	border: 0;
}

	/* ----- custom dropdown ------- */
	
	.dropdown {
		float: left;
		position: relative;
		z-index: 2;
		width: 300px;
		height: 23px;
		line-height: 23px;
		margin-bottom: 10px;
		color: #666;
		font-family: Helvetica, Arial;
		font-size: 11px;
		color: #706C62;
		text-indent: 5px;
		background: transparent url(../images/dropdown_bg.gif) no-repeat 0 0;
	}
	.dropdown_blog {
		float: left;
		display: inline;
		position: relative;
		z-index: 2;
		width: 90px;
		height: 23px;
		line-height: 23px;
		margin-bottom: 10px;
		color: #666;
		font-family: Helvetica, Arial;
		font-size: 11px;
		color: #706C62;
		text-indent: 5px;
		border-left: 1px solid #F0F0F0;
		background: transparent url(../images/dropdown_bg.gif) no-repeat top right;
	}
	.drop_arrow {
		position: absolute;
		top: 1px;
		right: 1px;
		width: 20px;
		height: 23px;
	}
	.dropdown_body {
		position: absolute;
		display: none;
		z-index: 1;
		left: 0;
		top: 23px;
		width: 293px;
		padding-left: 5px;
		text-indent: 0;
		background-color: #FFF;
		border-left: 1px solid #ECECEC;
		border-bottom: 1px solid #ECECEC;
		border-right: 1px solid #ECECEC;
	}
		.dropdown_blog .dropdown_body, .dropdown_blog .dropdown_body a { width: 83px; }
	.dropdown_body a, .dropdown_body a:active, .dropdown_body a:visited {
		float: left;
		width: 293px;
		height: 25px;
		line-height: 25px;
		display: block;
		color: #666;
		margin: 0;
		text-decoration: none;
	}
	.dropdown_body a:hover { color: #F60; }
	.dropdown_body a.selected { font-weight: bold; }

	/* ----- file browser ---------- */

	.fileinputs {
		position: relative;
		float: left;
		clear: both;
		width: 295px;
		margin-bottom: 10px;
	}
	.fakefile {
		position: absolute;
		width: 295px;
		top: 0px;
		left: 0px;
		z-index: 1;
	}
	.fakefile img {
		position: absolute;
		top: 0px;
		left: 171px;
	}
	.file {
		position: relative;
		z-index: 2;
	}
	.file_text_field {
		position: absolute;
		left: 0px;
		top: 0px;
		padding: 4px 1px;
		border: 1px solid #ECECEC;
		font-family: Helvetica, Arial;
		font-size: 11px;
		color: #706C62;
		width: 171px;
	}
	
	/* ----- error styles -------- */
	
	form { 
		float: left;
		display: inline;
		position: relative;
	}
	form .error_container {
		position: absolute;
		display: none;
		top: -50px;
		left: 29px;
		width: 245px;
		height: 136px;
		background-color: #F60;
		text-align: center;
	}
	.error_container p { color: #FFF; }
	.error_container .oops {
		float: left;
		display: inline;
		width: 245px;
		font-size: 12px;
		font-weight: bold;
		padding-top: 20px;
		margin-bottom: 15px;
	}
	.error_container .message {
		float: left;
		display: inline;
		width: 199px;
		margin-left: 23px;
		font-size: 11px;
		font-weight: bold;
		line-height: 12px;
	}
	.error_container .ok_btn {
		float: left;
		display: inline;
		width: 245px;
	}

/* ---------- project styles ----------*/

#project {
	float: left;
	display: inline;
	width: 583px;
}
#project_image {
	float: left;
	display: inline;
	position: relative;
	width: 583px;
	height: 450px;
	margin-top: 110px;
	background: transparent url(../images/loading.gif) no-repeat 27px 0;
}
.project_img {
	position: absolute;
	top: 0;
	left: 0;
	width: 543px;
	margin-left: 20px;
	height: 450px;
	background-color: #706C62;
	text-align: center;
	color: #3B3933;
}
#project p { 
	margin: 15px 0 40px 0;
	font-weight: bold;
	font-size: 11px;
}
	/* ------- project navigation --------- */
	
	#project_nav {
		float: left;
		display: inline;
		width: 400px;
		margin-left: 92px;
	}
	#project_link_block { 
		float: left;
		display: inline;
		width: 185px;
		padding-top: 4px;
		text-align: center;
	}
	div#project_no_previous {
		float: left;
		display: inline;
		width: 107px;
		height: 26px;
	}
	a#previous_project, a#previous_project:active, a#previous_project:visited {
		float: left;
		display: inline;
		width: 107px;
		height: 26px;
		background: transparent url(../images/previous_project.gif) no-repeat 0 0;
	}
	a#previous_project:hover { background-position: 0 -26px; }
	a#next_project, a#next_project:active, a#next_project:visited {
		float: left;
		display: inline;
		width: 107px;
		height: 26px;
		background: transparent url(../images/next_project.gif) no-repeat 0 0;
	}
	a#next_project:hover { background-position: 0 -26px; }
	#project_nav a.project_link, #project_nav a.project_link:active, #project_nav a.project_link:visited, 
	#project_nav a.project_link_selected, #project_nav a.project_link_selected:active, 
	#project_nav a.project_link_selected:visited {
		float: left;
		display: inline;
		height: 13px;
		width: 13px;
		margin: 0 1px;
		text-decoration: none;
	}
	#nav_1 { background: transparent url(../images/nav_1.gif) no-repeat 0 0; }
	#nav_2 { background: transparent url(../images/nav_2.gif) no-repeat 0 0; }
	#nav_3 { background: transparent url(../images/nav_3.gif) no-repeat 0 0; }
	#nav_4 { background: transparent url(../images/nav_4.gif) no-repeat 0 0; }
	#nav_5 { background: transparent url(../images/nav_5.gif) no-repeat 0 0; }
	#nav_6 { background: transparent url(../images/nav_6.gif) no-repeat 0 0; }
	#nav_7 { background: transparent url(../images/nav_7.gif) no-repeat 0 0; }
	#nav_8 { background: transparent url(../images/nav_8.gif) no-repeat 0 0; }
	#project_nav a.project_link:hover { background-position: 0 -13px; }
	#project_nav a.project_link { border-bottom: 2px solid #706C62; }
	#project_nav a.project_link_selected { border-bottom: 2px solid #F60; }
	a#project_last_image, a#project_last_image:active, a#project_last_image:visited {
		float: left;
		display: inline;
		width: 7px;
		height: 13px;
		margin: 3px 6px 0 0;
		background: transparent url(../images/project_image_left.gif) no-repeat 0 0;
	}
	a#project_last_image:hover { background-position: 0 -13px; }
	a#project_next_image, a#project_next_image:active, a#project_next_image:visited {
		float: left;
		display: inline;
		width: 7px;
		height: 13px;
		margin: 3px 0 0 6px;
		background: transparent url(../images/project_image_right.gif) no-repeat 0 0;
	}
	a#project_next_image:hover { background-position: 0 -13px; }
	
/* -------------- studio ------------- */

#left_studio img {
	position: absolute;
}
#studio {
	float: left;
	display: inline;
	width: 303px;
}
#studio div {
	float: left;
	display: inline;
	position: relative;
	width: 101px;
	height: 77px;
	margin: 0;
}
#studio div img { 
	position: absolute;
	left: 0;
	top: 0;
	border: 0;
}
#studio div a img { border: 2px solid #FFF; }
#studio div a:hover img { border: 2px solid #F60; }
#studio div span { 
	position: absolute;
	left: 0;
	top: 0;
	text-align: center;
	line-height: 73px;
}

/* ---------- desktop fridays ----------*/

#desktop_fridays {
	float: left;
	display: inline;
	width: 303px;
	padding-top: 20px;
}
#desktop_nav {
	float: left;
	display: inline;
	width: 303px;
	padding-bottom: 20px;
}
#desktop_title {
	float: left;
	display: inline;
	width: 224px;
	height: 26px;
	line-height: 26px;
	text-align: center;
}
#desktop_images {
	float: left;
	display: inline;
	width: 303px;
	height: 300px;
	overflow: hidden;
	position: relative;
}
#desktop_images_inner {
	float: left;
	display: inline;
	width: 30000px;
	position: absolute;
}
#desktop_images_block {
	float: left;
	display: inline;
	width: 303px;
}	
#desktop_images_block div {
	float: left;
	display: inline;
	width: 100px;
	margin-right: 1px;
	padding-bottom: 5px;
}
#desktop_fridays #desktop_images_inner a img { border: 2px solid #FFF; }
#desktop_fridays #desktop_images_inner a:hover img { border: 2px solid #F60; }
#desktop_fridays #images div.last, #desktop_images_block div.last { margin: 0; }

/* ---------- someone said ------------ */

#someone_said {
	float: left;
	display: inline;
	width: 303px;
	height: 275px;
	line-height: 12px;
	overflow: hidden;
	position: relative;
}
#quotes_container {
	float: left;
	display: inline;
	width: 3000px;
	position: absolute;
}
#someone_said div.quote_page {
	float: left;
	display: inline;
	width: 303px;
}	
#someone_said p { margin-bottom: 10px; }
#someone_said_nav {
	float: left;
	display: inline;
	width: 303px;
	padding-top: 50px;
}
#someone_said_nav #back { margin-right: 40px; }

/* ---------- news styles -------------*/

#left_news div {
	float: left;
	display: inline;
	width: 504px;
	margin: 145px 40px 0 40px;
	color: #FFF;
	font-size: 11px;
	line-height: 20px;
	color: #593E36;
}
#left_news a, #left_news a:active, #left_news a:visited {
	font-weight: bold;
	color: #593E36;
	text-decoration: none;
}
#left_news a:hover { text-decoration: underline; }
#left_news .date { margin-bottom: 0px; }
#left_news .title { 
	font-size: 13px;
	font-weight: bold;
}
#news_items {
	float: left;
	display: inline;
	width: 303px;
	height: 300px;
	line-height: 14px;
}
#news_items div { 
	float: left;
	display: inline;
	margin-bottom: 5px;
}
#news_items div.selected { color: #F60; }
#news_items span.news_date, #news_items span.news_title {
	float: left;
	display: inline;
	margin: 0;
}
#news_items span.news_date { width: 60px; }
#news_items span.news_title { width: 243px; }
#news_items a, #news_items a:active, #news_items a:visited, #news_items a:hover {
	color: #706C62;
	text-decoration: none;
}
#news_items div.selected a, #news_items div.selected a:active, 
#news_items div.selected a:visited, #news_items div.selected a:hover {
	color: #F60;
}
#news_nav {
	float: left;
	display: inline;
	width: 303px;
}
#news_nav #back { margin-right: 40px; }

/* ---------- blog styles ------------- */

#left_blog #blog_main {
	float: left;
	display: inline;
	width: 504px;
	margin: 145px 40px 0 40px;
	color: #FFF;
	font-size: 11px;
	line-height: 20px;
	color: #593E36;
}
#blog_main .blog_entry {
	float: left;
	display: inline;
	width: 504px;
	padding-bottom: 10px;
	margin: 0 0 20px 0;
	background: transparent url(../images/blog_separator.gif) no-repeat bottom left;
}
#blog_main .blog_entry .blog_header {
	float: left;
	width: 504px;
}
#blog_main .blog_entry .blog_header a {
	float: left;
	display: inline;
	margin-right: 10px;
}
#blog_main .blog_entry .blog_header p.heading {
	float: left;
	display: inline;
	width: 430px;
	padding-top: 35px;
}
#blog_main .blog_entry .blog_body {
	float: left;
	display: inline;
	width: 504px;
	margin-bottom: 10px;
}
#blog_main .blog_entry .blog_comments {
	float: left;
	display: inline;
	width: 464px;
	margin-left: 40px;
}
#blog_main .blog_entry .blog_comments .blog_comment p { margin-bottom: 15px; }
#blog_main .blog_entry .blog_comments .blog_comment {
	float: left;
	display: inline;
	width: 464px;
	margin-bottom: 15px;
	background: transparent url(../images/blog_separator.gif) no-repeat bottom left;
}
#left_blog div div.blog_entry div.blog_body img {
	border: 3px solid #FFF;
}
.blog_title {
	font-weight: bold;
	font-size: 12px;
}
#left_blog a, #left_blog a:active, #left_blog a:visited {
	font-weight: bold;
	color: #593E36;
	text-decoration: none;
}
#left_blog a:hover { text-decoration: underline; }

/* -------- blog navigation ---------- */
	
	#blog_nav {
		float: left;
		display: inline;
		width: 504px;
		margin: 10px 0 0 0;
		padding-bottom: 50px;
	}
	a#blog_previous, a#blog_previous:active, a#blog_previous:visited {
		float: left;
		display: inline;
		width: 104px;
		height: 23px;
		background: transparent url(../images/blog_previous.gif) no-repeat 0 0;	
	}
	a#blog_previous:hover { background-position: 0 -23px; }
	a#blog_next, a#blog_next:active, a#blog_next:visited {
		float: left;
		display: inline;
		width: 104px;
		height: 23px;
		background: transparent url(../images/blog_next.gif) no-repeat 0 0;	
	}
	a#blog_next:hover { background-position: 0 -23px; }
	span#blog_link_block {
		float: left;
		display: inline;
		width: 296px;
		height: 23px;
		line-height: 23px;
		text-align: center;
		font-weight: bold;
	}
	#blog_link_block a, #blog_link_block a:active, #blog_link_block a:visited {
		color: #FFF;
		text-decoration: none;
		margin: 0 2px;
	}
	#blog_link_block a:hover { 
		color: #593E36;
		text-decoration: none;
	}
	#blog_link_block a.selected, #blog_link_block a.selected:active,
	#blog_link_block a.selected:visited, #blog_link_block a.selected:hover { 
		color: #593E36;
		text-decoration: underline;
	}

/* ---------- next/back --------------- */

a#back, a#back:active, a#back:visited {
	float: left;
	display: inline;
	width: 40px;
	height: 26px;
	background: transparent url(../images/back.gif) no-repeat 0 0;	
}
a#back:hover { background-position: 0 -26px; }
a#next, a#next:active, a#next:visited {
	float: left;
	display: inline;
	width: 37px;
	height: 26px;
	background: transparent url(../images/next.gif) no-repeat 0 0;	
}
a#next:hover { background-position: 0 -26px; }

/* ---------- misc styles -------------*/

p { margin-bottom: 15px; }
a, a:active, a:visited {
	outline: none;
	color: #F60;
}
a span { display: none; }
a img { border: 0; }
.title_small {
	color: #F60;
	font-weight: bold;
	font-size: 11px;
	line-height: 14px;
}
.main_image { margin-bottom: 5px; }
.title_image { margin-bottom: 20px; }
.invisible_line {
	float: left;
	display: inline;
	width: 100%;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
}
.color1 { color: #F60; }
.color2 { color: #A6C9CB; }
.color3 { color: #5C4038; }