html, body {
	background:#0c5b74 top left repeat-x;
	font-family:  "Myriad Pro", "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height:17px;
	margin:0;
	padding:0;
	position:relative;
	text-align:center;
	height: 100%;
}
.clear {
	clear:both;
}
.container {
	text-align:left;
	position:relative;
	margin:0px auto;
	width: 959px;
}
*html .container {
	text-align:left;
	position:relative;
	margin:0px auto;
	width: 964px;
}
/****************************************************** Header Begin */
#fish-yellow {
	background:url(../images/fish-yellow.png) top left no-repeat;
	width:116px;
	height:108px;
	position:absolute; 
	top:17px; 
	left:434px;
	z-index:1;
}
#cloud-little {
	background:url(../images/cloud-little.png) top left no-repeat;
	width:21px;
	height:17px;
	position:absolute; 
	top:80px; 
	left:600px;
}
#clouds {
	background:url(../images/clouds.png) top left no-repeat;
	width:101px;
	height:54px;
	position:absolute; 
	top:20px; 
	right:85px;
	z-index:0;
}
#header {
	height:71px;
	padding: 0;
	background:url(../images/bkgd-top.jpg) top left repeat-x;
}
#head-left {
	position:relative; 
	margin:40px 0 0 0;
	float:left;
	padding: 0;
	z-index:2;
}
#waves-top {
	background:url(../images/waves-top.jpg) top left repeat-x;
	height:66px;
	margin:0px auto;
}
/****************************************************** Content Begin */
.contentbox {
	background:url(../images/bkgd-middle-v3.jpg) top left repeat-x;
	height:430px;
	margin:0px auto;
}
#about {
    width: 250px;
	padding:45px 10px 0 0;
	float:left;
}
#about-bottom {
    width: 250px;
	padding:0 10px 0 0;
	float:left;
}
#about p, #about-bottom p {
	font-size:14px;
	font-weight: 500;
	color:#e5e5e5;
	text-align:left;
	padding:0;
	margin:0;
}
#about a:link, #about a:visited, #about-bottom a:link, #about-bottom a:visited {
	color: #e5e5e5;
	text-decoration:underline;
}
#about a:hover, #about-bottom a:hover {
	text-decoration:none;
}
.two-thumbs {
	width: 98px;
}
#portfolio {
	width: 470px;
	padding:20px 0 0 30px;
	float:left;
}
#portfolio p, #portfolio-footer p  {
	font-size:16px;
	font-weight: bold;
	padding:0 0 20px 5px;
	color:#e5e5e5;
	text-align:left;
}
#portfolio-footer {
	width: 470px;
	padding:0 0 0 30px;
	float:left;
}
#portfolio-footer p  {
	font-size:16px;
	font-weight: bold;
	padding:0 0 20px 5px;
	color:#e5e5e5;
	text-align:left;
}
#portfolio ul, #portfolio-footer ul {
	list-style: none;
	clear:both;
}
#portfolio ul li, #portfolio-footer ul li {
	float: left;
	margin: 0 5px 35px 5px;
}
#portfolio ul li a:link, #portfolio ul li a:visited, #portfolio-footer ul li a:link, #portfolio-footer ul li a:visited {
	padding: 75px 10px 8px 10px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;	
	background: url(../images/screenshot-bkgd.png);
}
#portfolio ul li a:hover, #portfolio-footer ul li a:hover {
	padding: 75px 10px 8px 10px;
	margin:0;
	background: url(../images/screenshot-bkgd-white.png);
}
/* IE6 */
*html #portfolio p {
	padding:0 0 10px 8px;
}
*html #portfolio-footer p {
	padding:10px 0 10px 8px;
}
*html #portfolio-footer {
	padding:37px 0 0 27px;
}
*html #portfolio ul li, *html #portfolio-footer ul li {
	float: left;
	margin: 0 5px 23px 5px;
	padding: 10px 0 10px 0;
	border-radius: 10px;
	background: url(../images/screenshot-bkgd.png);
}
*html #portfolio ul li a:link, *html #portfolio ul li a:visited, *html #portfolio-footer ul li a:link, *html #portfolio-footer ul li a:visited {
	padding: 0 10px 0 10px;
}
*html #portfolio ul li a:hover {
	padding: 10px 10px 10px 10px;
	background: url(../images/screenshot-bkgd-white.png);
}
/* IE7 */
*:first-child+html #portfolio p, *:first-child+html #portfolio-footer p {
	padding:0 0 10px 8px;
}
*:first-child+html #portfolio-footer {
	padding:50px 0 0 30px;
}
*:first-child+html #portfolio ul li, *:first-child+html #portfolio-footer ul li {
	float: left;
	margin: 0 5px 23px 5px;
	padding: 10px 0 15px 0;
	border-radius: 10px;
}
/****************************************************** Contact Begin */
.contact {
	float: right;
}
.contact-form {
	background: url(../images/screenshot-bkgd.png) repeat;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	width: 190px;
	color: #e5e5e5;
	font-size:11px;
	margin:45px 0 0 0;
	padding: 0;
	float:right;
}
.contact-form table {
	width: 165px;
	padding: 5px 15px 15px 11px;
	margin: 0;
}
/* IE6 */
*html .contact-form table {
	margin: 0 0 0 6px;
}
/* IE7 */
*:first-child+html .contact-form table {
	margin: 0 0 0 6px;
}
.contact-form td {
	padding: 5px 0 0 0;
}
.contact-form input {
	border: 1px #00FFFF solid;
	width: 145px;
	height: 20px;
	font-family:  "Myriad Pro", "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:300;
	font-size:16px;
	text-align:left;
	padding:0 20px 0 0;
}
.contact-form textarea {
	border: 1px #00FFFF solid;
	font-family:  "Myriad Pro", "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:300;
	font-size:16px;
	width: 145px;
	height: 110px;
	padding:0 20px 0 0;
}
.contact-form .button {
	width:150px; 
	height:23px; 
	border:0;
	padding:0;
}
.contact-form .message {
	font-size:16px;
	color:#e5e5e5;
	text-align:left;
	width:180px;
	padding: 15px 0 15px 12px;
	line-height:17px;
	display:none;
}
.element .highlight {
	border:1px solid #9F1319;
	background:#FFFFFF url(../images/icon-caution.gif) no-repeat 145px 2px;
}
.loading {
	float:left;
	background:url(../images/ajax-loader.gif) no-repeat 1px;
	display:none;
	width: 16px;
	height:16px;
	margin:0 0 6px 0;
}
/****************************************************** Footer Begin */
.bottom-container {
	background: url(../images/bkgd-bottom.jpg) 0 99px repeat-x;
	text-align:left;
	position:relative;
	margin:0px auto;
	width: 959px;
	height:495px;
}
#waves-bottom {
	background: url(../images/waves-bottom.png) no-repeat;
	height: 200px;
}
#flash-banners {
	padding: 20px 0 0 0;
}
<!-- IE7 -->
*:first-child+html #waves-bottom {
	height: 600px;
}
#fishes {
	position:absolute; 
	top:200px; 
	left:10px;
	width:278px;
	height:131px;
}
#footer {
 	width: 959px;
	clear:both;
	position:relative;
}
#footer-01 {
	position:relative;
	font-size:12px;
	width:225px;
	margin:20px 0 0 30px;
	padding:0;
	float:left;
}
*html #footer-01 {
	margin:20px 0 0 18px;
}
#footer-02, #footer-03, #footer-04  {
	font-size:12px;
	width:200px;
	margin:20px 0 0 40px;
	padding:0;
	float:left;
}
#footer-01 p, #footer-02 p, #footer-03 p, #footer-04 p {
	text-align:left;
	color:#e5e5e5;
	margin:0;
	padding:5px 0 5px 0;
}
#footer-01 a, #footer-02 a, #footer-03 a, #footer-04 a {
	color:#e5e5e5;
	text-decoration:underline;
	margin:0;
}
#footer-01 a:hover, #footer-02 a:hover, #footer-03 a:hover, #footer-04 a:hover {
	text-decoration: none;
}

