/* Basic setup */
* {
	padding: 0px;
	margin: 0px;
}
p {
	margin: 0px 0px 5px 0;
}
ul {
	list-style:none;
}
body {
	background-color: #c9ced1;
	font-family: Helvetica, Arial;
	font-size: 12px;
	line-height: 18px;
	font-weight: lighter;
	letter-spacing: 0px;
}

a,a:visited,a:hover,a:active {
	text-decoration: none;
	color: #000;
}

a:hover {
	background-color: #b9bec1;
}

h1,h2,h3,h4 {
	font-size: 12px;
}

h1, h2 {
	line-height: 25px;
}

strong {
	font-weight: bold;
}

img {
	display: block;
}

#logo img {
	border: none;
}

/* General Layout */
div#outer_container {
	margin-top: 45px;
	margin-left: 45px;
	width: 820px;
}

#outer_container_admin {
	margin-top: 45px;
	margin-left: 45px;
	width: 1020px;
}

#left_col {
	float: left;
	width: 540px;
}
#left_col p {
	line-height:normal;
}

#left_col.admin {
	float: left;
	width: 740px;
}

#right_col {
	float: left;
	width: 260px;
	margin-left: 20px;
}

.bold {
	font-weight: bold;
}

/* Header */
#head_left {
	position: relative;
	top: 0px;
	left: 0px;
	height: 125px;
	border-bottom: 2px solid #000;
	margin-bottom: 6px;
}

#head_left #language ul {
	font-weight: normal;
	list-style: none;
}

#head_left #language ul li.active {
	font-weight: bold;
	background: none;
}

#head_left .claim {
	position: absolute;
	bottom: 5px;
	left: 0px;
	font-weight: bold;
}

#head_right {
	position: relative;
	top: 0px;
	left: 0px;
	height: 125px;
	border-bottom: 2px solid #000;
	margin-bottom: 6px;
}

#head_right .claim {
	position: absolute;
	bottom: 5px;
	left: 0px;
	font-weight: bold;
}

/* Address */
#address {
	height: 170px;
	border-bottom: 2px solid #000;
}

/* Menu */
#menu ul {
	list-style: none;
}

/* Category Navigation */
#category_grid {
	
}

.category {
	border-top: 1px solid #000;
	border-bottom: 2px solid #000;
	width: 260px;
	height: 170px;
	float: left;
	margin-bottom: 6px;
}

.admin .category {
	width: 360px;
	
	}

.category.right {
	margin-left: 20px;
}

.staging {
	color: #a20026;
}

.category.staging .category_title a {
	color: #a20026;
}

#left_col .category .category_title {
	line-height: 25px;
	font-weight: bold;
	margin:0px;
}

.category .image_container {
	background-color: #fff;
	padding: 8px;
}

.image_container a img {
	border: 1px solid #000;
}

.image_container a img.staging {
	border-right: 3px solid #F20039;
}

.category .image_container .image {
	width: 180px;
	height: 120px;
	background-color: #c9ced1;
	border: 1px solid #000;
}

/* Project Detail */
p.project_title {
	margin: 4px 0px;
}

#project_detail {
	width: 540px;
	border-top: 1px solid #000;
}

#project_detail h2 {
	line-height: 25px;
}

#project_detail_hr {
	height: 8px;
	border-bottom: 2px solid #000;
}

#project_images {
	position: relative;
	top: 0px;
	left: 0px;
	background-color: #fff;
	padding: 7px;
	height: 301px;
}

#project_images img {
	display: block;
	border: 1px solid #000;
}

#image_nav {
	
}

#image_nav a {
	position:absolute;
	right:26px;
	bottom:8px;
}
#image_nav a.next_image {
	right:8px;
	bottom:8px;	
}

#image_nav a img {
	border: none;
}

div.project_description {
	margin-top: 8px;
	padding-top: 7px;
	border-top: 1px solid #000;
	font-weight: normal;
}

/* About Sign */
.about_box {
	border-top: 1px solid #000;
	border-bottom: 2px solid #000;
	width: 260px;
	height: 170px;
	overflow: hidden;
	float: left;
	margin-bottom: 6px;
}

.about_box.right {
	margin-left: 20px;
}

.about_box h3 {
	line-height: 25px;
	font-weight: bold;
}

table.about td {
	padding: 0px 5px 0px 0px;
	border: none;
	text-align: left;
}

table.about td.year {
	padding-right: 12px;
}

/* Menu */
#menu ul.about {
	font-weight: bold;
	margin-top: 12px;
}

#menu ul {
	list-style: none;
	margin-top: 15px;
}

#menu ul li {
	margin-bottom: 0px;
}

/* Breadcrumbs */
#breadcrumbs ul {
	list-style: none;
	margin-top: 15px;
}

#breadcrumbs ul li {
	margin-bottom: 5px;
}

/* News */
#news {
	border-top: 1px solid #000;
	margin-top: 1px;
}

#news p {
	margin-bottom: 10px;
}

p span.date {
	font-weight: bold;
}

/* Error reporting */
div#error {
	background-color: #a20026;
	color: #FFF;
	text-align: center;
	font-weight: bold;
}

p.error {
	color: #832103;
}

/* Contact and Directions */
#contact_form {
	margin: 20px 0px;
}

#contact_form span.error {
	color: #a20026;
}

#contact_form textarea,#contact_form input.text {
	width: 270px;
}

/* CMS */
div#login {
	width: 200px;
	height: 300px;
	margin: -100px -100px;
	position: absolute;
	top: 50%;
	left: 50%;
	text-align:center;
}
#login p {
	
	width:102px;
	margin: 5px 0px 5px 50px;
	
	}

button.submit {
	width:106px;
	margin: 5px 0px 0px 0px;
}
#login img {
	display:block;
	width:23px;
	margin: 0px auto;
	}
#login input {
	width:100px;
	margin-left:0px;
	}
#login input.textbox, #login input.password {
	width:200px;
}
#login table, #login tbody {
	width:200px;
}

#login th {
	width:50px;
	background:none;
}
#login td {
	background:none;
	width:150px;
	text-align:left;
}
#login p.error {
	width:100px;
	text-align:center;
	margin: 5px 0 0 0;
}

/* Title in all cms screens */
h3.title {
	float: left;
	line-height: 25px;
}

/* Back buttons to the right of the title */
.back_btn {
	float: right;
	font-weight: bold;
}

/* default background+font color for all tables */
tr th,tr th a,tr th a:hover,tr th a:active,tr th a:visited {
	background-color: #869198;
	color: #000;
}

/* ul in content grid */
.admin .category img {
	float: left;
}

.admin .category .content_functions {
	float: right;
	text-align: center;
	font-size: 12px;
	color:#000;
}

.content_functions ul {
	list-style: none;
	text-align: center;
	line-height:16px;
}

li.live_active {
	background-color: #3AA55D;
}

li.staging_active {
	
	background-color: #a20026;
}

/* Default settings for cells */
tr td {
	padding: 2px;
	vertical-align: top;
	border: 0px solid #869198;
	background-color: #d6d6d6;
}

/* Background images to show sort direction in table titles */
th a.desc {
	background: url(/media/slices/arrow_down.gif) no-repeat center right;
}

th a.asc {
	background: url(/media/slices/arrow_up.gif) no-repeat center right;
}

/* Padding for sortable titles so they wont overlapp the background image */
th a.desc,th a.asc {
	padding-right: 13px;
}

/* Tables */
.admin table {
	width: 740px;
}

/* Labels for form input fields */
.admin tbody tr th {
	width: 140px;
}

/* Content in form fields */
.admin tbody tr td {
	width: 600px;
}

/* tables in forms e.g. */
form tr td {
	padding: 0px;
}

/* unordered list in tables */
td ul {
	list-style: none;
	font-size: 10px;
}

/* Image field in tables */
td.image {
	padding: 0px;
	width: 90px;
	text-align: center;
}

/* Functions field in tables */
td.functions {
	text-align: center;
	vertical-align: middle;
	line-height: auto;
}

tr.odd td {
	background-color: #869198;
}

/* Status toggle buttons */
div.status {
	height: 30px;
	text-align: center;
	font-size: 10px;
	vertical-align: middle;
	line-height: 30px;
	color: #000;
}

div.staging_active {
	background-color: #a20026;
}

div.live_active {
	background-color: #3AA55D;
}

/* Forms */
textarea {
	width: 600px;
}

input.textbox,input.password {
	width: 600px;
}

/* About Sign */ /* Thickbox */
#TB_caption {
	font-weight: bold;
}

#thickboxHidden {
	display: none;
}