/*
	CSS file for EE&K Architects
	Author:	Net Theory 
					http://www.nettheory.com/

*/

/* 	

	*** Primary Public Stylesheet ***
	---------------------------------------------------------------------
	Primary stylesheet for public-facing site.


	*** Color Palette ***
	---------------------------------------------------------------------    
	Color Name:		#hex
	Color Name: 	#hex

*/



@charset "UTF-8";


/* Body & Global
------------------------------------ */
* {
	margin: 0;
	padding: 0;
}            

body {
	font-size: 62.5%; 
	font-family:"Helvetica Neue", Arial, sans-serif;    
}   

h1#logo {
	
} 
  
/* additional global h2-6 rules */

p {
	
} 

ul {
	
}
                                  
a:link		{ color:#f37421;text-decoration:none; }
a:visited	{ color:#f37421;text-decoration:none; }
a:hover		{ color:#f37421;text-decoration:underline; }
a:active	{ color:#f37421;text-decoration:underline; }           

img {border:none;vertical-align:top;}

.image {overflow:hidden;}

#templateNav {position:absolute;top:0;left:0;z-index:1000;padding:5px;font-size:11px;}

#admin-link {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 161px;
	height: 82px;
	z-index: 500;
	position: fixed;
	background: transparent url(/images/admin-link-bg.png?20100525161528) top left no-repeat;
}

	#admin-link a {
		margin: 20px 0 0 20px;
		padding: 10px;
		display: block;
		width: 100px;
		height: 21px;
		text-indent: -9999px;
		overflow: hidden;
		border: 1px solid #887e6e;
		background: #fff url(/images/admin/admin-logo-small.png?20100525161528) 10px 10px no-repeat;
	}



/* Structure
------------------------------------ */
#super-container {
	/* used to center site. Do not float */ 
	margin: 0 auto;
	width: 954px;
/*	overflow:hidden;*/
}

	#container {
		/* float and width necessary unless defined by .col grid structure */ 
		float: left;
		width: 954px;
	}
	
		#header {
			position:relative;
			/* float and width necessary unless defined by .col grid structure */
			float: left;
			width: 954px;
			margin-bottom:16px;
			padding-top:29px;
		}
	
		#newsHeader {
			position:relative;
			/* float and width necessary unless defined by .col grid structure */
			float: left;
			width: 954px;
			margin-bottom:20px;
		}
		
		#content {
			clear: left;
			/* float and width necessary unless defined by .col grid structure */
			float: left;
			width: 954px;
			margin-bottom:30px;
		}
		
			#columnCap {
				clear:both;
				margin-bottom:15px;
				height:441px;
				width:954;
				background: transparent url(/images/ajax-loader.gif) 50% 50% no-repeat;
			}
		
			#leftColumn,
			#leftColumn-wide {
				float:left;
			}
			
			#leftColumn {
				margin-right:33px;
				width:648px;
			}
			
			.homepage-leftColumn {
				margin-top: 10px;
			}
			
			#leftColumn-wide {
				margin-right:11px;
				width:670px;
			}
			
				.galleryTemplate #leftColumn {width:320px;}

				.news #leftColumn {
					padding-right:16px;
					margin-right:16px;
					border-right:1px solid #bbb;
				}
			
				#mainWell {
					float:left;
					width:410px;
				}
				
				.galleryTemplate #mainWell {float:none;width:auto;}
				.generalTemplate #mainWell { width: 626px; }
						
				#sidebar {
					float:left;
					width:213px;
					margin-right:25px;
				}
		
			#rightColumn {
				float:left;
				width:273px;
			}
			
				.galleryTemplate #rightColumn {
					width:600px;
					overflow:hidden;
				}
		
		#footer {
			clear: left;
			/* float and width necessary unless defined by .col grid structure */
			float: left;
			width: 954px;
			padding-bottom:30px;
		}
	
		
/* Header
------------------------------------ */
	
#logo {
	display:block;
	float:left;
	width:224px;
	height:47px;
	text-indent:-999px;
	overflow:hidden;
	background:url(/images/eek-logo.gif?20100525161528) top left no-repeat;
}

#logo:hover {
	background:url(/images/eek-logo.gif?20100525161528) 0 -47px no-repeat;
}

#name-and-nav {
	width:474px;
	float: right;
}

#header h1 {
/*	position:absolute;*/
/*	right: 0;*/
/*	top: 29px;*/
	width:474px;
	height:14px;
/*	margin-bottom:10px;*/
	text-indent:-9999px;
	overflow:hidden;
	background:url(/images/eek-name.gif?20100525161528) no-repeat top right;
}
		
#nav,
#nav_cn { 
	margin-top: 19px;
	float: right;
	width: 474px;
/*	padding-left:475px;*/
/*	background: #d1cbc5; */
}

	#nav li,
	#nav_cn li {
		float: left;
/*		margin-right: 24px;*/
		list-style-type: none;
		display: inline;
	} 
		
/*		#nav li#contactUs {margin-right:0;}*/
		
		#nav li a,
		#nav_cn li a {	
			display: inline-block;
			float: left;
			height: 14px;
			text-indent: -999px;
			overflow: hidden;
/*			background: url(/images/nav-graphics.gif?20100525161528) no-repeat;	*/
		}
		
		#nav li a 		{	background: url(/images/nav-graphics.gif?20100525161528) no-repeat;	}
		#nav_cn li a 	{ background: url(/images/nav-graphics.gif?20100525161528) no-repeat; }
		
		li#home			 		 				{ margin-right: 42px; }
		li#aboutUs		 		 				{ margin-right: 40px; }
		li#portfolio	 		 				{ margin-right: 31px; }
		li#newsViews	 		 				{ margin-right: 26px; }
		li#contactUs	 		 				{ margin-right: 0; }
		                                                             
		li#home a 								{ width: 42px; background-position: 0 0; }
		li#aboutUs a 						{ width: 68px; background-position: -90px 0; }
		li#portfolio a 					{ width: 70px; background-position: -196px 0; }
		li#newsViews a 					{ width: 90px; background-position: -296px 0; }
		li#contactUs a 					{ width: 64px; background-position: -409px 0; }
		                                                             
		li#home a:hover 					{ width: 42px; background-position: 0 -14px; }
		li#aboutUs a:hover 			{ width: 68px; background-position: -90px -14px; }
		li#portfolio a:hover 		{ width: 70px; background-position: -196px -14px; }
		li#newsViews a:hover 		{ width: 90px; background-position: -296px -14px; }
		li#contactUs a:hover 		{ width: 64px; background-position: -409px -14px; }
		                                                             
		li#home.selected a 			{ width: 42px; background-position: 0 -14px; }
		li#aboutUs.selected a 		{ width: 68px; background-position: -90px -14px; }
		li#portfolio.selected a 	{ width: 70px; background-position: -196px -14px; }
		li#newsViews.selected a 	{ width: 90px; background-position: -296px -14px; }
		li#contactUs.selected a 	{ width: 64px; background-position: -409px -14px; }

#breadcrumbs {
	float:left;
	width: 854px;
	padding-top: 42px;
	color: #777;
	font-size: 1.1em;
	letter-spacing: .2em;
	font-family: "Arial Narrow", Arial, sans-serif;
}

	#breadcrumbs span {
		display:inline-block;
		padding:0 26px;
	}

	#breadcrumbs a {color:#777;}
	#breadcrumbs a:hover {color:#f37421;}
	
		#breadcrumbs a.selected {color:#f37421;}
		
#language {
	float: left;
	width: 273px;
}

#header #language {
	padding-top: 42px;
	width: 100px;
}

#rightColumn #language {
	margin-bottom: 10px;
}

	#language ul {
		float: left;
		width: 273px;
		list-style: none;
	}
	
	#header #language ul {
		width: 100px;
	}
	
		#language li {
			display: inline;
			float: right;
			font-size: 1.1em;
			letter-spacing: .2em;
			font-family: "Arial Narrow", Arial, sans-serif;
		}
		
		#language-cn {
			font-family: Arial, sans-serif;
		}
		
		#language .separator {
			margin-right: 10px;
			padding-right: 10px;
			border-right: 1px solid #d1cbc5;
		}
		
			#language li a {
				float: left;
				color: #d1cbc5;
			}
			
			#language li a:hover {
				color: #f37421;
				text-decoration: underline;
			}

#newsHeader {
	height:156px;
	background:url(/images/eek-community-banner.jpg?20100525161528) 0 -156px no-repeat;
}

	#newsHeader a {
		display: block;
		float: left;
		cursor: pointer;
		text-indent: -9999px;
		overflow: auto;
	}

#newsHeader a#community-link-home {
	margin-top: 30px;
	margin-left: 20px;
	width: 188px;
	height: 101px;
	background:url(/images/eek-community-banner.jpg?20100525161528) -20px -30px no-repeat;
}

#newsHeader a#community-link {
	margin-top: 98px;
	margin-left: 0px;
	width: 293px;
	height: 33px;
	background:url(/images/eek-community-banner.jpg?20100525161528) -208px -98px no-repeat;
}

#newsHeader #community-link-home.community-hover {
	background: transparent;
}

#newsHeader #community-link.mainsite-hover {
	background: transparent;
}

#newsHeader a#ftpLink {
	position:absolute;
	right:5px;
	top:18px;
	z-index:99;
	display:block;
	width:144px;
	height:25px;
}

#newsHeader a#intranetLink {
	position:absolute;
	right:5px;
	top:49px;
	z-index:99;
	display:block;
	width:144px;
	height:25px;
}

/* Content
------------------------------------ */

.archive .post {
	float:left;
	width:648px;
	margin-bottom:15px;
	border-bottom:1px solid #bbb;
}

	.archive .post.last {border:0;}

	.archive .post .image {
		float:left;
		width:153px;
/*		height:86px;*/
	}
	
	.archive .post .wrapper {
		float:right;
		width:474px;
	}

	.archive .post h2 {
		margin:0 0 3px 0;
		font-size:1.6em;
		line-height:19px;
		font-style:italic;
	}
	
	.archive .post h2 a {color:#000;}
	.archive .post h2 a:hover {color:#f37421;}

	.archive .post p {
		margin:0 0 15px 0;
		font-size:1.2em;
		line-height:16px;
		color:#333;
	}

#leftColumn #primary.image {
	margin-bottom:26px;
}

#portfolio_slideshow{
  width:670px;
  height:447px;
	background: transparent url(/images/ajax-loader.gif) 50% 50% no-repeat;
}

#sidebar .image {margin-bottom:25px;}

#sidebar blockquote {
	margin-bottom:12px;
	padding:10px 4px 15px;
	font-size:2.3em;
	line-height:29px;
	color:#028a98;
	border:solid #bbb;
	border-width:1px 0;
}

#mainWell h1 {
	margin-bottom:10px;
	font-size:3.5em;
	line-height:40px;
	font-weight:normal;
	font-family:Helvetica, Arial, sans-serif;
}

	.galleryTemplate #mainWell h1,
	.generalTemplate #mainWell h1 {
		margin-bottom:0;
		font-size:1.6em;
		line-height:20px;
		font-weight:bold;
		font-family:Helvetica, Arial, sans-serif;
	}
	
	.generalTemplate #mainWell h1 {padding-top:25px;}
	
		.generalTemplate #mainWell h1.long {font-size:1.5em;}
	
		.galleryTemplate #mainWell h1 em,
		.generalTemplate #mainWell h1 em {
			display:block;
			margin-bottom:10px;
			font-size:.8em;
			line-height:20px;
			font-weight:normal;
			font-family:Helvetica, Arial, sans-serif;
		}

#mainWell p,
#mainWell ul,
#mainWell ol {
	margin-bottom:15px;
	line-height:19px;
	color:#333;
}

#mainWell p,
#mainWell li {
	font-size:1.2em;
	line-height: 19px;
}

	.categoryTemplate #mainWell h1,
	.categoryTemplate #mainWell p,
	.categoryTemplate #mainWell ul,
	.categoryTemplate #mainWell ol {padding:0 4px;}

#mainWell blockquote {
	margin-bottom: 12px;
	padding: 10px 4px 13px 4px;
	border: solid #bbb;
	border-width: 1px 0;
}

	#mainWell blockquote p {
		margin:0;
		padding: 0 !important;
		font-size: 2em;
		line-height:28px;
/*		font-weight:bold;*/
		color:#f37421;
	}

.menuContainer {
	float:left;
	width:271px;
	margin-bottom:20px;
	font-family:Helvetica, Arial, sans-serif;
	border:1px solid #d1cbc5;
}

	.menuContainer .title {
		margin-bottom:10px;
		padding: 7px 15px;
		color:#fff;
		font-weight:bold;
		font-size:1.3em;
		line-height: 18px;
		border-bottom:1px solid #887e6e;
		background:#797979 url(/images/menu-header-parent.gif?20100525161528) repeat-x;
		background-position:0 120%;
	}
	
		.menuContainer ul {padding:0 15px 10px;}
					
			.menuContainer li {
				padding-bottom:6px;
				list-style-type:none;
			}

			.menuContainer li.last {
				margin-bottom:18px;
			}	

				.menuContainer li a {color:#696969;}
				.menuContainer li a:hover {color:#f37421;}
		
				.menuContainer li .title {
					margin-bottom:0;	
					padding-top: 7px;
					padding-bottom: 7px;
					color:#696969;				
					cursor:pointer;
					border:1px solid #dad5cf;
					background:#dad5cf url(/images/menu-header-sub.gif?20100525161528) repeat-x bottom left;
					line-height: 18px;
				}
				
				.menuContainer li ul {padding:10px;}
				
					.menuContainer li ul li {
						margin-left:18px;
						padding-left:0px;
						font-size:1.2em;
						color:#696969;
						line-height:1.4em;
						list-style-type:square;
					}		
					
				.menuContainer .name-list li a 			{ color: #b7afa6; }
				.menuContainer .name-list li a:hover { color: #404040; text-decoration: none; }

					.menuContainer li ul.name-list li {
						margin-left: 4px;
						list-style: none
					}

					.sub-title {
						padding-top: 2px;
						text-transform: uppercase;
						font-size: 1em !important;
						font-weight: bold;
					}
		

	.postSlider {
		height:335px;
		overflow:hidden;
	}

		.postSlider li {
			float:left;
			width:229px;
			margin-bottom:13px;
			padding:10px 0 0 10px;
			color:#696969;
			font-size:1.1em;
			line-height:1.2em;
			font-weight:bold;
			text-indent:0;
			border:1px solid #dad5cf;
			background:#dad5cf url(/images/slider-post-bg-tile.gif?20100525161528) repeat-x bottom left;
		}
		
			ul.postSlider li a {color:#696969;}
			ul.postSlider li a:hover {color:#f37421;}
			
			.postSlider li em {
				display:block;
				font-size:.9em;
				font-weight:normal;
				line-height:1.4em;
			}
		
			.postSlider li .image {
				float:right;
				width:123px;
				height:100px;
				margin:-10px 0 0 10px;
			}
			
				.postSlider li .image img {
/*					width:auto;*/
					height:100px;
				}
				
	.menuContainer .arrow {
		width:271px;
		height:17px;
		text-align:center;
	}
	
		.menuContainer .arrow a {
			display:block;
			width:17px;
			height:17px;
			margin:0 auto;
			text-indent:-999px;
			overflow:hidden;
			background:url(/images/slider-arrow-states.gif?20100525161528) no-repeat;
		}
	
			.menuContainer .scrollUp {
				margin-top:-5px;
				margin-bottom:5px;			
			}
			
			.menuContainer .scrollDown {margin-bottom:7px;}
			
			.menuContainer .scrollUp a {background-position:top left;}
			.menuContainer .scrollUp a:hover {background-position:top right;}
			
			.menuContainer .scrollDown a {background-position:bottom left;}
			.menuContainer .scrollDown a:hover {background-position:bottom right;}
		
	.menuContainer .moreLink {
		float:left;
		width:100px;
		margin:-17px 0 10px 15px;
		font-size:1.2em;
		line-height:1.5em;
	}
	
		.menuContainer .moreLink a {color:#000;}
		
		.menuContainer .moreLink img {vertical-align:middle;}

	.project-slider-container {
		position: relative;
		height: 340px;
		overflow: hidden;
	}
		
		.postSlider {
			height: 200000em;
			position: absolute;
		}

	#projectGallery {
		position: relative;
		overflow: hidden;
		width: 600px;
		height: 415px;
		float: left;
/*		margin-left:30px;*/
	}

		#projectGallery #galleryFrame {
			position: relative;
			top: 0;
			left: 0;
			height: 380px;
			width: 200000em;
		}

		#projectGallery #galleryFrame div.image {
			float: left;
			height:380px;
			width: 600px;
		}

		div#galleryFrame div.active {
			border: 1px inset #ccc;
			background-color: #fff;
		}

	/*
	#projectGallery {
		float:right;
		width:100%;
		height:415px;
		margin-left:30px;
	}
	
		#galleryFrame {
			height:380px;
			margin-bottom:20px;
			overflow:hidden;
		}
		
			#galleryFrame .image {
				height:380px;
				overflow:hidden;
			}
				*/
		
		#gallery-navigation {
/*			clear: right;*/
/*			position: relative;*/
/*			top: 400px;*/
			margin-top: 20px;
			clear: left;
			float: left;
			width: 600px;
		}
		
		#galleryNav {
/*			width: 600px;*/
			float: left;
			display: inline;
/*			position: relative;*/
/*			top: 320px;*/
		}
		
			#galleryNav li,
			.next-prev {
				float:left;
				height:11px;
				margin-right:3px;
				list-style-type:none;
			}
			
				#galleryNav li a,
				.next-prev a {
					display:block;			
					width:11px;
					height:11px;
					background:#d1cbc5;
				}					
				
				#galleryNav li a:hover {background:#696969;text-decoration:none;}
				#galleryNav li.selected a {background:#f37421;}
				#galleryNav li.selected a:hover {background:#f37421;text-decoration:none;}				
		
			#gallery-navigation .arrow {background:url(/images/gallery-arrow-states.gif?20100525161528) no-repeat;}
				
			#gallery-navigation .arrow a {background-color:transparent;}
			#gallery-navigation .arrow a:hover {background-color:transparent;text-decoration:none;}
		
			#gallery-navigation .previous {background-position:top left;}
			#gallery-navigation .next {background-position:top right;}
					
	.newsFeature {margin-bottom:20px;}

		#newsCol2.newsList .newsFeature {margin-bottom:20px;}

	.newsList {
		margin-bottom:15px;
	}
	
		.news-list {
			float: left;
			list-style-type:none;
		}
		
		#newsCol1 .news-list,
		#newsCol1 .news-list li { width: 407px; }
		#newsCol2 .news-list,
		#newsCol2 .news-list li { width: 166px; }
		#newsCol3 .news-list,
		#newsCol3 .news-list li { width: 311px; }
	
			.news-list li {
				padding-bottom: 20px;
				float: left;
				clear: left;
			}
		
		
		.newsList h2 {
			margin-bottom: 10px;
			padding:0;
			font-size:1.2em;
			line-height:12px;
			color:#8f937c;
			letter-spacing:.1em;
			font-weight: bold;
/*			text-transform: uppercase;*/
		}
		
			#newsCol2.newsList h2 {
/*				padding-top:15px;*/
/*				border-top:1px solid #8f937c;*/
			}
			
			#newsCol2 .newsFeature h2 {
				margin-bottom:14px;
				padding-top:0;
				border-top:none;
				font-size:16px;
				font-weight:bold;
				color:#f37421;
				letter-spacing:normal;
			}
		
		.archiveTitle {
			margin-bottom:15px;
			padding:0;
			font-size:15px;
			line-height:12px;
			font-weight:bold;
			color:#dcd5cf;
			letter-spacing:.2em;
			border-bottom:5px solid #dcd5cf;
		}
				
		.newsList h3 {
			margin-bottom:0;
/*			padding-top:10px;*/
			font-size:1.6em;
			line-height:20px;
			font-weight:bold;
			font-family:Helvetica, Arial, sans-serif;
		}
		
			.newsIndexTemplate .newsList h3 {
				margin-bottom:5px;
				font-size:1.8em;
			} 
			
			#newsCol2.newsList h3 {
				font-size:1.4em;
				line-height: 19px;
			}
		
		.newsList h3 a {color:#000;}
		.newsList h3 a:hover {color:#f37421;}
		
		.newsList p {
			margin-bottom:15px;
			font-size:1.2em;
			line-height:19px;
			color:#333;
		}
		
			.newsIndexTemplate .newsList p {font-size:1.4em;}
			
			#newsCol2.newsList p {
				font-size:1.2em;
				line-height: 16px;
			}
		
		.newsList p.meta {
			margin-top:-5px;
			font-size:1.1em;
			font-weight:bold;
			font-style:italic;
			line-height:11px;
		}
		
			.newsIndexTemplate .newsList p.meta {color:#336f94;}
		
		.newsList .image {
			float: right;
/*			width: 94px;*/
			display: inline;
/*			height: 85px;*/
			margin-left: 10px;
/*			overflow: hidden;*/
		}
	
	.newsIndexTemplate {background:url(/images/news-index-cols-tile.gif?20100525161528) repeat-y top;}
	
	#newsCol1 {float:left;width:407px;padding-right:24px;}
	#newsCol2 {float:left;width:166px;padding:0 14px;}
	#newsCol3 {float:left;width:311px;padding-left:17px;}
	
	.generalTemplate #leftColumn {
		width:626px;
		height:400px;
		padding-right:20px;
		color:#696969;
		overflow:hidden;
		border:1px solid #dad5cf;
		background:url(/images/general-template-column-gradient.gif?20100525161528) repeat-y top right;
	}
	
		.generalTemplate #leftColumn .image {
			float:left;
			width:340px;
			margin-right:23px;
			border-right:1px solid #dad5cf;
			overflow:hidden;
		}
		
		.generalTemplate #leftColumn #mainWell p { color:#696969; }
		
		#scroll-ui {
/*			margin-top: 20px;*/
			padding-top: 20px;
			padding-right: 10px;
			width: 252px;
			float: left;
		}
		
		.about-scroll {
			height: 360px;
		}
		
		.bio-scroll {
			padding-top: 0 !important;
			height: 285px;
		}
		
    #mainWell a.jScrollArrowDown {
			border-top: 1px solid #dbd7d1;
      background: transparent url(/images/about-scroll-arrows.png?20100525161528) -5px -25px no-repeat;
    }
    #mainWell a.jScrollArrowDown:hover {
      background: transparent url(/images/about-scroll-arrows.png?20100525161528) -22px -25px no-repeat;
    }
    #mainWell a.jScrollArrowUp {
			border-bottom: 1px solid #dbd7d1;
      background: transparent url(/images/about-scroll-arrows.png?20100525161528) -5px 0 no-repeat;
    }
        
    #mainWell a.jScrollArrowUp:hover {
      background: transparent url(/images/about-scroll-arrows.png?20100525161528) -22px 0 no-repeat;
    }
    
		.generalTemplate #leftColumn #scrollFrame {
			height:270px;
			overflow:hidden;
			position: relative;
		}
		
		.about h2 {
			font: bold 1.2em "Helvetica Neue", Arial, sans-serif;
			text-transform: uppercase;
		}
		
		.about ul {
			margin-bottom: 15px;
			margin-left: 1.5em;
/*			list-style: none;*/
		}
		
			.about li {
				font: 1.2em "Helvetica Neue", Arial, sans-serif;
				color: #696969;
			}
			
		.firm-profile #scrollFrame {
			padding-top: 25px;
			height: 343px !important;
		}

		#scrollFrame #scroll-div {
			position: relative;
		}
		
		.phone-padding {
			padding-right: 5px;
		}
		
#body-scroll {
	margin-top: 8px;
	padding-left: 114px;
/*	clear: left;*/
	float: left;
	width: 148px;
}

	#body-scroll div {
		float: left;
		width: 17px;
		height: 17px;
		text-indent: -9999px;
		overflow: hidden;
		cursor: pointer;
	}
	
/* This stuff should not be used anymore, so should be removed at some point 4/28/2010 -Spencer
	#body-scroll .previous				{ background: transparent url(/images/about-scroll-arrows.png?20100525161528) 0 0 no-repeat; }
	#body-scroll .next						{ background: transparent url(/images/about-scroll-arrows.png?20100525161528) 0 -17px no-repeat; }
	#body-scroll .previous:hover	{ background: transparent url(/images/about-scroll-arrows.png?20100525161528) -17px 0 no-repeat; }
	#body-scroll .next:hover			{ background: transparent url(/images/about-scroll-arrows.png?20100525161528) -17px -17px no-repeat; }
	
*/

/* Footer
------------------------------------ */
#footer p {
	color:#887e6e;
	font-size:1.1em;
	letter-spacing:.1em;
	font-family:"Arial Narrow", Arial, sans-serif;
}

#return-link {
	margin-bottom: 19px;
	border-top: 10px solid #d3cfc6;
}

	#return-link a {
		text-indent: -9999px;
		overflow: hidden;
		display: block;
		width: 134px;
		height: 22px;
		background: transparent url(/images/return-link.png?20100525161528) 0 0 no-repeat;
	}




/* Forms
------------------------------------ */
form {
	padding-top: 10px;
}

fieldset {
	margin: 20px;
	margin-top: 0;   
	padding: 20px;
	border: 1px solid #ccc;
	float: left;  
	clear: left;
	width: 570px;
}         

legend {            
	padding: 0 5px;
	font: bold 1.2em "Helvetica Neue", Arial, sans-serif;
}

	.formfield {
		margin-bottom: 20px;
		float: left;
		clear: left;
	}
	
	.contentblock .formfield {
		margin-left: 10px;
	}
	
	.border-six .formfield {
		width: 431px;
	}
	
		input[type="text"],
		input[type="file"],
		input[type="password"],
		textarea {
			padding: 2px 4px;
			width: 350px;
			font: 1.4em "Helvetica Neue", Arial, sans-serif;
			border: 1px solid #887e6e;
		}

		textarea {
		}
		
		input[type="text"]:focus,
		input[type="file"]:focus,
		input[type="password"]:focus,
		textarea:focus {
			border: 1px solid #000;
			background: #ffe;
		}
		
		
		label {
			padding: 3px 10px 0 0;
			display: block;
			float: left;
			clear: left;
			width: 100px;
			line-height: normal;
			font: bold 1.2em "Helvetica Neue", Arial, sans-serif;
		}
		
			label span {
/*				font-weight: normal;*/
/*				font-style: italic;*/
				font: italic 1em "Garamond", Georgia, "Times New Roman", serif;
				color: #999;
			}

		.textbox {                                       
			padding: 2px 5px;
			width: 400px;
			line-height: normal;
			font: 1.4em "Helvetica Neue", Arial, sans-serif;
		}
		
		.form-indent {
			margin-left: 100px;
/*			clear: left;*/
		}  
		
		.formfield .inside-input {
			margin-left: 110px;
		}
		
			.inside-input ul,
			.inside-input p {
				margin-left: 0;
			}
		
			.inside-input label {
				padding-left: 3px;
				padding-right: 20px;
				float: none;
				display: inline;
				font-weight: normal;
			}
			
			.inside-input .input-option {
				padding-bottom: 5px;
			}
			
.option-list {
	list-style: none;
}

	.option-list li {
		padding-bottom: 5px;
	}

.form-relatedlist {
	margin-left: 10px;
}

.submit-container {
	margin: 20px 0 20px 120px;
	clear: left;
}

	.submit-container input[type="submit"] {
		margin-right: 10px;
		padding: 3px 6px;
		font: bold 1.4em "Helvetica Neue", Arial, sans-serif;
		border: 1px solid #f37421;
		background-color: #fff;
		cursor: pointer;
		-moz-border-radius: 5px;
		border-radius: 5px; 
		-webkit-border-radius: 5px;
	}
	
		.submit-container input[type="submit"]:hover {
/*			background-color: #dad3cc;*/
		}
		
.form-relatedlist {
	margin-left: 120px;
	clear: left;
}

	.form-relatedlist h3 {
		margin-left: 10px;
		font: bold 1.2em "Helvetica Neue", Arial, sans-serif;
	}
	
	.form-relatedlist p {
		margin-bottom: 10px;
	}

.sortable-list {
	list-style: none;
	width: 360px;
}

	.sortable-list li {
		margin-bottom: 3px;
		padding: 3px 6px;
		font: 1.2em "Helvetica Neue", Arial, sans-serif;
		border: 1px solid #999;
		cursor: move;
	}
	
	.sortable-list li.ui-state-highlight {
		border: none;
		background-color: #fd0;
	}
	
.errorExplanation {
	margin: 1em 10px;
/*	border: 1px solid #f00;*/
}

	.errorExplanation h2 {
		padding: 3px 10px;
		margin: 0;
		background-color: #f00;
		color: #fff;
		font-weight: normal;
	}
	
	.errorExplanation p {
		margin: 0;
		padding: 3px 10px;
		background: #fbb;
	}
	
	.errorExplanation ul {
		margin: 0;
		list-style: none;
	}
	
	.errorExplanation li {
		margin-top: 1px;
		padding: 3px 10px;
		font: 1.2em "Helvetica Neue", Arial, sans-serif;
		background: #f99;
		border-left: 4px solid #f00;
		color: #000;
	}
	
.button-add {
	margin-right: 10px;
	padding: 3px 6px 3px 30px;
	font: bold 1.4em "Helvetica Neue", Arial, sans-serif;
	cursor: pointer;
	-moz-border-radius: 5px;
	border-radius: 5px; 
	-webkit-border-radius: 5px;
	background: #eee url(/images/admin/add.png?20100525161528) 5px 50% no-repeat;
}
		


/*  Scroll Window:
--------------------------------------------------*/

/* 
   The scroll wrapper is always the same width and height as the containing element (div" %>).
   Overflow is hidden because you don't want to show all of the scrollable area.
*/
div.scroll-window {
	position: relative;
	overflow: hidden;
}

	div.scroll-window-content {
		position: relative;
		width: auto;
		height: auto;
	}


/* Body & Global
------------------------------------ */
#login-form {
	margin: 0 0 6em 271px;
	clear: left;
	background-color: #dad3cc;
	border: 1px solid #887e6e;
	float: left;
	width: 410px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
	-webkit-border-radius: 5px;
}

	#login-form h1 {
		padding: 4px 20px;
		color: #fff;
		background-color: #887e6e;
	}
	
	#login-form form {
		margin: 10px 20px 20px 20px;
	}

	#login-form .formfield {
		width: 370px;
	}
	
		#login-form input[type="text"],
		#login-form input[type="password"] {
			width: 230px;
		}

	#login-form .submit-container {
		margin-left: 110px;
	}
	
#login-error {
	margin: 10px 40px 10px 20px;
	padding: 3px 10px;
	background: #f99;
	border-left: 4px solid #f00;
	color: #000;
	font: 1.2em "Helvetica Neue", Arial, sans-serif;
}



	
/* Must be last! */            
/* Utilities 
------------------------------------ */  
.noBottom {
	margin-bottom: 0 !important;
}

.no-bullet {
	list-style: none;
}

.margin-bottom {
	margin-bottom: 15px !important;
}

.clear-l 	{ clear: left; }
.clear-r	{ clear: right; }
.clear-b	{ clear: both; }

.float-l { float: left; }
.float-r { float: right; }