/*  css reset.  clears all values so what ever styles are used are not over ridden by other styles from elsewhere  */
/*    http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/    */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* sticky footer */
/*html {
    position: relative;
    min-height: 100%;
}*/
body {
	line-height: 1.5;
	color: black;
	background: white;
	height:100%;
}


ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/*   css reset end  */

h1 {font-size: 1.5em;
    padding-top: 1.0em;
	padding-bottom: 0.5em;}
	
h2 {
	font-size:1.2em;
	padding-top:0.5em;
	padding-bottom:0.5em;
	}
	
h3 {
	font-size:1.1;
	padding-top:0.3em;
	padding-bottom:0.3em;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-style:italic;
	}



email-enquiry {text-align: center;}
  
  
body {
	font-family: Arial, Helvetica, sans-serif;
	background-image:url(/images/body_up_bg.png);
	repeat: repeat-x;
}

.iphone {
	width: 480px;}
	
td {
	font-family: Arial, Helvetica, sans-serif;
}

th {
	font-family: Arial, Helvetica, sans-serif;
}

DIV#wrapper {
	min-height: 100%;
    position:relative;

	width: 100%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:1.3em;
	max-width:1000px;
	min-width:480px;
	/*height: auto;*/
	min-height:100%;
	text-align: center;
	/*	margin-bottom: 1.3em; /* bottom = footer height - sticky footer */

	}
	
	
	
DIV#page-inset {
clear: both;
  width:75%;
  margin-top: 0.5em;
  margin-left: auto;
  margin-right: auto;
  min-height:32em;
  margin-bottom: auto;
  border-style: solid;
  border-width:3px;
  border-color: white;
  z-index:-200;
  }
  
  
.page-home {
	clear:both;
  background-image: url(/images/bg_grad3.png);
  repeat: repeat-x;
  text-align:center;
}
  
.page-links {
	background-image: url(/images/popes-eye--port-phillip-bay.jpg);
  }
  
.page-knowledge {
	  background-image: url(/images/popes-eye--port-phillip-bay.jpg);
  }
  
 .page-experience {}
 
 .page-general {}
 


DIV#brendan {}
DIV#content {
	width:85%;
	margin-right:auto;
	margin-left:auto;
	text-align:left;
	margin-bottom:3em;
	padding-bottom:3em;
	}

.website-header-logo {
	clear:both;
	z-index:1000;
	max-height:50px;
	max-width:50px;
	}
	
.website-name {
	clear:both;
	/*text-align:center;*/
	margin-left:-50px;
	padding-left:-50px;
	margin-top:-50px;
	padding-top:-50px;
	padding-bottom:0.5em;
	margin-bottom:0.5em;
	font-style:italic;
	}
  
DIV#menu-home-page {
	clear:both;
	position:absolute;
	bottom:45;
	height:2.3em;
	width:75%;
	background-color:#7F0;
	}

 /* sticky call to action */
DIV#sticky-header {
	 	text-align:center;
    color: white;
	position:fixed;
    top: 0;
    left:0;
    width: 100%;
    height: 30px;
    padding: 0;
    margin: 0;
	/*background-color:#FF0;*/

	/*text-align:right;
	margin-left:auto;
	margin-right:auto;
	max-width:900px;
	min-width:900px;
	/*margin-left:-3em;*/
	/*padding-left:55%;*/
	z-index:100;
	}

DIV#sticky-header-content{
margin: 10px;
z-index:100;
text-align:center;
max-width:800px;
min-width:800px;
margin-left:auto;
margin-right:auto;
/*background-color:#600;*/
}





DIV#footer {
	  height: 1.3em; 
    width:75%;
    position: absolute;
    /*left: 0;*/
    bottom: 0; 

	background-color:#FFF;
	font-size:xx-small;
	text-align:center;
	margin-left:auto;
	margin-right:auto; 
	}


.inset.bottom {
	position:absolute; bottom:0;}
  
DIV#website-name{
	  font-style:italic;
	  }
  
DIV#website-slogan {
  clear:both;
  margin-top:-0.3em;
  padding-top:-0.3em;
}
  

DIV#website-logo {
	margin-top:1em;
	margin-left: auto;
	margin-right: auto;
	z-index: 10;
}
	
DIV#menu-home-page {
	clear:both;
	margin-top: 4.5em;
	
	
	
	}
  
DIV#homepage-inset img.trademark {
	clear:both;
	z-index: 10;
	text-align:left;
	position:relative;
	top: -6.0em;
	left: -20.0em;
	padding-right:0px;
	margin-right:0px;
	width: 150px;
	/*background-image:url(../images/white-square-round-full-colour.png);*/
	width:150px;
	height:150px;
	overflow:hidden;
	display:inline-block;
	}
	
/*  CSS for handheld devices  */
/* .desktopOnly {visibility:hidden;} */

/*  CSS for non-handheld devices  */
.mobilesOnly {visibility:hidden;}