/* 
This style sheet and the images to which it refers to 
may not be reused, resold or redistributed by any means necessary
================================================================
Description: Layout styles for Dwayne De Rosario
Version: 1.0
Author: AWS Sports
Author URI: http://www.awssports.com/
*/

	/**** Testing Rule ***************************************************************************/
	#asdf { background-color:purple; filter:alpha(opacity=70); -moz-opacity:.70; opacity:.70; }
	
	/**
	 * BODY LAYOUT
	 ***********************************************************************************/
	body { 
        text-align:center; 
        background-color:#000;
    }

	#wrapper { 
		position:relative;
		width:998px; 
		height:auto !important; 
		min-height:500px; 
		height:500px; 
		text-align:left;  
		margin:0 auto; 
        background: url('../images/wbg.jpg') 0 0 repeat-y;
	}

	#background { 
		width:998px; 
		height:auto !important; 
		min-height:1px; 
		height:1px; 
        background: url('../images/bg.jpg') 0 0 no-repeat;
	}

	
	/**
	 * HEADER LAYOUT
	 ***********************************************************************************/
	#header { 
		width:998px; 
		height:102px; 
	}
	#header h1, 
	#header h2, 
	#header ul#jNav { position:absolute; left:-9999px; list-style:none; }
    
    /* join now promo */
    #join_now_promo {
        position:absolute;
        top:25px;
        right:10px;
        width:214px;
        height:21px;
    }
    #join_now_promo a {
        display:block;
        width:100%;
        height:100%;
        text-decoration:none;
        text-indent:-9999px;
        background: url('../images/free_membership.png') 0 0 no-repeat;
    }
    #join_now_promo a:hover {  -moz-opacity:.50; /* filter:alpha(opacity=50); opacity:.50;  */}

	
	/**
	 * SITENAV LAYOUT
	 ***********************************************************************************/
    ul#sitenav {
        z-index:5;
        position:relative;
        top:69px;
        left:383px;
        width:609px;
        height:20px;
        margin:0;
        padding: 0;
        list-style:none;
    }

    ul#sitenav li {
        float:left;
        height:20px;
    }

    ul#sitenav li a {
        height:20px;
        width:100%;
        display:block;
        text-indent:-9999px;
        position:relative;
        outline: none;
    }
    ul#sitenav li a:hover {
        background-image: url('../images/sitenav.jpg');
    }


    ul#sitenav li#sitenav_home              { width:65px; }
    ul#sitenav li#sitenav_about_de_ro       { width:87px; }
    ul#sitenav li#sitenav_news              { width:50px; }
    ul#sitenav li#sitenav_events            { width:129px; }
    ul#sitenav li#sitenav_galleries         { width:66px; }
    ul#sitenav li#sitenav_interactive       { width:78px; }
    ul#sitenav li#sitenav_causes            { width:62px; }
    ul#sitenav li#sitenav_contact           { width:72px; }
    ul#sitenav li#sitenav_home              a:hover { background-position:     0px 0px; }
    ul#sitenav li#sitenav_about_de_ro       a:hover { background-position:   -65px 0px; }
    ul#sitenav li#sitenav_news              a:hover { background-position:  -152px 0px; }
    ul#sitenav li#sitenav_events            a:hover { background-position:  -202px 0px; }
    ul#sitenav li#sitenav_galleries         a:hover { background-position:  -331px 0px; }
    ul#sitenav li#sitenav_interactive       a:hover { background-position:  -397px 0px; }
    ul#sitenav li#sitenav_causes            a:hover { background-position:  -475px 0px; }
    ul#sitenav li#sitenav_contact           a:hover { background-position:  -537px 0px; }

    /**** DROPDOWN MENU RULES ***/
    #sitenav li ul { /* second-level lists */
        list-style: none;
        position: absolute;
        top: 20px;
        left:-9999px; /* using left instead of display to hide menus because display: none isn't read by screen readers */
        margin:0;
    }

    #sitenav li ul li {
		position:relative;
		clear:left;
		height:18px;
        padding:0;
        margin:0;
    }

    #sitenav li ul li a {
		height:100%;
		margin:0;
        display:block;
        line-height:18px;
        padding:0 3px;
    }

    #sitenav li:hover ul, #sitenav li.sfhover ul { /* lists nested under hovered list items */
        left: auto;
    }

    ul#sitenav li#sitenav_about_de_ro   ul li a { width:120px; }
    ul#sitenav li#sitenav_galleries     ul li a { width:120px; }
    ul#sitenav li#sitenav_interactive   ul li a { width:120px; }
    ul#sitenav li#sitenav_causes        ul li a { width:120px; }
    
	/**
	 * HOME PAGE CONTENT LAYOUT
	 ***********************************************************************************/
	#home_content_wrapper {
        z-index:0;
        position:relative;
        top:0px;
        left:0;
        width:998px;
        height:575px;
    }
    
	#home_cutout {
        z-index:0;
        position:absolute;
        top:170px;
        right:0px;
        width:241px;
        height:368px;
    }
    
    /* Welcome */
    #welcome {
        z-index:0;
        position:relative;
        top:10px;
        left:13px;
        width:270px;
        height:150px;
        overflow:hidden;
    }
    #welcome_bg {
        width:270px;
        height:150px;
        background: url('../images/welcome_bg.png') 0 0 no-repeat;
    }
    #welcome_content {
        position:relative;
        top:40px;
        width:260px;
        height:100px;
        overflow:hidden;
    }
    
    /* Latest News */
    #latest_news_wrapper {
        position:absolute;        
        top:20px;
        left:520px;
        width:303px;
        height:150px;
        overflow:hidden;
    }
    #latest_news_bg {
        width:290px;
        height:150px;
        background: url('../images/latest_news_bg.jpg.png') 0 0 no-repeat;
    }
   
    
    /* Home Promos */
    #home_promos {
        position:absolute;
        top:230px;
        left:70px;
        width:396px;
        height:257px;
    } 


    /* Video Player */

    #home_video_wrapper {
        position:absolute;
        top:235px;
        left:500px;
        width:250px;
        height:230px;
    }
    #home_video_wrapper h3 {
        background: url('../images/home_video_header.jpg') 0 0 no-repeat;
        width:105px;
        height:30px;
        margin:0;
        padding:0;
        text-indent:-9999px;
    }    
    #home_video_player {}


	/**
	 * INTERIOR CONTENT LAYOUT
	 ***********************************************************************************/
    #content_header {
        z-index:0;
        width:585px;
        height:44px;
        margin:5px 0 0 400px;
		background: url('../images/content_header.png') 0 0 no-repeat;
    }
	#content_header h3#cHead { 
		width:300px; 
		height:30px; 
		margin:0;
        padding:0;
        text-indent:-9999px;
	}

	#content_wrapper { 
        z-index:0;
        margin:0 0 0 400px;
        padding:0 0 20px 0;
		width:585px; 
		height:auto !important; 
		height:1px; 
		min-height:1px; 
		background: url('../images/content_bg.png') 0 0 repeat-y; 
	}
	#content { 
        position:relative;
		width:558px; 
		height:auto !important; 
		height:555px; 
		min-height:555px; 
		padding:10px;
	}
    #content_footer {
        width:585px;
        height:8px;
        margin:0 0 20px 400px;
		background: url('../images/content_footer.png') 0 0 no-repeat;
    }


	#interior_cutout {
        z-index:0;
        position:absolute;
        top:70px;
        left:20px;
        width:370px;
        height:437px;
    }
    
    #interior_promos {
        position:absolute;
        top:380px;
        left:0px;
        width:396px;
        height:395px;
    }
    
    /**
     * PROMOS
	 ***********************************************************************************/
    #promos {}
    #tell_a_friend_promo {
        margin:5px 0 0 5px;
    }
    
	/**
	 * FOOTER LAYOUT
	 ***********************************************************************************/
	#footer_wrapper {
        clear:both;
        position:relative;
		width:998px; 
		height:145px; 
        background: url('../images/footer2.jpg') 0 0 no-repeat;
    }
    
    /* Bottom Promos */
    #bottom_promos {
        position:absolute;
        top:-17px;
        width:749px;
        height:142px;
    }
    
    /* De Ro Ent logo */
    a#deroent_logo {
        display:block;
        width:200px;
        height:99px;
        background: url('../images/deroent_logo.jpg') 0 0 no-repeat;
        position:absolute;
        top:15px;
        right:20px;
        text-indent:-9999px;
    }
	
    /* footer */
    ul#footer { 
		clear:both;
		position:relative;
        top:120px;
		width:998px; 
		height:20px; 
		margin:0; 
		list-style:none; 
	}
	ul#footer li	{ 
		position:absolute; 
		top:0px; 
		display:inline; 
		line-height:20px;
	}
	ul#footer li#footer_copy { left:25px; }
	ul#footer li#footer_terms { left:300px; }
	ul#footer li#footer_privacy { left:400px; }
	ul#footer li#footer_curv_sports { right:255px; }
	ul#footer li#footer_curv_sports a {
        display: block;
        width: 220px;
        height: 20px;
        text-indent: -9999px;
        outline: none;
    }
	ul#footer li#footer_aws { right:8px; }
	ul#footer li#footer_aws a {
        display: block;
        width: 240px;
        height: 20px;
        text-indent: -9999px;
        outline: none;
    }
	ul#footer li#jtop { display:none; }	
#breadcrumb { 
	display:none;
}