#page {height:100%; max-height:100%; width:818px;
	margin: 0 auto;
	padding: 0;
}

html {
height:100%; 
max-height:100%; 
padding:0; 
margin:0; 
border:0; 
background:#C5E4FF; 
color:#000066;
font-size:80%; 
font-family: tahoma, verdana, arial, sans-serif;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden;
/* */ 
}
body {height:100%; max-height:100%; overflow:hidden; padding:0; margin:0 auto; border:0;}

#content {display:block; height:100%; max-height:100%; overflow:auto; padding-left:0; position:relative; z-index:3; word-wrap:break-word; background:#52CAFF;}

#content-left {background-color: #53BFEB; -moz-border-radius: 7px; -webkit-border-radius: 7px; border: 1px solid #0066cc; float:left; position:relative; width:170px; display:block; height:100%; max-height:100%; margin-left:10px; padding-left:4px; z-index:3; }

#content_right { background: url(images/content-right-bg.jpg) repeat-y; background-color: #53BFEB; -moz-border-radius: 7px; -webkit-border-radius: 7px; border: 1px solid #0066cc; float:right; position:relative; width:590px; display:block; height:100%; max-height:100%; margin-right:10px; padding-left:0px; z-index:3; }

#head {position:absolute; background: url(images/top-header-logo.png) no-repeat; margin:0; top:0; display:block; width:800px; height:121px; font-size:4em; z-index:5; color:#000;}

#foot {position:absolute; margin:0; bottom:-1px; display:block; width:800px; height:70px; background: url(images/footer.png) no-repeat; color:#0066cc; text-align:center; font-size:10pt; z-index:4;}

.pad2 {display:block; height:121px;}

p {margin-top: 5px;
margin-right: 5px;
margin-bottom: 0px;
margin-left: 15px;
}

h2 {color:#096A99; font-size: 16pt;
margin-top: 10px;
margin-right: 5px;
margin-bottom: 10px;
margin-left: 10px;}

html, body, div, ul, ol, dl, li, dt, dd,  blockquote,
pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

A:link {text-decoration: none; color:#006666; }
A:visited {text-decoration: none; color:#006666; }
A:hover {text-decoration:none; color:#0099ff; }
a img {
border:none;
}

.clear {
clear:both;
}

#wrapper {
	width:170px;
	margin:auto
}

ul.photo-list {
	list-style:none;
}

ul.photo-list li {
	width:160px;
	height:160px;
	float:left;
	margin:4px;
}

ul.photo-list li a {
	display:block;
	position:relative;
}

ul.photo-list li a img {
	position:absolute;
	z-index:1;
}

ul.photo-list li span {
	display:block;
	height: 160px;
	width: 160px;
	position:absolute;
	z-index:2;
}


.work{
  width:100%;
  padding: 0px;
  float:left;
}
.work .imageSingle {
  float: left;
  margin: 0px;
  width:280px;
  text-align:center;
}
.work .imageSingle .image {
  width:280px;
  margin:0px;
}
.work .footer {
  text-align:left;
  width: 270px;
  padding-top: 0px;
  margin-bottom:10px;
  margin-right: 15px;
  margin-left: 15px;
}


.play{
  width:100%;
  padding: 0px;
  float:left;
  margin-left:10px;
}
.play .head {
  float: left;
  margin: 0px;
  width:180px;
  text-align:center;
}
.play .head .image {
  width:180px;
  margin:0px;
}
.play .footer {
  text-align:left;
  width: 180px;
  padding-top: 0px;
  margin-bottom:10px;
  margin-right: 15px;
  margin-left: 15px;
}



#form-area {
	width: 590px;
	margin-top: 25px;
}

#form-area input, #form-area textarea {
	padding: 5px;
	width: 400px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 1em;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}

#form-area textarea {
	height: 90px;
}

#form-area textarea:focus, #form-area input:focus {
	border: 2px solid #900;
}

#form-area input.button {
	width: 80px;
	height: 40px;
}

.warning {
    font-weight: bold;
	font-family: Arial, Verdana, sans-serif;
    color: #993333;
}

form h2 {
    color: #036;
    font-size: 60%;
    font-weight: bold;
    margin: 0 0 5px 10px;
}

label {
    font-weight: bold;
    color: #036;
    display: block;
}
.button {
    border: 1px solid #006699;
    background: #3DB1E2;
}
.button:hover {
    border: 1px solid #006699;
    background: #4DBCE9;
}