/* CSS Document */

html, body {
background-color: #c8c3ba;
margin: 0;
padding: 0;
background: url(images/background_gradient.gif) repeat-x; }

body {
font-weight: normal;
font-size: 13px;
line-height: 16px;
font-family: Arial, Helvetica, sans-serif;
color: #53462f;
letter-spacing: 1px; }

/*
tr, td {
margin: 0;
padding: 0; }
*/

a:link {
color: #53462f;
text-decoration : underline; }

a:visited {
color: #53462f;
text-decoration : underline; }

a:hover {
color: #885904;
text-decoration : underline; }

p {
margin: 0 0 12px 0;
padding: 0;
}

h1 {
font-family: Arial, Helvetica, sans-serif;
margin: 25px 0 0 0;
padding: 0;
font-weight: bold;
font-size: 24px;
line-height: 26px;
color: #53462f; }

h2 {
text-transform: uppercase;
font-size: 15px;
line-height: 17px;
margin: 0 0 12px 0;
padding: 0; }

h3 {
font-size: 14px;
line-height: 15px;
font-weight: bold;
color: #53462f;
margin: 6px 0 3px 0;
padding: 0; }

.clear { clear: both; }

/* quote */
.quote {
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
line-height: 17px;
font-style: italic;
font-weight: bold;
margin: 0 0 12px 0;
padding: 0;
letter-spacing: 0;
text-align: center; }


/* content area */

div#wrapper {
width: 100%;
margin: 0px;
padding: 0px; }

div#topwrapper {
width: 920px;
height: 480px;
margin: 0px;
padding: 0px;
background: url(images/background_tile.jpg) repeat; }


div#branding {
float: left;
width: 300px;
height: 480px;
padding: 0;
margin: 0; }

div#branding h1 {
display: none; }

div#topcontent {
float: right;
width: 620px;
height: 480px;
margin: 0;
padding: 0; 
background: url(images/top_vertical_line.gif) left no-repeat; }

/* This is for content with background image - the philosophy page */
div#topcontenttext {
float: right;
width: 620px;
height: 480px;
margin: 0;
padding: 0;
color: #3e3423; }

.philosophy_bk {
background: url(images/philosophy_background.jpg) no-repeat; } 

div#scrollingcontent {
width: 532px;
height: 432px;
text-align: left;
overflow: auto;
margin: 24px 24px 24px 24px;
padding: 0px 20px 0px 20px }

div#scrollingcontent2 {
float: left;
width: 280px;
height: 432px;
text-align: left;
overflow: auto;
margin: 24px 0 24px 30px;
padding: 0 10px 0 0;}

div#pressimages {
float: left;
width: 226px;
height: 432px;
text-align: left;
margin: 0;
padding: 24px 0 24px 30px; }


/* top light brown area with text - used for all text pages without background image */
div#textcontent {
width: 524px;
height: 432px;
text-align: left;
margin: 24px 24px 24px 24px;
padding: 0px 20px 0px 20px; }

div#textcontent table tr td {
vertical-align: bottom;}

.smalltext {
font-size: 11px;}


/* lower section of page with darker brown background */
div#bottomwrapper {
width: 872px;
height: 169px;
margin: 0px;
padding: 0px;
border: #968e83 24px solid;
background: #968e83 url(images/dk_bk_vertical_line.gif) repeat-y; }

div#navwrapper {
float: left;
width: 262px;
height: 121px;
margin: 0;
padding: 0;
text-align: left; }

div#content {
float: right;
width: 572px;
height: 121px;
margin: 0;
padding: 0; }


/* contact area */

div#contact {
width: 872px;
height: 48px;
border-top: #53462f 1px solid;
text-align: left;
margin: 0;
padding: 0; }

div#email {
float: left;
width: 232px;
height: 48px;
margin: 0;
padding: 0;
text-indent: 0px;
overflow: hidden; }

div#email a {
display: block;
padding-top: 48px;
overflow: hidden;
background: url(images/contact_email.gif) no-repeat; }

div#email a:hover {
display: block;
padding-top: 48px;
overflow: hidden;
background: url(images/contact_email_over.gif) no-repeat; }


div#address {
float: right;
width: 572px;
height: 48px;
margin: 0;
padding: 0;
background: url(images/contact_address.gif) no-repeat; }

div#address p {
display: none; }

/* nav */
div#nav {
float: left;
padding: 0;
margin: 0;
width: 172px;
text-align: left; }

div#nav ul {
list-style-type: none;
padding: 0;
margin: 0;
}

div#nav ul li {
display: block; }

div#nav a {
display: block;
width: 172px;
height: 26px;
text-indent: -9999px;
color: #ff0000; }

#philosophy a {
background: url(images/nav_philosophy.gif) left no-repeat; }

#philosophy a:hover {
background: url(images/nav_philosophy_on.gif) left no-repeat; }

#portfolio a {
background: url(images/nav_portfolio.gif) left no-repeat; }

#portfolio a:hover {
background: url(images/nav_portfolio_on.gif) left no-repeat; }

#sketches a {
background: url(images/nav_sketches.gif) left no-repeat; }

#sketches a:hover {
background: url(images/nav_sketches_on.gif) left no-repeat; }

#press a {
background: url(images/nav_press.gif) left no-repeat; }

#press a:hover {
background: url(images/nav_press_on.gif) left no-repeat; }

/* square nav */

.nav2 {
float: right;
padding: 0;
margin: 0;
width: 90px;
height: 26px;
text-align: right; }


/* footer */

div#footer {
width: 900px;
margin: 0;
padding: 20px 0px 0px 0px; }

div#footerleft {
margin: 0;
padding: 0;
width: 280px;
text-align: center;
float: left;}

div#footerright {
margin: 0;
padding: 0;
width: 620px;
text-align: center;
float: right;}

div#footer p {
color: #53462f;
font-size: 10px;
line-height: 12px;
font-weight: normal;
letter-spacing: normal; }

div#footer a {
color: #53462f; }


/* images*/


.img_topcontent { 
margin: 24px 0 0 0;
padding: 0; }

.img_left { 
float: left;
margin: 0 15px 15px 0;
padding: 0; }

.img_right { 
float: right;
margin: 0 0 15px 15px;
padding: 0; }

/* portfolio navigation */

.portfolioimages {
color: #53462f;
font-weight: bold;
font-size: 13px;
}


.portfolioimages a:link {
color: #53462f;
font-weight: bold;
font-size: 13px;
padding: 1px 3px 1px 3px;
background-color: #afa496;
border: 1px solid #afa496;
text-decoration: none;
}

.portfoliotext {
color: #53462f;
font-weight: bold;
font-size: 13px;
}

.portfoliotext a:link {
color: #53462f;
font-weight: bold;
font-size: 13px;
padding: 1px 3px 1px 3px;
border: none;
text-decoration: underline;
}


/* press page */

.presswrapper {
margin: 0;
padding: 0;
width: 400px;
}

.img_press {
float: left;
margin: 18px 20px 0 0;
}

.presstext {
float: right;
margin: 80px 0 0 0;
padding: 0;
width: 275px;
}

.pressname {
float: left;
margin: 0;
padding: 0;
width: 225px;
}

.presspdf {
float: right;
margin: 0;
padding: 0;
width: 50px;
}

.hidden {
	display: none;
}