/* Layout */ 


body {
	margin: 25px 0 0 340px; padding: 0;
  background-image: url(/img/bubbles_grey.gif);    
  background-repeat: no-repeat;
	background-attachment: fixed;
	background-color: #CCC; 
  font-family: "Verdana", "Arial", sans-serif;
  color: #666;
  }

#container {
	margin: 0;
	padding: 0;
	}	

#whitesquare {
	position: absolute;
	z-index: 10;
	top: 130px;
	left: 0px;
	margin: 0; 
  padding: 0;
	} 

#logo {
	position: absolute;
	z-index: 5; 
	top: 246px;
	left: 70px;
	margin: 0; 
  padding: 0;	
	}

#intro {	
  width: 99%;
  margin: 0; 
  padding: 0;
	text-align: right;    	   	        
  }

#profile {
  width: 442px;
  height: 340px;
  margin: 0;	
  padding: 0;
	text-align: justify;      
  }

#contact {
	position: absolute;
	top: 309px;
	left: 104px;
	width: 200px;
	margin: 0; 
  padding: 0; 
	text-align: right;
	font-size: 10px;	
	}

#footer {
  padding: 1px;
  width: 445px;
  }

p#validate {
	font-size: 10px;
	font-weight: normal;
	text-align: right;
	}
	
p#copyright {
  font-size: 10px;
	font-weight: normal;
	text-align: left;
	float: left;
  }	

.portfolio {
	width: 426px;
  background-image: url(/img/transwhitetile.gif);    
  background-repeat: repeat;
  margin: 10px 0 0 0;	
  padding: 15px 10px 15px 10px;
	text-align: justify;    	
  }

.center {
	padding-bottom: 10px;
	margin: 0;
	text-align: center;
	}



/* global text styles */ 


h1 {
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 3px;     	
	text-align: left;
	display: none;
  }

h2 {
	font-family: "Georgia", "Times", serif;
	letter-spacing: 3px;
	width: 100%;
	background-image: url(/img/transwhitetile.gif);    
  background-repeat: repeat;
	font-size: 14px;
	font-weight: normal;
	padding: 1px; 	
  }

h3 {
	font-family: "Georgia", "Times", serif;
	letter-spacing: 3px;
	font-size: 12px;
	font-weight: normal;
	padding: 1px;
  }

p {	
	font-size: 11px;
	line-height: 1.4;
	padding-bottom: 5px;
	}


a:link {
	text-decoration: none;
	color: #0469B3;
	border-bottom-style: dashed;
  border-bottom-color: #0469B3;
 	border-width: 0 0 1px 0;
	}

a:visited {
	text-decoration: none;
	color: #0469B3;
	border-bottom-style: dashed;
  border-bottom-color: #0469B3;
 	border-width: 0 0 1px 0;
	}

a:hover {
	text-decoration: none;
	color: #0469B3;
	border-bottom-style: solid;
  border-bottom-color: #0469B3;
 	border-width: 0 0 1px 0;
	}

a:active {
	text-decoration: none;
	color: #0469B3;
	border-bottom-style: solid;
  border-bottom-color: #0469B3;
 	border-width: 0 0 1px 0;
	}

/* Special thanks to Stu Nicholls @ CSS Play for Gallery Code! http://www.cssplay.co.uk/menu/gallery_click.html */

/* common styling for all galleries */
a.gallery, a.gallery:visited {display:block; display:inline-block; color:#000; text-decoration:none; border:1px solid #000; width:75px; height:47px; float:left; margin:4px; z-index:50;}
a.slidea {background:url(/img/bondage_graphite_thumb.gif);}
a.slideb {background:url(/img/trash_seagul_thumb.gif);}
a.slidec {background:url(/img/vinyl_book_thumb.gif);}
a.slided {background:url(/img/shower_gift_thumb.gif);}
a.slidee {background:url(/img/shower_gift2_thumb.gif);}
a.slidef {background:url(/img/golden_tree_thumb.gif);}
a.slideg {background:url(/img/golden_tree_books_thumb.gif);}
a.slideh {background:url(/img/iris_folding_thumb.gif);}
a.slidei {background:url(/img/amethyst_tree_thumb.gif);}
a.slidej {background:url(/img/textured_painting_thumb.gif);}

a.slidea_graphic {background:url(/img/PDGC_bizcard_thumb.gif);}
a.slideb_graphic {background:url(/img/PDGC_gift_thumb.gif);}
a.slidec_graphic {background:url(/img/PDGC_invoice_and_bc_calendar_thumb.gif);}
a.slided_graphic {background:url(/img/northern_nurseries_bizcard_thumb.gif);}
a.slidee_graphic {background:url(/img/wedding_favor_thumb.gif);}
a.slidef_graphic {background:url(/img/time_swatch_book_thumb.gif);}
a.slideg_graphic {background:url(/img/barriers_book_thumb.gif);}
a.slideh_graphic {background:url(/img/volatilespace_bizcard_thumb.gif);}
a.slidei_graphic {background:url(/img/sankadray_bizcard_thumb.gif);}
a.slidej_graphic {background:url(/img/ross_energy_bizcard_thumb.gif);}

a.slidec_web {background:url(/img/hearts_index_thumb.gif);}
a.slidea_web {background:url(/img/aerostream_index_thumb.gif);}
a.slideb_web {background:url(/img/aerostream_internal_thumb.gif);}
a.slided_web {background:url(/img/ofcourse_thumb.gif);}
a.slidee_web {background:url(/img/tacgi_thumb.gif);}
a.slidef_web {background:url(/img/palliser2_thumb.gif);}
a.slideg_web {background:url(/img/palliser3_thumb.gif);}
a.slideh_web {background:url(/img/addicted_thumb.gif);}
a.slidei_web {background:url(/img/dlcom2_thumb.gif);}
a.slidej_web {background:url(/img/rescom_thumb.gif);}

a.gallery em, a.gallery span {display:none;}
a.gallery:hover {border:1px solid #fff;}


	
/* styling for BOTTOM gallery */
#container_bottom1, #container_bottom2, #container_bottom3 {position:relative; width:425px; height:425px; background:#999; border:1px solid #a49188; margin:1em auto;}
#container_bottom1 img, #container_bottom2 img, #container_bottom3 img {border:0;}
#container_bottom1 .thumbs, #container_bottom2 .thumbs, #container_bottom3 .thumbs {position:absolute; left:0; bottom:0; height:114px;}
#container_bottom1 a.gallery:hover span, #container_bottom2 a.gallery:hover span, #container_bottom3 a.gallery:hover span {display:block; position:absolute; width:402px; height:50px; top:-45px; left:5px; padding:5px; font-style:italic; color:#ececec;  z-index:100;}
#container_bottom1 a.gallery:hover span:first-line, #container_bottom2 a.gallery:hover span:first-line, #container_bottom3 a.gallery:hover span:first-line {font-style:normal; font-weight:bold; font-size:1.1em; color:#333;}
#container_bottom1 a.gallery:active, #container_bottom1 a.gallery:focus, #container_bottom2 a.gallery:active, #container_bottom2 a.gallery:focus, #container_bottom3 a.gallery:active, #container_bottom3 a.gallery:focus {border:1px solid #000;}
#container_bottom1 a.gallery:active em, #container_bottom1 a.gallery:focus em, #container_bottom2 a.gallery:active em, #container_bottom2 a.gallery:focus em, #container_bottom3 a.gallery:active em, #container_bottom3 a.gallery:focus em {display:block; position:absolute; width:402px; height:250px; top:-305px; left:5px; padding:5px; color:#000; border:1px solid #3d330f; z-index:50;}
#container_bottom1 h1, #container_bottom2 h1, #container_bottom3 h1 {display:block; clear:both; margin:0; padding-top:80px; text-align:center; font-family: "Georgia", "Times", serif; font-size:3em; font-weight:normal; color:#333; }
#container_bottom1 h1 em, #container_bottom2 h1 em, #container_bottom3 h1 em {font-size:0.6em; color:#000;}