body {
background: #f0e9d8 url(images/background.jpg) no-repeat;
color: #565142;
margin: 0;
}

/* STRUCTURES */

#content {
background: url(images/content_background.gif) repeat-y;
border: 0px solid #000;
color: #565142;
margin-left: 75px;
overflow: hidden;
padding: 0px;	
	opacity: 0.8;
	filter: alpha(opacity=80);
width: 377px;
}

#contentsub {
border: 0px solid #000;
background-color: transparent;
color: #565142;
overflow: hidden;
margin: 15px 50px 20px 60px;
}

#logo {
border: 0px solid #000;
background-color: transparent;
color: #565142;
height: 101px;
margin: 50px 0 0 5px;
overflow: hidden;
width: 317px;
}

/* bio rule! */

#logobio {
border: 0px solid #000;
background-color: transparent;
color: #565142;
height: 101px;
margin: 50px 0 180px 5px;
overflow: hidden;
width: 317px;
}






/* PORTFOLIO */

#content800 {
background-color: transparent;
border: 0px solid #000;
color: #565142;
margin-right: auto;
margin-left: auto;
overflow: hidden;
padding: 0px;	
width: 800px;
}

#contentsub_port {
border: 0px solid #000;
background-color: transparent;
color: #565142;
overflow: hidden;
padding: 20px;	
}

#portfolio_links {
border: 0px solid #000;
background-color: transparent;
color: #565142;
overflow: hidden;
margin: 25px 0 65px 5px;
}







/* FOOTER */

#footer {
background: #4e3a31 url(images/footer_background.jpg) no-repeat top right;
border-top: 2px solid #c60;
color: #eee5d3;
clear: left;
height: 75px;
display: block;
overflow: hidden;
}

#footer .left {
background-color: #5a4438;
color: #eee5d3;
font: 11px/20px "Palatino Linotype", Georgia, "Times New Roman", Serif;
float: left;
height: 75px;
margin-left: 75px;
overflow: hidden;
padding-top: 15px;
text-align: center;
text-transform: uppercase;
vertical-align:middle;
width: 377px;
}

#footer .right {
color: #8d6f5e;
font: 10px Arial, Helvetica, sans-serif;
float: right;
overflow: hidden;
margin-top: 15px;
margin-right: 5px;
width: 325px;
}












/* FONT STYLES */

h1 {
color: #565142;
font: 1.5em/1em "Palatino Linotype", Georgia, "Times New Roman", Serif;
letter-spacing: -1px;
text-align: center;
margin-bottom:15px;
clear:left;
}

h2 {
background-color: #f4ead4;
border: 1px solid #eadec4;
color: #c60;
font: 1.2em/1em "Palatino Linotype", Georgia, "Times New Roman", Serif;
letter-spacing: -1px;
text-transform: uppercase;
margin-top: 15px;
padding: 2px;
}

h3 {
color: #355191;
display: inline;
font: bold .9em/1.1em arial, helvetica, sans-serif;
text-transform: uppercase;
}

h4 {
color: #565142;
display: inline;
font: bold 1em/1.7em arial, helvetica, sans-serif;
}

strong {
color: #565142;
display: inline;
font: bold 1em/1.7em arial, helvetica, sans-serif;
}



h5 {
color: #565142;
display:inline;
font: 1.2em/1.5em "Palatino Linotype", Georgia, "Times New Roman", Serif;
letter-spacing: -1px;
text-align: left;
}


/* portfolio header */
h6 {
color: #565142;
font: 1.5em/1em "Palatino Linotype", Georgia, "Times New Roman", Serif;
letter-spacing: -1px;
margin: 10px 0  0 55px;
}


.cap {
color: #565142;
font: 12px/13px sans-serif;
margin-top: 5px;
}


p {
color: #565142;
font: 1em/1.7em "Palatino Linotype", Georgia, "Times New Roman", Serif;
}

#contentsub h4 + p {
display: inline;
}

.bld {
color: #565142;
font: 1em/1.2em "Palatino Linotype", Georgia, "Times New Roman", Serif;
font-weight:bold;
text-align:center;
}







/* MISC STYLES */

#color_flourish {
background-color: #c60;
height: 12px;
}

#content h1 {
background-color: inherit;
margin-bottom: -10px;
}

#flourish {
background-color: transparent;
width:240px; height:45px; 
margin: 50px auto 25px auto;
}

#headshot {
border: 1px solid #c5baa5;
background-color: transparent;
width:119px; height:138px;
position:absolute;
top: 200px;
left: 200px;
z-index:100;
}

#spaceholder {
border: 0px solid #000;
background-color: transparent;
width:275px; height:250px;
margin-bottom: 15px;
margin-left: 0px;
}


em {
color: #355191; 
font-style: oblique;
font-weight: bold;
} 

#slideshow {
border: 0px solid #000;
height: 200px;
overflow: hidden;
top:175px;
left: 125px;
position:absolute;
width: 275px;
}




/* TESTIMONIALS */

.button {
background-color:#fff;
border: 1px outset #8296c3;
color:navy;
font: 10px sans-serif; 
letter-spacing:1px;
text-transform: uppercase;
margin-top:5px;
width: 75px;
}

#quotes_container {
background-color: #fdf8f0;
color: #355191; 
right: 0;
top: 268px;
	opacity: 0.8;
	filter: alpha(opacity=80);
overflow:hidden;
position:absolute;
width: 200px; 
z-index: 200;
}

.quotes {
border: 0px solid #000;
background-color: transparent;
color: #355191;
font: .9em "Palatino Linotype", Georgia, "Times New Roman", Serif; 
right: 0;
top: 300px;
z-index: 75;
padding: 30px 10px 40px 10px; 
}










































/* LINKS */

a.type1:link {
color:#355191; 
font-weight: bold;
padding-right: 3px;
padding-left: 3px;
text-decoration: none;
}

a.type1:visited {
color:#495f8f; 
font-weight: bold;
padding-right: 3px;
padding-left: 3px;
text-decoration: none;
}

a.type1:hover {
background-color: #f4ead4;
color:#1849b7; 
font-weight: bold;
padding-right: 3px;
padding-left: 3px;
text-decoration: none;
}

a.type1:active {
color:#3464d0; 
font-weight: bold;
padding-right: 3px;
padding-left: 3px;
text-decoration: none;
}





a.type2:link {
color: #b09a65; 
padding-right: 3px;
padding-left: 3px;
text-decoration:none;
}

a.type2:visited {
color: #ada081; 
padding-right: 3px;
padding-left: 3px;
text-decoration:none;
}

a.type2:hover {
background-color: #665247;
color: #eee5d3; 
padding-right: 3px;
padding-left: 3px;
text-decoration:none;
}

a.type2:active {
color: #c60; 
padding-right: 3px;
padding-left: 3px;
text-decoration:none;
}




a.type3:link {
background-color: #f7f3f0;
border: 1px solid #c6bfab;
color:#355191; 
font: .9em "Palatino Linotype", Georgia, "Times New Roman", Serif;
padding-right: 3px;
padding-left: 3px;
text-decoration: none;
text-transform: uppercase;
	
}

a.type3:visited {
color:#495f8f; 
padding-right: 3px;
padding-left: 3px;
text-decoration: none;
}

a.type3:hover {
background-color: #f0e5db;
color:#1849b7; 
padding-right: 3px;
padding-left: 3px;
text-decoration: none;
}

a.type3:active {
color:#3464d0; 
padding-right: 3px;
padding-left: 3px;
text-decoration: none;
}











/* MENU */

.menu {
position:absolute;
right: 0;
top: 60px;
width: 200px; 
	opacity: 0.8;
	filter: alpha(opacity=80);
z-index:200;
}

.menu ul{
list-style-type: none;
margin: 0;
padding: 0;
}

.menu ul li a {
background-color: #fdf8f0;
font: bold 1em Arial, Helvetica, sans-serif;
color: #896b44;
display: block;
margin-bottom: 1px;
padding: 3px 0 3px 5px;
padding-left: 35px;
text-decoration: none;
width: auto;
}

* html .menu ul li a { /*IE only. Actual menu width minus left padding of LINK (20px) */
width: 180px;
}

.menu ul li a:hover {
color: #5b6b90;
background: #fff url(images/icon.gif) no-repeat 10px 6px;
}

.menu ul li a:visited, .menu ul li a:active{
color: #00014e;
}

/* Holly Hack for IE \*/
* html .menu ul li { height: 1%; }
* html .menu ul li a { height: 1%; }
/* End */































/* PORTFOLIO MENU */

#tabsI {
background-color: transparent;
border-bottom:1px solid #DD740B;
float:left;
font: bold .9em Arial, Helvetica, sans-serif;
line-height:normal;
margin-top:40px;
width:100%;
opacity: 0.8;
	filter: alpha(opacity=80);
}

#tabsI ul {
margin:0;
padding:10px 10px 0 0px;
list-style:none;
}

#tabsI li {
display:inline;
margin:0;
padding:0;
}

#tabsI a {
float:left;
background:url("images/tableftI.gif") no-repeat left top;
margin:0;
padding:0 0 0 5px;
text-decoration:none;
}

#tabsI a span {
float:left;
display:block;
background:url("images/tabrightI.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#FFF;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsI a span {float:none;}
/* End IE5-Mac hack */

#tabsI a:hover span {
color:#FFF;
}

#tabsI a:hover {
background-position:0% -42px;
}

#tabsI a:hover span {
background-position:100% -42px;
}
