.creativewaters #container {
	width: 970px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}

.creativewaters #content {
	position:relative;
	padding: 0 0px;
	width:980px;
}

.creativewaters #hometext {
	position:absolute;
	width:535px;
	height:150px;
	z-index:1;
	top:350px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#474747;
	left: 26px;
	line-height:16px;
}

.creativewaters #maintext {
	position:absolute;
	width:500px;
	height:150px;
	z-index:1;
	top:30px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#474747;
	top:232px;
	left: 56px;
	line-height:16px;
}

.creativewaters #servicestext {
	position:absolute;
	width:500px;
	height:150px;
	z-index:1;
	top:30px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#474747;
	top:332px;
	left: 56px;
	line-height:16px;
}

.allcaps {
	text-transform:capitalize;
}

#title {
	position:absolute;
	width:270px;
	height:65px;
	z-index:1;
	top: 141px;
	left: 60px;
}

#pagetitle {
	position:absolute;
	width:270px;
	height:24px;
	z-index:1;
	top: 100px;
	left: 3px;
}

#smallphoto {
	position:absolute;
	width:52px;
	height:80px;
	z-index:1;
	top: 133px;
}

.creativewaters #homenav {
	position:absolute;
	width:200px;
	height:15px;
	z-index:1;
	top:320px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#767d43;
	left: 800px;
}

.creativewaters #mainnav {
	position:absolute;
	width:200px;
	height:15px;
	z-index:1;
	top:-16px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#767d43;
	left: 725px;
}

.creativewaters #homenav a{	font-size:10px;	color:#154654;	padding-right:25px;	text-decoration:none;}
.creativewaters #homenav #on{color:#767d43;}
.creativewaters #homenav a:hover {color:#767d43; }

.creativewaters #mainnav a{	font-size:10px;	color:#154654;	padding-right:25px;	text-decoration:none;}
.creativewaters #mainnavon{color:#767d43;}
.creativewaters #mainnav a:hover {color:#767d43; }

.creativewaters #submenu {
	position:absolute;
	width:302px;
	z-index:1;
	top:16px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#767d43;
	left: 589px;
}

.creativewaters #submenu td {
	background-color:#d2e9f4;
	padding-left:12px;
}

.creativewaters #submenu td:hover {
	background-color:#3399cc;
}

.td-on {
	background-color:#3399cc;
	color:#ffffff;
}


.creativewaters #submenu td a {
	text-decoration:none;
	color:#085268;
	display:block;
}

.creativewaters #submenu td a:hover {
	text-decoration:none;
	color:#ffffff;
	display:block;
}

#logo {
	padding-top:5px;
	text-align:right;
}
#logobig {
	padding-top:0px;
	text-align:right;
}
h1 {
	text-align: left;
	font-size: 100%;
	color:#154654;
	font-weight:normal;
}

.copyrightnotice {
	font-size: 90%;
	font-weight: normal;
	text-align: right;
	text-indent: 0;
}

#horizontalwrap {
/* Following is the way to stack things dynamically */
display: inline; white-space: nowrap;
}

#mycustomscroll {
	/* Typical fixed height and fixed width example */
	width: 970px;
	height: 160px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	background-color: #ffffff;
	margin: 0 auto;
	padding: 0px;
}

#mycustomscroll img {padding-left:0px; padding-right:0px;}

.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}

#portfolio {
	position:absolute;
	width:550px;
	height:15px;
	z-index:1;
	top:98px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#767d43;
	left: 6px;
}
#portfolio a{
	font-size:10px;
	color:#767d43;
	padding-right:20px;
	text-decoration:none;
}
#portfolio #on{color:#767d43;}

#portfolio a:hover {color:#154654; }

#sliderarrows {
	position:absolute;
	width:340px;
	height:15px;
	z-index:1;
	top:316px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#767d43;
	left: 6px;
}

#footer {
	position:relative;
	width:920px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	line-height:16px;
	color:#888888;
	top:30px;
}

#footer a{
	color:#888888;
	text-decoration:none;}

.links {
	font-size:10px;
	color:#767d43;
	text-decoration:none;
}

.links:hover {color:#154654; }

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}