/*reset*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}


.color01{ /* Beige */
 color:	#cac3bb;
}
.color02{ /* Red */
 color:	#003366;
}
.color03{ /* Turquois */
 color:	#000000;
}
.color04{ /* Dark Beige */
 color:	#96918b;
}

img { -ms-interpolation-mode:bicubic; }

*{
  margin:0;
  padding:0;
}

html,body{
  min-height:100%;
}

a {
  cursor:pointer;
}
body{  
  font-family: Arial, sans-serif;
  font-size: 12px;
  background-color:#000;
  color:#fff;
}

.animation_frame {
  top:0;
  z-index:5; 
  position:absolute;
  width:100%;
  height:800px;  
  background-position:center center;
  background-repeat: no-repeat;
}
#frame_3 {
  z-index:6;
}

#bg {
  top:0;
  z-index:1; 
  position:absolute;
  width:100%;
  background-color:#000000;
  height:800px;  
  background-image: url(/images/caspi_home.png);
  background-position:center top;
  background-repeat: no-repeat;   
}
#frame3 {
  background-position:center top;
}

#outer_wrapper{
  width:1050px;
  margin-left:auto;
  margin-right:auto;
}

 
#inner_wrapper{
  margin:0px;
  width:1050px;
  top:100px;
  position:absolute;  
  z-index:10;
}


#box_1 {
  width: 150px;
  margin-right:10px; 
}

#box_2 {
  width: 740px;
  overflow:hidden;
}
#box_3 {
  width: 150px;
  overflow:hidden;
}

.column {
  height:570px;
  float:left;  
}


#side_nav_fg {
  z-index:15;
  top:64px;
  height:400px;
  position:absolute;
}

#side_nav_bg {
  z-index:14;
  top:64px;
  height:400px;
  position:absolute;
}

.nav_item_bg, #side_nav_bg .top,#side_nav_bg .bottom  {
  background-color:#ffffff;
  filter: alpha(opacity=60); 
  -khtml-opacity: 0.6; 
  -moz-opacity: 0.6;  
  opacity: 0.6;
}
.nav_item_bg .current {
 background-color:transparent;
}

.side_nav li.top {
 height:20px; 
}
.side_nav li.bottom {
 height:20px; 
}




.side_nav li a {
  color:#2e2c2c; 
  text-transform:uppercase;
  font-size:11px;
  letter-spacing:2px;			
  font-weight:bold;
  text-decoration:none;
}

.side_nav li.current a {
  color:#fff;
  text-decoration:none;
}


.side_nav li {
  list-style: none;
  width:127px;

  padding-top:10px;
  padding-left:10px;
  padding-right:10px;
  height:22px;
  border-top: 2px transparent solid; 
  border-bottom: 2px transparent solid;  
}

.nav_item_bg li:hover {
  background-color:transparent;
}

.nav_item_bg li.current:hover {
}

.side_nav li.current {
  background-image:none;
  border-top: 2px #eee solid; 
  border-bottom: 2px #eee solid;  
  background-color:transparent;
}



#latin-america-title {
  margin-top:534px;
  display:block; 
}


#header_container_wrapper {
  margin-top:98px;
  height:68px;
  width:100%;

  z-index:30;
  position:absolute;
}

#header_container_bg {
  width: 100%;
  z-index:21;
  height:68px;
  position:absolute;
}

#header_container{
  width: 100%;
  position:absolute;
  z-index:22;
  height:68px;
}



#header {
 width:1050px;
 margin-left:auto;
 margin-right:auto;
 height:68px;
}

#caspi-logo {
  display:block;
  float:left; 
  margin-right:10px;
  margin-top:8px;
  z-index:30;
  position:absolute;
}

#genesis-logo {
  display:block;
  float:left; 
  z-index:30;
  margin-left:185px;  
  position:absolute;
}

#footer_container_wrapper {
  height:135px;
  margin-top:680px;
  width:100%;
  z-index:40;
  position:absolute;
}


#footer_container_bg {
  clear:both;
  width: 100%;
  z-index:10;
  position:absolute;
  background-color:#ffffff;
  height:120px;
}



#footer_container{
  clear:both;
  width: 100%;
  z-index:11;
  position:absolute;
   height:120px;
}

#footer {
 width:1050px;
 margin-left:auto;
 margin-right:auto;
 height:120px;
 padding-top:0px;
}

#footer li a {
  color:white;
  text-transform:uppercase;
  text-decoration:none;
}
#footer ul{
  margin-top:6px;
}
#footer li {
  text-transform:uppercase; 
  font-size:11px;
  letter-spacing:1.1;
  color:#1c709e;
  display:block;
  float:left;
  padding-right:15px;
  padding-left:15px;
  margin-top:11px;
  margin-bottom:6px;
  border-left:1px white solid;
}

#footer-row2 {
  width:500px;height:100px;margin-top:50px;margin-left:20px;position:absolute;
}
#register_btn {
  background-color:#3399ff; display:block; float:left;
  margin-left:2px;
  padding:5px 15px;
  text-transform:uppercase;
  font-size:10px;
  text-decoration:none;
  color:white;
}

#footer-home-link li {
  border-left: 0px;
}

#latin-america li {
  border-left: 0px;
  margin-left:150px;
}

li#phone {
  width:100px;
  padding:0px;
  padding-top:9px;
}


/*-- LINK STYLES --*/

.current a:link, .current a:visited{
   color:#000000;
   text-decoration:underline;
}

a {
  font-family:Helvetica, Arial, sans-serif;
  text-decoration:underline;
  color:#000000;
}

a:hover, a:active, .current{
  text-decoration:none;
  color:#000000;
}

/* home page links */
#genesis_link, #reserva_link {
  width:260px;
  height:87px;
  position:absolute;
  margin-left:650px;
  cursor:pointer;
  display:block;
}
#genesis_link {
  margin-top: 50px;
}
#reserva_link {
  margin-top:180px;
  height:85px;
  margin-left:642px;
}

#close-tab{
  background-color:#CCCCCC;
  float:right;
  width:58px;
}
#close-tab a {
  font-weight:bold;
  color:white;
  text-decoration:none;
  padding:2px 8px;
  float:right;
}

#logo-home {
  position:absolute;
  margin-left:5px;
  width:630px;
}
#logo-home h1 {
  color:#FFFFFF;
  margin-top:20px;
}

#logo-home p {
  margin-top:30px;
  margin-left:75px;
  color: white;
  font-size:12px
  letter-spacing:0px;
}

#logo-home-new {
  margin-left:15px;
  margin-top:15px;
  width:265px;
  position:absolute;
  padding:60px 20px;
}

#logo-home-background {
  margin-left:15px;
  margin-top:15px;
  background-color:#0e0e0e;
  opacity:.6;
  filter: alpha(opacity=60); 
  border: 1px white solid;
  position:absolute;
  width:245px;
  height:530px;
  padding:60px 30px;  
}

#logo-home-new p {
  font-size:14px;
  color:white;
  height:600px;
  padding:5px;
  margin-top:20px;
}

.home-ul li {
  font-size: 14px;
}

.genesis-ul {
  color:#02cdf2;
  margin-left:80px;
  margin-top:-10px;
}

.heradura-ul {
  color:#00ffe4;
  margin-left:88px;
  margin-top:-18px; 
}


#current-projects-home {
  margin-left:640px;
  margin-top:12px;
  position:absolute;
  width:390px;
  text-align: left;
  padding-left:5px;
  padding-bottom:8px;
  padding-right:4px;
  border-bottom:1px #7b9caa solid;
}


#puntarenas-header {
  display:block;
  float:right;
  margin-top:10px;
  margin-right:158px;
}


#brokerage-contact {
  margin-left:640px;
  margin-top:200px;
  position:absolute;
  width:390px;
}
 #brokerage-contact h3 {
  font-size:16px;
 }
#brokerage-contact p, #brokerage-contact a, #brokerage-contact h3 {
  color:#FFFFFF;
}

.photo-row a{
  text-decoration:none;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:1px;
}

.photo-row { 
  float:left;
  text-align:center;
  margin-right:20px;
  height:140px;
}
.photo-row img {
  margin-bottom:4px;
  padding:2px;
  border:1px #222 solid;
}

#photo-row-1 {
  margin-left:80px;
}

#photo-row-2 {
  margin-left:180px;
}


#press-table{
  margin-top:14px; 
  margin-left:50px; 
  text-align:center;
}

#press-table td{
  vertical-align:middle;
  padding:2px;
}

#press-table a{
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}

#press-table a:hover{
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
}



/*-- HEADING STYLES --*/

h1, h2, h4{
  font-weight:normal;
  margin-left:50px;
}

h1 {
  font-size:24px;
  font-weight:normal;
  text-transform:uppercase;
}

h2 {
  font-size:16px;
}

h3 {
  font-weight:normal;
  
}



/*--- Transparency Classes ---*/

.transparent-80{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.transparent-50{
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

.transparent-20{
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
}

.transparent-0{
	filter:alpha(opacity=00);
	-moz-opacity:0.0;
	-khtml-opacity: 0.0;
	opacity: 0.0;
}




/*-- Removes dotted outline for lines in FF --*/

a:active
{
  outline: none;
}

:-moz-any-link:focus {
  outline: none;
}


/*--- Vertical Spacing Classes ---*/

.vspace_1{
 margin-top:10px;   
}

.vspace_2{
 margin-top:20px;   
}

.vspace_3{
 margin-top:30px;   
}

.vspace_4{
 margin-top:40px;   
}

.vspace_5{
 margin-top:50px;   
}

.vspace_6{
 margin-top:60px;   
}

.vspace_7{
 margin-top:70px;   
}

.vspace_8{
 margin-top:80px;   
}

.vspace_9{
 margin-top:90px;   
}

.vspace_10{
 margin-top:100px;   
}


/* page specific */

.box2-background-container {
  z-index:15;
  position:absolute;
  overflow:hidden;
  width: 740px;
  height:580px;
}

.bigwhitebg {
  filter: alpha(opacity=80); 
  -khtml-opacity: 0.8; 
  -moz-opacity: 0.8;  
  opacity: 0.8;
  background-color:#ffffff;
  height:580px;
  color:#000000;
}

.bigwhitebg-location {
  margin-top:176px;
  filter: alpha(opacity=80); 
  -khtml-opacity: 0.8; 
  -moz-opacity: 0.8;  
  opacity: 0.8;
  background-color:#ffffff;
  height:404px;
}

.smallwhitelayer em {
  font-size:14px;
  font-weight:bold;
}


.smallwhitelayer {
  filter: alpha(opacity=70); 
  -khtml-opacity: 0.7; 
  -moz-opacity: 0.7;  
  opacity: 0.7;
  background-color:#ffffff;
  height:24px;
  color:#000000;
  padding:12px;
  padding-top:18px;
  padding-bottom:5px;
  text-align:right;
  z-index:40;
  margin-top:66px;
  width: 716px;
  position:absolute;
}

#box_2_content {
  height:580px;
  overflow:hidden;
}


.box2-content-container {
  z-index:20;
  position:absolute;
  overflow:hidden;
  width: 740px;
  height:580px;
  font-size:12px;
  color:#000000;
}

.box2-content-container p {
  padding-left:50px;
  padding-right:50px;
  padding-top:5px;
  line-height: 1.4;
  font-size:12px;
  padding-bottom:8px;
  text-align: justify;
}


.slide {
  position:absolute;
  top:0px;
  margin-top:0px;
  z-index:17;
}

.tabs {
  position:absolute;
  z-index:40;
  top:540px;
}
.tab-handle {
  border-bottom: 2px #d3d3d3 solid;
}
.tab-content {
  color:#000000;
  background-color:#ffffff;
  filter: alpha(opacity=90); 
  -khtml-opacity: 0.9; 
  -moz-opacity: 0.9;  
  opacity: 0.9;
  height:500px;
  font-size:12px;
  padding-top:10px;
  padding-bottom:120px;
  width:740px;
}

.intl {
  background-color:#000;
  color:#fff;
}


.bullet_column {
  margin-left:40px; 
  margin-right:40px; 
  display:block;
  float:left;
}

.bullet_column li { 
  list-style:disc;
  color: #000000;
  margin-bottom:6px;
}

.tab-content .left_col{
  margin-left:50px;
}


.tab-content .center_col{
  width:230px;
}



/*location */
#location_nav {
  margin-top:16px;
}

#location_nav a, #location_nav a:hover, #location_nav a:active, #location_nav a:visited {
  text-decoration:none;
  text-transform:uppercase;
  line-height:1.6;
}

.right_nav {
  position:absolute;
  margin-left:720px;
  top:125px;
  z-index:100;
}

.right_nav li {
  padding-bottom:10px;
}
.right_nav li a{
  padding:10px;
  padding-left:25px;
  color:#000000;
  text-transform:uppercase;
  font-size:12px;
  font-weight:bold;
  letter-spacing:.8px;
  background-color:#ffffff;
  display:block;
  width:150px;
  filter: alpha(opacity=50); 
  -khtml-opacity: 0.5; 
  -moz-opacity: 0.5;  
  opacity: 0.5;
  text-decoration:none;
}

.expanded li a,.expanded>a, a.expanded, .right_nav li a:hover, li a.current{
  filter: alpha(opacity=80); 
  -khtml-opacity: 0.8; 
  -moz-opacity: 0.8;  
  opacity: 0.8;
}

.right_sub_nav li a{
    background-color:#eeeeee;
    padding-bottom:5px;
    padding-left:25px;
    font-size:10px;

}
.right_sub_nav li {
  padding-bottom:0px;
}



#overview_text {
  display:block;
  height:199px;
  overflow-y:scroll;
  margin-left:80px;
  margin-top:-37px;
}
#overview_text p {
  line-height:1.2;
  padding-bottom:4px;
  font-size:12px;
}
#overview_text h3 {
  margin-left:50px;
  font-size:14px;
  text-transform:uppercase;
  margin-top:8px;
}
/* location */

.tab-nav{
  background-color:#132906;
  margin-top:150px;
  height:21px;
  text-align:right;
  padding-top:6px;
}


.tab-nav a, .tab-nav a:link{
  color:#3e6c1c;
  text-decoration:none;
  padding:6px 30px;
  background-color:#132906;
  font-size:14px;
  text-transform:uppercase;
  letter-spacing:4px;
  font-weight:bold;
}

.tab-nav a:hover{
  color:#fff;
}

.tab-nav a.current{
  color:#fff;
  text-decoration:none;
  background-color:#3e6c1c;
}

.location-content{
  margin-top:20px;
  width:460px;
  height:374px;
  float:left;
}

.location-content h1{
  font-weight:bold;
  color:#497600;
  margin-bottom:10px;
}

.slideshow-container{
  width:280px;
  height:400px;
  background-color:#ddd;
  overflow:hidden;
  float:left;
}

.slideshow-container .slide{
  margin-top:178px;
  position:absolute;
  width:280px;
  height:400px;
}


.tab-handle {
  cursor:pointer;
}

.tabs a {
  text-transform:uppercase;
  color: #000000;
  line-height:1.7;
  
}

.divider {
  border-bottom: 1px #bbb solid;
}

/* residences */

.zoom-link{
  background-color:#CCCCCC;
  color:white;
  display:block;
  font-size:10px;
  font-weight:bold;
  margin-left:0;
  margin-top:-23px;
  padding:0 4px;
  position:absolute;

}

.floorplan {
  padding-top:60px;
  margin-left:10px;
  position:absolute;
}

.floorplan img {
  position:absolute;
  margin-top:80px;
  margin-left:5px;
  margin-top:6px;

}

.unitplan-image {
  display:block;
  text-decoration:none;
}
.unitplan-image img {
  border:1px #cccccc solid;
  padding:2px;
  margin-bottom:6px;
}

.horizontal {
  float:left;
  display:block;
  margin-right:16px;
  margin-top:40px;
}

.numlevels-1{
  margin-top:40px;
}

#unit-index {
  margin-top:120px;
  margin-left:420px;
  font-size:14px;
  z-index:18;
  position:absolute;
}


#unit-index li {
  list-style:none;
  text-transform:uppercase; 
}

#unit-index ul {
  filter:alpha(opacity=100);
  -moz-opacity:1;
  -khtml-opacity: 1;
  opacity: 1; 
}

#unit-index  a {
  text-decoration:none;

}


#unit-index  li a {
  display:block;
  background-color:#fff;
  padding:5px 20px;
  margin:2px;
  letter-spacing: 1.6px;
  filter:alpha(opacity=70);
  -moz-opacity:0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;
}

#unit-index  li a:hover {
  filter:alpha(opacity=100);
  -moz-opacity:1;
  -khtml-opacity: 1;
  opacity: 1;
}

#unit-index h3 {
  font-weight:normal;
  font-size:14px;
  letter-spacing:2px;
  padding:2px;
  margin:2px;
  display:block;
  padding-left:20px;
 
}

.detail-table {
  margin-left:10px;
  width:290px;
  float:left;
}


.detail-table td {
   padding:10px 6px;
}
.detail-table table {
  /*margin-top:35px; */
  border-top: 2px #bad8ee solid;
  width:270px;
}
.detail-table tr {
  border-bottom: 2px #bad8ee solid;
}

.detail-table h1 {
	color:#2D4050;
	display:block;
	font-size:18px;
	font-weight:normal;
	height:60px;
	letter-spacing:1.5px;
	width:290px;
	margin-top:30px;
	margin-left:10px;
}

.detail-table sup{
  font-size:8px;
}


#residences-tab-content {
  opacity:1;
  filter: alpha(opacity=100); 
  padding-top:0px;
}


/* Overlays */

#overlay-map, #overlay_container {
  position:absolute;
  top: 10px; 
}
#overlay_container img {
  position:absolute;
  top:10px;
}


a.more_link{
  position:absolute;
  top:350px;
  right:20px;
  z-index:999;
  background-color:#000;
  color:#fff;
  padding:2px 8px;
  font-size:10px;
  filter: alpha(opacity=60); 
  -khtml-opacity: 0.6; 
  -moz-opacity: 0.6;  
  opacity: 0.6;
}

a.more_link:hover{
  filter: alpha(opacity=80); 
  -khtml-opacity: 0.8; 
  -moz-opacity: 0.8;  
  opacity: 0.8;
}

a.less_link{
  position:absolute;
  top:350px;
  left:20px;
  z-index:999;
  background-color:#000;
  color:#fff;
  padding:2px 8px;
  font-size:10px;
  filter: alpha(opacity=60); 
  -khtml-opacity: 0.6; 
  -moz-opacity: 0.6;  
  opacity: 0.6;
}

a.less_link:hover{
  filter: alpha(opacity=80); 
  -khtml-opacity: 0.8; 
  -moz-opacity: 0.8;  
  opacity: 0.8;
}

.pdf_links{
  margin-top:12px;
  text-align:center;
  width:270px;
}

.pdf_links a{
  margin-left:2px;
    font-size:12px;
  text-decoration:none;
  text-transform:lowercase;
}

.zoom_btn{
  position:absolute;
  top:260px;
  right:10px;
}


/* Inquiries Form */

.wide_form {
  margin-left:50px;
  margin-right:30px;
  margin-top:10px;
}

.wide_form td{
  padding-right:20px;
}

.wide_form  .select_table td{
  padding-right:0px; 
}

.wide_form label{
  display:block;
  font-size:12px;
  margin-left:2px;
}

.wide_form input[type=text],
.wide_form input[type=password],
.wide_form input.inputbox,
.wide_form textarea,
.wide_form select{
  width:100%;
  margin-bottom:4px;
}

input[type=text],
input[type=password],
input.inputbox,
textarea{
  border:1px solid #ccc;
  padding:2px;
}

.color-2{
 color:#0078ee;
}

.right{
 float:right;
 /*text-align:right; */
}

.box2-content-container ul {
  width:322px;
  padding-bottom:6px;
} 

.box2-content-container li {
  font-size:12px;
  list-style: square;
  margin-left:15px;
  line-height:1.5;
}

.investment_tabs li a {
  background-color: #152447;
  color: white;
}

.investment_pane {
  height:425px;
}
#main ul {
  width:600px;
}
#main li {
  margin-left:80px;
  margin-bottom:8px;
  font-size:12px;
}

.investment_pane h1 {
  margin-top:130px;
  margin-left:50px;
}

.intl-content-container {
  width:1050px;
  margin-left:-150px;

}

.intl-background-container {
  background-color: #000000;
  filter: alpha(opacity=80); 
  -khtml-opacity: 0.8; 
  -moz-opacity: 0.8;  
  opacity: 0.8;
  width:1050px;
  margin-left:-150px;
}
.intl-background-container-home {
  filter: alpha(opacity=100); 
  opacity: 1.0;
}

.intl-content-container label{
  color:#FFFFFF;
  font-size:12px;
  padding-top:6px;
  padding-bottom:2px;
}

.intl-content-container #message_div {
  color:#FFFFFF;
  font-size: 20px;
  margin-left:50px;
  margin-top:20px;
}
.genesis_form #message_div {
  color:#000000;
  font-size: 20px;
  margin-left:50px;
  margin-top:20px;
}

/* architect */

p.architect {
  line-height:1.4;
  text-align: justify;
  font-size: 12px;
}





select {
  border:1px #cccccc solid;
}

input[type="text"].invalid, input[type="password"].invalid, input.invalid, textarea.invalid, select.invalid
 {
  border: 1px solid red;
}


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

#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 {
		/* REQUIRED */
		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 #111;
		background-color: #000;
	}		

#lightwindow_loading {
	/* REQUIRED */
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
	z-index: 9999;
	position: absolute;
	/* REQUIRED */
	background-color: #000;
	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;
}