body {
		background-color:#000000;
		text-decoration:none;
		outline:none;
		font-size:10pt;
		margin:2em 0 -0.5em 0.5em;
		letter-spacing: 0.7pt;
		font-family:Helvetica, Arial, sans-serif;
	}

	h2 .post_heading {
		font-weight:100;
		font-size:12pt;
		margin:2em 0 -0.5em 0;
		letter-spacing: 0.5pt;
	}
	
	h2 .post_heading a {
		text-decoration:none;
		color:#8CB9D0;
	}
	
	.container{
		position:relative;
		width: 900px;
		margin:0 auto;
		padding:0 5px;
	}
	
	#header{
		margin-top: 25px;
		z-index:1;
		width: 700px;
	}

	#content img {
		margin:5px 5px 0 0;
		border: 1px solid #000;
	}
	
	img {
		border:none;
	}
	
	a {
		outline: none;
		color:#999999;
		text-decoration:none;
	}

	a.hover, a:hover {
		color:#8CB9D0;
		text-decoration: underline;
	}
	
	
	#photo {
		position: relative;
		top: 51px;
		z-index: 1;
		padding: 5px 10px 0 10px;
		background-color:#1a1a1a;
		border-radius: 10px 10px 0 0;
		-moz-border-radius: 10px 10px 0 0;
	}

	#gaetano {
		position: relative;
		background-color:#1a1a1a;
		border: 1px solid #9bb8ce;
		border-radius: 10px 10px 0 0;
		-moz-border-radius: 10px 10px 0 0;
		padding: 20px 98px;
	}
	
	#content{
		position:relative;
		top:39px;
		float:left;
		width:700px;
		color:#999999;
		text-decoration:none;
		outline:none;
		background-color:#1a1a1a;
		border-bottom-style:outset;
		border-bottom-color:#9bb8ce;
		border-bottom-width:2px;
		padding: 50px 10px;
		border-radius: 10px 10px 5px 5px;
		-moz-border-radius: 10px 10px 5px 5px;
	
	}

	#sidebar{
		position:fixed;
		right: 0;
		top:335px;
		width: 200px;
		background-color:#1a1a1a;
		border-radius: 10px 0 0 10px;
		-moz-border-radius: 10px 0 0 10px;
		padding: 10px 0 3px 10px;
	}


	#phone {
		margin: 0 0 5px 10px;
	}
	
	#email {
	}
	
	#twit {
		display:inline;
	}
	
	.post_heading {
		font-size:10pt;
		margin:2em 0 -0.5em 0.2em;
		letter-spacing: 0.7pt;
	}
	
	.navigation{
		font-size: 8pt;
		position:relative;
		top: 3.5em;
		left: 0.5em;
	}
	
	.navigation span {
		margin-right: 3.5em;
	}
	
	/*LIGHTBOX START HERE*/
	/*LIGHTBOX START HERE*/
	#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(image/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://gaetano.com/photo/lightbox/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://gaetano.com/photo/lightbox/images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Helvetica, Arial, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
	
	/* 	ChillTip V1.0 Style Sheet */

	.title{
		background:#000;			/* Here you can change the background colour */
		border:2px solid #333;		/* Here you can change the border colour */
		display:none;
		font-family:Arial,"Helvetica",sans-serif;
		font-size:11px;				/* Here you can change the font size */
		height:auto;
		min-width:10px;
		max-width:145px;			/* Here you can change the width of ChillTip */
		position:absolute;
		width:auto;
		z-index:1001;
		}							
	* html .title{					
		width:145px;				/* IE6 Hack - Min/Max-width does not work in IE6 so you have to assign a width. */
		}
	.title p{						/* Here you can change the text colour */
		color:#fff;
		float:left;
		margin:0;
		padding:10px;	
		text-align:justify;	
		width:auto;
		}
	.title p span.blue{				/* This is to create coloured texted in chilltip. See Note below */
		color:#007eff;
		}

	/* IMPORTANT NOTE! 	To add a span and class to a title attribute you can not use the following:
	title="<span class="blue">Blue Text</span>" as this can lead to errors in your webpage and failure to validate your html source code.  

	Instead you must use html ascii codes http://www.ascii.cl/htmlcodes.htm to replace "</> inside the title attribute like so:
	title="&#60;span class=&#34;blue&#34;&#62;Blue Text&#60;&#47;span&#62;" this will then lead to validation of your html source code.

	To use special charcters in your chillTip use ascii html codes instead as this will validate your page with any W3C HTML Validator. */