/* MAIN DESIGN ---------------------------------------------------------------------*/

body { 
	font-family: Trebuchet MS, Verdana, Helvetica, sans; font-size: 13px; color: #665C49;
	background: url(/sitemedia/img/background-bg.png) fixed repeat-x 0 0;
}

#sidebar { position: fixed; width: 245px; z-index: 101; text-align: right; }
#content {
	padding-bottom: 50px; padding-left: 260px; max-width: 620px; position: relative; 
	background: url(/sitemedia/img/background-content.gif) no-repeat fixed 0 0;
}

#content p { line-height: 1.5em; margin: 1em 0 ; }

blockquote,
#content p.signed { font-style: italic; }
p.signed {margin-left: 40px; text-align: right; }

a { color: inherit; }
a:hover { color: #A69785; }
a.external,
a[target='_blank'] { padding-left: 18px; background: url(/sitemedia/img/external.gif) no-repeat 0 0;}
#main_logo,
h1,
h2 { 
	font-style: normal; color: #807462; text-decoration: none;
	font-weight: normal;
}
#main_logo,
h1 { font-size: 1.8em; padding-top: 25px; display: block; font-weight: bold;}

#main_logo { margin-right: 15px; }
h1 { margin-bottom: 20px; }
h2 { font-size: 1.5em; margin: 10px 0; padding: 3px 0; }

#footer { color: #999; position: fixed; bottom: 5px; left: 0px; width: 230px; text-align: right; font-size: 0.9em;}

/* FORMS ---------------------------------------------------------------------*/

form label { display: block; float: left; width: 80px; margin-right: 5px; }
form p { clear: left; line-height: 1.5em;}
form input.text,
form textarea { border: 1px solid #A69785; padding: 3px 5px;}
form input.text { width: 200px; }
form textarea { width: 285px; }
form input.text:focus,
form textarea:focus {  background: #e8fdff }
.errorlist li { text-align: right; color:  #CC2A43}

/* MENU ---------------------------------------------------------------------*/

#menu { margin-top: 20px; }
#menu a { 
	text-decoration: none;
	line-height: 1.4em;
	padding: .2em 15px;
	margin-left: 30px;
	font-size: 1.3em;
	color:  #A69785;
	font-style: normal; font-weight: normal;
	background: transparent;
}
#menu .current a { color: black; background: #e8fdff; }
#menu a:hover {
	background: #B8FAFF; color: white;
}


/* PORTFOLIO LISTS ---------------------------------------------------------------------*/

.works_list .img { 
	border-top: 2px solid #B8FAFF; display: block; width: 290px; height: 145px; background-repeat: no-repeat; background-position: center center; text-indent: -9999px;
}
.works_list li { float: left; display: block; width: 300px; height: 225px; overflow: hidden; margin-bottom: 10px; margin-right: 10px;} 
#content .works_list p { margin: 0; padding: 0; margin-right: 10px; overflow: hidden}
.works_list .tags {  }
.works_list .client { font-weight: bold;}


/* PROJECTS  -----------------------------------------------------------------------------*/

#project_slideshow_container { overflow: hidden; width: 600px; height: 250px; border: 1px solid white; border-bottom: 2px solid #665C49; position: relative; }
.project { padding-bottom: 40px; }

/* PORTFOLIO DISPLAY ---------------------------------------------------------------------*/

#portfolio_slideshow_container { overflow: hidden; width: 598px; height: 378px;  border-bottom: 2px solid #665C49; position: relative; }
#portfolio_slideshow { overflow: hidden; width: 598px; height: 378px; position: absolute; top: 0; left: 0;  z-index: 0;}
#slideshow_stopped { cursor: pointer; width: 87px; height: 35px; background: url(/sitemedia/img/stopped_slide.gif) no-repeat center center; z-index:2; position: absolute; top: 183px; left: 250px;  }
#portfolio_slideshow img { width: 598px; height: 398px; position: absolute; top: -20px; left: 0; }
#portfolio_display .url { text-align: right; }
#portfolio_display p { margin-right: 20px; }
#next_work,
#first_work { display: block; width: 111px; height: 26px; margin-right: 20px; background-repeat: no-repeat; background-position: 0 28px; text-indent: -9988px; float: right;padding-top: 28px; }
#next_work { background-image: url(/sitemedia/img/older.gif) }
#first_work { background-image: url(/sitemedia/img/newest.gif) }
#first_work:hover,
#next_work:hover { background-position: 0 bottom }

/* CONTACT ---------------------------------------------------------------------*/

#contact_details { width: 200px; float: left; margin-right: 20px;}
#contact_form_container { float: left; }
#contact_details p { margin: 0; }
#contact_form_container p { margin-top: 0; margin-bottom: 5px;  }
#contact_details h2, #contact_form_container h2 { margin-top: 0; }