* {padding: 0; margin: 0;}

body{
 font-family: 'lucida grand', verdana, Arial, Helvetica, sans-serif;
 font-size: 62.5%;
 color: #ffffff;
 background-color: #093333;
 text-align: center;
}


#topbanner {
 background-color: #f8ee37;
 background-image: url(../images/work_navi_bg.gif);
 background-repeat: no-repeat;
 width: 100%;
 height: 38px;
 }

#navi {
 position: absolute;
 top:0px;
 right: 0px;
 margin: 10px 0px 10px 10px;
 width: 350px;
 float: right;
 }
 
#navi img{
 border: 0px;
 padding-left: 10px; }
 
#navi ul li{
 margin: 0px;
 padding:5px;
 list-style-type: none;
 display: inline;
 font-size: 1.1em;
 }
 
#navi ul li a:link {
 text-decoration: none;
 font-weight: 600;
 color:#093333;}
 
#navi ul li a:visited {
 text-decoration: none;
 font-weight: 600;
 color:#093333;}
 
#navi ul li a:hover {
 text-decoration: none;
 color:white;
 }
 
#wrap {
 position: relative;
 margin: 0px auto;
 width: 680px;
 padding: 0px 5px 0px 5px;
 }
 
#col1{
 position: absolute;
 top:0;
 left:0;
 margin:0px 5px 5px 0px;
 padding:25px 5px 5px 5px;
 width:480px;
 text-align:left;
 background-image: url(../images/work_bg_01.jpg);
 background-repeat: no-repeat;
}

#header {
 width: 450px;
 height: 75px;
 margin: 0px;
 padding: 10px;
}

#showcase{
 width: 450px;
 height: auto;
 background-image: url(../images/work_bg_02.jpg);
 background-repeat: no-repeat;
 background-position: bottom right;
 }
 
h3{
 font-size: 1em;
 font-weight: 100;
 padding-left: 1em;
 padding-right: 2em;
 margin-bottom: 1em;
 color: #999999;
} 

h3 a:link{
 color: yellow;
 text-decoration: none;
}

h3 a:hover{
 color:white;
 text-decoration: underline; 
}

#box{
 float:left;
 margin:15px 25px 15px 25px;
 width: 150px;
 height:150px;
 display: block;
 border: 5px solid #dbdbdb;
}

#box a img{
 border: 0;
 text-decoration: none;
 }


/* column 2 */
#col2{
 position: absolute;
 left:480px;
 width: 200px;
 margin: 0px 5px 5px 25px;;
 padding: 5px;
 text-align: left;
 display: inline;
 background-image: url(../images/work_bg_03.jpg);
 background-repeat: no-repeat;
}

#flickr{
 width:190px;
 margin-top: 180px;
}

#credit, #contact_me{
 margin-top:10px;
 width: 160px;
 text-align: left;
 color:#FDFDC4;
 font-size: 1.1em;
 line-height: 1.5em;
 }
 
#credit p a:link, a:visited {
 text-decoration: none;
 color:white;}
 
#credit p a:hover {
 text-decoration: none;
 color:#99cc33;
 }
 
#credit img {
 padding: 10px 0px 10px 0px;
}

#contact_me{
 margin-bottom: 10px;
 }

#contact_me a img{
 border: 0;
 }
 
#contact_me a:hover, h3 a:hover img {
 border-bottom: yellow 1px solid; 
 }