body {
text-align: center;
background-image: url(images/bg.gif);
background-repeat: repeat-x;
margin-top: 0px;
}

#container {
position: relative;
text-align: left;
width: 800px;
margin: 0 auto
}

h1 {
position: absolute;
left: 50px; 
top: 10px;
width: 292px;
height: 131px;
overflow: hidden;
}

h1 span {
position: absolute;
left: 0px; 
top: 0px;
height: 100%;
width: 100%;
background-image: url(images/logo.gif);
background-repeat: no-repeat;
}

#menu {
position: absolute;
top: 177px;
left: 45px;
margin: 0;
padding: 0 0 0 0;
list-style-type: none;
width: 471px; 
float: left;
}

#menu li {
margin: 0;
padding: 0 23px 0 5px;
float: left;
}	

#menu a {
float: left;
text-align: left;
color: #2E6529;
font-family: verdana, arial, sans-serif;
font-size: 12px;
text-decoration: none;
}

#menu a:hover {
color: #FE8F01;
}

#quote {
position: absolute;
top: 247px;
left: 50px;
width: 400px;
z-index: 4;
font-family: garamond, times new roman, serif;
font-size: 16px;
font-style: italic;;
font-weight: bold;
text-decoration: none;
color: #2E6529;
line-height: 1.3em;
}

#title {
position: absolute;
top: 203px;
left: 20px;
font-family: verdana, arial, sans-serif;
font-size: 24px;
color: #fff;
text-decoration: none;
}

#content {
position: absolute;
top: 247px;
left: 50px;
width: 400px;
z-index: 4;
}

#content p {
font-family: verdana, arial, sans-serif;
font-size: 11px;
text-decoration: none;
color: #2E6529;
line-height: 1.3em;
}

#content a {
font-family: verdana, arial, sans-serif;
font-size: 11px;
text-decoration: underline;
color: #2E6529;
line-height: 1.3em;
}

#content a:hover {
font-family: verdana, arial, sans-serif;
font-size: 11px;
text-decoration: underline;
color: #FE8F01;
line-height: 1.3em;
}

#content a:visited {
font-family: verdana, arial, sans-serif;
font-size: 11px;
text-decoration: underline;
color: #709456;
line-height: 1.3em;
}

#portfolio {
float: left;
position: absolute;
z-index: 4;
list-style: none inside;
top: 256px;
left: 9px;
width: 455px;
height: 51px;
}

#portfolio li {
top: 256px;
left: 9px;
float: left;
width: 51px;
height: 51px;
margin: 0 15px 10px 0;
list-style: none inside;
}

#portfolio li a {
top: 256px;
left: 9px;
float: left;
width: 51px;
height: 51px;
}

#port-title {
position: absolute;
z-index: 5;
top: 315px;
left: 45px;
width: 390px;
font-family: verdana, arial, sans-serif;
font-size: 10px;
color: #2E6529;
list-style-type: none;
float: left;
padding: 0 0 0 0;
margin: 0 0 0 0;
}

#port-title li {
margin: 0 0 0 0;
padding: 10px 30px 0 15px;
float: left;
}

#port-desc {
position: absolute;
z-index: 5;
top: 315px;
left: 45px;
width: 390px;
float: left;
list-style-type: none;
padding: 0;
margin: 0;
font-family: verdana, arial, sans-serif;
font-size: 10px;
color: #2E6529;
text-align: left;
}

#port-desc li {
margin: 0;
padding: 10px 20px 0 10px;
list-style-type: none;
float: left;
}

#work {
float: left;
position: absolute;
z-index: 4;
list-style: none inside;
top: 0px;
left: 0px;
width: 455px;
height: 51px;
}

#work li {
top: 256px;
left: 9px;
float: left;
width: 51px;
height: 51px;
margin: 0 15px 0 0;
list-style: none inside;
}

#work li a {
top: 256px;
left: 9px;
float: left;
width: 51px;
height: 51px;
}

/* http://www.cssplay.co.uk/menu/pop_ups.html */

#work li a.screen, a.screen:visited {
position:relative;
float: left; 
z-index:1;
}

#work li a.screen b {
position:absolute;
visibility:hidden;
width:271px;
height:0;
border:1px solid #000;
left:25px;
top:-250px;
}

#work li a.screen:hover {
text-decoration:none; 
border:0;
z-index:1000;
}

#work li a.screen:hover b {
visibility:visible; 
height:271px; 
cursor:pointer;
z-index:500; 
}

#work li a.screen:hover b img {
border:0; 
}

/* end */

#flower {
background: url(images/whiteflower.png) no-repeat;
position: absolute;
top: 219px;
right: 70px;
width: 254px;
height: 366px;
z-index: 1;
}

#portfolio-submenu {
position: absolute;
top: 203px;
left: 160px;
width: 390px;
float: left;
list-style-type: none;
padding: 0;
margin: 0;
font-family: verdana, arial, sans-serif;
font-size: 10px;
color: #2E6529;
}

#portfolio-submenu li {
margin: 0;
padding: 10px 15px 0 15px;
list-style-type: none;
float: left;
}

#portfolio-submenu li.current {
font-weight: bold;
}

#portfolio-submenu a {
float: left;
text-align: left;
color: #2E6529;
list-style-type: none;
font-family: verdana, arial, sans-serif;
font-size: 10px;
text-decoration: none;
}

#portfolio-submenu a:hover {
color: #FE8F01;
}

#footer {
position: absolute;
top: 489px;
left: 50px;
width: 250px;
height: 20px;
font-family: verdana, arial, sans-serif;
font-size: 10px;
text-decoration: none;
color: #2E6529;
}