 
 
 * {
 	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;
 }
 
 
 /*Aded on 05-22-5008*/
 <!--
 
 
 
 #tabnav
 	{
 		height: 20px;
 		margin: 0;
 		padding-left: 10px;
 		background: url(../images/tab_bottom.gif) repeat-x bottom;
 	}
 
 #tabnav li
 	{
 		margin: 0; 
 		padding: 0;
   		display: inline;
   		list-style-type: none;
   	}
 	
 #tabnav a:link, #tabnav a:visited
 	{
 		float: left;
 		background: #f3f3f3;
 		font-size: 10px;
 		line-height: 14px;
 		font-weight: bold;
 		padding: 2px 10px 2px 10px;
 		margin-right: 4px;
 		border: 1px solid #ccc;
 		text-decoration: none;
 		color: #666;
 	}
 
 #tabnav a:link.active, #tabnav a:visited.active
 	{
 		border-bottom: 1px solid #fff;
 		background: Brown;
 		color: #000;
 	}
 
 #tabnav a:hover
 	{
 		background: #fff;
 	}
 /* Ended 05-22-2008*/
 
 
 #header ul {
   list-style: none;
   padding: 0;
   margin: 0;
 }
 
 #header li {
   display: inline;
   border: 1px solid;
   border-bottom-width: 0;
   margin: 0 0.5em 0 0;
 }
 
 #header li a {
   padding: 0 1em;
 }
 
 #header #selected {
   padding-bottom: 1px;
   background: white;
 }
 
 #content {
   border: 1px solid;
 }
 
 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('') repeat-x 0% 0%;
 }
 
 #container .content {
 	margin: 3px 150px 0px 28px;
 	width: 580px;
 	text-align: left;
 }
 
 
 /* Page Header */
 
 #page_header {
 	background: url('') #fff repeat-y 0% 0%;
 	color: #6a604e;
 	float: left;
 }
 
 #page_header h1 {
 	width: 280px;
 	height: 125px;
 	overflow: hidden;
 	background: url('images/website_title1.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;*/
 	font-family: Times;
 	
 }
 
 #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_header1.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%;
 }

 
 
 #menu {
 width: 100%;
 background: #eee;
 float: left;
 }
 
 #menu ul {
 list-style: none;
 margin: 0;
 padding: 0;
 width: 9.5em;
 float: Left;
 }
 
 #menu a, #menu h2 {
 font: bold 15px/20px arial, helvetica, sans-serif;
 display: block;
 border-width: 1px;
 border-style: solid;
 border-color: #ccc #888 #555 #bbb;
 margin: 0;
 padding: 1px 2px;
 }
 
 #menu h2 {
 color: #fff;
 background: #000;
 text-transform: ;
 }
 
 #menu a {
 color: #000;
 background: #efefef;
 text-decoration: none;
 }
 
 #menu a:hover {
 color: #a00;
 background: #fff;
 }
 
 #menu li {position: relative;}
 
 #menu ul ul {
 position: absolute;
 z-index: 500;
 }
 
 #menu ul ul ul {
 position: absolute;
 top: 0;
 Center: 100%;
 }
 
 div#menu ul ul,
 div#menu ul li:hover ul ul,
 div#menu ul ul li:hover ul ul
 {display: none;}
 
 div#menu ul li:hover ul,
 div#menu ul ul li:hover ul,
 div#menu ul ul ul li:hover ul
 {display: block;}
 
 </style>
 [if IE]>
 <style type="text/css" media="screen">
  #menu ul li {float: Center; width: 100%;}
 </style>
 <![endif]
<!--[if lt IE 7]>
 <style type="text/css" media="screen">
 body {
 behavior: url(csshover.htc);
 font-size: 100%;
 }
 
 #menu ul li a {height: 1%;}
 
 #menu a, #menu h2 {
 font:  0.9em/1.5em arial, helvetica, sans-serif;
}

 <![endif]
  </style>