/*  Toc
	1 structure
	2 navigation - navcontainer
	3 layout of maincontainer elements
	
	
 */


body {background-color:#000000;
		margin: 0;
		padding:0;
		}
#wrapper {
	background-color: #000000;
	margin: auto;
	width: 860px;
	border-top-style: 0;
	border-right-style: 0;
	border-bottom-style: 0;
	border-left-style: 0;
	padding: 0px;
	height: auto;
}
#maincontainer {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #000000;
	height: 555px;
	width: 860px;
	background-image: url(images/maingrad.png);
}
#maincontainer_links {
	height: 750px;
	width: 740px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFCC00;
	float: left;
}

#whispertext {
	left: 301px;
	top: 202px;
	position: absolute;
	z-index: 1;
}
#stoneknot {
	position: absolute;
	top: 150px;
	float: right;
	right: 220px;
}
#navbar {
	height: 40px;
	background-color: #666666;
	background-image: url(images/gardbackground.png);
	background-repeat: repeat;
}
#bottomcelticbar {
	background-color: #000000;
	background-image: url(images/gardbackground.png);
	background-repeat: repeat;
	height: 40px;
	width: 860px;
}

#navlist {
	padding: 0px;
}
#navlist li {
	list-style-type: none;
	float: left;
	padding-left: 50px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	padding-top: 5px;
	height: 20px;
	text-align: left;
	padding-right: 20px;
	position: relative;
}
#navlist li ul {
	display: none;
	position: absolute;
	top: 1em;
	right: -10px;
}
#navlist li:hover ul {
	display: block;
}

#picframe {
	position: absolute;
	top: 415px;
	left: 170px;
}
#randompic2 {
	position: absolute;
	top: 460px;
	left: 212px;
}

#picinframe {
	position: absolute;
	left: 26px;
	top: 36px;
}

#header {
	height: 60px;
	width: 860px;
	margin: 0px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	background-image: url(images/headerstrip.png);
	background-repeat: no-repeat;
}
#headerpic {
	float: right;
	clear: none;
	top: 10px;
	position: absolute;
	right: 201px;
}


#footer {
}
#bottombanner {
	height: 80px;
	vertical-align: top;
	text-align: left;
	border: thin solid #666666;
	width: 860px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#bottomtextbox {
	float: left;
	width: 150px;
	padding-left: 20px;
	padding-right: 10px;
	color: #CCCCCC;
	font-size: 12px;
	padding-top: 0px;
}

#navlist li a:hover {
	color: #FF9900;
	font-size: 16px;
}

#navlist li a {
	text-decoration: none;
	color: #FFFF33;
	padding: 0px;
	margin: 0px;
}

#textbox {
	top: 200px;
	right: 100px;
	position: absolute;
	z-index: 0;
}
#text {
	float: right;
	position: absolute;
	top: 416px;
	right: 250px;
	width: 250px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 24px;
}




#navcontainer {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #000000;
	height: auto;
	width: 860px;
	padding: 0px;
}
#profiletext {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	float: left;
	padding: 15px;
	height: auto;
	width: auto;
	text-decoration: none;
}
#contacttext {
	padding-top: 55px;
	padding-left: 60px;
}
#linkstext {
	padding-top: 15px;
	padding-left: 60px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

a {
	text-decoration: none;
	color: #339900;
}
#photo {
	padding: 10px;
	float: left;
}
/*--------------------picture gallery------*/
#gallerycontainer {
	list-style-type: none;
	position: relative;
	overflow: hidden;
	height: 550px;
	width: 860px;
	background-color: #000000;
	margin: auto;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	vertical-align: bottom;
}
#gallerycontainer li {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}


#gallerycontainer ul {
	list-style-type: none;
	margin: auto;
	padding: 0px;
	float: right;
	width: 200px;
}
/* Remove the images and text from sight */
#gallerycontainer a.gallery span {
	position:absolute;
	width:1px;
	height:1px;
	top:-10px;
	left:0px;
	overflow:hidden;
	background-color: #000000;
    }
#gallerycontainer a.gallery, #gallerycontainer a.gallery:visited {
	display:block; 
    color:#000; 
    text-decoration:none; 
    border:1px solid #000; 
    margin:1px 2px 1px 2px; 
    text-align:left; 
    cursor:default;
    }
/*-----------------------------------gallery1--------------------*/
#gallerycontainer a.slidea {
	height:54px;
	width:75px;
	background:url(images/small_abandoned.jpg);
    }
#gallerycontainer a.slideb {
    background:url(images/small_blushing.jpg); 
  	height:54px;
	width:75px;
    }
#gallerycontainer a.slidec {
    background:url(images/small_breakers.jpg); 
   	height:54px;
	width:75px;
    }
#gallerycontainer a.slided {
    background:url(images/small_embrace.jpg); 
    height:54px;
	width:75px;
    }    
#gallerycontainer a.slidee {
    background:url(images/small_fairy.jpg); 
 	height:54px;
	width:75px;;
    }
#gallerycontainer a.slidef {
    background:url(images/small_harbour.jpg); 
 	height:54px;
	width:75px;
    }
#gallerycontainer a.slideg {
    background:url(images/small_inishowen.jpg); 
   	height:54px;
	width:75px;
    }
#gallerycontainer a.slideh {
    background:url(images/small_margy.jpg); 
  	height:54px;
	width:75px;
    }
#gallerycontainer a.slidei {
    background:url(images/small_pride.jpg); 
  	height:54px;
	width:75px;
    }
#gallerycontainer a.slidej {
    background:url(images/small_ramparts.jpg); 
  	height:54px;
	width:75px;
    }
#gallerycontainer a.slidek {
    background:url(images/small_scuddling.jpg); 
    height:54px;
	width:75px;
    }
#gallerycontainer a.slidel {
    background:url(images/small_shrouded.jpg); 
  	height:54px;
	width:75px;
    }
#gallerycontainer a.slidem {
    background:url(images/small_tranquil.jpg); 
  	height:54px;
	width:75px;
    }
#gallerycontainer a.sliden {
    background:url(images/small_vermillion.jpg); 
	height:54px;
	width:75px;
    }
#gallerycontainer a.slideo {
    background:url(images/small_cone.jpg); 
 	height:54px;
	width:75px;
    }
/*------------------------------------------ styling the :hover span--------------------------------- */
#gallerycontainer a.gallery:hover span {
	position:absolute;
	width:571px;
	height:500px;
	top:10px;
	left:75px;
	color:#FFFFFF;
	background-color: #000000;
	font-family: Arial, Helvetica, sans-serif;
    }
#gallerycontainer a.gallery:hover img {
    border:1px solid #fff; 
    float:left; 
    margin-right:5px;
    }
/*----------------------------------------gallery2---------------------*/
#gallerycontainer a.slidep {
	height:54px;
	width:75px;
	background-image: url(gallery2%20thumbnails/Dunluce%20Castle%20Ghostly%20Whispers.png);
    }
#gallerycontainer a.slideq {
	height:54px;
	width:75px;
	background-image: url(gallery2%20thumbnails/Dunluce%20Castle%20Whispers%20from%20the%20Clans.png);
    }
#gallerycontainer a.slider {
	height:54px;
	width:75px;
	background-image: url(gallery2%20thumbnails/Irish%20Paintings%20019.png);
    }
#gallerycontainer a.slides {
	height:54px;
	width:75px;
	background-image: url(gallery2%20thumbnails/Irish%20Paintings%20022.png);
    }    
#gallerycontainer a.slidet {
	height:54px;
	width:75px;
	;
	background-image: url(gallery2%20thumbnails/Whispered%20Beams%20at%20Mallin.png);
    }
#gallerycontainer a.slideu {
	height:54px;
	width:75px;
	background-image: url(gallery2%20thumbnails/Whispers%20across%20the%20Lough.png);
    }
#gallerycontainer a.slidev {
	height:54px;
	width:75px;
	background-image: url(gallery2%20thumbnails/Whispers%20across%20the%20Moyle.png);
    }
#gallerycontainer a.slidew {
	height:54px;
	width:75px;
	background-image: url(gallery2%20thumbnails/Whispers%20before%20the%20Storm.png);
    }
#gallerycontainer a.slidex {
	height:54px;
	width:75px;
	background-image: url(gallery2%20thumbnails/Whispers%20from%20Dingle%20Cliffs.png);
    }
#gallerycontainer a.slidey {
	height:54px;
	width:75px;
	background-image: url(gallery2%20thumbnails/Whispers%20luring%20the%20Bee.png);
    }
#gallerycontainer a.slidez {
	height:54px;
	width:75px;
	background-image: url(gallery2%20thumbnails/Whispers%20of%20Abandonment.png);
    }
#randompic {
	float: right;
	height: 200px;
	width: 200px;
}
.textcol {
	color: #FF0;
}