Photo template

* {
margin: 0px;
padding: 0px;
}

body {
padding: 80px 0px 0px;
background: url('images/background_top.gif') #c4b8a1 repeat-x;
color: #695d47;
font-family: verdana, arial, sans-serif;
font-size: 12px;
text-align: center;
}

a {
color: #695d47;
background-color: inherit;
text-decoration: underline;
}

a:hover {
color: #ab9c7e;
background-color: inherit;
}

span {
display: none;
}

img {
border: none;
}

ul {
list-style-type: none;
}

li {
list-style-type: none;
}

p {
margin: 0px 0px 15px;
text-align: justify;
line-height: 15px;
}

.clearthis {
margin : 0px;
height : 1px;
clear : both;
float : none;
font-size : 1px;
line-height : 0px;
overflow : hidden;
visibility: hidden;
}


#body_wrapper {
padding: 5px 0px 10px;
width: 100%;
background-color: #fff;
color: inherit;
}

#container {
margin: 0px auto;
width: 758px;
text-align: right;
}

#container .content_header {
margin: 20px 0px 0px auto;
width: 730px;
height: 40px;
background: url('images/content_header_bg.gif') repeat-x 0% 0%;
}

#container .content {
margin: 3px 150px 0px 28px;
width: 580px;
text-align: left;
}


/* Page Header */

#page_header {
background: url('images/header_leftborder.gif') #fff repeat-y 0% 0%;
color: #6a604e;
float: left;
}

#page_header h1 {
width: 280px;
height: 125px;
overflow: hidden;
background: url('images/website_title.gif') no-repeat 50% 50%;
}


/* Navigational Menu */

#nav_menu {
margin-left: 9px;
padding-left: 19px;
float: right;
background: url('images/header_leftborder.gif') #fff repeat-y 0% 0%;
color: #b3a386;
text-align: center;
font-family: tahoma, arial, sans-serif;
}

#nav_menu a {
color: #b3a386;
background: inherit;
}

#mav_menu a:hover {
color: #857860;
background: inherit;
}

#nav_menu ul {
width: 450px;
height: 125px;
overflow: hidden;
}

#nav_menu li {
float: left;
border-width: 0px 1px 1px 0px;
border-color: #c1b7a5;
border-style: solid;
font-size: 20px;
}

#nav_menu li#menu3, #nav_menu li#menu6 {
border-right: none;
}

#nav_menu li a {
display: block;
width: 149px;
height: 62px;
text-decoration: none;
}

#nav_menu li a:hover {
color: #857860;
background-color: #f4eee2
}

#nav_menu li a span {
padding-top: 17px;
display: block;
}


/* Welcome to my Site */

#welcome .content_header h2 {
height: 28px;
background: url('images/welcome_header.gif') no-repeat 0% 0%;
}

#welcome p {
width: 420px;
float: right;
}


/* Client List */

#clientlist .content {
margin-top: 18px;
margin-right: 260px;
width: 470px;

}

#clientlist .content_header h1 {
height: 28px;
background: url('images/clientlist_header.gif') no-repeat 0% 0%;
}

#clientlist p {
width: 300px;
float: right;
}

#photographer_image {
width: 758px;
text-align: left;
overflow: hidden;
}

#photographer_image span {
display: block;
margin-top: -269px;
margin-left: 517px;
width: 241px;
height: 300px;
background: url('images/main_image.gif') no-repeat 0% 0%;
z-index: 1;
position: absolute;
}


/* My Portfolio */


#portfolio .content_header h1 {
height: 28px;
background: url('images/portfolio_header.gif') no-repeat;
}

#portfolio {
padding-bottom: 12px;
background: url('images/gallery_title.gif') no-repeat 29px 80px;
}

#gallery {
padding: 40px 0px 25px 59px;
}

#gallery ul {
width: 700px;
}

#gallery li {
margin-right: 30px;
margin-bottom: 25px;
padding: 4px 4px 2px;
background-color: #c4b8a1;
color: inherit;
float: left;
}


/* Page Footer */

#page_footer {
padding: 9px 10px 6px;
font-weight: bold;
float: none;
clear: both;
}

#page_footer a:hover {
background-color: inherit;
color: #4f4635;
}



/* Thumbnail with Double-Border */

.thumbnail_dborder_1 {
margin: 0px 12px 5px 0px;
background: url('images/thumbnail_border_1.gif') #695d47 no-repeat 0% 0%;
color: inherit;
clear: left;
float: left;
}

.thumbnail_dborder_2 {
background: url('images/thumbnail_border_1.gif') no-repeat 100% 0%;
}

.thumbnail_dborder_3 {
background: url('images/thumbnail_border_1.gif') no-repeat 100% 100%;
}

.thumbnail_dborder_4 {
padding: 4px 4px 3px;
background: url('images/thumbnail_border_1.gif') no-repeat 0% 100%;
}

.thumbnail_dborder_1 img {
border: #fff 7px solid;
}


/* Thumbnail with Single-Border */

.thumbnail_border_1 {
margin: 5px 12px 5px 0px;
background: url('images/thumbnail_border_2a.gif') #c5b9a2 no-repeat 0% 0%;
color: inherit;
clear: left;
float: left;
}

.thumbnail_border_2 {
background: url('images/thumbnail_border_2b.gif') no-repeat 100% 0%;
}

.thumbnail_border_3 {
background: url('images/thumbnail_border_2c.gif') no-repeat 100% 100%;
}

.thumbnail_border_4 {
padding: 4px 4px 3px;
background: url('images/thumbnail_border_2d.gif') no-repeat 0% 100%;
}