/* Matthew Design Leaf Edition Website */

body {
	background: #E0F2FF url("../images/background_white2.gif") repeat-y top center;
	padding: 0;
	margin: 0;
	font: 11px Arial, Verdana, Helvetica, sans-serif;
	color: #787878;
}

div.persona {
color:#91B1C8;
font-style: italic;
}


a img {
border: 0;
}

a:link {
color: #3497D0;
text-decoration: none;
}

a:visited {
color: #67D034;
text-decoration: none;
}

a:hover, a:active {
text-decoration: underline;
}

h1 {
color: #E58666;
font: 150% Georgia, "Times New Roman", Times, serif;
font-weight: bold;
border-bottom: 3px solid #BDE1FB;
}

h2 {
color: #E58666;
font: 120% Georgia, "Times New Roman", Times, serif;
font-weight: bold;
}

h3 {
color: #1A4A6B;
font-size: 120%;
font-weight: bold;
padding: 2px 0 2px 0;
margin: 2px 0 2px 0;
}

h5 {
color: #787878;
font-size: 110%;
font-weight: bold;
padding: 1px 0 1px 0;
margin: 1px 0 1px 0;
}

div.clear {
height: 10px;
width: 100%;
clear: both;
}

/* ------------------------------LAYOUT-------------------------------------*/

div#center-float {
width: 811px;
margin-left: auto;
margin-right: auto;
position: relative;
height: auto;
min-height: 100%;
}

div#container {
width: 775px;
margin-left: 18px;
}

div#head {
background: url("../images/head_back.jpg") repeat-x 0 0;
height: 131px;
position: relative;
}

div#head-left {
background: url("../images/head_left_back.jpg") no-repeat top left;
height: 108px;
width: 30px;
position: absolute;
left: 0;
top: 0;
}

div#head-right {
background: url("../images/head_right_back.jpg") no-repeat top right;
height: 108px;
width: 30px;
position: absolute;
right: 0;
top: 0;
}

div#logo {
height: 107px;
width: 168px;
position: absolute;
left: 70px;
top: 0;
}

div#top-menu {
margin-left: 365px;
}

div#top-menu ul#top {
margin: 0;
padding:  89px 0 0 0;
list-style: none;
}

div#top-menu ul#top li, div#top-menu ul#top li.selected {
display: inline;
padding: 0;
margin: 0;
font-size: 100%;
text-transform: uppercase;
color: white;
}

div#top-menu ul#top li a:link, div#top-menu ul#top li a:visited {
background: url(../images/menu.jpg) repeat-x top left;
padding: 5px 10px 5px 10px;
margin: 0 -1px 0 -1px;
color: #e8c5c4;
text-decoration: none;
}

div#top-menu ul#top li.selected a:link, div#top-menu ul#top li.selected a:visited {
background: url(../images/menu_select.jpg) repeat-x 0 2px;
padding: 5px 10px 5px 10px;
margin: 0 -1px 0 -1px;
color: white;
text-decoration: none;
}

div#top-menu ul#top li a:active, div#top-menu ul#top li a:hover {
background: url(../images/menu_fade.gif) repeat-x 0 0;
color: white;
text-decoration: none;
}

div#main {
background: #fef4e3 url(../images/main_back2.jpg) repeat-y top left;
min-height: 100px;
}

div#main-content {
padding: 10px 5px 10px 25px;
}

div#main-content p {
line-height: 200%;
}

div#main-left-content {
width: 559px;
float: left;
margin-right: 20px;
position: relative;
}

div#main-right-content {
width: 142px;
float: left;
}

div#main-shadow {
background: #fef4e3 url(../images/main_shadow2.jpg) repeat-y top left;
height: 3px;
padding: 0;
margin: 0;
}

div#nav-control {
background: url(../images/control_area2.jpg) no-repeat top left;
height: 11px;
position: relative;
}

div#dropnav {
background: #bddbf8 url(../images/subnav_back2.jpg) repeat-x top left;
height: 255px;
position: relative;
}

div#nav-content {
padding: 10px 10px 10px 25px;
}

div.nav-list {
width: 155px;
float: left;
margin-right: 25px;
color: #844F2D;
}

div.nav-list h4 {
font-weight: normal;
color: #1A4A6B;
text-transform: uppercase;
border-bottom: 3px solid #EDFFA6;
margin-bottom: 9px;
}

div.nav-list h4 a:link, div.nav-list h4 a:visited {
color: #844F2D;
text-decoration: none;
}

div.nav-list h4 a:hover, div.nav-list h4 a:active {
border-bottom: 3px solid #1A4A6B;
}

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

div.nav-list ul li {
border-bottom: 1px solid #FFF5E6;
padding: 5px 0 5px 0;
}

div.nav-list ul li.img {
border-bottom: 1px solid #FFF5E6;
padding: 3px 0 2px 0;
}

div.nav-list ul li.last {
border-bottom: 0;
padding: 5px 0 5px 0;
}

div.nav-list ul li a:link, div.nav-list ul li a:visited {
color: #1A4A6B;
text-decoration: none;
}

li.img img, li.last-img img {
float: left;
}

div.img-text {
height: 26px;
margin-left: 45px;
padding-top: 12px;
}

div.nav-list ul li a:hover, div.nav-list ul li a:active {
color: #844F2D;
}

div.nav-list ul li.last-img {
border: 0;
padding: 5px 0 5px 0;
}

div.main-list {
width: 140px;
float: left;
margin-right: 25px;
color: #787878;
}

div.main-list h4 {
font-weight: normal;
color: #787878;
text-transform: uppercase;
border-bottom: 3px solid #787878;
margin-bottom: 9px;
}

div.main-list h4 a:link, div.main-list h4 a:visited {
color: #787878;
text-decoration: none;
}

div.main-list h4 a:hover, div.main-list h4 a:active {
border-bottom: 3px solid #1A4A6B;
}

div.main-list ul {
list-style: none;
padding: 0;
margin: 0;
}

div.main-list ul li {
border-bottom: 1px solid #787878;
padding: 5px 0 5px 0;
}
div.main-list ul li ul {
list-style: disc;
padding: 0;
margin-left: 15px;
font-size: 90%;
}

div.main-list ul li ul li {
border: 0;
padding: 2px;
}

div.main-list ul li.img {
border-bottom: 1px solid #787878;
padding: 3px 0 2px 0;
}

div.main-list ul li.last {
border-bottom: 0;
padding: 5px 0 5px 0;
}
div.main-list ul li.last-img {
border-bottom: 0;
padding: 3px 0 2px 0;
}

div.main-list ul li a:link, div.main-list ul li a:visited {
color: #787878;
text-decoration: none;
}

div.img-text {
height: 26px;
margin-left: 45px;
padding-top: 12px;
}

div.main-list ul li a:hover, div.main-list ul li a:active {
color: #1A4A6B;
}

div#slide-button {
width: 51px;
height: 16px;
position: absolute;
right: -25px;
top: 0;
}

div#foot-break {
height: 1px;
width: 775px;
background-color: #9cbae0;
padding: 0;
}

div#foot {
background: white;
height: 122px;
text-align: right;
padding-top: 10px;
}

/*---------------------------------references------------------------------*/

div.quote {
margin-top: 25px;
}
div.ref-name {
font: 160% Georgia, "Times New Roman", times, serif;
float: left;
color: #91B1C8;
margin-right: 5px;
}
div.ref-title {
font: 130% Georgia, "Times New Roman", times, serif;
float: left;
color: #E58666;
padding-top: 3px;
font-style: italic;
}
div.para-image {
float: left;
margin-right: 10px;
}

div.quote-clear {
clear: both;
height: 1px;
width: 100%;
margin: 0 0 10px 0;
border-top: 3px solid #D1C2A8;
}

div.quote blockquote {
font-size: 110%;
color: #405565;
padding: 2px;
margin: 6px 6px 6px 18px;
}

div.quote blockquote p {
line-height: 100%;
}

div.go-to-top {
position: absolute;
bottom: 0;
right: 0;
}

/*---------------------------------------------Work-Item------------------------*/

div.work-item {
border-bottom: 1px solid #fDd7b3;
float: left;
padding: 5px;
}
div.left-wi, div.right-wi {
float: left;
margin-right: 20px;
}

div.right-wi {
width: 250px;
}

div.lwi-date, div.rwi-title {
font: 120% Georgia, "Times New Roman", Times, serif;
font-weight: bold;
color: #BD8763;
}

div.lwi-place {
font: 110% Georgia, "Times New Roman", Times, serif;
font-weight: bold;
color: #1A4A6B;
}

div.right-wi ul {
padding: 0 0 0 15px;
margin: 3px 0 0 0;
list-style: disc;
}

div.skill-col {
float: left;
}

/*---------------------------------------Projects----------------------------------- */


div.project-box {
background-color: white;
border: 1px solid #e1d9cc;
padding: 15px;
width: 526px;
height: 265px;
position: relative;
}

div.leaf {
position: absolute;
bottom: -12px;
right: -10px;
}

div.project-box img {
border: 1px solid #e1d9cc;
}


div.leaf img {
border: 0;
}

div.port-box {
float: left;
padding: 0 20px 0 20px;
}