/*
-------------------------------------

	Stuebben Architecture
	Master Style Sheet
	http://www.stuebbenarchitecture.com
	
-------------------------------------- */

* {
	margin: 0;
	padding: 0;
	}

body {
	padding: 10px 0 0 0;
	font: 14px/1.75em Arial, Helvetica, sans-serif;
	text-align: center;
	background: transparent url(../_img/bgPostcard.gif) repeat 0 0;
	color: #666;
	}

body.home {
	background: transparent url(../_img/bgPostcard.gif) repeat 0 0;
	}

#skip {
	font-size: 1px;
	position: absolute;
	top: 0;
	left: -9999px;
	}
	
#container {
	margin: 0 auto;
	padding: 0 20px;
	width: 800px;
	font-size: 11px;
	text-align: left;
	background: #fff url(../_img/headerbg2.gif) repeat-x 0 0;
	}

body.home #container {
	background: #fff url(../_img/headerbg.gif) repeat-x 0 0;
	}

#container:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
	
#header {
	width: 760px;
	margin: 0 auto;
	}

#logo {
	float: left;
	margin: 0;
	padding: 30px 0 0 0;
	width: 120px;
	}

body.home #logo {
	padding: 85px 0 0 0;
	}

#flashcontent {
	float: right;
	width: 635px;
	}

#secondaryContainer {
	margin: 0 0 20px 0;
	padding: 4px 0;
	background-color: #ebebeb;
	}
	
#content {
	float: right;
	padding: 22px 0 0 0;
	width: 635px;
	}
	
#sidebar {
	float: left;
	padding: 22px 0 0 0;
	width: 120px;
	font-size: 90%;
	text-align: right;
	}
	
#sidebar.gallery { 
	padding: 140px 0 20px 0; 
	width: 120px;
	}

#calloutLeft {
	float: left;
	margin: 0 0 20px 0;
	padding: 20px 0 0 0;
	width: 302px;
	background: transparent url(../_img/lineCalloutLeft.gif) no-repeat 0 0;
	}

#calloutRight {
	float: right;
	margin: 0 0 20px 0;
	padding: 20px 0 0 0;
	width: 303px;
	background: transparent url(../_img/lineCalloutRight.gif) no-repeat 0 0;
	}
	
#foot {
	clear: both;
	padding: 10px 0 0 0;
	font-size: 85%;
	text-align: center;
	border-top: 1px solid #ccc;
	}
	
/* links
-------------------------------------- */

a:link {
	color: #39f;
	}
	
a:visited {
	color: #369;
	}
	
a:hover, a:active {
	color: #9cf;
	}

#foot a:link, #foot a:visited {
	color: #999;
	}

#foot a:hover, #foot a:active {
	color: #666;
	}
	
/* images
-------------------------------------- */

#content img {
	float: left;
	margin: 0 15px 15px 0;
	border: 1px solid #000;
	}

body.experience #content img {
	float: none;
	margin: 0 15px 0 0;
	}

body.experience #content div.projects img, body.experience #content div.boards img, body.experience #content div.dirt img {
	float: left;
	margin: 0 15px 15px 0;
	}

#flashcontent img { margin: 0; }

/* used for the thickbox galleries */

#sidebar.gallery img {
	margin: 0 0 5px 0;
	border: 1px solid #000;
	}

/* body.firm #content img {
	float: none;
	}*/
	

#content div.previous img {
	float: none;
	}


/* typography & titles
-------------------------------------- */

h1 {
	text-indent: -9999px;
	height: 125px;
	background: transparent url(../_img/logo.gif) no-repeat top right;
	}

h1 a {
	display: block;
	width: 100%;
	height: 100%;
	}

h2 {
	margin: 0 0 20px 0;
	text-indent: -9999px;
	}
	
/*
body.home h2 {
	width: 293px;
	height: 31px;
	background: transparent url(../_img/titleHome.gif) no-repeat 0 0;
	}
	
body.experience h2 {
	width: 233px;
	height: 44px;
	background: transparent url(../_img/titleExperience.gif) no-repeat 0 0;
	}
	
body.firm h2 {
	width: 112px;
	height: 35px;
	background: transparent url(../_img/titleFirm.gif) no-repeat 0 0;
	}
	
body.careers h2 {
	width: 112px;
	height: 35px;
	background: transparent url(../_img/titleCareers.gif) no-repeat 0 0;
	}
	
body.contact h2 {
	width: 114px;
	height: 35px;
	background: transparent url(../_img/titleContact.gif) no-repeat 0 0;
	}
	
body.error h2 {
	width: 87px;
	height: 43px;
	background: transparent url(../_img/titleError.gif) no-repeat 0 0;
	}
	
*/
	
body.press h2, body.error h2,  body.contact h2, body.careers h2, body.firm h2, body.experience h2, body.home h2{
	width: 112px;
	font-family: Arial, Helvetica, sans-serif;
	color: #57a03a;
	display: inline;
	font-size: 36px;
	font-weight: lighter;
	text-transform: lowercase;
	height: 50px;	
	}
	


h3 {
	margin: 0 0 10px 0;
	font-size: 160%;
	color: #39f;
	}

h4 {
	margin: 0 0 10px 0;
	font-size: 140%;
	color: #39f;
	}

h5 {
	margin: 0 0 10px 0;
	font-size: 120%;
	color: #39f;
	}
	
#sidebar.gallery h5 { color: #57a03a; }

#calloutLeft h4 {
	margin: 0 0 10px 175px;
	width: 88px;
	height: 16px;
	background: transparent url(../_img/titleCalloutLeft.gif) no-repeat 0 0;
	text-indent: -9999px;
	}

#calloutRight h4 {
	margin: 0 0 10px 175px;
	width: 79px;
	height: 16px;
	background: transparent url(../_img/titleCalloutRight.gif) no-repeat 0 0;
	text-indent: -9999px;
	}
#calloutLeft h4 a, #calloutRight h4 a {
	display: block;
	}

p {
	margin: 0 0 15px 0;
	line-height: 14px;
	}
	
#calloutLeft p, #calloutRight p {
	margin: 0 0 0 175px;
	}

#foot p {
	color: #999;
	}

#sidebar p strong {
	font-weight: bold;
	color: #369;
	}
	

/* lists
-------------------------------------- */

ul {
	margin: 0 0 10px 0;
	padding: 0;
	}

#content ul {
	list-style-type: none;
	}

#content li {
	padding: 0 0 0 10px;
	background: transparent url(../_img/bullet.gif) no-repeat 0 50%;
	}

#secondaryContainer ul li {
	padding: 0;
	list-style: none;
	background: none;
	}


/* nav
-------------------------------------- */

#nav {	
	clear: both;
	margin: 0;
	padding: 7px 0 0 165px;
	list-style: none;
	}

#nav li {
	float: left;
	margin: 0;
	height: 24px;
	text-indent: -9999px;
	}

#nav li a {
	display: block;
	height: inherit;
	text-decoration: none;
	}

#nav li a:link, #nav li a:visited {
	text-decoration: none;
	}

#nav li a:hover, #nav li a:active {
	text-decoration: none;
	background-position: 0 -24px;
	}

#navHome, #navHome a {
	width: 75px;
	background: transparent url(../_img/navHome.gif) no-repeat 0 0;
	}

#navFirm, #navFirm a {
	width: 91px;
	background: transparent url(../_img/navFirm.gif) no-repeat 0 0;
	}

#navExperience, #navExperience a {
	width: 134px;
	background: transparent url(../_img/navExperience.gif) no-repeat 0 0;
	}

#navCareers, #navCareers a {
	width: 89px;
	background: transparent url(../_img/navCareers.gif) no-repeat 0 0;
	}

#navContact, #navContact a {
	width: 96px;
	background: transparent url(../_img/navContact.gif) no-repeat 0 0;
	}

#navPress, #navPress a {
	width: 81px;
	background: transparent url(../_img/navPress.gif) no-repeat 0 0;
	}
	
/* nav here states */

body.home #navHome a, body.home #navHome a:link, body.home #navHome a:visted, body.home #navHome a:hover, body.home #navHome a:active,

body.firm #navFirm a, body.firm #navFirm a:link, body.firm #navFirm a:visited, body.firm #navFirm a:hover, body.firm #navFirm a:active,

body.experience #navExperience a, body.experience #navExperience a:link, body.experience #navExperience a:visited, body.experience #navExperience a:hover, body.experience #navExperience a:active,

body.careers #navCareers a, body.careers #navCareers a:link, body.careers #navCareers a:visited, body.careers #navCareers a:hover, body.careers #navCareers a:active,

body.press #navPress a, body.press #navPress a:link, body.press #navPress a:visited, body.press #navPress a:hover, body.press #navPress a:active,

body.contact #navContact a, body.contact #navContact a:link, body.contact #navContact a:visited, body.contact #navContact a:hover, body.contact #navContact a:active {
	background-position: 0 -24px;
	}
	
/* subnav */

#secondaryContainer ul {
	margin: 0;
	list-style: none;
	}

#secondaryContainer ul li {
	float: left;
	}
	
#secondaryContainer ul li a {
	display: block;
	height: inherit;
	margin: 0;
	padding: 0 12px 0 10px;
	text-decoration: none;
	background: transparent url(../_img/px.gif) repeat-y top right;
	}

#secondaryContainer li.here {
	font-weight: bold;
	}

	
/* sub callouts
-------------------------------------- */

div.subCallout {
	margin: 0 0 20px 0;
	}
	
div.subCallout h4 { 
	margin: 0 0 5px 65px;
	}
	
div.subCallout h4 a {
	width: 100%;
	height: 100%; 
	display: block;
	}
	
div.projects h4 {
	width: 66px;
	height: 22px;
	background: transparent url(../_img/subcalloutProjects.gif) no-repeat 0 0;
	text-indent: -9999px;
	}

div.boards h4 {
	width: 124px;
	height: 22px;
	background: transparent url(../_img/subcalloutBoards.gif) no-repeat 0 0;
	text-indent: -9999px;
	}

div.dirt h4 {
	width: 159px;
	height: 25px;
	background: transparent url(../_img/subcalloutDirt.gif) no-repeat 0 0;
	text-indent: -9999px;
	}
	
div.subCallout p { margin: 0 0 0 65px; }


/* misc
-------------------------------------- */

div.clear {
	clear: both;
	}