@charset "UTF-8";
/* CSS Document for A Design Garden */

body {
	color:#333333;
	background-color:#cccc99;
	background-image:url(../images/page_bgfill.png);
	background-repeat:repeat-x;
	font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, sans-serif;
	font-size:11px;
	line-height:1.5em;
	margin:0;
	padding:0;
	text-align:center; /* to center content. will be overwritten in the page_wrapper */
}
body#splashpage {
	background-image:url(../images/splashpage_bgfill.png);
}

a:link, a:visited{
color:#666633;
text-decoration:none;
}

a:hover {
color:#993300;
}

a:focus, a:active {outline:none}

h2{
font-size:13px;
font-weight:normal;
color:#666633;
margin:10px 0px 5px;
line-height:145%;
}

.clear_both {
	clear:both;
	height:0;
	overflow:hidden;
}
#page_wrapper {
	background-image:url(../images/page_wrapper_bg.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	margin:0 auto;
}
#page_inner_wrapper {
	margin:0 auto; /* to center this container */
	text-align:left;
	width:680px;
}
#banner_nav_wrapper {
	height:128px;
}
#content_container {
	background-color:#fff;
	background-image:url(../images/sidebar_bg.png);
	background-position:454px top;
	background-repeat:repeat-y;
	border:12px solid #fff;
	clear:both;
	min-height:530px;
	height:auto !important;
	height:530px;
}
#main_content {
	float:left;
	width:443px;
}
#project_nav, #pdf_link {
	margin-top:30px;
	float:left;
	padding-left:10px;
}
#project_nav a, #project_nav a:link, #project_nav a:visited {
	color:#666633;
	padding:0px 10px;
	text-decoration:none;
}
#project_nav a:hover {
	color:#333300;
	text-decoration:underline;
}
#pdf_link {
	background-image:url(../images/pdf_icon.png);
	background-position:left center;
	background-repeat:no-repeat;
	float:right;
	padding:0 15px 0 20px;
	
}
#pdf_link a, #pdf_link a:link, #pdf_link a:visited {
	color:#666633;
	text-decoration:none;
}
#pdf_link a:hover {
	color:#333300;
	text-decoration:underline;
}
.project_title {
	color:#993300;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:22px;
	line-height:1.2em;
	padding:15px 0 3px;
}
.project_information {
	padding:0 20px 20px;
}

.section_header {
	font-size:1.1em;
    font-weight:bold;	
}

.page_content {
	padding:20px;
}

.project_information .page_content {
padding:0px;
}

#specifics {
margin-top:25px;
}

.focus{
color:#993300;
font-size:14px;
font-family:Georgia, "Times New Roman", Times, serif;
}

ul.focus{
margin-bottom:20px;
}

.email a:link, .email a:visited {
	color:#666633;
	font-weight:bold;
	text-decoration:none;
}
.email a:hover {
	text-decoration:underline;
	}
	
#sidebar_content {
	float:right;
	width:202px;
}
/* Styles related to the main splash page */

#splashpage_wrapper {
	margin:0 auto; /* to center content */
	text-align:left;
}
/* Page top */

#page_top {
	background-image:url(../images/page_top_bgfill.png);
	background-position:center top;
	background-repeat:no-repeat;
	height:108px;
	margin:0 auto;
	padding:0 170px;
	text-align:center;
	width:680px;
}
#page_banner {
	background-color:#cccc99;
	background-image:url(../images/adg_pagebanner.png);
	background-repeat:no-repeat;
	border:0;
	height:87px;
	line-height:1em;
	margin:0;
	outline:none;
	text-indent:-9999px;
	width:679px;
}
#splashpage_banner {
	background-color:#cccc99;
	background-image:url(../images/adg_banner.png);
	background-repeat:no-repeat;
	border:0;
	height:67px;
	line-height:1em;
	margin:0;
	outline:none;
	text-indent:-9999px;
}
/* Page middle */

#page_middle {
	background-color:#fefefd;
	clear:both;
	text-align:center;
}
#page_middle_content {
	background-image:url(../images/page_middle_bgfill.png);
	background-position:center top;
	background-repeat:repeat-y;
	margin:0 auto;
	width:680px;
}
#slideshow_container {
	background-color:#fff;
	line-height:0; /* To remove the 2px gap in FireFox */
	margin:0 auto;
	padding:12px 12px 11px;
	width:655px;
}
/* Page bottom */

#page_bottom {
	background-image:url(../images/page_bottom_bgfill.png);
	background-repeat:repeat-x;
	text-align:center;
}
#page_bottom_content {
	background-image:url(../images/page_bottom_centerfill.png);
	background-position:center top;
	background-repeat:no-repeat;
	height:250px;
	margin:0 auto;
	padding:30px 0px;
	text-align:left;
	width:610px;
}
.contact_block {
	float:right;
	margin-left:36px;
	margin-bottom:25px;
}
.introtext {
	color:#993300;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	line-height:1.1em;
}
.notetext {
	color: #333333;
	}
	
	.note_title, .note_title a:link, .note_title a:visited {
	padding:0px;
	padding-bottom:8px;
	font-weight:bold;
	margin:0px;
	text-decoration:none;
	color:#333333;
	font-style:italic;
	font-family:Georgia, "Times New Roman", Times, serif
}


/* Footer styling */

#footer, #credits {
	clear:both;
	color:#666633;
	float:left;
	font-size:9px;
	padding:10px 25px;
}
#splashpage #footer {
	border-top:1px solid #e6e6b3;
	float:none;
	margin-top:15px;
	padding:10px 0;
}
#footer span {
	padding-right:5px;
}
#credits {
	clear:none;
	float:right;
}
#credits a, #credits a:link, #credits a:visited {
	color:#666633;
	font-weight:bold;
	text-decoration:none;
}
#credits a:hover {
	text-decoration:underline;
}
/* Main navigation */


#main_nav {
	display:inline;
	float:left;
	height:30px;
	line-height:1em;
	list-style-type:none;
	margin:1px 0 0 9px;
	padding:0;
}
#main_nav li {
	float:left;
	margin:0 24px;
	padding:7px 0;
}
#main_nav li a {
    background-position:center 0;
	background-repeat:no-repeat;
	display:block;
	height:16px;
	text-indent:-9999px;
	cursor:pointer; 
}
/* reposition background image on hover */	
#main_nav li a:hover {
background-position:left -16px; 
}
#nav_home {
	background-image:url(../images/nav/nav_home.png);
	width:33px;
}
#nav_portfolio {
	background-image:url(../images/nav/nav_portfolio.png);
	width:53px;
}
#nav_about {
	background-image:url(../images/nav/nav_about.png);
	width:32px;
}
#nav_whatsnew {
	background-image:url(../images/nav/nav_whatsnew.png);
	width:68px;
}

#nav_contact {
	background-image:url(../images/nav/nav_contact.png);
	width:45px;
}

#down_state_home{
background-position:left -16px!important;
background-image:url(../images/nav/nav_home.png);
width:33px;
}

#down_state_portfolio{
background-position:left -16px!important;
background-image:url(../images/nav/nav_portfolio.png);
width:53px;
}

#down_state_about{
background-position:left -16px!important;
background-image:url(../images/nav/nav_about.png);
width:32px;
}

#down_state_whatsnew{
background-position:left -16px!important;
background-image:url(../images/nav/nav_whatsnew.png);
width:68px;
}

#down_state_contact{
background-position:left -16px!important;
background-image:url(../images/nav/nav_contact.png);
width:45px;
}

/* Sidebar navigation styling */
ul.sidebar_nav {
	list-style-type:none;
	margin:15px 16px 5px 16px;
	padding:0;
}
ul.sidebar_nav li{
	border-bottom:1px solid #cccc99;
	color:#666633;
	font-weight:bold;
	padding:7px 0 7px 8px; 
}

ul.sidebar_nav li a:link, ul.sidebar_nav li a:visited{
	text-decoration:none; 
	color:#666633;
}

ul.sidebar_nav li.sidebar_last_item {
	border-bottom:0;	
}
ul.sidebar_nav li ul {
	list-style-type:none;
	margin:0 0 5px -8px;
	padding:0;	
}

ul.sidebar_nav li ul li{
    border-bottom:0px solid #fff;
	padding:0 0 0 8px;
	background-image:url(../images/sidebar_arrow.png);
	background-position:left 5px;
	background-repeat:no-repeat; 
}

ul.sidebar_nav li ul li a:link, ul.sidebar_nav li ul li a:visited {
	
	color:#8c8c59;
	font-weight:normal;
	text-decoration:none;
}

a:link #selected , a:visited #selected , a:hover #selected {
color:#993300;
}

#project_nav a:link.selected , #project_nav a:visited.selected , #project_nav a:hover.selected {
color:#333300;
text-decoration:underline;
}

.press_nav a:link.selected , .press_nav a:visited.selected , .press_nav a:hover.selected {
color:#993300;
text-decoration:none;
}

.press_nav{
margin:10px 0px 10px 0px;
font-size:10px;
float:left;
width:423px;

}


.press_nav a:link, .press_nav a:visited {
color:#333;
text-decoration:none;
}

.quote {
	color:#666633;
	font-size:14px;
	font-style:italic;
	font-family:Georgia, "Times New Roman", serif;
	text-indent:-6px;
	padding:25px 10px 0px 18px;
	margin:0px;
	line-height:1.3em;
}

.quote_author{
color:#666633;
font-size:12px;
font-family:Georgia, Times New Roman, serif;
}

#sidebar_content .quote_author{
float:left;
width:150px;
padding:8px 0 0 5px;
}

.date{
font-size:11px;
}
.author{
font-family:Georgia, Times New Roman, serif;
color:#999;
font-style:italic;
}

.top a:link, .top a:visited, .top a:hover{
color:#993300;
text-transform:uppercase;
text-decoration:underline;
font-size:10px;
}