/* zero */

:link,:visited { text-decoration:none }

ul,ol { list-style:none }

h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

a img,:link img,:visited img { border:none }

/* styles */

body	{
	color: #555;
	background-color: #BA8F2A;
	font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
	margin: 30px 0;
}

#layout	{
	margin: 0;
	padding: 0;
	width: 100%;
}

#left, #right
{
	margin: 0;
	padding: 0;
	background-image: url(/images/background.jpg);
	background-repeat: repeat-x;
}


#left	{
	background-position: 100% 124px;

}

#right	{
	background-position: 0% 124px;

}



#main	{
	width: 750px;
}

#brand
{
	background-repeat: no-repeat;
	background-position: right top;
	height: 124px;
}

#index #brand	{
	background-image: url(/images/corner/index.jpg);
}

#work #brand	{
	background-image: url(/images/corner/work.jpg);
}

#services #brand	{
	background-image: url(/images/corner/services.jpg);
}

#people #brand	{
	background-image: url(/images/corner/people.jpg);
}

#contact #brand	{
	background-image: url(/images/corner/contact.jpg);
}

#transfer #brand	{
	background-image: url(/images/corner/transfer.jpg);
}


#photo
{
	height: 143px;
	background-image: url(/images/photostrip.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}


#blink
{
	height: 143px;
	width: 44px;
	background-image: url(/images/dot_anim.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#flash	{
	padding-left: 44px;
	background-image: url(/images/dot_anim.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#box
{
	position: relative;
	background-image: url(/images/bottom.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

/* for Mozilla/Safari/Opera */
*>#box {
 padding-top: 240px;
 min-height: 1px;
}
*>#box #content {
 margin-top: -240px;
}
/* for IE, with IE5/Mac backslash filter \*/
* html #box {
 height: 240px;
}
/* end filter */

#content	{
	font-size: .7em;
}

#nav	{
	position: absolute;
	width: 210px;
	top: 0;
	left: 21px;
	margin: 0;
	padding: 0;
	color: #451503;
	text-transform: lowercase;
}

#mainnav
{
	background-image: url(/images/nav_back.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin: 0 0 5px 0;
	padding: 10px 0 5px 0;
}

#text	{
	margin: 0 20px 0 284px;
	padding: 10px 0;
}

#brand h1
{
	background-image: url(/images/brand.gif);
	background-repeat: no-repeat;
	padding: 124px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:124px;
	}

#brand h2	{
	display: inline;
	text-align: right;
	width: 185px;
	float: right;
	margin: -27px 0 0 0;
	padding: 0 8px 0 0;
	text-transform: lowercase;
	font-size: 1em;
}

h1, h2, h3, h4, h5, h6	{
	color: #451503;
}

a:link, a:visited	{
	color: #451503;
}

a:hover, a:active	{
	border-bottom: solid 1px #BA8F2A;
}

b	{
	font-weight: bold;
	font-style: italic;
}

#text h3	{
	margin-bottom: .3em;
	font-size: 1.2em;
	text-transform: capitalize;
}

#text p, #text ul, #text ol	{
	margin-bottom: .6em;
	line-height: 1.3em;
}

#text ul	{
	list-style-type: square;
}

#text ol	{
	list-style-type: decimal;
}

#text ul li	{
	margin-left: 16px;
}

#text ol li	{
	margin-left: 23px;
}


.title	{
	font-weight: bold;
	text-transform: uppercase;
}

/* main nav */

#nav li	{
	margin-bottom: .3em;
	padding-left: 22px;
}

#selected, #section, #subselected {
	text-transform: uppercase;
	font-weight: bold;
}

#selected, #subselected
{
	background-image: url(/images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 10px 2px;
}

#subselected	{
	text-transform: lowercase;
}

#ternav {
	text-transform: lowercase;
	margin: 0 0 10px 0;
	padding: 5px;
	color: #451503;
	background-color: #FFF5ED;
	width: 100%;
}

.test	{
	margin: .5em 0 1.7em 0;
}

.quote	{
	font-style: italic;
}

#text p.pages {
	width: 100%;
	background-color: #F5F2E8;
	padding: 2px 3px;
	margin-bottom: 10px;
}

/* projects */

.projsm	{
	margin: .5em 0 1.5em 0;
}

.projsm h4	{
	font-size: 1em;
	text-transform: uppercase;
	margin-bottom: 0;
}


.break	{
	clear: both;
	line-height: 0;
	font-size: 0;
}

.thumb	{
	border: solid 1px #451503;
	float: right;
	margin: 0 0 10px 10px;
}