/* Styles for jorgeiglesias - guiagaybarcelona.es website */

body {
	background: #000;
	font: 55.5%/1.5em Arial, Verdana, "Lucida Grande", sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #c4c4c4;
}

#wrapper {
	width: 900px;
	margin: 0 auto;
	text-align: left;
}  
                                                      


a { color:#B8860B; text-decoration:none;}
a:hover { color:#DAA520; text-decoration:none;}
a {outline:none;}


    
ul { list-style: none; margin: 0;}                                          


#hdr {
	border-bottom: 1px solid #282828;  
	float: left; 
	padding: 0 0 10px 0;  
	margin-bottom: 10px;   
	width: 850px;  
}          

#hdr h1 {
	background: transparent url(logo-digital.png) 0 5px no-repeat;
	margin: 0;
	padding: 5px 0 0 0;
	overflow: hidden;  
	float: left;
}


   

/* Nav
--------------------------------------------*/
#nav {
	float: right;
	margin: 5px 0 0 0;
}                

#nav li {
	float: left;  
	font-size: 160%;
	margin-left: 55px;
}        
      
#home #navHome a, #photos #navPhotos a, #card #navCard a {
	color: #DAA520; 	
}

/* Homepage Body
---------------------------------------------*/
#photo_stack {
	width: 500px;
        height: 500px;
	float: left;
}         

#intro_text {
	width: 285px;
	font-size: 140%;    
	line-height: 1.8;
	float: left;
	margin: 5px 0 0 45px; 
}                 

#intro_text p { text-align: justify;}
              
#intro_text table { width: 284px; margin: 15px 0 45px 0;}
                      
#intro_text tr.odd { background: url(/images/bkg_diag.gif) 0 0 repeat; padding: 0 0 0 6px;}     

#intro_text td { width: 136px;  padding: 0 0 3px 6px;}
                                                 

/* Comp Card
---------------------------------------------*/
#comp_card {
	padding-left: 105px;
	width: 425px;
	float: left;        
}            
    
#comp_card_download {
	width: 285px;
	float: left;
	margin: 200px 0 0 15px;   
}
       
#comp_card_download small {
	color: #616161;
	font-size: 100%;
}

#download_box {
	width: 245px;
	height: 75px;
	background: url(/images/bkg_diag.gif) 0 0 repeat;
	font-size: 150%;
	font-weight: bold; 
	padding: 60px 0 0 40px; 
	margin: 0 0 4px 0;
}
                     
#download_box a, #download_box a:visited {
	color: #ff2687;
	background: url(/images/ico_download.gif) 0 5px no-repeat;
	padding: 10px 0 10px 38px;	
}            

#download_box a:hover { color: #fff;}  

/* Photos
------------------------------------------*/
	#showcase_wrapper_front {
		height: 500px;
		width: 900px;     
		float: left;
		margin-left: 2px !important;
		margin-left: 1px;
		background: #000;
		overflow: hidden;
	}

	#showcase_wrapper_front .showCase,
	#showcase_wrapper_front .showCaseInactive {
		width: 50px;
		height: 500px;
		float: left;
		overflow: hidden;
		cursor:pointer;
	}
	          
	#showCase0 { margin-left: 1px; }
	
	#showCase1,#showCase2,#showCase3,#showCase4,
	#showCase5, #showCase6, #showCase7, #showCase8, 
	#showCase9 {
		margin-left: 12px;
	}		
       
/* Error
------------------------------------------*/
#error_box {
	width: 650px;
	height: 85px;
	background: url(/images/bkg_diag.gif) 0 0 repeat;
	font-size: 150%;
	font-weight: bold; 
	margin: 100px 0 200px 125px; 
	padding: 50px 0 0 0;
	text-transform: uppercase;
	float: left;	
}                             
         
* html #error_box { margin: 100px 0 200px 75px;}

#error_box p {
	color: #fff;
	background: url(/images/ico_error.gif) 0 5px no-repeat;
	margin: 0 0 0 165px;
	width: 300px;	
	padding: 10px 0 10px 38px;
}                        


/* Footer
------------------------------------------*/  
#footer { float: right; margin-top: 10px; width: 100%;}