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

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

a {
  color: #688FA4;
  background-color: inherit;
  text-decoration: underline;
}

a:hover {
  color: #688FA4;
  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: #688FA4;
  float: left;
}

#page_header h1 {
  width: 280px;
  height: 250px;
  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: #788FA4;
  text-align: center;
  font-family: tahoma, arial, sans-serif;
}

#nav_menu a {
  color: #688FA4;
  background: inherit;
}

#mav_menu a:hover {
  color: #688FA4;
  background: inherit;
}

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

#nav_menu li {
  float: left;
  border-width: 0px 1px 1px 0px;
  border-color: #488FA4;
  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: #688FA4;
  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;
}

/*  --------------------------------------------------- */
/* Services */

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

}

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

#services p {
  width: 300px;
  float: right;
}
/*  --------------------------------------------------- */
/* Projects */

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

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

#projects p {
  width: 300px;
  float: right;
}
/*  --------------------------------------------------- */
#photographer_image {
  width: 758px;
  text-align: left;
  overflow: hidden;
}

#photographer_image span {
  display: block;
  margin-top: -217px;
  margin-left: 467px;
  width: 300px;
  height: 248px;
  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: #688FA4;
  color: inherit;
  float: left;
}


/* Page Footer */

#page_footer {
  padding: 9px 10px 6px;
  font-weight: bold;
  background-color: #9FB8C5;
  color: #435F6E;
  float: none;
  clear: both;
}

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



/* Thumbnail with Double-Border */

.thumbnail_dborder_1 {
  margin: 0px 12px 5px 0px;
  background: url('images/thumbnail_border_1.gif') #688FA4 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') #688FA4 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%;
}