html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
body { line-height: 1.5; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; }
a img { border: none; } *:focus {outline: none;}

html { font-size:75%; height: 100%;
	background: url(../../_graphics/bg_tile.jpg) top center;
	
}
html>body { font-size: 18px;}

body { 
	color: #4c3425;
	min-width:980px;
	background: url(../../_graphics/logo.jpg) top center no-repeat;
}

body, form {  
	font-family: 'New York', Times, 'Times New Roman', serif;
	font-size:1em;
	line-height:1.5;
}

.clear {display: block; clear: both; margin: 0; padding: 0; height: 0;}
#error {width: 870px;padding: 15px 0; text-align: center; background: #ead3ab; position:absolute; top:200px;}

#layout_wrapper {}

#header { width: 980px; height: 123px; margin: 0 auto; } 
#nav_main {margin: 85px 0 15px 290px; float: left;}

#breadcrumb {}

#layout {width: 980px; margin: 0 auto; padding: 15px 0px; background: url(../../_graphics/divider.jpg) 300.5px repeat-y;}

div.slideshow {float:right; width: 650px; height: 500px; overflow: hidden;}
div.slideshow img {height:100%; width:100%;}

#content {float: left; width: 250px; min-height: 450px;}
#content_submenu {float: right; width: 650px; margin: 10px 0 0 0; }
#content_bio {float: right; width: 650px; margin: 10px 0 0 0; }


#nav_sub {float: left; margin: 15px 35px;}
#body {clear: both;}
#site_footer {float: right; width: 160px; margin: 45px 0 0 0;}

#bottom {background: url(../../_graphics/footer.jpg) top center no-repeat;}
#copyright  {width: 980px; margin: 0 auto;}
p.copyright  {height: 24px;  font-size: .8em; text-align: right;color:#556452;}

/* Links
-------------------------------------------------------------- */
a:link {color:#556452; text-decoration: none;}
a:visited {color:#556452; text-decoration: none;}
a:hover {color:#465c6b; text-decoration: underline;}
a:active {color:#465c6b; text-decoration: underline;}

a:link.inline {color:#556452; text-decoration: none; font-weight: bold;}
a:visited.inline {color:#556452; text-decoration: none; font-weight: bold;}
a:hover.inline {color:#465c6b; text-decoration: underline; font-weight: bold;}
a:active.inline {color:#465c6b; text-decoration: underline; font-weight: bold;}


/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 { font-weight:normal;}
h2 {margin: 15px 0 5px 0; clear: both;}

h1 { font-size: 1.5em; color: #465c6b; margin: 0 0 23px 0;}
h2 { font-size: 1.3em; color: #556452;}
h3 { font-size: 1em; color: #556452; margin: 15px 0 5px 0;}
h4 { font-size: 1em;}
h5,h6 { font-size: 1.1em;}


/* Menus
-------------------------------------------------------------- */
#nav_sub ul {font-size: .8em; font-weight: bold;}
#nav_sub ul li {padding: 0 0 6px 0;}

#nav_main ul {list-style: square; margin:0 0 0 25px;  padding: 0;}
#nav_main ul li {text-align: left; letter-spacing: .1em; text-transform: uppercase; display: inline; padding: 3px 0 4px 8px; font-size: .8em;}

#nav_main ul li:before {
	content: url(../../_graphics/../../_graphics/bullet.jpg);
	}
	
#nav_main ul li.first:before {content: " ";}
#nav_main ul li.selectedfirst:before {content: " ";}


#nav_main ul li a{color: #4c3425;}
#nav_main ul li a:hover{color: #465c6b; text-decoration: underline;}


ul li a:link {color:#4c3425; text-decoration: none;}
ul li a:visited {color:#4c3425; text-decoration: none;}
ul li a:hover {color:#556452; text-decoration: underline;}
ul li a:active {color:#556452;}

#breadcrumb {color:#556452; font-size: .75em; padding: 5px 0; margin: 0 0 15px 0;
border-top: 1px solid #ead3ab; 
border-bottom: 1px solid #ead3ab;
}


/* Text elements
-------------------------------------------------------------- */
p {margin: 0 0 15px 0; font-size: .85em;}
#site_footer p {color:#556452; margin:0; font-size: .8em; text-align: right;}
#site_footer p a { font-weight: normal;}

#siblings {float: right;}
#footer { margin: 24px 0; color:#556452; font-size: .9em;}


b {font-weight: bold;}
.bold {font-weight: bold;}
i {font-size: 1em;}
.italic {font-style: italic;}


/* Lists
-------------------------------------------------------------- */
ol {margin: -20px 20px 20px 20px; padding: 12px; color: #4c3425;}
.decimal li {list-style-type: decimal; font-size: 1em; padding: 12px 5px;}
.upperalpha li {list-style-type: upper-alpha; font-size: 1em; padding: 12px 5px;}
.loweralpha li {list-style-type: lower-alpha; font-size: 1em; padding: 12px 5px;}

.a li {list-style-type: lower-alpha; font-size: 1em; padding: 5px 0 0 0;}

.inlinelist		{list-style-image:url(../../_graphics/list_bullet.jpg); margin:0 55px 15px 55px; font-size: .8em; }
.inlinelist li	{color: #465c6b; padding: 3px;}

.bullet			{list-style-image:url(../../_graphics/list_bullet.jpg); margin:0 0 15px 20px; }
span.listtext	{color: #4c3425;}


/* Spans
-------------------------------------------------------------- */
blockquote		{font-size: .9em; margin: 1.5em; text-align: center;}

hr {border: 0;
height: 1px;
text-align: center;}


/* project list
-------------------------------------------------------------- */
#projects  {width: 650px; float: right; }
#projects div.project_row {clear: both;}

#projects div.project_row div.project {width: 200px; margin: 0; float: left;  margin: 0 0 20px  0;}
#projects div.project_row div.project p {margin: 0; padding: 0;}

span.project_image {margin: 0 0 15px 0;}
p.project_name:after {content: ": ";}


/* project
-------------------------------------------------------------- */

#project {margin: 0 ; width: 980px;}

#layout #project #mainimage {width: 650px; float: right; margin: 0; min-height: 540px;}
#layout #project #mainimage img { max-width: 650px; text-align: left; padding: 10px 0;}

#layout #project #imageInfo  {padding: 10px 20px; width: 270px; min-height: 150px;}
#layout #project #image_siblings { float: left; clear: left;  font-size: .8em; margin: 15px 0 0 25px; text-align: left; }


#layout #project #thumbs  {width: 270px; text-align: left; margin: 0 0 0 15px;}


/* link
-------------------------------------------------------------- */
div.link h2 { margin: 0; font-size: 1em;}
div.link h4 { color: #556452; font-style: italic; font-size: .9em;}

#content_bio {padding: 0;}
#layout #content_bio #mainimage {float: left; width: 200px; }
#layout #content_bio #mainimage img {max-width: 200px;}

#content_bio #content_group h1 { font-size: 1em; margin: 0;}
#content_bio #content_group {float: right; width: 420px;}

#layout #mainimage {float: right; width: 650px;}
#layout #mainimage img {max-width: 650px;}
#layout #thumbs {float: left; clear: left; width: 192px; text-align: right; margin: 15px  9px  25px 0;}
#layout #thumbs li {display: inline-block; width: 45px; height: 45px; overflow: hidden; padding: 5px 0 5px 10px ;}
#layout #thumbs li img {max-width: 65px; max-height: 65px; }

#quote_outer {float: left; width: 250px; margin: 0 0 0 10px; min-height: 450px; padding: 0 10px;}
#quote_middle{}
#quote_inner {font-style: italic; color: #556452;}
span.author {display: block; font-style: normal;}
span.submittedby {}

form { font-size: .8em;}

div.buy_now_buttons form {background: #fff;}
fieldset {width: 480px;}

fieldset.submit {text-align: right; padding:6px;}
legend {}

form ol {padding: 15px 0 0 0; margin: 0; }
form ol li {padding: 5px 0; }

label {    
float: left;    
width: 10em;    
text-align: right;   
margin-right: 1em;
clear: both;
}   

label.required:after {
content: "*";
}

input[type=image] {   
padding:6px;
}   


input[type=text] {   
height: 14px; 
width: 20em;    
padding:6px;
border: solid 1px #4c3425; 
color:#465c6b;
}   

input.submit {
height:26px;
line-height:26px;
width:auto;
}

textarea {
width: 18em;
height: 150px;
border: solid 1px #4c3425; 
color:#556452;   
overflow:hidden; 
}          
	
button {}      

button:hover {    
background-position:top right;   
}



form ol li strong {width: 18em; margin-left: 12em; color:#465c6b;}
label {width: 11em;}
input[type=text], input[type=password] {width: 24em;}
textarea {width: 21em;}