body {
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #fff;
}
/******* hyperlink and anchor tag styles *******/

a:link, a:visited{
	background: clear;
	border: none;
	color: #396F63;
	text-decoration: underline;
}

a:hover{
	border: none;
	color: #336666;
	text-decoration: underline;
}

/************* divs and components **************/

#site {
	width: 749px;
	margin: 3px auto;
	position: relative;
	text-align: left;
}

#gallerypage {
	background-color: #e7eac1;
	position: relative;
	top: 0;
	width: 749px;
}

#gallerypage h1 {
	font-size: 2em;
	margin:10px 0 0 230px;
}

#gallery {
	position: relative;
	float: left;
	width: 196px;
	height: 459px; 
	border: dotted 1px #ffffcc;
	font-weight: bold;
	margin: 10px 0;
	overflow: auto;
	padding: 8px;
}

#iframe {
	position: relative;
	float: right;
	height: auto;
	margin: 0;
	padding: 2px;
}
.imgbg {
	background-color: #e7eac1;
}

.content {
	background-color: #e7eac1;
	font-size: 11px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #668886;
	margin: 3px 6px 3px 6px;
	padding: 3px 10px 10px 10px;
}

.text {
	font-size: 11px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #668886;
}

.text2 {
	font-size: 11px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #396F63;
	margin: 3px 6px 3px 6px;
	padding: 30px 10px 10px 10px;
}

.sidelineleft {
	background-image: url(images/services_leftside.gif);
	background-repeat: repeat;
	padding: 0px;
}

.sidelineright {
	background-image: url(images/services_rightside.gif);
	background-repeat: repeat;
	padding: 0px;
}

.port {
	background-image: url(images/port_sidebg.gif);
	}

h1 {
	font-size: 13px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #396F63;
	margin: 3px 6px 3px 6px;
	padding: 0px 10px 0px 10px;
}

h2 {
	font-size: 15px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #9b9a6a;
	margin: 3px 6px 0px 6px;
	padding: 8px 10px 0px 10px;
}

img {
	border: none;
}

/*************** footer styles ***************/

#footer {  /* Begin laying out and styling the footer div */
width: 770px;  /*Sets the footers width*/
border-top: 1px solid #666666;  /*sets the top border to define the beginning of the footer*/
font-size: 70%;  /* sets the footer text size */
text-align: center;  /* aligns the text to the right*/
clear: left;  /*clears any floats to the left - our leftcol div in this instance*/
}

#footer p {
background-color: #336633;  /*sets the background colour for the p element when it is in the footer div*/
padding: 4px 4px 4px 10px;  /* sets the padding values*/
margin: 0;  /*zeroes off the margins */
}

#footer ul{
background-color: #003300;/*provides a background colour for the links list*/
margin: 0;/*zeroes off the margins*/
padding: 4px;/*add some air around the links*/
}

#footer a {  /* Styles the links within the footer */
color: #fff;  /*sets the text to white*/
text-decoration: underline;  /*keeps the underline*/
}

#footer a:hover,
#footer a:focus {
text-decoration: none;  /*removes the underline*/
}