@import url("reset.css");

body {
	background: #FFF;
	color: #333;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 62.5%;
	line-height: 1.4;
	letter-spacing: 0.05em;

}

h1 {}
h2 {
	font-size: 20pt;
	color: #999;
	border-bottom: 1px solid #CCC;
	margin-bottom: 10px;
	position: relative;
}
	h2 a {
		font-size: 10px;
		position: absolute;
		right: 0;
		bottom: 0;
	}
h2 a.firm_name {
	position: relative;
	font-size: 20pt;
	color: #999;
	
	
}

h2 a.firm_name:hover {
	color: #999;
}
	h2 strong {
		color: #333;
	}
	

h3 {	
	font-size: 1.2em;
	line-height: 1;
	padding: 0 0 0.2em;
	margin: 0 0 0.75em;
	border-bottom: 1px solid #ECECEC;
}

p {
	margin: 0 0 0.8em;
}

a.alt:link {
	color: #090;
}
a.alt:hover {
	color: #000;
}
a.alt:active {
	color: #060;
}
a.alt:visited {
	color: #090;
}
a.alt:visited:hover {
	color: #000;
}

a.admin,
.admin-links a {
	color: #F90;
	text-decoration: none !important;
	border-bottom: 3px solid #FFF;
}  

a.admin:hover,
.admin-links a:hover {
	color: #C60;
	border-bottom: 3px solid #C60;
}
a.admin:active,
.admin-links a:active {
	color: #930;
}

a.admin-btn {
	color: #F90;
	font-size: 12px;
	background: #ECECEC;
	padding: 7px 10px;
}
a.admin-btn:hover {
	color: #C60;
}
a.admin-btn:active {
	background: #CCC;
}

blockquote {
	font-style:italic;
}
address {
	font-style: normal;
}

div#admin_panel {
	position: fixed;
	left: 20px;
	top: 20px;
	background: #000;
	opacity: 0.8;
	padding: 10px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}
	div#admin_panel strong {
		color: #FFF;
	}
	div#admin_panel li {
		margin-top: 5px;
	}
		div#admin_panel ul ul {
			margin-left: 10px;
		}
.gray {
	color:gray;
}
.clear {
	clear: both;
	height: 0;
	overflow: hidden;
	float: none;
}

p.notice {
	color: #363;
	font-weight: bold;
	background: #DFD;
	border: 1px dashed #7C7;
	padding: 0.5em 1em;
	margin-bottom: 1em;
}
p.error {
	color: #633;
	font-weight: bold;
	background: #FDD;
	border: 1px dashed #C77;
	padding: 0.5em 1em;
	margin-bottom: 1em;
}
.empty_photo {
	background-color:gray;
	width: 290px;
	height:150px;
}

.photo-links a {
	display: block;
	border-bottom: 4px solid #FFF;
}
.photo-links a:hover {
	border-bottom: 4px solid #3FAFD5;
}

.associates_list li {
	padding-bottom:6px;
}

.padding-right-10px {
	padding-right: 10px;
}
.margin-right-10px {
	margin-right: 10px;
}

/*** Form Styles ***/

#content_nav_wrapper {
	position: relative;
	
}
#form_thumb_field {
	position:absolute;
	top: 130px;
	left: -300px;
	width: 120px;
}

/* Header / Section Toggle link */
h3.section-toggle {
	background: #ECECEC;
	font-weight: normal;
	padding: 0;
}
	h3.section-toggle a {
		color: #F90;
		text-decoration: none;
		display: block;
		background: transparent url('../images/section-toggle-arrow.png') no-repeat scroll 15px 8px;
		padding: 9px 0 8px 40px;
	}
	h3.section-toggle a:hover {
		color: #C60;
		background-position: 15px -25px;
	}
	h3.section-toggle a.open {
		background-position: 15px -58px;
	}
	h3.section-toggle a.open:hover {
		background-position: 15px -91px;
	}

/* Toggle Section */	

.closed {
	height:0;
	width:0;
	overflow:hidden;
}
.form-section {

}
.form-section .inner{
	padding-bottom: 30px;
}
.form-section.last {
	padding-bottom: 30px;
	border-bottom: 1px solid #CDCDCD;
}

	
fieldset {}
	fieldset h3 {
		margin: 0;
	}	
	fieldset span.required-notice {
		font-size: 10px;
		font-weight: normal;
		color: #999;
		position: absolute;
		right: 0;
		top: 17px;
	}
	fieldset ol {}
		fieldset ol li {
			float: left;
			clear: both;
			width: 100%;
			padding: 5px 0;
		
		}
		fieldset ol li.focused {
			background: #f9edc3;
		}
			fieldset label {
				font-size: 10px;
				text-align: right;
				font-weight: bold;
				float: left;
				padding-right: 4px;
				margin-right: 8px;
			}
			fieldset .required label {
				background: transparent url('../images/required.png') no-repeat scroll right 3px;
			}
			.admin-page #main fieldset label {
				width: 100px;
				margin-top: 7px;
			}
			
			fieldset input,
			fieldset textarea {
				font-family: Helvetica, Arial, sans-serif;
				letter-spacing: 0.25px;
				color: #000;
				float: left;
			}
			
			fieldset select {
				letter-spacing: 0.25px;
				color: #000;
				float: left;
				margin-top: 7px;
			}
			
			fieldset input[type=text],
			fieldset textarea {
				width: 284px;
				padding: 6px;
				border: 1px solid #999;
			}
			fieldset input[type=text] {
				font-size: 14px;
			}
			fieldset textarea {
				font-size: 12px;
				line-height: 1.25;
			}
			
			fieldset li.radio input,
			fieldset li.check input {
				height: 14px;
				width: 14px;
				margin: 8px 4px 0 0;
			}
			
			fieldset span.note {
				font-size: 10px;
				color: #999;
				float: left;
				clear: left;
			}
			
			fieldset input[type=submit] {
				color: #F90;
				background: #ECECEC;
				float: right;
				height: 27px;
				padding: 2px 8px 4px;
				margin: 0;
				border: none;
				cursor: pointer;
			}
			fieldset input[type=submit]:hover {
				color: #C60;
			}
			fieldset input[type=submit]:active {
				color: #930;
				background: #CCC;
			}
			
/* Form Errors */
div.errorExplanation {
	color: #900;
	background: #FFF3F3;
	border: 1px solid #FFE0E0;
	padding: 20px 18px;
	margin: 0 0 10px;
}
	div.errorExplanation h2 {
		color: #FF4040;
		font-size: 16pt;
		border-bottom: none;
		margin-bottom: 0.25em;
	}
	div.errorExplanation ul {
		list-style: disc inside none;
	}
div.fieldWithErrors {
	color: #F00;
}
			
/*** Specific Forms ***/

/* Profile Edit - user information */
ul.user_list li.password input[type="text"] {
	width: 130px;
}
ul.user_list li.password input {
	margin-right: 10px;
}

/* Profile Edit - company information */
fieldset#company_info {}
	fieldset#company_info span.note {
		margin-left: 112px;
	}

.add-team-member, .add-media-link, .add-testimonial {
	position: absolute;
	right: 0;
	top: 0;
	width: 125px;
	z-index: 10;
}

.reorder-label {
	color: #999;
	font-style: italic;	
	position: absolute;
	top: 0;
	left: 0;
	background: url('../images/up-down-arrow.png') no-repeat;
	padding-left: 13px;
}
.multi-dir {
	background-image: url('../images/drag-arrows.png');
	height: 15px;
	padding: 3px 0 0 25px;
}


/* Profile Edit - team members */
div.team_members_container, div.media_links_container, div.testimonials_container {
	position: relative;
}
fieldset#team_members, fieldset#media_links, fieldset#testimonials {
	min-height: 42px;
	position: relative;
}
	fieldset#team_members label,fieldset#media_links label,fieldset#testimonials label {
		width: 100px;
	}
	fieldset#team_members .reorder_icon, fieldset#media_links .reorder_icon, fieldset#testimonials .reorder_icon {
		position: absolute;
		right: 157px;
		top: 29px;
		background: url('../images/up-down-arrow.png') no-repeat;
		width: 7px;
		height: 15px;
	}
	fieldset#team_members a.delete, fieldset#media_links a.delete, fieldset#testimonials a.delete  {
		position: absolute;
		right: 5px;
		top: 29px;
	}
	fieldset#team_members span.add-team-member a, fieldset#media_links span.add-media-link a, fieldset#media_links span.add-testimonial a {
		font-size: 12px;
	}
	fieldset#team_members ul#team_members_list, fieldset#media_links ul#media_links_list, fieldset#media_links ul#testimonials_list {
		border-bottom: 1px dotted #CDCDCD;
	}
		fieldset#team_members ul#team_members_list > li, fieldset#media_links ul#media_links_list > li, fieldset#testimonials ul#testimonials_list > li {
			padding: 18px 0;
			border-top: 1px dotted #CDCDCD;
		}

fieldset input#firm_submit {
	font-size: 14px;
	font-weight: bold;
	padding: 2px 20px 3px;
}
	
/* New Top Ad Form */
form#new_top_ads fieldset label {
	width: 35px;
}
form#new_top_ads fieldset.submit {
	width: 348px;
}

div#wrapper {
	background: #FFF;
	width: 890px;
	margin: 0 auto;
}
	div#header {
		width: 100%;
		margin-bottom: 18px;
	}
		div#header div#title {
			float: left;
			width: 400px;
			margin-top: 18px;
		}
			div#title img {
				float: left;
				margin: 2px 18px 0 0;
			}
			div#title h1 {
				font-size: 1.2em;
				font-weight: bold;
				line-height: 1;
				letter-spacing: 0.05em;
			}
				div#title h1 a {
					color: #333;
					text-decoration: none;
				}
				div#title h1 a:hover {
					color: #666;
				}
			div#header div#title p {
				font-size: 1.2em;
				margin-top: 4px;
				line-height: 1.2;
				letter-spacing: 0.075em;
			}
	
		div#header div#top_ads {
			float: right;
			background: #000;
			width: 290px;
		    position: relative;
		}
		div#header div#top_ads .admin {
			position: absolute;
			top:0;
			left: -30px;
		}
			div#top_ads ins {
				float: right;
			}
		
		div#header ul#top_nav {
			border-bottom: 1px solid #E3E3E3;
			clear: both;
			width: 100%;
			height: 24px;
			padding-top: 10px;
		}
			ul#top_nav li {
				float: left;
				
				margin-right: 30px;
				height: 100%;
				position: relative;
			}
				ul#top_nav li a {
					font-size: 1.2em;
					font-weight: bold;
					line-height: 1;
					text-decoration: none;
					height: 17px;
					border-bottom: 3px solid #FFF;
				
					left: 0;
					bottom: 0;
					display:block;
					margin-bottom: 0;
					padding-top: 4px;
				}
				ul#top_nav li a.admin {
					padding-top:6px;
				}
				ul#top_nav li a:hover {
					border-bottom: 3px solid #069;
				}
				ul#top_nav li a:active {
					color: #036;
					border-bottom: 3px solid #036;
				} 
			 ul#top_nav li.logged_in_as {
				  float: right;
				  width: auto; 
				  line-height:26px;
				  margin-right:10px;
				  
			 }
			ul#top_nav li.login {
				float: right;
				width: auto;
				margin-right: 55px;
			}
				ul#top_nav li.login a {
					font-size: 1em;
					line-height: 1.5;
					height: auto;
				}
				ul#top_nav li.login a:hover {
					border-bottom: 3px solid #C60;
				}
			ul#top_nav li.sponsor {
				color: #999;
				font-size: 1em;
				float: right;
				width: 295px;
				padding-top: 6px;
				margin-right:0;
			}
				ul#top_nav li.sponsor a {
					font-size: 1em;
					line-height: 1.5;
					float: right;
					height: auto;
					position: static;
					padding-top:0;
				}
				ul#top_nav li.sponsor a:hover {
					border-bottom: 3px solid #000;
				}
				
				.cities-index ul#top_nav li.home a,
				.about ul#top_nav li.about a {
					border-bottom: 3px solid #09C;
				}
				.cities-index ul#top_nav li.home a:hover,
				.about ul#top_nav li.about a:hover {
					border-bottom: 3px solid #069;
				}
				.cities-index ul#top_nav li.home a:active,
				.about ul#top_nav li.about a:active {
					border-bottom: 3px solid #036;
				}
				
				.firm_fields p {
					display:block;
				}
				.firm_fields label {
					display:inline-block;
					width:50px;
					height:15px;
				}
				.firm_fields input {
					display:inline;
				}
		div#header #breadcrumbs_container {
			position:relative;
		}
			div#header #breadcrumbs_container .right {
			font-weight:bold;
			position:absolute;
			right:0;
			bottom: 0px;
			font-size:10px;
			color: #999;
		}
				div#header #breadcrumbs_container .right a {
					position: relative;
				}
		div#header ol#breadcrumbs {
			height: 14px;
			margin-top: 6px;
		}
			ol#breadcrumbs li {
				float: left;
			}
				ol#breadcrumbs li a {
					color: #0099CC;
					text-decoration: none;
				}
				ol#breadcrumbs li a:hover {
					color: #006699;
				}
				ol#breadcrumbs li span {
					padding: 0 10px;
				}
				

	div#nav_column {
		float: left;
		width: 290px;
		padding: 0;
		margin: 0;
	}
		div#nav_column img#image_preview {
/*			margin-bottom: 10px;*/
		}
		
		div#nav_column h3 {
			margin: 2em 0 0.75em;
		}
		.admin-page div#nav_column h3 {
			margin: 0;
		}
		
		div#nav_column a.firm_link {
			font-size: 1.2em;
		}
		
		div#nav_column ul#project_list {
			margin-bottom: 14px;
		}
			div#nav_column ul#project_list a {
				font-size: 1.2em;
			}
			div#nav_column ul#project_list a:hover,
			div#nav_column ul#project_list li.on a {
				color: #069;
			}
			
		.admin-page div#nav_column ul#project_list {
			margin-bottom: 20px;
		}
			.admin-page div#nav_column ul#project_list a {
				color: #F90;
			}
			.admin-page div#nav_column ul#project_list a:hover {
				color: #C60;
			}
			.admin-page div#nav_column ul#project_list li.on a {
				color: #630;
			}
			div#nav_column ul#project_list a.admin:hover {
				text-decoration: none;
			}
		
		div#nav_column div#about_us,
		div#nav_column div#about_project {
			font-size: 1.2em;
			line-height: 1.75;
		}
	
		div#nav_column a.more {
			float: right;
			margin-right: 20px;
		}
		
		div#nav_column dl {
			font-size: 1.1em;
		}
			div#nav_column dl dt {
				color: #999;
				text-align: right;
				float: left;
				clear: left;
				padding-top: 1px;
				margin: 0 1.5em 0.5em 0;
			}
			div#nav_column dl dd {
				float: left;
				clear: right;
				padding-top: 1px;
				margin-bottom: 0.5em;
			}
		
		div#nav_column dl#contact_info {}
			div#nav_column dl#contact_info dt {
				width: 5em;
			}
			div#nav_column dl#contact_info dd {
				width: 19.5em;
			}
			
		div#nav_column dl#firm_stats {}
			div#nav_column dl#firm_stats dt {
				width: 11em;
				padding-top: 2px;
				margin-right: 1em;
			}
			div#nav_column dl#firm_stats dd {
				font-size: 1.2em;
			}
			div#nav_column dl#firm_stats dd#project_appreciations {
				padding-left: 16px;
				background: transparent url(../images/thumbs_up_gray.png) no-repeat scroll 0 0;
			}
			
		div#nav_column ul#principles {	
			font-size: 1.1em;
			width: 290px;
		}
			ul#principles li {
				float: left;
				margin-bottom: 8px;
			}
				ul#principles li div {
					background: #EFEFEF;
					float: left;
					width: 290px;
					margin-bottom: 0.65em;
				}
			
					ul#principles li div img {
						float: left;
					}
					ul#principles li span {
						line-height: 1.5em;
						float: left;
						margin: 12px 0 8px 14px;
					}
				ul#principles li div.bio {
					background-color:white;
				}	
				ul#principles li p {
					line-height: 1.5;
					clear: both;
					background-color:white;
					overflow: hidden;
				}
		
		div#nav_column div#search {}
			div#search fieldset {}
				div#search fieldset input[type=text] {
					float: left;
					width: 152px;
				}
				div#search fieldset input[type=submit] {
					color: #666;
					text-decoration: underline;
					background: none;
					border: none;
					cursor: pointer;
					float: right;
					height: 17px;
					padding: 0;
				}
				div#search fieldset input[type=submit]:hover {
					color: #090;
				}
				
		div#nav_column div#sort {}
			div#sort strong {
				color: #333;
				font-size: 1.2em;
				font-weight: normal;
				display: block;
			}
			div#sort a {
				display: block;
				padding: 3px 5px 2px;
				margin-left: -3px;
			}
			div#sort a.on {
				color: #FFF;
				text-decoration: none;
				background: #999;
			}
		
		div#nav_column ol#nav {}
			ol#nav li {
				margin-bottom: 0.2em;
			}
				ol#nav li strong {
					color: #333;
					font-size: 1.2em;
					font-weight: normal;
					display: block;
				}
				ol#nav li ol {
					padding: 0;
					margin-top: 0.4em;
				}
					ol#nav li ol li {}
						ol#nav li ol li a {
							font-size: 1em;
						}
						ol#nav li ol li a.hover {
							color: #090;
						}

		div#nav_column div#callouts {
			padding: 5px 12px 18px;
		}
			div#callouts div.callout {
				padding: 15px 0 0;
				margin: 0;
			}
		span.thumbs_up {
			height:30px;
			background: url(../images/thumbs_up.png) no-repeat scroll right top;
			padding:4px 15px 0 0;
		
			margin-right: 5px;
		}
		div#nav_column a#like_this, div#nav_column a#like_this_inactive {
			font-weight: bold;
			line-height: 1.9;
			float: right;
			background: #ECECEC url(../images/thumbs_up.png) no-repeat scroll 7px 3px;
			height: 15px;
			padding: 2px 8px 4px 30px;
			margin-top: -3px;
		}
		div#nav_column a#like_this_inactive:hover{
			color:#333;
		}
		div#nav_column a#like_this:hover {
			background-position: 7px -15px;
		}
		div#nav_column a#like_this:active {
			color: #036;
			background-position: 7px -33px;
		}
	
	div#photo_container {
		min-height: 500px;
	}
	/* for Internet Explorer */
	/*\*/
	* html #photo_container {
	height:500px;
	}
	/**/
	
	.project_image_link span {
		text-align:left;
	}
	div#main {
		width: 890px;
		margin: 0;
	}
		.cities-index p.intro {
			font-size: 1.2em;
			line-height: 1.5;
			width: 600px;
			margin-bottom: 30px;
		}
		
		.cities-index div#browse {
			float: left;
			width: 600px;
			margin: 0 0 28px 0;
		}
			.cities-index div#browse ol {
				font-size: 1.2em;
				float: left;
				width: 8em;
				margin: 0 1em 0 0;
			}
				.cities-index div#browse ol li {
					line-height: 1.5;
				}
				.cities-index div#browse a:hover {
					text-decoration: underline;
				}
		
		.cities-index div#search, .search_results div #search {
			float: right;
			width: 290px;
			margin: 0 0 28px 0;
		}
			.cities-index div#search input[type=text], .search_results div #search input[type=text]{
				color: #999;
				background: #FCFCFC;
				font-size: 1.4em;
				width: 198px;
				float: left;
				padding: 4px 0;
				margin: 0;
				border: 1px solid #CCC;
			}
			.cities-index div#search input[type=submit],.search_results div#search input[type=submit]{
				font-size: 1.2em;
				color: #0099CC;
				text-decoration: none;
				background: #ECECEC;
				float: right;
				height: 27px;
				padding: 4px 19px;
				margin: 0;
				border: none;
				cursor: pointer;
			}
			.cities-index div#search input[type=submit]:hover, .search_results div#search input[type=submit]:hover {
				color: #006699;
				background: #DCDCDC;
			}
			.cities-index div#search input[type=submit]:active, .search_results div#search input[type=submit]:active {
				color: #003366;
				background: #CCCCCC;
			}
	
	div.search_results_inner {
		float: left;
		width: 600px;
		margin: 0 0 28px 0;
	}
	div.search_results_inner ul li {
		border-top:solid 1px #ddd;
		font-size:12px;
		padding:8px 0;

	}
	div.search_results_inner ul li span.firm {
		color:#6e6e6e;
	}
	div.search_results #search {
		width:270px;
		float:left;
		padding-left:20px;
	}
	div#main ul#filter {
		height: 28px;
		margin-bottom: 30px;
		float:left; 
	}
		ul#filter > li {
			float: left;
/*			margin-right: 10px;*/
		}
		ul#filter li.firm_menu,
		ul#filter li.filter_menu {
			margin-left: 0;
			position: relative;
		}
			ul#filter > li > a {
				font-size: 1.2em;
				font-weight: bold;
				text-align: center;
				line-height: 1;
				width: 140px;
				padding: 8px 0;
				display: block;
				background: #ECECEC;
			}
			ul#filter > li > a.on {
				color: #069;
				background: #D3D3D3;
			}
			ul#filter li.firm_menu > a,
			ul#filter li.filter_menu > a {
				text-align: left;
				background: #ECECEC url(../images/down_arrow.png) no-repeat scroll 265px 12px;
				width: 275px;
				padding-left: 15px;
			}
			ul#filter li.firm_menu > a:hover,
			ul#filter li.firm_menu > a.on,
			ul#filter li.filter_menu > a:hover,
			ul#filter li.filter_menu > a.on {
				background-position: 265px -16px;
			}
			ul#filter li#firm_menu > a.on,
			ul#filter li.filter_menu > a.on  {
				background-color: #D3D3D3;
			}
			ul#filter li#firm_menu > a.on {
				height: 20px;
			}
			ul#filter li#firm_menu > a:active,
			ul#filter li.filter_menu > a:active {
				color: #060;
				background-position: 265px -44px;
			}
			ul#filter li#firm_menu > div,
			ul#filter li.filter_menu > ol  {
				background: #D3D3D3;
				width: 260px;
				padding: 5px 15px;
				position: absolute;
				left: 0;
				top: 28px;
				z-index: 100;
			}
			
			ul#filter li#firm_menu div.two-col,
			ul#filter li#firm_menu div.three-col {
				padding: 20px 0 20px 15px;
				top: 36px;
			}
			
			ul#filter li#firm_menu div.two-col {
				width: 590px;
			}
				ul#filter li#firm_menu div.two-col > ol {
					float: left;
					width: 255px;
					margin-right: 40px;
				}
				
			ul#filter li#firm_menu div.three-col {
				width: 890px;
			}
				ul#filter li#firm_menu div.three-col > ol {
					float: left;
					width: 255px;
					margin-right: 40px;
				}
				
			ul#filter li.filter_menu > ol > li > ol > li {
				font-size:13px;
				padding: 3px 0;
			}
				li#firm_menu div > ol > li,
				li.filter_menu > ol > li {
					margin: 0 0 1em 0;
				}
					li#firm_menu div > ol > li > h3,
					li.filter_menu > ol > li > h3 {
						margin-bottom: 0.5em;
					}
					li#firm_menu div > ol > li > a,
					li.filter_menu > ol > li > a {
						display: block;
						padding: 5px 0;
					}
		
	
	div#main div#top_project {
		font-size: 1.1em;
		line-height: 1.5;
		margin-bottom: 44px;
	}
		div#top_project img {
			margin-bottom: 8px;
		}
		div#top_project strong {
			float: left;
		}
		div#top_project p {
			float: right;
			width: 590px;
			text-align:right;
		}
		
	h3.top_projects {
		position: relative;
	}
			h3.top_projects a {
				position: absolute;
				top: 0;
				right :0;
				font-weight:lighter;
				font-family:Helvetica,Arial,sans-serif;
				color:#0099CC;
				font-size:100%;
				background: url(../images/rss.png) top right no-repeat;
				padding-right: 20px;
			}
			
		
/*	div#main ul.thumbs {
		height: 150px;
		margin-bottom: 40px;
	}
		ul.thumbs li {
			float: left;
			margin-right: 10px;
		}
		ul.thumbs li + li + li {
			margin-right: 0;
		}*/
		
	div#main ol.projects {}
		ol.projects li {
			font-size: 1.2em;
			float: left;
			margin: 0 10px 7px 0;
		}
		ol.projects li.last-col {
			margin-right: 0;
		}
			ol.projects li a {
				display: block;
				position: relative;
				border-bottom: 3px solid #FFF;
			}
			ol.projects li a:hover {
				color: #333;
				border-bottom: 3px solid #09C;
			}
				ol.projects li a span {
					display: none;
					width: 280px;
					height: 140px;
					padding: 10px 0 0 10px;
					position: absolute;
					left: 0;
					top: 0;
					z-index: 5;
				}
				ol.projects li a:hover span {
					display: block;
					background: #EFEFEF;
					opacity: 0.9;
				}
				
		ol.projects.alpha > li {
			margin: 0 0 30px;
		}
	
	#appreciation {
		position:absolute;
		bottom: 128px;
		width:280px;
	}
	div.project_bottom_links {
		width:566px;
		background: #ECECEC;
		padding: 12px;
		font-size: 1.2em;
		float:right;
		
	}
	div#main div.pagination {
		font-size: 1.2em;

		float: right;
	
		text-align:center;
		padding: 12px;
		margin: 24px 0 0;
	}
		div.pagination a, div.pagination span.current {
			padding:5px;
			width:15px;
			float:left;
			display:block;
			margin-left:5px;
		}
	 	div.pagination a {
						
			background: #ECECEC;
			
		}
		div.pagination span {

			float:left;
			padding:2px 5px;
			margin-left:5px;
		}
		div.pagination .next_page {
			width: 50px;
		}
		div.pagination span.current {
			background: #333;
			color: #66ffff;
	
	}
		div.project_bottom_links a.prev {
			float: left;
			padding-left: 14px;
			background: transparent url(../images/left_arrow.png) no-repeat scroll left 2px;
		}
		div.project_bottom_links a.prev:hover {
			background-position: left -13px;
		}
		div.project_bottom_links a.prev:active {
			background-position: left -28px;
		}
		div.project_bottom_links a.index {
			text-align: center;
			display: block;
			width: 200px;
			margin: 0 auto;
		}
		div.project_bottom_links a.next {
			float: right;
			padding-right: 14px;
			background: transparent url(../images/right_arrow.png) no-repeat scroll right 2px;
	
		}
		div.project_bottom_links a.next:hover {
			background-position: right -13px;
		}
		div.project_bottom_links a.next:active {
			background-position: right -28px;
		}               
		
	.firms-create #main,
	.firms-new #main,
	.firms-show #main,
	.firms-edit #main,
	.firms-update #main,
	.projects-show #main,
	.projects-edit #main,
	.projects-new #main,
	.projects-create #main,
	.projects-index #main,
	.photos-index #main {
		float: right;
		width: 590px;
	}
	
	.projects-index #main {
		position: relative;
		padding-top: 34px;
	}
	
	/* Firm Edit Nav */
	ul#firm_edit_nav {
		margin-bottom: 20px;
	}
	ul#firm_edit_nav li {
		margin: 10px 0;
	}
		ul#firm_edit_nav li a {
			color: #FF9900;
			font-size: 12px;
			background: #ECECEC;
			display: block;
			padding: 7px 10px;
		}
		ul#firm_edit_nav li a.on {
			background: #45443E;
		}
		ul#firm_edit_nav li a:hover {
			color: #C60;
		}
		ul#firm_edit_nav li a:active {
			background: #CCC;
		}
	
	/* Profile Edit Page */
	.list_item {
		position:relative;
	}
	.firms-edit #nav_column a#browse_thumb {
		float: right;
		margin-top: 5px;
	}
	#nav_column {
		position:relative;
	}
	
	/* Project Edit Page */
	.projects-edit #main fieldset label,
	.projects-new #main fieldset label {
		width: 140px;
	}
	
	/* Project Edit & New Project - project information */
	#project_info {
		position: relative;
	}
		#project_info a#delete_project {
			position: absolute;
			right: 0;
			top: 10px;
			z-index: 10;
		}
		#project_info input#project_location {
			width: 172px;
		}
		#main #project_info label[for="project_year"] {
			width: 40px;
		}
		#project_info input#project_year {
			width: 45px;
		}

	/* Project Edit - images */
	.projects-edit #image_list {
		position: relative;
		padding-top: 30px;
	}
	.projects-edit div.swfUploadArea div.embedButton {
		float: right;
	}
		.projects-edit div.swfUploadArea div.embedButton input {
			color: #F90;
			font-size: 12px;
			background: #ECECEC;
			border: none;
			padding: 7px 10px;
		}
	.projects-edit .swfUploadArea {
		margin-bottom:25px;
	}
	
	/* Project Edit & New Project - project associates */
	#project_associates {
		position: relative;
	
	}
		#project_associates ul {
			border-bottom: 1px dotted #CDCDCD;
			margin-bottom: 18px;
		}
			ul#associates_list > li {
				background: transparent url('../images/up-down-arrow.png') no-repeat scroll 463px 29px;
				padding: 18px 0;
				border-top: 1px dotted #CDCDCD;
			}
				ul#associates_list li a.remove_associate {
					position: absolute;
					right: 44px;
					top: 29px;
				}
		#project_associates a#add_associates {
			float: right;
		}
		
	/* Project Edit & New Project - featured */
	#featured_form li.checkboxes {
		padding-left: 148px;
	}
		#featured_form li.checkboxes label {
			width: auto;
			margin-top: 4px;
			margin-left: 3px;
		}
		#featured_form input#project_top_project {
			margin-left: 35px;
		}

	
	div#btm_ads {
		background: #EBEBEB;
		width: auto;
		height: 116px;
		padding: 40px 0 0 90px;
		clear: both;
	}
		div#btm_ads div.ad {
			float: left;
			width: 152px;
			padding-right: 28px;
		}
			div#btm_ads div.ad a:link {
				color: #555;
				font-weight: bold;
			}
			div#btm_ads div.ad a:hover {
				color: #090;
			}
			div#btm_ads div.ad a:active {
				color: #060;
			}
			div#btm_ads div.ad a:visited {
				color: #CCC;
			}

			
	/* Footer */
	div#footer {
		clear: both;
		padding: 40px 0 15px;
	}
		div#footer div.top {
			font-weight: bold;
			height: 27px;
			padding-bottom: 10px;
			margin-bottom: 18px;
			border-bottom: 1px solid #E3E3E3;
			position: relative;
		}
			div#footer .top img {
				margin-right: 8px;
			}
			div#footer .top a.site {
				color: #333;
				font-size: 1.2em;
			}
			div#footer .top a.site:hover {
				color: #666;
			}
			div#footer .top a.site:active {
				color: #000;
			}
			div#footer .top ul {
				position: absolute;
				right: 0;
				bottom: 5px;
			}
				div#footer .top ul li {
					float: left;
				}
					div#footer div.top ul a {
						text-decoration: none;
						padding-bottom: 3px;
						border-bottom: 3px solid #FFF;
					}
					div#footer div.top ul a:hover {
						border-bottom: 3px solid #069;
					}
					div#footer div.top ul a:active {
						border-bottom: 3px solid #036;
					}
					div#footer div.top ul a.twitter {
						margin-left: 35px;
					}
		
		div#footer div#sister_sites ul {
			float: left;
			margin: 0 40px 0 0;
		}
			#sister_sites ul li {
				margin-bottom: 0.5em;
			}
				#sister_sites ul a:hover {
					text-decoration: underline;
				}
				
		div#footer fieldset {
			color: #999;
			width: 306px;
			float: right;
		}
			div#footer fieldset label {
				color: #666;
				line-height: 1;
				text-align: left;
				display: block;
				float: none;
			}
			div#footer fieldset input[type=text] {
				color: #999;
				background: #FCFCFC;
				font-size: 1.4em;
				width: 210px;
				float: left;
				padding: 4px 5px;
				margin: 10px 0 8px 0;
				border: 1px solid #CCC;
			}
			div#footer fieldset input[type=submit] {
				color: #00CCFF;
				background: #45443E;
				float: right;
				height: 27px;
				padding: 2px 8px 4px;
				margin: 10px 0 8px 0;
				border: none;
				cursor: pointer;
			}
			div#footer fieldset input[type=submit]:hover {
				color: #009900;
				background: #383732;
			}
			div#footer fieldset input[type=submit]:active {
				color: #006600;
				background: #000;
			}
			div#footer fieldset p {
				line-height: 1.5;
			}
					
		div#footer small {
			float: left;
			clear: left;
			margin: 40px 0 0;
		}
		div#footer small#design_credit {
			float: right;
		}
			div#footer small a:hover {
				text-decoration: underline;
			}

		/* Firm Detail Page */
		div#main div#firm {}
			div#firm div.admin-links {
				clear: both;
				margin-bottom: 1em;
			}
			div#firm address {
				font-size: 1.1em;
				font-style: normal;
				letter-spacing: 0.01em;
				line-height: 1.5em;
				float: right;
			}
			div#firm a#firm_website {
				font-size: 1.4em;
				float: left;
				margin-bottom: 0.5em;
			}
			div#firm a#firm_email {
				font-size: 1.1em;
				float: left;
				clear: left;
			}
			
			ul#main_project_list {}
				ul#main_project_list li {
					margin: 0 0 24px;
				}
					ul#main_project_list li a.image-link {
						margin-bottom: 2px;
					}
					ul#main_project_list li h4 {
						float: left;
					}
					ul#main_project_list li a.text-link {
						float: right;
					}
			
			/* Sortable Photo and Project Lists */
			ul.sortable-list {
				width: 596px;
			}
				
				ul.sortable-list li {
					width: 290px;
					float: left;
					margin: 0 8px 24px 0;
					height: 165px;
				}
					ul.sortable-list li h4 {
						
					    position:absolute;
						bottom: 0px;
						line-height: 15px;
					}
					ul.sortable-list li a.image-link {
						margin-bottom: 2px;
					}
					ul.sortable-list li a.toggle,
					ul.sortable-list li a.delete {
						text-indent: -999999em;
						position: absolute;
						bottom: 2px;
					}
					ul.sortable-list li a.toggle {
						background: #FFF url('../images/toggle_btn.png') no-repeat scroll 0 0;
						width: 27px;
						height: 10px;
						right: 15px;
					}
					ul.sortable-list li a.toggle:hover {
						background-position: 0 -10px;
					}
					ul.sortable-list li a.toggle_off {
						background-position: 0 -20px;
					}
					ul.sortable-list li a.toggle_off:hover  {
						background-position: 0 -30px;
					}
					ul.sortable-list li a.delete {
						background: #FFF url('../images/delete_box.png') no-repeat scroll 0 0;
						width: 10px;
						height: 10px;
						right: 0;
					}
					ul.sortable-list li a.delete:hover {
						background-position: 0 -10px;
					}
					
					ul#sortable_project_list li a.edit {
						position: absolute;
						right: 47px;
						bottom: 0;
						border: none;
					}
					
					ul#sortable_photo_list .main_detail{
						position:relative;
					}
					ul#sortable_photo_list li{
						position:relative;
						height:170px;
					}
					
					ul#sortable_photo_list a.admin {
						border: none;
					}
					ul#sortable_photo_list a.delete {
						text-indent: -999999em;
						position: absolute;
						left: 0;
					}
					ul#sortable_photo_list a.delete {
						position:absolute;
						left: 280px;
						bottom: 5px;
					}
					ul#sortable_photo_list a.toggle {
						position: absolute;
						left: 250px;
						bottom: 5px;
					}

div.delete-dialogue {
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	position: fixed;
	z-index: 100;
	background-color: #000;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
	text-align:center;
	
}
.inner-delete-dialogue {
	font-size: 12px;
	width: 286px;
	height: 62px;
	background: #DDD;
	margin: 0 auto;
	position:fixed;
	padding: 22px;
	top: 35%;
	left: 35%;
	z-index: 101;
	-moz-opacity: 1;
	opacity:1;
	filter: alpha(opacity=100);
/*	width: 50%;*/
/*	height: 50%;*/
	
}
	.inner-delete-dialogue a.admin-btn {
		letter-spacing: 0.75px;
		font-weight: bold;
		padding: 5px 6px 3px;
		border: 1px solid #45443E;
		position: absolute;
		bottom: 22px;
	}
	.inner-delete-dialogue a.cancel {
		background: #FFF;
		border: 1px solid #000;
		left: 78px;
	}
	.inner-delete-dialogue a.delete {
		right: 78px;
	}
		
ol#photo_list {
	margin-bottom: 60px;
}
	ol#photo_list li {
		margin: 0 0 24px;
	}
		ol#photo_list li p {
			color: #666;
			font-size: 12px;
		}

/* Top Ads List */
div#main ul#top_ads_list {}
	ul#top_ads_list li {
		padding: 2em;
		margin-bottom: 40px;
	}
	ul#top_ads_list li.active {
		background-color: #DFD;
	}
	ul#top_ads_list dl {}
		ul#top_ads_list dl dt {
			float: left;
			text-align: right;
			width: 35px;
			margin-right: 5px;
		}
	ul#top_ads_list div.admin-links {
		margin-left: 40px;
	}
	
/* Static pages */
.pages-show #main h2 {
	border: none;
}
.pages-show #main h3 {
	margin-top: 2em;
}
.pages-show #main ul {
	font-size: 11px;
	list-style: disc;
	margin: 0 0 12px 14px;
}
.pages-show #main ul.alpha {
	list-style-type: lower-alpha;
	margin-left: 20px;
}
.pages-show #main p {
	font-size: 11px;
	margin: 0 0 12px 0;
}
	
/* About page */
div#about-content {}
	div#about-content > div {
		float: left;
		clear: both;
		width: 100%;
		margin-bottom: 10px;
	}
		.pages-show.about #main h3 {
			border-bottom-color: #CCC;
			margin: 0 0 1em;
		}
		
	#about-content div.intro {}
		#about-content .intro strong {
			font-size: 12px;
		}
		#about-content .intro p {
			font-size: 18px;
			float: right;
			width: 590px;
		}
		
	#about-content div#praise {
		float: left;
		width: 100%;
		clear: both;
		margin-bottom: 32px;
	}
		#about-content #praise div {
			width: 360px;
			float: left;
		}
		#about-content #praise div + div {
			float: right;
		}
			#about-content #praise blockquote {
				color: #666;
				font-size: 12px;
				font-style: italic;
				margin-bottom: 10px;
			}
			#about-content #praise div.quotee {
				font-size: 11px;
			}
	
	#about-content div.shaded {
		background-color: #ECECEC;
		width: 854px;
		padding: 20px 18px;
	}
		#about-content .shaded p {
			font-size: 12px;
			line-height: 1.8;
			float: left;
			width: 500px;
		}
		
		#about-content div fieldset {
			float: right;
			width: 290px;
		}
			div#about-content fieldset input[type=text],
			div#about-content fieldset textarea {
				color: #999;
				font-size: 14px;
				border-color: #CCC;
				padding: 5px 4px;
				margin-bottom: 8px;
			}
			div#about-content fieldset input[type=submit],
			div#twitter a.twitter-link {
				font-size: 12px;
				letter-spacing: 1px;
				color: #11C4FF;
				background: #45443E;
				border: none;
				cursor: pointer;
				float: right;
				padding: 4px 9px;
			}
			div#about-content fieldset input[type=submit]:hover,
			div#twitter a.twitter-link:hover {
				color: #009900;
				background: #383732;
			}
			div#about-content fieldset input[type=submit]:active,
			div#twitter a.twitter-link:active {
				color: #006600;
				background: #000;
			}
			
	#about-content div#newsletter-signup {}
		#about-content #newsletter-signup input[type=text] {
			width: 200px;
		}
		#about-content #newsletter-signup small {
			color: #AAA;
			line-height: 1.5;
			float: left;
			margin-top: 2px;
		}
			#about-content #newsletter-signup small a {
				line-height: 2.25;
			}
			
	#about-content div#twitter {}
		#twitter div#latest-tweet {
			font-size: 14px;
			line-height: 1.5;
			float: left;
			width: 500px;
		}
			#twitter div#latest-tweet ul {
				font-size: 14px;
				margin: 0;
				list-style: none;
			}
			#twitter div#latest-tweet div.meta {
				font-size: 12px;
				color: #BBB;
				margin-top: 12px;
			}
				#twitter div#latest-tweet .meta span {
					margin-right: 5px;
				}
				
	#about-content div#advertise-with-us {
		font-size: 12px;
		clear: none;
		width: 440px;
		margin-top: 32px;
	}
	
	#about-content div#contact {
		font-size: 12px;
		float: right;
		clear: none;
		width: 435px;
		margin-top: 32px;
	}
		#about-content div#contact address {
			margin: 18px 0;
		}
	.right_content {
		float:right;
	}
/*Iframe inline upload*/
#frame {
	height:1px;
	width: 1px;
} 
.expandable {
	display:none;
}  
/* ie fix for upload button */
.embedButton {
	position:relative;
	
}   
.embedButton div, .embedbutton input {
	position:absolute;
	top:0;
	left:0;
}
div.watermarked {
   font-size: 13px;
   position:absolute;
   display: block;
   color: #999;
   top: 2px;
}
.text {
	padding:3px 8px;
}