/* 
  gold      #E2A005
  yellow    #FFCC66
  bronze    #CC822E
  brown     #42413C
  grey      #6E6C64
*/
html{
  overflow-y:scroll;}
body{
  background-color:#000;
  font:100%/1.4 Verdana, Arial, Helvetica, sans-serif;
/* Petit Formal Script */
  margin:0;
  padding:0;}
ul, ol, dl {
  margin: 0;
  padding: 0;}
h1, h2, h3, h4, h5, h6, p {
  margin-top: 0;}
p {
  padding-right: 15px;
  /*padding-left: 15px;*/}
a img {
  border: none;}
a:link {
  color: #42413C;
  text-decoration: underline;}
a:visited {
  color: #6E6C64;
  text-decoration: underline;}
a:hover, a:active, a:focus {
  text-decoration: none;}

/********************/

p,li,td{
  font-size:13px;
  /*line-height: 1.6em;*/
  letter-spacing:1px;}
label.zemText,label.zemTextarea,label.zemCheckbox{
  color:#42413C;
  font-size:13px;
  line-height: 1.6em;
  letter-spacing:1px;}
li{
  margin-bottom: 0.4em;}
h2,h3{
  color:#6E6C64;}
h4,h5{
  color:#42413C;}
strong{
  color:#42413C;}

/******************************************************/

#container {
  background:#fff;
  margin:0 auto 0 auto;
  position:relative;
  width: 960px;}

/******************************************************/

#pageHeader{
  background: url(/images/1.gif) 0 top no-repeat #000;
/*header.gif*/
  height: 250px;
  margin:0;
  padding:0;
  position:relative;
  width:960px;}
#pageHeader h1{
  height:10px;
  margin:0;
  text-indent:-5000px;}
p#site-slogan{
  height:15px;
  margin:0;
  text-indent:-5000px;}	
	
/******************************************************/	

#pageNavigation{
  bottom:0px;
  height:84px;
  left:0;
  margin:0;
  padding-left:65px;
  position:absolute;
  text-align:left;
  width:895px;}
#pageNavigation ul{
  border: none;
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 100%;
  width: auto;}
#pageNavigation li {
  float: left;
  font-size: 100%;
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: relative;
  text-align: left;
  /*width: 8em;*/
  text-transform:uppercase;}
#pageNavigation li a {
  display:block;
  height:30px;
  padding: 0.5em 3em 0.5em 0;
  text-align:left;
  text-decoration:none;
  border:0.06em solid #000;
  border-bottom:0;
  font:bold 0.88em/2em ;
  color: #fff;
  background-color: #000;}
#pageNavigation li a:hover {
  text-decoration:none;}
#pageNavigation li.active a {
  color:#E2A005;}
	
/******************************************************/

#mainContents{
  background-color: #fff;
  min-height:413px;
  padding:65px 0 0 65px;}
#mainContents ul{
  color:#516586;}
#mainContents h3{
  font-weight:normal;
  text-transform:uppercase;}
	
#contentPhoto{
  float:left;
  width:450px;}
#contentPhoto img{
  padding:0 65px 0 0;}
	
#contentDetail{
  float:right;
  padding:0 30px 10px 0;
  width: 405px;}
#contentDetail h3{
  margin-top:0px;
  padding-top:0px;}
#contentDetail p{
  margin:0;
  padding:0 0 1em 0;}

#contentMain{
   /*960 - 260 = 700 - padding
    = 700 - 65 - 65 mainContents
    = 575px */ 
  background-color: #fff;
  float:left;
  min-height:413px;
  padding:0 0 65px 65px;
  width:575px;}
  
#contentSidebar{
    /*960 - 700 = 260 - padding
    = 260 - 20
    = 240px */ 
  float:left;
  margin:0;
  margin-top:0px;
  min-height:200px;
  padding:0px 0 10px 0;
  width:240px;}

/******************************************************/
	
#footer{
  background:#000;
  clear:both;
  height:65px;}
#footer div.footerSlogan{
  color:#FFF;
  float:left;
  height:65px;
  padding:0px;
  text-align:left;
  width:960px}
#footer p.footerSloganDefault, #footer p.footerSloganAbout, #footer p.footerSloganContact{
  height:65px;
  text-indent:-5000px;}
#footer p.footerSloganDefault{
  background: url(/images/20.jpg) 65px top no-repeat #000;}
#footer p.footerSloganAbout{
  background: url(/images/21.jpg) 65px top no-repeat #000;}
#footer p.footerSloganContact{
  background: url(/images/22.jpg) 65px top no-repeat #000;}

/*
<!--
<div class="footerCopyright">
  <p>© Copyright 2012 D J Photograpy</p>
</div>
-->
#footer div.footerCopyright{
  color:#FFF;
  float:right;
  height:45px;
  padding:20px 10px 0 10px;
  text-align:right;
  width:220px}
#footer div.footerCopyright p{
  font-size:13px;}
*/