/* Styles for Jacqueline-Dolan.com website */

body {
	background: #000;
	font: 62.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;
}  
            

/* Globals
--------------------------------------------*/                                             
a, a:visited { color: #747474; text-decoration: none; }
a:hover, a:focus { color: #647d9f; }
    
ul { list-style: none; margin: 0;}                                          

/* Header 
--------------------------------------------*/  
#hdr {
	border-bottom: 1px solid #282828;  
	float: left; 
	padding: 0 0 10px 0;  
	margin-bottom: 40px;   
	width: 900px;  
}          

#hdr h1 {
	background: transparent url(/images/jdolan.gif) 0 55px no-repeat;
	margin: 0;
	padding: 55px 0 0 0;
	overflow: hidden;  
	float: left;
}


#hdr h1 a {
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	width: 247px;
	height: 40px;
}         

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

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

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

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

#intro_text p { text-align: justify;}
              
#intro_text table { width: 284px; margin: 15px 0 65px 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: 39px;
		height: 500px;
		float: left;
		overflow: hidden;
		cursor:pointer;
	}
	          
	#showCase0 { margin-left: 1px; }
	
	#showCase1,#showCase2,#showCase3,#showCase4,
	#showCase5, #showCase6, #showCase7, #showCase8, 
	#showCase9, #showCase10, #showCase11 {
		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: left; margin-top: 35px; width: 100%;}

#footer a {
	background: url(/images/sd_logo.gif) 0 0 no-repeat;
	float: right; 
	display: block;
	text-decoration: none;
	text-indent: -9999px;
	width: 105px;
	height: 21px;	
}