/* Global Styles */

body {
	margin:0px;
	}
	
.headerbg{
	background-image: url(images/shamrock_header_stripe.jpg);
background-position: center;
background-repeat: repeat-x;
}

.leftbar{
	background-image: url(images/left_bar_shamrock.jpg);
	background-position: center;
	background-repeat: repeat-y;
}

td {
	font:11px arial;
	color:#333333;
	}
	
a.navText {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFE0;
	text-decoration:none;
	font-weight:bold;
	}
	
a.navText:hover {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: White;
	text-decoration:underline;
	font-weight:bold;
	}
	
a.lg {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #006633;
	font-weight:bold;
	font-size: 14px;
	text-decoration: none;
}
	
a.lg:hover {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #003266;
	font-weight:bold;
	font-size: 14px;
	text-decoration: underline;
}
	
/* ID Styles */

#navigation a {
	font:11px arial;
	font-weight: bold;
	color: #ffffff;
	text-decoration:none;
	letter-spacing:.1em;
	}
	
#navigation a:hover {
	color: #FFFFCC;
	}

#padding {
	padding:20px 5px 20px 5px;
	}
	
#calendar td {
	border: 1px solid rgb(0,51,153);
	}
	
#noborder td {
	border: 0px;
	}
	
#weekdays th {
	font:11px arial;
	color: #ffffff;
	font-weight:bold;
	border: 0px;
	padding:2px;
	}

#calheader td {
	font-weight:bold;
	}

/* Class Styles */

.logo {
	font:18px times new roman;
	color: #0E177C;
	letter-spacing:.3em;
	font-weight:bold;
	line-height:22px;
	}

.tagline {
	font:14px arial;
	font-weight: bold;
	color: #FDF5E6;
	letter-spacing:.2em;
	}
	
.tagline2 {
	font:18px arial;
	font-weight: bold;
	color: #FDF5E6;
	letter-spacing:.2em;
	}
	
.taglineblk {
	font:18px arial;
	font-weight: bold;
	color: Black;
	letter-spacing:.2em;
	}

.smallText {
	font:12px times new roman;
	color: #CC3300;
	line-height:18px;
	}

.pageHeader {
	font:14px arial;
	color: #006633;
	font-weight: bold;
	letter-spacing:.1em;
	}
	
.pageHeader2 {
	font-family: Arial, Geneva, sans-serif;
	font-size: 20px;
	color: #FFFFF0;
	font-weight: normal;
	letter-spacing: 3px;
	line-height: 16px;
	}
	
.pageHeaderblk {
	font-family: "MS Sans Serif", Geneva, sans-serif;
	font-size: 20px;
	color: Black;
	font-weight: normal;
	letter-spacing: 3px;
	}
	
.bodyText {
	font:12px arial;
	color:#333333;
	line-height:16px;
	}
	
.bodyTextwht {
	font:12px arial;
	color: White;
	line-height:16px;
	letter-spacing: 2px
	}
	
.bodyTextwht14 {
	font:14px arial;
	color: White;
	line-height:16px;
	}
	
.pageName {
	font:20px georgia;
	color: #CC3300;
	letter-spacing:.1em;
	line-height:26px;
	}
	
.subHeader {
	font:10px arial;
	color: #006633;
	font-weight:bold;
	letter-spacing:.1em;
	}
	
.navText {
	font:11px arial;
	font-weight: bold;
	color: #FFFFF0;
	letter-spacing:.1em;
	line-height: 12px;
	}
	
.navTextblk {
	font:11px arial;
	font-weight: bold;
	color: Black;
	letter-spacing:.1em;
	line-height: 12px;
	}
	
	.bggold {
	background-image: url(images/goldbg.jpg);
	}
	
#tablist{
padding: 3px 0;
margin-left: 0;
margin-bottom: 0;
margin-top: 0.1em;
font: 10px Arial, Helvetica, sans-serif;
letter-spacing:.2em;
}

#tablist li{
list-style: none;
display: list-item;
margin: 0;
}

#tablist li a{
padding: 3px 0.5em;
margin-left: 3px;
border: 0px solid #778;
border-bottom: none;
background: ;
text-decoration:none;
}

#tablist li a:link{
color: #006633;
}

#tablist li a:hover{
color: #003266;
}

#tablist li a.current{
background: ;
}

#tabcontentcontainer{
width: 97%;
/* Insert Optional Height definition here to give all the content a unified height */
padding: 5px;
border: 0px solid black;
}

.tabcontent{
display:none;
}


.bgband{
	background-image: url(images/bg2.gif);
	background-position: top right;
	background-attachment: fixed;
	background-repeat: no-repeat;
}

.bgbandr{
	background-image: url(images/bgr.gif);
	background-repeat: repeat;
}

.bgbandrg{
	background-image: url(images/bgr_greenstripe.gif);
	background-repeat: repeat;
}

.bgbandrg535{
	background-image: url(images/bgr_greenstripe_535.gif);
	background-repeat: no-repeat;
	background-position: right;
}

.bgbandrg535o{
	background-image: url(images/bgr_greenstripe_535_orange.jpg);
	background-repeat: no-repeat;
	background-position: right;
}

.spanishwindow{
	background-image: url(images/spanish_window_part.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}

bgbandblue{
	background-image: url(images/bg2_blue.gif);
	background-position: top right;
	background-attachment: fixed;
	background-repeat: no-repeat;
}

.bgbandrblue{
	background-image: url(images/bgr_blue.gif);
	background-repeat: repeat;
}

bgbandlilac{
	background-image: url(images/bg2_lilac.gif);
	background-position: top right;
	background-attachment: fixed;
	background-repeat: no-repeat;
}

.bgbandrlilac{
	background-image: url(images/bgr_lilac.gif);
	background-repeat: repeat;
}

bgbandgreen{
	background-image: url(images/bg2_blue.gif);
	background-position: top right;
	background-attachment: fixed;
	background-repeat: no-repeat;
}

.bgbandrgreen{
	background-image: url(images/bgr_green_cloud.gif);
	background-repeat: repeat;
}

.bgbdgreen{
	border-color: #FFE57B;
	background-color: #005A32;
}

.bggreen{
	background-color: #005A32;
}

.textwht{
	font-family: verdana, Arial, Helvetica, sans-serif;
	color: white;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
}

.textwht10{
	font-family: verdana, Arial, Helvetica, sans-serif;
	color: white;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
}


.submit{
  background-color: #228B22;
  text-align:center;
  color:#ffffff;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size:10pt;
  font-weight:normal;
  border : 1px ridge;
}

.families{
	background-image: url(images/families.jpg);
	background-position: center;
}

.sttop{
	background-image: url(images/st_top.gif);
}

.stlft{
	background-image: url(images/st_lft.gif);
}

.strt{
	background-image: url(images/st_rt.gif);
}

.stb{
	background-image: url(images/st_b.gif);
}



.bg2rt{
	background-image: url(images/bg2rt.gif);
}

.bg2rtg{
	background-image: url(images/bg2rt_greenstripe.gif);
}


.sttopblue{
	background-image: url(images/st_top_blue.gif);
}

.stlftblue{
	background-image: url(images/st_lft_blue.gif);
}

.strtblue{
	background-image: url(images/st_rt_blue.gif);
}

.stbblue{
	background-image: url(images/st_b_blue.gif);
}

.bg2rtblue{
	background-image: url(images/bg2rt_blue.gif);
}



.sttoplilac{
	background-image: url(images/st_top_lilac.gif);
}

.stlftlilac{
	background-image: url(images/st_lft_lilac.gif);
}

.strtlilac{
	background-image: url(images/st_rt_lilac.gif);
}

.stblilac{
	background-image: url(images/st_b_lilac.gif);
}

.bg2rtlilac{
	background-image: url(images/bg2rt_lilac.gif);
}

.bgrorange{
	background-image: url(images/bgr_orange.jpg);
}

.bgrmarble{
	background-image: url(images/bgr_marble.gif);
}

.bgpaintbrush{
	background-image: url(images/bg_paintbrush.jpg);
	background-position: right;
	background-repeat: no-repeat;
}

.bgfrenchwine{
	background-image: url(images/bg_french_wine.jpg);
	background-position: right;
	background-repeat: no-repeat;
}

.bggreenfoliage{
	background-image: url(images/bg_green_foliage_with_fade.jpg);
	background-position: left;
	background-repeat: no-repeat;
}

.bgtorra{
	background-image: url(images/bg_torra_del_oro.jpg);
	background-position: right;
	background-repeat: no-repeat;
}

.bdcolgreen{
	border-color: #5A7E24;
}

.bdcolwht{
	border-color: White;
	border: dotted;
}

.bddotted{
	border-style: dotted;
	border-color: Green;
}

.bddottedblue{
	border-style: dotted;
	border-color: #00008B;
}

.bgwalnut{
	background-image: url(images/walnut_border.gif);
	background-position: left;
	background-repeat: repeat-y;
}

.bgwalnuth{
	background-image: url(images/walnut_border_horizontal.jpg);
	background-position: left;
	background-repeat: repeat-x;
}

.bgmarbleh{
	background-image: url(images/marble_bg_horizontal.gif);
	background-position: left;
	background-repeat: repeat-x;
}

.bggreenmarble{
	background-image: url(images/marble_bg.jpg);
}

.bggreenmarblelt{
	background-image: url(images/marble_bg_lt.jpg);
}

.bggreenmarbleblue{
	background-image: url(images/marble_blue_bg.jpg);
}

.bggreenmarbleltblue{
	background-image: url(images/marble_blue_bg_lt.jpg);
}
.bggreenmarbleblack{
	background-image: url(images/marble_black.jpg);
}

.bggreenmarbleltblack{
	background-image: url(images/marble_black_lt.jpg);
	border-style: dotted;
	border-color: Green;
}


.sttopdkg{
	background-image: url(images/st_top_dkgreen.gif);
}

.stlftdkg{
	background-image: url(images/st_lft_dkgreen.gif);
}

.strtdkg{
	background-image: url(images/st_rt_dkgreen.gif);
}

.stbdkg{
	background-image: url(images/st_b_dkgreen.gif);
}

.bannerbg{
	background-image: url(images/home_decor_banner_bg.gif);
	background-position: left;
}

.bannerfrance{
	background-image: url(images/banner_france.jpg);
	background-position: right;
	background-repeat: no-repeat;
}

.colliourenight{
	background-image: url(images/collioure_night3.jpg);
	background-position: center;
	background-repeat: no-repeat;
}

.greensofa{
	background-image: url(images/green_sofa.jpg);
	background-position: right top;
	background-repeat: no-repeat;
}


.greensofabg{
	background-image: url(images/green_sofa_bg.jpg);
}

.frenchcurtain{
	background-image: url(images/french_curtain.jpg);
	background-position: right;
	background-repeat: no-repeat;
}

.bgpalm {
	background-image: url(images/bg_palms.jpg);
	background-position: center;
	background-repeat: no-repeat;
}


.bgharbour {
	background-image: url(images/sotogrande_harbour1.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

.bggibralta {
	background-image: url(images/gibralta_overlooking_spain.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

.bggibraltanf {
	background-image: url(images/gibralta_overlooking_spain_nofade.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

.bgbluedoor {
	background-image: url(images/bg_blue_door.jpg);
	background-position: right;
	background-repeat: no-repeat;
}


.bgyucca {
	background-image: url(images/bg_yucca.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}


#lightbox{
	position: absolute;
	top: 40px;
	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(images/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(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }


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

#imageData{
	padding:0 10px;
	}
#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;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}