/* CSS Document */

body{
	padding:0;
	margin:0;
	background: #ffffef;
	
font: normal 75% "Lucida Sans Unicode",sans-serif;
}
div, h1, h2, p, form, label, input, textarea, img, span{
	margin:0; padding:0;
}

ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
}
.spacer{
	clear:both; 
	font-size:0px; 
	line-height:0px;
}
/*------------------------------------------------body---------------------*/

/*------------------------------------------------header start---------------------*/
#header{
	width:778px;
	height:49px;
	background:url(images/header.jpg) 0 0 no-repeat;
	padding:342px 0 0 0;
	margin:0 auto;
	position:relative;
}

#header img{
	position:absolute;
	left:0px;
	top:280px;
 }
#header ul.nav{
	width:700px;
	height:28px;
	padding:0;
	margin:0 0 0 150px;
}
#header ul.nav li{
	float:left;
	padding:0;
	margin:0;
}
#header ul.nav li a{
	display:block;
	height:28px;
	padding:0 11px 0 11px;
	background-color:#FFFFEF;
	color:#523500;
	font:bold 11px/19px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:none;
	margin:0 1px 0 0;
	float:left;
}
#header ul.nav li a:hover{
	background:url(images/nav_hover.gif) 0 0 repeat-x #FFFEEF;
	color:#fff;
}
#header ul.nav li.home{
	display:block;
	height:28px;
	float:left;
	margin:0;
	padding:0 11px 0 11px;
	background:url(images/nav_hover.gif) 0 0 repeat-x #FFFEEF;
	color:#fff;
	font:bold 11px/19px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:none;
}
/*------------------------------------------------header end---------------------*/

/*------------------------------------------------body start---------------------*/
#body{
	background:url(images/body_bg_mid.gif) 0 0 repeat-y;
	width:788px;
	margin:auto ;
}
#body p.top{
	display:block;
	
	width:778px;
	height:75px;
	float:left;
}
#body p.bot{
	display:block;
	background:url(images/body_bottom_bg.gif) 0 0 no-repeat;
	width:631px;
	height:78px;
	float:left;
}
/*------------------------------------------------left panel start---------------------*/
#content
{
	width:580px;
	padding:5px 5px 0 5px;
	float:left;
margin-right:5px
}
#content1col
{
	width:720px;
	padding:10px 10px 10px 29px;
	float:left;
}
#left{
	width:560px;
	padding:0 10px 0 10px;
	float:left;
}
#content h2{
	
	width:300px;
	font:bold 22px/38px "Lucida Sans Unicode",sans-serif;
	color:#f7981c;
	background-color:#F8EFD3;
	float:left;
}
#content blockquote{color:#f7981c;}

#content h3{
	width: 45%;
	height:23px;
	padding:0 0 0 12px;
	margin:0 0 0 0;
	font:bold 16px/23px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#f7981c;
	float:left;
border-bottom: 2px #f7981c dashed; }

#left p.text1{
	display:block;
	width:385px;
	font:normal 13px/18px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#63562E;
	background-color:#F8EFD3;
	margin:0 0 0 0;
	padding:24px 0 0 0;
	float:left;
}
#left p.text2{
	display:block;
	width:385px;
	font:normal 13px/18px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#63562E;
	background-color:#F8EFD3;
	padding:11px 0 19px 0;
	float:left;
}
#left p.text2 span{
	font:bold 13px/18px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#9C4D00;
	background-color:#F8EFD3;
}
#left p.rm{
	display:block;
	width:370px;
	height:19px;
	margin:0 0 4px 0;
	font-size:0;
	background:url(images/read_more_div.gif) 0 0 repeat-x;
	float:left;
}
#left p.rm a{
	background:url(images/btn_read_more.gif) 0 1px no-repeat;
	width:58px;
	height:14px;
	padding:0;
	margin:0;
	float:right;
}
#left p.rm a:hover{
	background:url(images/btn_read_more_hover.gif) 0 1px no-repeat;
}
#left h3.date{
	display:block;
	background:url(images/date_bg.gif) 0 0 no-repeat #FCF8EA;
	width:125px;
	height:18px;
	padding:0 0 0 12px;
	margin:0 0 0 0;
	font:bold 11px/18px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#7C7A02;
	float:left;
}
#left p.event{
	width:354px;
	background:url(images/event_bg.gif) 0 11px no-repeat #F8EFD3;
	padding:11px 0 0 20px;
	margin:0 0 15px 0;
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	color:#63562E;
	float:left;
}
#left p.rm2{
	display:block;
	width:370px;
	height:14px;
	font-size:0;
	margin:0 0 4px 0;
	background:url(images/read_more_div.gif) 0 0 repeat-x;
	float:left;
}
#left p.rm2 a{
	background:url(images/btn_read_more.gif) 0 1px no-repeat;
	width:58px;
	height:14px;
	padding:0;
	margin:0;
	float:right;
}
#left p.rm2 a:hover{
	background:url(images/btn_read_more_hover.gif) 0 1px no-repeat;
}

/*------------------------------------------------left panel end---------------------*/

/*------------------------------------------------right panel start---------------------*/
#right{
	width:180px;
	padding:5px 0 55px 0;
	margin:0;
	float:left;
}
#right h2{
	display:block;
	background:url(images/serch_bg.gif) 0 0 no-repeat #ECE2C3;
	width:150px;
	text-align: center;
	padding:0 0 0 9px;
	margin:0 0 5px 0;
	font:normal 18px/27px Georgia, "Times New Roman", Times, serif;
	color:#f7981c;
	float:left;
}
#right form{
	width:154px;
	padding:0 0 35px 0;
	margin:0;
	float:left;
}
#right form p.domain{
	width:134px;
	height:15px;
	background:url(images/domain_name_bg.gif) 0 0 no-repeat #FCF8EA;
	padding:0 0 0 20px;
	margin:0 0 7px 0;
	font:normal 10px/15px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#900C00;
	text-transform:uppercase;
	float:left;
}
#right form input{
	width:152px;
	height:22px;
	background-color:#fff;
	color:#000;
	border:#D0BE90 solid 1px;
	font:normal 11px/22px Arial, Helvetica, sans-serif;
	float:left;
}
#right form input.go{
	background:url(images/btn_go.gif) 0 0 no-repeat;
	width:27px;
	height:11px;
	border:none;
	cursor:pointer;
	float:right;
}
#right h2.scope{
	display:block;
	background:url(images/serch_bg.gif) 0 0 no-repeat #ECE2C3;
	width:80%;
	height:27px;
	padding:0 0 0 9px;
	margin:0 0 12px 0;
	font:normal 18px/27px Georgia, "Times New Roman", Times, serif;
	color:#f7981c;
	float:left;
}

.scope{
	
	background:url(images/serch_bg.gif) 0 0 no-repeat #ECE2C3;
	
}

.scope  a{
	
	background:url(images/arrow1.gif) 0 5px no-repeat #ECE2C3;
	padding:0 0 0 15px;
	color: #6a401c;
	text-decoration:none;
margin-left:5px;	
	
}
.scope  a:hover{
	background:url(images/arrow1_hover.gif) 0 5px no-repeat #ECE2C3;
margin-left:5px;	
color:#61a3d8;
}

#right ul{
	width:140px;
	padding:0 0 28px 9px;
	margin:0 0 0 0;
	float:left;
	font-size:0;
}
#right ul li{
	padding:0;
	margin:0;
	float:left;
}
#right ul li a{
	display:block;
	width:125px;
	background:url(images/arrow1.gif) 0 5px no-repeat #F8EFD3;
	padding:0 0 0 15px;
	font:bold 11px/19px Arial, Helvetica, sans-serif;
	color:#BF0000;
	text-decoration:none;
	height:19px;
}
#right ul li a:hover{
	background:url(images/arrow1_hover.gif) 0 5px no-repeat #FEFAEC;
	color:#694F10;
}
#right banner{
	display:block;
	width:145px;
height:500px;
	
	float:left;
}
#right p.bottom{
	display:block;
	background:url(images/bottom_bg.gif) 0 0 no-repeat;
	width:162px;
	height:14px;
	padding:0 0 0 22px;
	margin:0;
	float:left;
}
#right p.bottom a.xhtm{
	display:block;
	background:url(images/xhtml_bg.gif) 0 1px no-repeat;
	width:58px;
	height:14px;
	padding:0;
	margin:0 7px 0 0;
	font-size:0;
	float:left;
}
#right p.bottom a.xhtm:hover{
	background:url(images/xhtml_bg_hover.gif) 0 1px no-repeat;
}
#right p.bottom a.css{
	display:block;
	background:url(images/css_bg.gif) 0 1px no-repeat;
	width:58px;
	height:14px;
	padding:0;
	margin:0;
	font-size:0;
	float:left;
}
#right p.bottom a.css:hover{
	background:url(images/css_bg_hover.gif) 0 1px no-repeat;
}

#right .flags {
	display:block;
	width:159px;
height:30px;
	text-align:center;
	float:left;
border:0;
background: #ECE2C3;
margin:0 5px 5px 0;
}
#right img {
background: #ECE2C3;	
border:0
}
	
/*------------------------------------------------right panel end---------------------*/

/*------------------------------------------------body end---------------------*/

/*------------------------------------------------footer start---------------------*/
#footer{
	width:778px;
	height:150px;
	margin:0 auto;
	padding:31px 0 0 0;
	
	position:relative;
}
#footer ul{
	width:620px;
	margin:50px 0;
	padding:0;
	position:absolute;
	left:148px;
	top:31px;
}
#footer ul li{
	margin:0;
	float:left;
	font:bold 11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#880000;
	
	background-image:none;
}
#footer ul li a{
	font:bold 11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#880000;
	
	text-decoration:none;
	padding:0 10px 0 10px;
}
#footer ul li a:hover{
	color:#000;
	background-color:#f7981c;
}
#footer p.copyright{
	font:normal 11px/14px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000;
	margin:60px 0;
	position:absolute;
	left: 30%;
	top:50px;
}
#footer p.design{
	display:block;
	width:194px;
	height:17px;
	
	padding:0 0 0 35px;
	position:absolute;
	left:291px;
	top:72px;
	font:bold 8px "Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#fff;
	
}
#footer a.link{
	width:85px;
	font:bold 8px  "Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#fff;
	
	padding:0 3px;
	text-decoration:none;
	text-transform:capitalize;
}
#footer a.link:hover{
	color:#666;
	background-color:#B50000;
}

.footerlogos{
width:650px;
	margin:5px 0;
	padding:0;
	position:absolute;
	margin-left:140px;
	top:31px;
font:normal 11px/14px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000;}
/*------------------------------------------------footer end---------------------*/
/*Menu*/


#modernbricksmenu{
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

#modernbricksmenu ul{
font: bold 11px Arial;
margin:0;
margin-left: 10px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

#modernbricksmenu li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

#modernbricksmenu a{
float: left;
display: block;
color: white;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 5px;
text-decoration: none;
letter-spacing: 1px;
background-color: black; /*Default menu color*/
border-bottom: 1px solid white;
}

#modernbricksmenu a:hover{
background-color: gray; /*Menu hover bgcolor*/
}

#modernbricksmenu #current a{ /*currently selected tab*/
background-color: #f7981c; /*Brown color theme*/ 
border-color: #f7981c; /*Brown color theme*/ 
}

#modernbricksmenuline{
clear: both;
padding: 0;
width: 98%;
height: 5px;
line-height: 5px;
background: #f7981c; /*Brown color theme*/ 
}

#myform{ /*CSS for sample search box. Remove if desired */
float: right;
margin: 0;
padding: 0;
}

#myform .textinput{
width: 190px;
border: 1px solid gray;
}

#myform .submit{
font: bold 11px Verdana;
height: 22px;
background-color: lightyellow;
}
/*img
*/
.contentPicLeft {
    float:left;
    padding:5px 5px 5px 5px;
    margin:5px 10px 5px 0;
    border:1px solid #CCC;
    text-align:center;
    color:#06C;
}

.contentPicRight {
    float:right;
    padding:5px 5px 5px 5px;
    margin:5px 0 5px 10px;
    border:1px solid #CCC;
    text-align:center;
    color:#06C;
}
/*end img
*/


/*Lightbox
*/#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(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;
	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;
	}
/*end lightbox
*/
/*Flickrness
*/

   #flickr {
   background: #ECE2C3;
   width:150px;
height:300px;
   padding: 5px 0 0 10px;
   
    }
   #flickr h2 {
   position:absolute;
   left:-300px;
    top:-300px;
   }
   #flickr img {
    float:left;
   margin:0 0px 4px 4px;
   background:#f7f7f7;
   padding:2px;
   width:52px;
   height:52px;
border:0
    }/*Flickrness*/

/*Flickr galleries
*/

   #flickrgall {
   background: #ECE2C3;
   width:500px;
height:510px;
   padding: 5px 5px 5px 5px;
   float: left;
margin-right:2px;
margin-left: 10px
    }
   #flickrgall h2 {
   position:absolute;
   left:-300px;
    top:-300px;
   }
   #flickrgall img {
    float:left;
   margin:0 0px 4px 4px;
   background:#f7f7f7;
   padding:2px;
   width:52px;
   height:52px;
border:0
    }/*Flickr galleries*/




/*Sub menu Las Tres Islas
*/
#modernbricksmenu2{
padding: 0;
width: 50%;

background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

#modernbricksmenu2 ul{
margin:0;
margin-left: 180px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

#modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

#modernbricksmenu2 a{
float: left;
display: block;
font: bold 11px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: black; /*Brown color theme*/ 
border-top: 1px solid white;
}

#modernbricksmenu2 a:hover{
background-color: #f7981c; /*Brown color theme*/ 
color: white;
}

#modernbricksmenu2 #current a{ /*currently selected tab*/
background-color: #f7981c; /*Brown color theme*/ 
color: white;
border-color: #f7981c; /*Brown color theme*/ 
}

/*Sub menu The Dash
*/
#modernbricksmenu3{
padding: 0;
width: 100%;

background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

#modernbricksmenu3 ul{
margin:0;
margin-left: 285px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

#modernbricksmenu3 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

#modernbricksmenu3 a{
float: left;
display: block;
font: bold 11px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: black; /*Brown color theme*/ 
border-top: 1px solid white;
}

#modernbricksmenu3 a:hover{
background-color: #f7981c; /*Brown color theme*/ 
color: white;
}

#modernbricksmenu3 #current a{ /*currently selected tab*/
background-color: #f7981c; /*Brown color theme*/ 
color: white;
border-color: #f7981c; /*Brown color theme*/ 
}


/*table
*/
#mytable 
{float:left;
margin: 5px;
text-decoration:none;}

#mytable a {text-decoration:none;
color:#f7991f }
#mytable a:hover {text-decoration: underline;

color:#f7991f }

#mytable img{
    
    padding:5px 5px 5px 5px;
    margin:5px 10px 5px 0;
    border:1px solid #CCC;
    
}
th {
	font: bold 11px "Lucida Sans Unicode",sans-serif;
	color: #f7981c;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #5ca3d9;
	letter-spacing: 2px;
	text-decoration:none;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA url(imagesbg_header.jpg) no-repeat;
width:400px;
white-space:normal
}

th p{
 }

th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}

th.spec {	
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(images/bullet1.gif) no-repeat;
	font: bold 10px "Lucida Sans Unicode",sans-serif;
}

th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(images/bullet2.gif) no-repeat;
	font: bold 10px "Lucida Sans Unicode",sans-serif;
	color: #f7981c;
}

td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #6D929B;
}


td.alt {
	background: #F5FAFA;
	color: #B4AA9D;
}
/*end of table
*/

TABLE.MYTABLE
  { 
     font-family:arial;
     font-size:10pt;
     background-color:#F8EFD3;
     width:380px;
     border-style:dashed;
     border-color:#666;
     border-width:1px;
float: left
  }

  TH.MYTABLE
  {border-width:1px;
     border-color:#666;
 border-style:dashed;
background-color:#F8EFD3;
  }


  TR.MYTABLE
  { border-width:1px;
     border-color:#666;
 border-style:dashed;
background-color:#F8EFD3;
  }

  TD.MYTABLE
  {  
     border-width:1px;
     border-color:#666;
 border-style:dashed;
background-color:#F8EFD3;
  }
/*end of table*/


		
		#lightwindow_overlay {
	/* REQUIRED */
	display: none;
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100px;
	z-index: 500;
	
}

#lightwindow {
	/* REQUIRED */
	/* Of Note - The height and width of this element are set to 0px */
	display: none;
	visibility: hidden;
	position: absolute;
	z-index: 999;
	line-height: 0px;
	/* REQUIRED */
}

	#lightwindow_container {
		display: none;
		visibility: hidden;
		position: absolute;
		/* REQUIRED */
		padding: 0 0 0 0;
		margin: 0 0 0 0;
	}

	/* IE6 needs this or it messes with our positioning */
	* html #lightwindow_container {
		overflow: hidden;
	}

	#lightwindow_contents {
		overflow: hidden;
		z-index: 0;
		position: relative;
		border: 10px solid #ffffff;
		background-color: #ffffff;
	}		

#lightwindow_loading {
	/* REQUIRED */
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
	z-index: 9999;
	position: absolute;
	/* REQUIRED */
	background-color: #f0f0f0;
	padding: 10px;
}

	#lightwindow_loading_shim { 
		display: none;
		left: 0px; 
		position: absolute; 
		top: 0px;
		width: 100%; 
		height: 100%;
	}

	#lightwindow_loading span {
    	font-size: 12px;
		line-height: 32px;
		color: #444444;
		float: left;
		padding: 0 10px 0 0;
	}

	#lightwindow_loading span a,
	#lightwindow_loading span a:link, 
	#lightwindow_loading span a:visited {
		color: #09F;
		text-decoration: none;
		cursor: pointer;
	}

	#lightwindow_loading span a:hover,
	#lightwindow_loading span a:active {
		text-decoration: underline;
	}


	#lightwindow_loading img {
   		float: left;
   		margin: 0 10px 0 0;
	}


/*-----------------------------------------------------------------------------------------------
	I liked the Navigation so much from http://www.huddletogether.com/projects/lightbox2/
	I mean let's face it, it works really well and is very easy to figure out.
-----------------------------------------------------------------------------------------------*/

#lightwindow_navigation {
	/* REQUIRED */
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	/* REQUIRED */
}
	/* We need to shim the navigation for IE, though its more of a sub-floor */
	#lightwindow_navigation_shim { 
		/* REQUIRED */
		display: none;
		left: 0px; 
		position: absolute; 
		top: 0px;
		width: 100%; 
		height: 100%;
		/* REQUIRED */
	}

	#lightwindow_navigation a,
	#lightwindow_navigation a:link,
	#lightwindow_navigation a:visited,
	#lightwindow_navigation a:hover,
	#lightwindow_navigation a:active { 
		/* REQUIRED */
		outline: none;
		/* REQUIRED */
	}

	#lightwindow_previous, 
	#lightwindow_next {
		width: 49%;
		height: 100%;
		background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
		display: block;
	}
	
	#lightwindow_previous { 
		float: left;
		left: 0px;
	}

	#lightwindow_next { 
		float: right;
		right: 0px;
	}

	#lightwindow_previous:hover, 
	#lightwindow_previous:active { 
		background: url(../images/prevlabel.gif) left 15% no-repeat; 
	}

	#lightwindow_next:hover, 
	#lightwindow_next:active { 
		background: url(../images/nextlabel.gif) right 15% no-repeat; 
	}
	
	#lightwindow_previous_title,
	#lightwindow_next_title {
		display: none;
	}
	 	
#lightwindow_galleries {
	width: 100%;
	position: absolute;
	z-index: 50; 
	display: none;
	overflow: hidden;
	margin: 0 0 0 10px;
	bottom: 0px;
	left: 0px;
}

	#lightwindow_galleries_tab_container {
		width: 100%;
		height: 0px;
		overflow: hidden;
	}

	a#lightwindow_galleries_tab,		
	a:link#lightwindow_galleries_tab,
	a:visited#lightwindow_galleries_tab {
		display: block;
		height: 20px;
		width: 77px;
		float: right;
		line-height: 22px;
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		font-size: 11px;
		color: #ffffbe;
		background: url(../images/black-70.png) repeat 0 0 transparent;
	}
	
	* html a#lightwindow_galleries_tab,		
	* html a:link#lightwindow_galleries_tab,
	* html a:visited#lightwindow_galleries_tab {	
		background: none;
		background-color: #000000;
		opacity: .70;
		filter: alpha(opacity=70);
	}

	a:hover#lightwindow_galleries_tab,
	a:active#lightwindow_galleries_tab {
		color: #ffffbe;

	}

	#lightwindow_galleries_tab_span {
		display: block;
		height: 20px;
		width: 63px;
		padding: 0 7px 0 7px;
	}
	
	#lightwindow_galleries_tab .up	{
		background: url(../images/arrow-up.gif) no-repeat 60px 5px transparent;
	}

	#lightwindow_galleries_tab .down {
		background: url(../images/arrow-down.gif) no-repeat 60px 6px transparent;
	}

	#lightwindow_galleries_list {
		background: url(../images/black-70.png) repeat 0 0 transparent;
		overflow: hidden;
		height: 0px;
	}

	* html #lightwindow_galleries_list {
		background: none;
		background-color: #000000;
		opacity: .70;
		filter: alpha(opacity=70);
	}	

	.lightwindow_galleries_list {
		width: 200px;
		float: left;
		margin: 0 0 10px 0;
		padding: 10px;
	}

	.lightwindow_galleries_list h1 {	
		color: #09F;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		padding: 10px 0 5px 0;
		font-size: 16px;
	}

	.lightwindow_galleries_list li {
		margin: 5px 0 5px 0;
		list-style-type: none;
	}

	.lightwindow_galleries_list a, 
	.lightwindow_galleries_list a:link, 
	.lightwindow_galleries_list a:visited {
		display: block;
		line-height: 22px;
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		padding: 0 0 0 10px;
		font-size: 11px;
	}

	.lightwindow_galleries_list a:hover, 
	.lightwindow_galleries_list a:active {
		background: #000000;
		color: #ffffbe;
		border-left: 3px solid #ffffbe;
		padding: 0 0 0 7px;
	}
		
#lightwindow_data {
	/* REQUIRED */
	position: absolute;
	/* REQUIRED */
}

	#lightwindow_data_slide {
		/* REQUIRED */
		position: relative;
		/* REQUIRED */
	}

	#lightwindow_data_slide_inner {
		background-color: #ffffff;
		padding: 0 10px 10px 10px;
	}

	#lightwindow_data_caption {
		padding: 10px 0 0 0;
		color: #666666;
		line-height: 25px;
		background-color: #ffffff;
		clear: both;
	}

	#lightwindow_data_details {
		background-color: #f0f0f0;
		padding: 0 10px 0 10px;
		height: 20px;
	}
	
	#lightwindow_data_author_container {
		width: 40%;
		text-align: right;
		color: #666666;
	 	font-style: italic;
		font-size: 10px;
		line-height: 20px;
		float: right;
		overflow: hidden;
	}
	
	#lightwindow_data_gallery_container {
		font-size: 10px;
		width: 40%;
		text-align: left;
		color: #666666;
		line-height: 20px;
		float: left;
		overflow: hidden;
	}
	
#lightwindow_title_bar {
	height: 25px;
	overflow: hidden;		
}

	#lightwindow_title_bar_title {
		color: #ffffbe;
		font-size: 14px;
		line-height: 25px;
		text-align: left;
		float: left;
	}

	a#lightwindow_title_bar_close_link,	
	a:link#lightwindow_title_bar_close_link,
	a:visited#lightwindow_title_bar_close_link {
		float: right;
		text-align: right;		
		cursor: pointer;
		color: #ffffbe;
		line-height: 25px;
		padding: 0;
		margin: 0;
	}
	
	a:hover#lightwindow_title_bar_close_link,
	a:active#lightwindow_title_bar_close_link {
		color: #ffffff;
	}

/*-----------------------------------------------------------------------------------------------
	Theme styling stuff
-----------------------------------------------------------------------------------------------*/	

#lightwindow p {
	color: #000000;
	padding-right: 10px;
}


