/* A Free Design by Bryant Smith (bryantsmith.com) */



body {
	margin: 0;
	padding: 0;
	text-align: left;
	font-family:"Adobe Garamond Pro Bold", Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #000;
	background: #014D5D url(images\background.png);
	background-repeat:repeat-x;
}
*
{
	padding: 2px;
	margin: 0px;
}

#page
{
	display: block;
	height:auto;
	position: relative;
	overflow: hidden;
	width: 1100px;
}

.topNaviagationLink
{
text-align:center;
position:relative;
margin-top:20px;
font-size:16px;
margin-left:15px;
width:135px;
height:30px;
line-height:10px;
float:left;
color:#CEEAEE;
font-family:"Adobe Garamond Pro Bold", Georgia, "Times New Roman", Times, serif;
}

.topNaviagationLink a
{
text-decoration:none;
color:#CDE2FC;
}

.topNaviagationLink a:hover
{
	Color:#333;
	background-image:url(images\tab.png);
}

#mainPicture
{
width:870px;
height:710px;
background-color:#FFFFFF;
}

#mainPicture .picture
{
position:relative;
width:850x;
height:636px;
top:0px;
background-image:url(images\wakka-wakka_photo3.jpg);
background-repeat:no-repeat;
margin-left:8px;
}

#port_alfred_Picture
{
width:1044px;
height:215px;
background-color:#FFFFFF;
}

#port_alfred_Picture .picture
{
position:relative;
width:1024x;
height:195px;
top:8px;
background-image:url(images\portalfred.jpg);
background-repeat:no-repeat;
margin-left:8px;
}

#services_Picture
{
width:820px;
height:620px;
background-color:#FFFFFF;
}

#services_Picture .picture
{
position:relative;
width:800x;
height:600px;
top:8px;
background-image:url(images\services.jpg);
background-repeat:no-repeat;
margin-left:8px;
}

#about_Picture
{
width:820px;
height:620px;
background-color:#FFFFFF;
}

#about_Picture .picture
{
position:relative;
width:800x;
height:600px;
top:8px;
background-image:url(images\about.jpg);
background-repeat:no-repeat;
margin-left:8px;
}

#travelguide_Picture
{
width:820px;
height:620px;
background-color:#FFFFFF;
}

#travelguide_Picture .picture
{
position:relative;
width:800x;
height:600px;
top:8px;
background-image:url(images\travelguide.jpg);
background-repeat:no-repeat;
margin-left:8px;
}

#contact_Picture
{
width:820px;
height:620px;
background-color:#FFFFFF;
}

#contact_Picture .picture
{
position:relative;
width:800x;
height:600px;
top:8px;
background-image:url(images\contact.jpg);
background-repeat:no-repeat;
margin-left:8px;
}

#gallery_Picture
{
width:820px;
height:620px;
background-color:#FFFFFF;
}

#gallery_Picture .picture
{
position:relative;
width:800x;
height:600px;
top:8px;
background-image:url(simplegallery\gallery.jpg);
background-repeat:no-repeat;
margin-left:8px;
}

#headerTitle
{
	position:relative;
	top:30px;
	left:40px;
	font-size:25px;
	color:#FFFFFF;
	font-family:"Adobe Garamond Pro Bold", Georgia, "Times New Roman", Times, serif;
	text-align: left;
}

#headerSubtext
{
	position:relative;
	top:30px;
	left:50px;
	font-size:14px;
	color:#A9C8FA;
	font-family:"Adobe Garamond Pro Bold", Georgia, "Times New Roman", Times, serif;
	text-align: left;
}

#port_alfred_headerTitle
{
	position:relative;
	top:30px;
	left:40px;
	font-size:25px;
	color:#FFF;
	font-family:"Adobe Garamond Pro Bold", Georgia, "Times New Roman", Times, serif;
	text-align: left;
}

#port_alfred_headerSubtext
{
	position:relative;
	top:30px;
	left:50px;
	font-size:14px;
	color:#FFF;
	font-family:"Adobe Garamond Pro Bold", Georgia, "Times New Roman", Times, serif;
	text-align: left;
}

#about_headerTitle
{
	position:relative;
	top:30px;
	left:40px;
	font-size:25px;
	color:#FFF;
	font-family:"Adobe Garamond Pro Bold", Georgia, "Times New Roman", Times, serif;
	text-align: left;
}

#about_headerSubtext
{
	position:relative;
	top:30px;
	left:50px;
	font-size:14px;
	color:#FFF;
	font-family:"Adobe Garamond Pro Bold", Georgia, "Times New Roman", Times, serif;
	text-align: left;
}

#gallery_headerTitle
{
	position:relative;
	top:25px;
	left:40px;
	font-size:25px;
	color:#FFF;
	font-family:"Adobe Garamond Pro Bold", Georgia, "Times New Roman", Times, serif;
	text-align:center;
}

#gallery_headerSubtext
{
	position:relative;
	top:35px;
	left:50px;
	font-size:14px;
	color:#FFF;
	font-family:"Adobe Garamond Pro Bold", Georgia, "Times New Roman", Times, serif;
	text-align:center;
}

#services_headerTitle
{
	position:relative;
	top:30px;
	left:40px;
	font-size:25px;
	color:#FFF;
	font-family:"Adobe Garamond Pro Bold", Georgia, "Times New Roman", Times, serif;
	text-align: left;
}

#services_headerSubtext
{
	position:relative;
	top:30px;
	left:50px;
	font-size:14px;
	color:#FFF;
	font-family:"Adobe Garamond Pro Bold", Georgia, "Times New Roman", Times, serif;
	text-align: left;
}

#contact us_headerTitle
{
position:relative;
top:30px;
left:40px;
font-size:25px;
color:#FFFFFF;
font-family:"Adobe Garamond Pro Bold", Georgia, "Times New Roman", Times, serif;
}

#contact us_headerSubtext
{
position:relative;
top:30px;
left:50px;
font-size:14px;
color:#00C;
font-family:"Adobe Garamond Pro Bold", Georgia, "Times New Roman", Times, serif;
}

.contentBox
{
	width:750px;
	height:auto;
	background-color:#FFFFFF;
	margin-top:10px;
	padding-bottom: 0px;
}

.contentBox .innerBox
{
	width:800px;
	height:auto;
	top:10px;
	margin-left:10px;
	background-image:url(images\content_back.png);
	background-repeat:repeat-x;
	padding-bottom:35px;
}

.contentTitle
{
	text-align:center;
	font-size:46px;
	margin-bottom:10px;
	padding-top:18px;
	margin-left:10px;
	margin-right:10px;
	margin-top:10px;
}

.contentText
{
	text-align:left;
	font-size:18px;
	line-height:18px;
	margin-left:10px;
	margin-right:20px;
}

.contentList
{
	text-align:Left;
	font-size:18px;
	line-height:18px;
	margin-left:18px;
	margin-right:0px;
}

.gallery_contentText
{
	color:#FFF
}

#footer {

width: 670px;
height:16px;
background: url(images\footer.png) no-repeat;
text-align:center;
font-size:9px;
font-family:Arial, Helvetica, sans-serif;
color:#386172;
padding-top:5px;
}

#footer a
{
text-decoration:none;
font-size:9px;
color:#386172;
}

html, body {
	text-align: center;
}

.contentBox .innerBox .contentText p a {
	font-size: 14px;
}
.contentText p a {
	font-size: 16px;
}
#gallery_Picture .picture #gallery_headerTitle {
	font-size: 25px;
	text-align: left;
}
#gallery_Picture .picture #gallery_headerSubtext {
	font-size: 14px;
	text-align: left;
}
.contentBox .innerBox .contentTitle p {
	font-size: 14px;
	text-align: left;
}
.contentBox .innerBox .contentText p {
	font-size: 14px;
}
.contentText p {
	font-size: 14px;
}
.contentBox .innerBox .contentText h5 {
	font-size: 18px;
}
.contentText .contentTitle strong {
	font-size: 18px;
}
.contentBox .innerBox .contentTitle p a {
	text-align: center;

}

<style type="text/css">

.gradientbuttons ul{
padding: 0px 0;
margin-left: 0;
margin-top: 5px;
margin-bottom: 0px;
font: bold 12px Verdana;
list-style-type: none;
text-align: center; /*set to left, center, or right to align the menu as desired*/
}

.gradientbuttons li{
display: inline;
margin: 0px;
}

.gradientbuttons li a{
text-decoration: none;
padding: 1px 1px;
margin-right: 1px;
border: 1px solid #778;
color: white;
border: 1px solid gray;
background: #3282c2;
border-radius: 4px; /*w3c border radius*/
box-shadow: 3px 3px 4px rgba(0,0,0,.5); /* w3c box shadow */
-moz-border-radius: 8px; /* mozilla border radius */
-moz-box-shadow: 3px 3px 4px rgba(0,0,0,.5); /* mozilla box shadow */
/* background: -moz-linear-gradient(center top, #a4ccec, #72a6d4 25%, #3282c2 45%, #357cbd 85%, #72a6d4); /* mozilla gradient background */
-webkit-border-radius: 6px; /* webkit border radius */
-webkit-box-shadow: 3px 3px 4px rgba(0,0,0,.5); /* webkit box shadow */
/* background: -webkit-gradient(linear, center top, center bottom, from(#a4ccec), color-stop(25%, #72a6d4), color-stop(45%, #3282c2), color-stop(85%, #357cbd), to(#72a6d4)); /* webkit gradient background */
}

.gradientbuttons li a:hover{
color: #e5937c;
}

</style>