body {
	margin: 0;
	padding: 0 0 0 40px;
	font-family: helvetica, sans-serif;
	color: #000;
	line-height: 77%;
}

h1 {
	font-size: 3.275em;
	color: #000;
}

a {
	text-decoration: none;
	outline: none;
	color: #777;
}

#active_menu {
	color: #777;
}

a:hover, a.active {
	color: #777;
}

a img {
  	border: 0;
}

#header {
	background: transparent url(../img/header_bg.png) no-repeat scroll bottom left;
}

#buffer {
	width: 1200px;
	height: 100px;
	float: left;
	margin-top: 180px;
}

#content {
	margin: 200px 0 20px 0px;
	padding: 10px;
	width: 600px;
	float: left;
}

#admin_tools {
	margin: 0 0 20px 0;
}

#admin_tools a {
	font-size: .75em;
	text-decoration: underline;
	margin-right: 10px;
}

.index img {
	margin-left: 317px;
	margin-top: 80px;
}

/* tables */ 
div.admin table {
  	border-collapse: collapse;
  	border: 1px solid #dbeaf0;
  	font-size: 11px;
  	background-color: #F4F7F7;
  	width: 100%;
}

div.admin th {
	background-color: #fff;
}

div.admin td, div.admin  th {
  	border: 1px solid #dbeaf0;
  	padding: .4em;
}

.odd {
  	background: #FBFFFB none repeat scroll 0 0;
}

.init_font_color {
	color: white;
}

.work_section_class {
	position: absolute;
	left: 326px;
	width: 155px;
	height: 100px;
	margin: 0 3px 0 0px;
	padding: 60px 0 0 3px;
	background-color: white;
}

.info_section_class {
	position: absolute;
	left: 650px;
	width: 326px;
	height: 100px;
	padding: 60px 0 0 3px;
	background-color: white;
}

.example_section_class {
	position: absolute;
	left: 488px;
	padding: 60px 0 3px 3px;
	width: 155px;
	min-height: 100px;
	color: #777;
}

.sub_examples_class {
	margin-left: -3px;
	padding: 0 0 0 3px;
	min-height: 100px;
}

.nav_section {
	width: 155px;
	float: left;
	margin-right: 3px;
	min-height: 109px;
	padding: 40px 0 0 3px;
}


div#sub_work_section a, div#sub_play_section a, div#sub_info_section a, div.nav_section a {
	color: #777;	/* this will get switched to #777 on work hover */
}

div#sub_work_section a:hover, div#sub_play_section a:hover, div#sub_info_section a:hover, div#example_section a:hover {
	color: #fff;
}

div.nav_section_perm a#example_href_perm {
	color: #fff;
}

.nav_section_on, .nav_section_perm {
	/*height: 100%;*/
	background-color: #000;
}

.nav_text_on {
	color: #fff;
}

.admin_menu {
	width: 240px;
	margin: 183px 20px 0 60px;
	padding: 10px;
	text-align: right;
	float: left;
	font-size: 14px;
}

.admin_menu a, .admin a {
	color: #000;
}

.admin_menu a:hover, .admin a:hover {
	color: #777;
}


.admin_menu p.logout {
	padding-top: 10px;
}

#container {
	width: 100%;
	margin-top: -20px;
}

label {
	font-size: 12px;
	margin-right: 5px;
	font-weight: bold;
}

input, textarea {
	border: 1px solid #ccc;
	font-family: arial;
	font-size: 12px;
}

p#bars input, p#bars label {
	float: left;
}

p#bars input {
	margin-right: 5px;
	margin-left: 0px;
}

p#bars label {
	margin-right: 10px;
}

/* Home page */

.left_section {
	font-size: 9px;
	font-weight: bolder;
	color: #777;
	width: 175px;
	padding-top: 115px;
	position: absolute;
	left: 40px;
	top: 164px;
}

.black {
	color: #000;
}

.grey {
	color: #777;
}


div.left_section span {
	color: #000;
}

.left_section_bar {
	margin-top: 50px;
	border-bottom: 9px solid black;
}

.left_nav_contact {
	padding-top: 12px;
	padding-bottom: 5px;
}

/* Work page */
.workspace {
	float: left;
	height: 444px;
	margin-bottom: 40px;
}

.matte {
	position: absolute;
	left: 0;
	top: 270px;
	left: 40px;
	width: 982px;
}

div.workspace .copy {
	float: left;
	width: 148px;
	font-size: 9px;
	font-weight: bolder;
	margin-right: 178px;
	margin-top: 10px;
	color: #777;
}

div.workspace .category, div.workspace .title, div.workspace .client {
	color: #000;
}

div.workspace .category {
	text-transform: uppercase;
	margin-bottom: 10px;	
}

div.workspace .title {
	margin-bottom: 10px;	
}

.page_controls, .left_works_bar {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 175px;
}

.left_works_bar {
	border-bottom: 9px solid black;
	margin-right: 151px;
}

a.left {  
	display: block;
	overflow: hidden;  
	width: 18px;  
	height: 20px;
	
	background: url(../img/left.png) no-repeat 0px 0px;
}

a.right {  
	display: block;
	overflow: hidden;  
	width: 18px;  
	height: 20px;
	
	
	background: url(../img/right.png) no-repeat 0px 0px;
}

a:hover.left, a:hover.right {  
	background-position: 0px -20px;
}

.long_image_bar, .short_image_bar {
	border-bottom: 9px solid black;
	float: left;
}

.long_image_bar {
	width: 653px;
}

.short_image_bar {
	width: 320px;
}

/* About page */
.info_container {
	position: absolute;
	top: 179px;
	left: 365px;
}

.info_text_container {
	width: 651px;
	margin-top: 100px;
	margin-bottom: 10px;
	overflow: hidden;
}

.info_label {
	float:left;
	font-size: 9px;
	margin-left: 3px;
	font-weight: bolder;
	letter-spacing: .075em;
	text-transform: uppercase;
}

.info_copy {
	float: right;
	font-size: 9px;
	font-weight: bolder;
	width: 327px;
	color: #777;
}

.info_bar_container {
	width: 652px;
	overflow:hidden;
	clear: right;
}

.info_left_bar {
	float:left;
	border-bottom: 9px solid black;
	width: 159px;
}

.info_right_bar {
	float:right;
	border-bottom: 9px solid black;
	width: 330px;
}

.slide {
	position: absolute;
}

.slide_container {
	overflow: hidden;
	width: 1200px;
}

.caption_container {
	height: 100px;
	position: relative;
	margin-bottom: -20px;
	font-size: 9px;
	font-weight: bolder;
	color: #777;
}

.caption_container div {
	position: absolute;
	margin: 5px 0;
}

/* Admin  */


.admin, .user_login {
	border-left: solid 1px black;
	padding-left: 20px;
	margin-top: -20px;
	width: 150%;
}

.user_login {
	position: absolute;
	left: 365px;
	top: 170px;
	margin-top: 0px;
}

.admin form {
	overflow: hidden;
	width: 500px;
}

.image_form {
	padding: 10px;
	background-color: #eee;
	float:left;
	width: 100%;
	margin-top: 10px;
}

.admin p {
	clear: both;
}

.admin label {
	float: left;
	margin-top: 15px;
}

form.sort_form
{
	width: 50px;
}

form.sort_form input[type="text"]
{
	width: 40px;
	float: none;
	margin-top: 0px;
}

.admin input[type="text"], .admin input[type="password"]
{
	float: right;
	width: 330px;
	margin-top: 15px;
	border: 1px solid #C3C3C3;
}

.admin select {
	float: right;
	margin-top: 15px;
}

.image_form input[type="text"], .image_form input[type="password"], .image_form textarea {
	margin: 5px 20px 0 0;
}

.image_form label {
	margin-top: 5px;
}

.admin textarea {
	width: 330px;
	height: 50px;
	float: right;
	margin-top: 15px;
}

.admin .submit, .admin .cancel {
	margin-top: 10px;
	float: left;
	clear: both;
}

.admin .cancel {
	margin-left: 10px;
	clear: none;
}

.admin .error, .admin .last_error, .admin .password_match_error, .user_login .error {
	color: #d45341;
	font-size: 10px;
	display: inline;
	float: right;
}

.image_form .error {
	margin-right: 20px;
}

.add_image {
	clear: both;
	float: right;
	font-size: 12px;
	margin-top: 10px;
}

.admin .last_error {
	margin-top: 0px;
}

.admin .password_match_error, .user_login .error {
	margin-top: 20px;
}