/*
	Sons of State 
	version 2.0 stylesheet
	12 AUG 08
*/

/* BASE CSS AND HEADER */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%;
	background-color: #dbcec3;
	margin: 0 auto;
	padding: 0;
	color: #846042;
}

a,a:hover,a:active,a:visited {
	text-decoration: none;
	border: none;
}


#container {
	position: relative;
	min-height: 100%;
	width: 800px;
	margin: 0 auto;
	text-align: left;
	background-color: #311d18;
}

#header {
	width: 800px;
	height: 201px;
	max-height: 201px;
	max-width: 800px;
	padding: 0;
	background-image: url('i/header.gif');
	background-repeat: no-repeat;
}

#sos-animation {

}

.sos {
	position: absolute;
	float: left;
	margin: 0px;
	padding-left: 30px;
	}
.right {
	text-align: right;
}
#footer {
	float: left;
	width: 800px;
	height: 60px;
	background-image: url('i/footer_back.gif');
	}

#footer p {
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 11px;
	line-height: 120%;
	text-align: left;
	color: #8c6853;
	margin: 0;
	padding: 15px 0px 20px 40px;
}
	
/*TOP MENU*/

/*
Navigation Menu
*/
#menu {
	position: absolute;
	margin: 0;
	right: 0px;
	padding: 0;
	list-style: none;
	width: 480px;
}

#menu li {
	margin: 0;
	padding: 0;
	float: left;
	height: 69px;
}

#menu #homelink a{
	width: 87px;
	background-position: 0 0;
}

#menu #worklink a{

	width: 87px;
	background-position: -87px 0;
}

#menu #aboutlink a{
	width: 87px;
	background-position: -174px 0;
}

#menu #contactlink a{
	width: 104px;
	background-position: -261px 0;
}

#menu #newslink a{
	width: 78px;
	background-position: -365px 0;
}

#menu a {
	background-image: url('i/header-menu.gif');
	height: 100%;
	display: block;
	text-decoration: none;
}

#menu a:hover {
	border: 0;
	text-decoration: none;
}

#menu #homelink a:hover{
	background: url('i/header-menu.gif') 0px -69px no-repeat;
}
#menu #worklink a:hover{
	background: url('i/header-menu.gif') -87px -69px no-repeat;
}

#menu #aboutlink a:hover{
	background: url('i/header-menu.gif') -174px -69px no-repeat;
}

#menu #contactlink a:hover{
	background: url('i/header-menu.gif') -261px -69px no-repeat;
}

#menu #newslink a:hover{
	background: url('i/header-menu.gif') -365px -69px no-repeat;
}

#menu #homelink .selected{
	background: url('i/header-menu.gif') 0px -138px no-repeat;
}
#menu #worklink .selected{
	background: url('i/header-menu.gif') -87px -138px no-repeat;
}

#menu #aboutlink .selected{
	background: url('i/header-menu.gif') -174px -138px no-repeat;
}

#menu #contactlink .selected{
	background: url('i/header-menu.gif') -261px -138px no-repeat;
}

#menu #newslink .selected{
	background: url('i/header-menu.gif') -365px -138px no-repeat;
}

#menu a span {display:none;}



/* HOME PAGE */

#left {
	position: relative;
	float: left;
	width: 410px;
	height: 100%;
	min-height: 740px;
	margin: 0;
	background: #311d18 url('i/callout.gif');
	background-position: top left;
	background-repeat: no-repeat;
	}

/*
#callout {
	padding: 54px 30px 0px 30px;
	}

#callout h1 {
	font-family: "Arial Black", helvetica, arial, verdana, sans-serif;
	font-size: 16px;
	line-height: 130%;
	text-align: left;
	color: #f26522;
	}
*/

#summary {
	float: left;
	padding: 84px 40px 0px 40px;
	}

#summary p {
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 14px;
	line-height: 140%;
	text-align: left;
	color: #9d7451;
	}

#desktops {
	position: relative;
	float: left;
	width: 330px;
	height: 100%;
	margin: 0;
	padding: 52px 40px 0px 40px;
	}

#desktops p {
	text-align: center;
	padding-top: 15px;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 12px;
	line-height: 130%;
	color: #9d7451;
	}

#right {
	position: relative;
	float: left;
	width: 390px;
	min-height: 740px;
	margin: 0px 0px 0px 0px;
	background-color: #311d18; /* was #936c56 */
	}

#right p {
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 12px;
	line-height: 140%;
	text-align: left;
	color: #e7d8ac; /* was #be9571 #251612 #32211d */
	}

#right a {
	text-decoration: none;
	color: #d0d783; /* was #ff9a50 */
	}

#right a:visited {
	text-decoration: none;
	color: #d0d783;
	}

#right a:hover {
	text-decoration: none;
	color: #c39e83;
	border-bottom: 1px solid #c39e83;
	}

#right a:active {
	text-decoration: none;
	color: #c39e83;
	border-bottom: 1px solid #c39e83;
	}



#recent-work-header {
	width: 390px;
	height: 54px;
	background: #311d18 url('i/recent_work.gif');
	}

#recent-news-header {
	width: 390px;
	height: 54px;
	background: #311d18 url('i/recent_news.gif');
	}

#recent-work , #recent-news {
	width: 390px;
	height: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0;
	background: #724c37 url('i/news_endcap.gif'); /* was #936c56 */
	background-position: bottom left;
	background-repeat: no-repeat;
}

#recent-news {
	margin-bottom: 50px;
}

.work {
	margin-top: 0px;
	padding: 0px 30px 20px 30px;
	}

#newsroll {
	padding: 10px 35px 20px 33px;
	}

#newsroll p.archives {
	padding-top: 16px;
	font-size: 9px;
	font-weight: bold;
	letter-spacing: 1px;
	}

#newsroll p.rss {
	padding-top: 6px;
	font-size: 9px;
	font-weight: bold;
	letter-spacing: 1px;
	}
	
#newsroll ul{
	padding: 0px;
	margin: 0px;
	margin-left: -25px;
	list-style: none;
	/*list-style: disc url(i/news_bullet.gif) outside;*/
}

#newsroll li {	
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 130%;
	text-align: left;
	color: #f26522; /* was #32211d */
	margin: 0px;
	padding-left: 25px;
	padding-right: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	
	/*border-bottom: 1px solid #91644c; /* was #76533b */
	background: url('i/newsroll-back.gif');
	background-position: bottom left;
	background-repeat: no-repeat;
}

#newsroll li a{
	color: #f26522;
}


#newsroll li a:visited {
	text-decoration: none;
	color: #f26522;
	}

#newsroll li a:hover {
	text-decoration: none;
	color: #af9987;
	border-bottom: 1px solid #af9987;
	}

#newsroll li a:active {
	text-decoration: none;
	color: #af9987;
	border-bottom: 1px solid #af9987;
}

#newsroll li a em{
	font-style: normal;
	color: #d0d783;
}

#newsroll li a:hover em{
	font-style: normal;
	color: #af9987;
}


/*
.news {
	padding-bottom: 10px;
	border-bottom: 1px solid #76533b;
	background: url('i/news_bullet.gif') -30px;
	background-position: top left;
	background-repeat: no-repeat;
	}

.rss-button {
	margin-top: -5px;
	padding-bottom: 3px;
	}
*/

#spacer {
	float: left;
	height: 30px;
	width: 800px;
	background-color: #311d18;
}

/* WORK PAGE */

#subnav {
	position: relative;
	float: left;
	width: 800px;
	height: 25px;
	margin: 19px 0px 15px 0px;
	padding-left: 40px;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 12px;
	line-height: 100%;
	text-align: left;
	color: #f26522;
}

#subnav img{
	position: relative;
	float: left;
}
	
#subnav ul {
	list-style: none;
	float: left;

	padding: 0;
	margin: 0;
	margin-top: 13px;
}

#subnav li
{
	margin: 0;
	padding: 0 5px 0 5px;
	float: left;
	
	padding-left: 3px;
	padding-right: 3px;
}

#subnav a {
	text-decoration: none;
	color: #d0d783;
}

#subnav a:visited {
	text-decoration: none;
	color: #d0d783;
}

#subnav a:hover {
	text-decoration: none;
	color: #af9987;
}

#subnav a:active {
	text-decoration: none;
	color: #9d7451;
}

#subnav a.pageselect {
	color: #f26522;
}

#work-container {
	position: relative;
	float: left;
	width: 800px;
	height: 100%;
	margin: 14px 0 0 0;
	background: #311d18;
	}

#work-left {
	position: relative;
	float: left;
	height: 100%;
	margin: 0;
		
	padding: 0px 34px 0px 40px;

	padding-bottom: 20px;
}


#work-description {
	float: left;
	padding: 0 0 20px 0;
	margin: 0px;
	
}

.title {
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	line-height: 100%;
	text-align: left;
	color: #f26522;
	padding-bottom: 10px;
}

.description {
	position: relative;
	float: left;
	
	margin: 0px;
	
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 13px;
	line-height: 140%;
	text-align: left;
	color: #9d7451;
	width: 410px;	
}

#work-thumbs{
	position: relative;
	float: right;
	width: 300px;
	margin-right: 0px;
	
}

#work-thumbs a{
	border: 0px;
	text-decoration: none;
}
#work-thumbs ul {
	float: right;
	margin: 0;
	padding: 0;
	
	list-style: none;
	
}

#work-thumbs li {
	margin: 0;
	margin-left: 15px;
	float: left;
	padding: 0;
	
	height: 100px;
	
}

#work-thumbs .thumbselect{
	background: url('i/thumb-select.gif') no-repeat center bottom;
}

#work-thumbs img {
	
	border: 2px #846042 solid;
}

#work-thumbs .thumbselect img{
	
	border: 2px #f26522 solid;
}

#work-right {
	position: relative;
	float: left;
	width: 310px;
	height: 100%;
	min-height: 175px;
	margin: 0px 0px 0px 0px;
	background: url('i/thumbs.gif');
	background-position: bottom left;
	background-repeat: no-repeat;
	}

#screenshot {
	position: relative;
	float: left;
	width: 796px;
	background-color: #311d18;
}

#screenimg {
	border: 2px solid #846342;
}

/* ABOUT PAGE */

#about-header {
	position: relative;
	float: left;
	width: 800px;
	height: 99px;
	margin: 0;
	background: url('i/about_header.gif');
	background-position: bottom left;
	background-repeat: no-repeat;
	}
	
#philosophies {
	position: relative;
	
	margin: 10px 40px 50px 40px;
	
}

#philosophies p {
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	line-height: 140%;
	text-align: left;
	color: #9d7451;
	}
	
#philosophies em {
	font-style: normal;
	font-weight: bold;
	color: #f26522;
}
#bios {
	position: relative;
	float: left;
	width: 800px;
	height: 100%;
	min-height: 600px;
	background-color: #311d18;
}

a {
	text-decoration: none;
	color: #d0d783;
	}

a:visited {
	text-decoration: none;
	color: #d0d783;
	}

a:hover {
	text-decoration: none;
	color: #c39e83; /* was #af9987 */
	border-bottom: 1px solid #c39e83;
	}

a:active {
	text-decoration: none;
	color: #c39e83;
	border-bottom: 1px solid #c39e83;
	}

#bio-left {
	position: relative;
	float: left;
	width: 340px;
	padding-left: 40px;
	height: 100%;
	margin: 0;
	}

#bio-right {
	position: relative;
	float: right;
	width: 340px;
	padding-right: 40px;
	height: 100%;
	margin: 0;
	}

.name {
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 13px;
	line-height: 140%;
	text-align: left;
	color: #f26522;
	}

.bio {
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 13px;
	line-height: 140%;
	text-align: left;
	color: #9d7451;
	}
/*CONTACT PAGE*/
#post_message {
	position: relative;
	
	margin: 10px 40px 30px 40px;
	
}

#post_message p {
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	line-height: 140%;
	text-align: left;
	color: #9d7451;
	}
	
#post_message em {
	font-style: normal;
	font-weight: bold;
	color: #f26522;
}

#contact-header {
	position: relative;
	float: left;
	width: 800px;
	height: 99px;
	margin: 0;
	background: url('i/contact_header.gif');
	background-position: bottom left;
	background-repeat: no-repeat;
}
#contact-content {
	position: relative;
	float: left;
	width: 800px;
	height: 100%;
	min-height: 600px;
	background-color: #311d18;
}

#contact-form {
	position: relative;
	float: left;
	width: 475px;
	padding-left: 30px;
	height: 100%;
	margin: 0;
	margin-bottom: 30px;
}

#contact-info {
	position: relative;
	float: left;
	width: 220px;
	padding-left: 10px;
	padding-right: 40px;
	padding-top: 4px;
	height: 100%;
	margin: 0;
	
}

#contact-info p{
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 13px;
	line-height: 140%;
	text-align: left;
	color: #9d7451;
	padding: 0px;
	margin: 0px;
}
form fieldset {
  	margin-bottom: 10px;
  
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 13px;
	line-height: 140%;
	text-align: left;
	color: #9d7451;
	
	border: none;
	
}
form legend {
  padding: 0 2px;
  font-weight: bold;
}
form label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
}
form fieldset ol {
  margin: 0;
  padding: 0;
}
form fieldset li {
	clear:both;
  list-style: none;
  padding: 5px;
  margin: 0;
}
form fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
form fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
form fieldset fieldset label {
  display: block;
  width: auto;
}
form em {
  font-weight: normal;
  font-style: normal;
  color: #f26522;
}
form label {
	float: left;
	width: 80px; /* Width of labels */
}

form fieldset fieldset label {
  margin-left: 80px; /* Width plus 3 (html space) */
}

form input{
	border:1px solid #f26522;
	float: right;
	background-color: #d8ccc1;
	
	width: 360px;
	height: 24px;
	
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 13px;
	color: #32211d;
	margin: 0px;
	
	padding-left: 5px;
	margin-bottom: 10px
}

form input.submit{
	float: right;
	border:none;
	
	width: 80px;
	height: 26px;
	
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 13px;
	color: #32211d;
	padding: 0px;
	margin: 0px;
	margin-right: 280px;

}

form textarea{
	float: right;
	border:1px solid #f26522;
	
	background-color: #d8ccc1;
	
	width: 360px;

	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 13px;
	color: #32211d;
	padding-left: 5px;
}

form fieldset em.right{
	clear: both;
	text-align: right;
	float: right;
	padding: 0;
	margin: 0;	
}