/* CSS Document */

/* - - - - - - - - - - - - - - - - - -
	Evolution 7 Web Design
	http://www.evolution7.com.au
- - - - - - - - - - - - - - - - - - */

* {padding:0; margin:0;}
html, body {height:100%;}
body {font-family:Arial, Helvetica, sans-serif; color:#625550; font-size:13px; line-height:20px; background:#D6D5CA;}

a, object {outline:none;}
a img {border:none;}

/*Layout-----------------------*/
#logo {position:absolute; top:18%; left:0; z-index:3; margin:-100px 0 0 22px;}
#nav {position:absolute; top:30%; left:0; margin:-90px 0 0 0; z-index:3;}
#subscribe {position:absolute; top:18%; right:2%; margin:-85px 160px 0 0; z-index:3;}
#follow {position:absolute; top:18%; right:2%; width:140px; margin-top:-80px; z-index:3;}
#e7 {position:absolute; bottom:3%; right:2%; z-index:3;}
#flash-fullscreen {position:absolute; width:100%; height:100%; z-index:1;}

#flash-campaign {position:absolute; z-index:2; left:0; bottom:0;}
#bg {height:100%; left:0; position:fixed; top:0; width:100%; z-index:0;}

/*Sprites----------------------*/
/*Uses one image sprite for easy changing of theme*/
#logo, #nav a, #follow a, #follow div, #btn-subscribe, #e7 {background-image:url(../images/fullscreen/sprite.gif); background-repeat:no-repeat; display:block;}

a h1, a h2, a h3 {text-indent:-9999px;}

#logo {width:390px; height:60px;}
/*Nav*/
#nav {list-style:none;}
#nav a {width:220px; height:45px;}
	/*Positions*/
    #n-bags a {background-position:0 -80px;}
    #n-accessories a {background-position:0 -125px;}
    #n-shoes a {background-position:0 -170px;}
    #n-sale a {background-position:0 -215px;}
    #n-lookbook a {background-position:0 -260px; margin-top:25px;}
    #n-blog a {background-position:0 -305px;}
    #n-our-story a {background-position:0 -350px;}
    /*Hovers*/    
    #n-bags a:hover {background-position:-220px -80px;}
    #n-accessories a:hover {background-position:-220px -125px;}
    #n-shoes a:hover {background-position:-220px -170px;}
    #n-sale a:hover {background-position:-220px -215px;}
    #n-lookbook a:hover {background-position:-220px -260px;}
    #n-blog a:hover {background-position:-220px -305px;}
    #n-our-story a:hover {background-position:-220px -350px;}
    /*Hovers*/    
    #n-bags a:active {background-position:-440px -80px;}
    #n-accessories a:active {background-position:-440px -125px;}
    #n-shoes a:active {background-position:-440px -170px;}
    #n-sale a:active {background-position:-440px -215px;}
    #n-lookbook a:active {background-position:-440px -260px;}
    #n-blog a:active {background-position:-440px -305px;}
    #n-our-story a:active {background-position:-440px -350px;}
    
/*Follow*/
#follow div {display:block; width:70px; height:30px; background-position:-105px -505px; float:left; margin-right:5px;}
    #follow strong {display:none;}
#follow a {width:20px; height:20px;}
#btn-facebook {background-position:-180px -505px; float:left; margin-right:5px;}
#btn-twitter {background-position:-210px -505px; float:left;}
#btn-facebook:hover {background-position:-180px -535px;}
#btn-twitter:hover {background-position:-210px -535px;}

/*Subscribe*/
#btn-subscribe {display:block; width:90px; height:30px; background-position:0 -500px;}
	#btn-subscribe strong {display:none;}
    #btn-subscribe:hover {background-position:0 -530px;}
    
/*E7*/
#e7 {display:block; width:75px; height:25px; background-position:0 -450px;}
	#e7 strong {display:none;}
    #e7:hover {background-position:0 -475px;}