/*   Pittwater Ferry Service stylesheet  */
/*   Copyright Webfresh, www.webfresh.com.au    */


/* standard attributes */


* {margin:0; padding:0;}

body  {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #ffffff;  
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #626262;  /* grey  */
	}



div, p, h1, h2, h3, h4, ul, ol, img, iframe {padding:0px; margin:0px;}
img {border: none;}

/* stop borders around images used as links  */
a img,:link img,:visited img { border:none }
ul{list-style-type:none;}

a, object{outline: none} /* stop dotted lines around links in firefox */



h1,h2,h3,h4,h5 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight: normal;}
h1 {
	margin: 25px 0 30px 0;
	}

h2 {
	font-size:14px;
	margin: 38px 0 0 5px;
	font-weight: bold;
	color:#235c70;
}


h3 {
	font-size:14px;
	margin: 48px 0 0 5px;
	font-weight: bold;
	color:#235c70;
	padding:48px 0 1px 0;
}


#container {
	width: 1012px;
	background: #FFFFFF;
	margin: 0 auto;
	text-align: left;
	padding: 0 0 50px 0;
} 


/* Top banner  */


#header{
	background:url(../images/header.jpg) 0 0 no-repeat #FFFFFF;
	width:1012px;
	height:254px;  /* important to stop a bottom border in ie*/
	margin:0 auto;
	color: #626262; /* needed to keep the css validator happy */

}


#maincontent {
	width: 572px; /* width is 672 minus any padding added */
	float: right;
	padding:1px 55px 1px 45px;  /* the 1px padding "uncollapses" the border of divs contained in the main content to make ie & firefox look the same  */

} 


#maincontent p {
	font-size:14px;
	font-weight: normal;
	color:#626262;
	line-height: 22px;
	word-spacing: 2px;
	margin:8px 0 15px 5px;
}

#maincontent p.first {
	font-size:17px;
	font-weight: normal;
	color:#235c70;
	line-height: 24px;
	word-spacing: 2px;
	margin:8px 0 20px 5px;
}

#maincontent a:link, #maincontent a:visited, #leftcontent .contactmap a:link, #leftcontent .contactmap a:visited, #leftcontent .contactmap a,
#leftcontent .contactphoto2 a:link, #leftcontent .contactphoto2 a:visited, #leftcontent .contactphoto2 a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#913e05;
	text-decoration:none;
	border-bottom: 1px solid #e7c0a5;

}
#maincontent a:active, #leftcontent .contactmap a:active, #leftcontent .contactphoto2 a:active {
	text-decoration:none;

}

#maincontent a:hover, #leftcontent .contactmap a:hover, #leftcontent .contactphoto2 a:hover {
	color:#235c70;
	text-decoration:none;
	border: none;
}


#maincontent ul {
	}

#maincontent ul li {
}

#maincontent #faq h3 {
	margin: 25px 0 0 5px;
	padding: 0 0 0 0 ;
	font-size: 14px;
	font-weight: bold;
	color:#235c70;
	}

#maincontent #faq p {
	line-height: 20px;
	margin:5px 0 10px 20px;
}


#maincontent .terms p {
	font-size:14px;
	font-weight: normal;
	line-height: 20px;
	word-spacing: normal;
	margin:8px 0 15px 5px;
}

#maincontent .terms ul {
	font-size:14px;
	font-weight: normal;
	line-height: 16px;
	word-spacing: normal;
	margin:8px 0 17px 5px;
	padding: 5px 0 0 0;
	list-style-type: disc;
}

#maincontent .terms ul li {
	font-size:13px;
	margin: 0 25px 0 25px;
	padding: 10px 0 0 3px;
}






/* contact page layout divs  */

#maincontent #contact-box{
	font-size:14px;
	font-weight: normal;
	color:#626262;
	margin:35px 0 50px 30px;
	padding:1px 0 1px 0;  /* to uncollapse the margins inside this box  */
}



#maincontent .left-contact{
	float:left;
	width: 80px;
	font-weight: bold;
	color:#235c70;
}

#maincontent .right-contact{
	float:left;
	width: 450px;

}


#maincontent .ul2 {
	margin:0 0 0 5px;
}

#maincontent .ul2 li {
	padding: 0 0 10px 0;
}


#leftcontent {
	float: left;
	width: 335px;  /* 340px minus any padding  */
	padding: 1px 0 1px 5px;   /* to uncollapse margins  */
	margin: 10px 0 10px ;  /* have to use margin here if we use padding it doesn't make enough space in ie  */
	color: #626262;
	}
	

#leftcontent #photoframe{
	background-image: url(../images/photoframe.jpg);
	background-repeat: no-repeat; 
	width: 281px;
	height: 331px;
	padding: 1px 0 1px 0;
	margin: 20px 0 0 10px;
}

#leftcontent #photos{
	padding: 1px 0 1px 0;
	margin: 19px 0 0 29px;
	width: 220px;
	height: 286px;
}

#leftcontent .utube {
	padding: 1px 0 1px 0;
	margin: 40px 0 0 15px;
}

#leftcontent #flashdiv {
	width: 266px;
	height: 215px;
}


.utube_caption {
	width: 214px;
	height: 33px;
	margin: 10px 0 0 20px;
}

#leftcontent .history{
	padding: 1px 0 1px 0;
	margin: 30px 0 0 10px;
	width: 282px;
}

#leftcontent p.histcaption {
	font-size: 12px;
	text-align: center;
}

#leftcontent .contactphoto {
	padding: 1px 0 1px 0;
	margin: 45px 0 0 55px;
	width: 280px; 
}

#leftcontent .contactphoto2 {
	padding: 1px 0 1px 0;
	margin: 45px 0 0 35px;
	width: 270px; 
}

#leftcontent .contactphoto2 p { 
	text-align: center;
	margin:8px 0 0 0px;
}

#leftcontent .contactmap{
	margin: 55px 0 0 10px;
	width: 320px; 
}

#leftcontent .contactmap p {
	font-size:12px;
	font-weight: normal;
	color:#626262;
	line-height: 22px;
	word-spacing: normal;
	margin:8px 0 15px 0px;
}

#leftcontent .ecologo{
	padding: 1px 0 1px 0;
	margin: 45px 0 0 55px;
	width: 225px; 
}


img.elogo {
	margin: 60px 0 0 55px;
	width: 220px;
	height: 150px;
}

img.hist {	
	width: 280px;
	margin: 0 0 8px 0;
}

img.caption {
	height: 69px;
	width: 406px;
	margin: 0 0 12px 0;
}

img.logo {
	height: 116px;
	width: 139px;
	margin: 0 0 0 25px;
}

img.pwf-logo {
	height: 108px;
	width: 135px;
	float: right;
	padding: 1px 0;
}

img.sig {
	width: 250px;
	height: 33px;
	margin: 20px 0 0 0;
	padding: 1px 0;
	float: left;
}

img.framed, iframe.framed{
	padding: 3px;
	border: 1px solid #d9b399;
}


/************* Services Page *********************/

#leftcontent #testimonials {
	margin:70px auto 0 auto;
	padding:15px 10px 15px 10px;
	border: 1px solid #d9b399;  
	min-height: 180px; height:auto !important; height: 180px;
	width: 215px;

}

#leftcontent #testimonials #quotes{
	font-family: Georgia, serif;
	color: #626262;
	font-size:16px;
	font-weight: normal;
	width: 190px;
	line-height: 22px;  
	padding: 20px 7px 10px 18px;
	text-indent: 22px;
	background:url(../images/quotes.gif) 0 0 no-repeat #FFFFFF;

}

#leftcontent #testimonials #author{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: normal;
	line-height: 16px;
	padding: 15px 0 0 0;
	text-indent: 0px;
}


/* Links page ***************************************/

#maincontent ul.linklist{
	padding: 10px 0 0 0;
	list-style-type: none; 
	font-weight:normal;
	font-size: 13px;
	margin: 0;
}


#maincontent ul.linklist li{
	padding: 0 0 25px 15px;
}

#maincontent ul.linklist li a{
	font-weight:normal;
	font-size: 12px;
	color:#913e05;
	text-decoration:none;
	border-bottom: 1px solid #e7c0a5;
}

#maincontent ul.linklist li  a:hover{
	color:#235c70;
}

#maincontent ul.linklist h3 {
	font-weight:bold;
	font-size: 12px;
	padding: 0px 0 3px 0;
	margin: 0 0 0 0;
	color: #626262;
}


/* Footer */
#footer {
	padding: 30px 10px 0 15px ;
} 
#footer p {
	margin: 0; 
	padding: 0 0 10px 10px; 
}



#footer-links{
	margin:0 auto;
	color: #767b7f; 
	font-size: 11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width: 980px;
	min-height: 30px; height:auto !important; height: 30px;
	background:url(../images/footer.gif) 0 0 repeat-x #FFFFFF;
}

#footer-links .left {
	text-align:left;
	width:600px;
	float: left;
	font-size: 10px;
	padding: 10px 0 0 0;
}

#footer-links .right {
	text-align:right;
	float: right;
	padding: 10px 0 0 0;
	width: 300px;
}


#footer-links .left a{
	text-decoration: none;
	color:#913e05;
	font-size: 10px;
}

#footer-links .left a:hover{
	color: #235070;
}


#footer-links .right a{
	zoom: 1;  /* needed to force ie to display bottom border  */
	text-decoration: none;
	color:#913e05;
	font-size: 12px;
	margin: 0 0 0 15px;
	border-bottom: 1px solid #d9b399;  
}

#footer-links .right a:hover{
	color: #235070;
	border-bottom: 1px solid #ffffff;  
}



.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
	}

.clearer {
	clear:both;
}