@charset "utf-8";
/* CSS Document */

/*
#416a56 = Light Blue
*/

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

body {
margin:0;
border:0;
padding:0;
height:100%; 
max-height:100%;
overflow:hidden;
color:#333;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size: 62.5%;

}

#header {
position: absolute;
top: 0px;
left: 0px;
width:100%;
height: 200px;
background: #888;
z-index: 0;
margin:0;
padding:0;
}

* html #header {height:200px;}


#headerTopBar {
position: absolute;
top: 5px;
width: 100%;
height: 11px;
border-top: 2px solid #FFF;
border-bottom: 2px solid #FFF;
background: #416a56;
z-index:1;
}

#headerImage {
position: absolute;
top: 20px;
left: 50%;
width: 950px;
height: 80px;
margin-left: -475px;
min-width: 950px;
background: #888 url(images/image_bar.jpg) no-repeat;
z-index: 5;
}

#headerCameraLogo {
position: absolute;
top: 20px;
left: 50%;
width: 950px;
height: 129px;
margin-left: -475px;
/*background: url(images/camera_logo.png) no-repeat top right;*/
text-align:right;
z-index: 10;
}

#headerTagLine {
position: absolute;
top: 105px;
left: 50%;
width: 458px;
height: 54px;
margin-left: -229px;
background: url(images/eyephotography_line.jpg) no-repeat;
z-index: 15;
}

#headerBottomBar {
position: absolute;
top: 165px;
width: 100%;
height: 26px;
border-top: 2px solid #FFF;
border-bottom: 2px solid #FFF;
background: #416a56;
z-index:1;
}

#headerMenu {
position: absolute;
top: 167px;
left: 50%;
width: 950px;
margin-left: -475px;
height: 22px;
/**/padding: 2px;
z-index:15;
color: #FFFFFF;
font-size: 1.4em;
font-weight:bold;
/*background: #f00;*/
}

* html #headerMenu {
top: 165px;
}

#headerDate {
width: 350px;
height: 22px;
padding: 2px;
z-index:20;
color: #FFFFFF;
font-size: 1em;
font-weight:bold;
text-align: right;
float:right;
}

#headerMenu ul
{
padding-left: 0;
padding-top: 3px;
margin-left: 0;
background-color: #416a56;
color: #fff;
float: left;
/*width: 100%;*/
}

#headerMenu ul li { display: inline; }

#headerMenu ul li a
{
padding: 0em 1em;
background-color: #416a56;
color: #fff;
text-decoration: none;
float: left;
border-left: 2px solid #fff;
}

#headerMenu ul li a.first {
border-left: 0px;
}

#headerMenu ul li a:hover
{
background-color: #fff;
color: #416a56;
}

/* for internet explorer */
* html body {
  padding:200px 0 50px 0; 
  }

#container {
  font-family:Verdana, Arial, sans-serif;
  font-size: 1.2em;
  position:fixed; 
  top:200px;
  left:0;
  bottom:50px; 
  right:0; 
  overflow:auto; 
  background:#fff;
  padding:0px;
  text-align:center;
  }

* html #container {
  height:100%; 
  width:100%; 
  }


#content {
position: relative;
margin: 0 auto;
width: 950px;
/*background: #CCC;*/
overflow:auto;
}

.contentBoxCenter {
position: relative;
margin: 0 auto;
width: 950px;
/*background: #CCC;*/
overflow:auto;
}

#leftColumn {
float: left;
width: 460px;
padding:0;
margin:0;
}

#rightColumn {
float: right;
width: 460px;
padding:0;
margin:0;
}

.contentBoxLeft{

float: left;
width: 455px;
/*padding: 5px;
background: #F00;*/
text-align:left;
}

.contentBoxRight {

float: right;
width: 455px;
/*padding: 5px;
background: #0F0;*/
text-align:left;
}

.contentBoxHeader {
font-size: 1.2em;
font-weight: bold;
display: block;
border-bottom: 1px solid #333;
text-align: left;
color: #333;
padding: 5px 5px;
}

.contentBoxTextW {
font-size: 1.1em;
text-align: left;
color: #333;
padding: 5px 5px;
margin-bottom:20px;
}

.contentBoxTextG {
font-size: 1.1em;
text-align: left;
color: #333;
padding: 5px 5px;
background: #EEE;
}

.restoration {
float:left;
margin: 4px;
border: 1px solid #416a56;
text-align:center;
text-decoration:none;
}

#footer {
position:absolute; 
bottom:0; 
left:0;
width:100%; 
height: 50px;
background:#888;
color: #fef9ee;
overflow:hidden;
}

* html #footer {height:50px;}

#footerTopBar {
margin-top:5px;
width: 100%;
height: 6px;
background: #416a56;
border-top: 2px solid #fff;
border-bottom: 2px solid #fff;
}

* html #footerTopBar {
    \height: 10px; /* for IE5 and IE6 in quirks mode */
    h\eight: 6px; /* for IE6 in standards mode */
  } 

#footerMenu {
margin-top:5px;
width: 100%;
text-align:center;
font-size: 1.2em;
font-weight:bold;
}

#footerMenu a {
color: #fff;
text-decoration:underline;
}

#footerMenu a:hover {
color: #fff;
text-decoration:none;
}

table {font-size:12px;}