@import url("base.css");

body{
	background: url(../images/background.jpg) repeat;
}

#main {
	background: url(../images/paper_bg.jpg) no-repeat;
	width:898px;
	height:547px;
	position:relative;
}

#main h1 a{
	display: block;
	width:898px;
	height:322px;
	text-indent:-5000px;
}


/* Main Naviation*/
#main #nav {
	height:38px;
	left:314px;
	position:absolute;
	top:412px;
	width:292px;
}

#main #nav ul{
	list-style:none;
}

#main #nav ul li{
	float:left;
}

#main #nav ul li a{
	display:block;	
}



#main #nav ul li#store a{
	background: url(../images/hp/store_on.jpg) no-repeat scroll 0pt -38px;
}
#main #nav ul li#store a{
	background: url(../images/hp/store_off.jpg) no-repeat top center;
	height: 38px;
	width: 129px;
	display:block;	
	text-indent:-5000px;
}
#main #nav ul li#store a:hover{
	background: url(../images/hp/store_on.jpg) no-repeat top center;
}

#main #nav ul li#blog a{
	background: url(../images/hp/blog_on.jpg) no-repeat scroll 0pt -38px;
}
#main #nav ul li#blog a{
	background: url(../images/hp/blog_off.jpg) no-repeat top center;
	height: 38px;
	width: 114px;
	display:block;
	margin-left:39px;	
	text-indent:-5000px;
}
#main #nav ul li#blog a:hover{
	background: url(../images/hp/blog_on.jpg) no-repeat top center;
}

/* Sub Naviation*/
#main #subnav {
	height:31px;
	left:284px;
	position:absolute;
	top:498px;
	width:225px;
}

#main #subnav ul{
	list-style:none;
}

#main #subnav ul li{
	float:left;
}

#main #subnav ul li a{
	display:block;	
}


#main #subnav ul li#myspace a{
	background: url(../images/hp/myspace_on.jpg) no-repeat scroll 0pt -31px;
}
#main #subnav ul li#myspace a{
	background: url(../images/hp/myspace_off.jpg) no-repeat top center;
	height: 31px;
	width: 86px;
	display:block;	
	text-indent:-5000px;
}
#main #subnav ul li#myspace a:hover{
	background: url(../images/hp/myspace_on.jpg) no-repeat top center;
}


#main #subnav ul li#policy a{
	background: url(../images/hp/policy_on.jpg) no-repeat scroll 0pt -31px;
}
#main #subnav ul li#policy a{
	background: url(../images/hp/policy_off.jpg) no-repeat top center;
	height: 31px;
	width: 46px;
	display:block;	
	text-indent:-5000px;
}
#main #subnav ul li#policy a:hover{
	background: url(../images/hp/policy_on.jpg) no-repeat top center;
}

#main #subnav ul li#info a{
	background: url(../images/hp/info_on.jpg) no-repeat scroll 0pt -31px;
}
#main #subnav ul li#info a{
	background: url(../images/hp/info_off.jpg) no-repeat top center;
	height: 31px;
	width: 38px;
	display:block;	
	text-indent:-5000px;
}
#main #subnav ul li#info a:hover{
	background: url(../images/hp/info_on.jpg) no-repeat top center;
}


#main #subnav ul li#contact a{
	background: url(../images/hp/contact_on.jpg) no-repeat scroll 0pt -31px;
}
#main #subnav ul li#contact a{
	background: url(../images/hp/contact_off.jpg) no-repeat top center;
	height: 31px;
	width: 55px;
	display:block;	
	text-indent:-5000px;
}
#main #subnav ul li#contact a:hover{
	background: url(../images/hp/contact_on.jpg) no-repeat top center;
}

#main #subnav ul li#blog a{
	background: url(../images/hp/blog_on.jpg) no-repeat scroll 0pt -38px;
	height: 38px;
	width: 114px;
	display:block;
	margin-left:39px;	
	text-indent:-5000px;
}
#main #subnav ul li#blog a{
	background: url(../images/hp/blog_off.jpg) no-repeat top center;
	height: 38px;
	width: 114px;
	display:block;
	margin-left:39px;	
	text-indent:-5000px;
}
#main #subnav ul li#blog a:hover{
	background: url(../images/hp/blog_on.jpg) no-repeat top center;
}

/* Store Menu */
#store_menu_wrapper {
	background: url(../images/hp/notebook.jpg) no-repeat top center;
	height:527px;
	left:0px;
	position:absolute;
	top:0px;
	width:390px;
}

#store_menu{
	left:75px;
	position:absolute;
	top:102px;
}

#store_menu ul{
	list-style:none;
}


#store_menu ul li a{
	display:block;	
}

#store_menu ul li#ladies a{
	background: url(../images/hp/ladies_on.jpg) no-repeat scroll 0pt -45px;
}
#store_menu ul li#ladies a{
	background: url(../images/hp/ladies_off.jpg) no-repeat top center;
	height: 45px;
	width: 174px;
	display:block;	
	text-indent:-5000px;
}
#store_menu ul li#ladies a:hover{
	background: url(../images/hp/ladies_on.jpg) no-repeat top center;
}

#store_menu ul li#gents a{
	background: url(../images/hp/gents_on.jpg) no-repeat scroll 0pt -51px;
}
#store_menu ul li#gents a{
	background: url(../images/hp/gents_off.jpg) no-repeat top center;
	height: 51px;
	width: 174px;
	display:block;	
	text-indent:-5000px;
}
#store_menu ul li#gents a:hover{
	background: url(../images/hp/gents_on.jpg) no-repeat top center;
}


#store_menu ul li#bags a{
	background: url(../images/hp/bags_on.jpg) no-repeat scroll 0pt -54px;
}
#store_menu ul li#bags a{
	background: url(../images/hp/bags_off.jpg) no-repeat top center;
	height: 54px;
	width: 105px;
	display:block;	
	text-indent:-5000px;
}
#store_menu ul li#bags a:hover{
	background: url(../images/hp/bags_on.jpg) no-repeat top center;
}

#store_menu ul li#prints a{
	background: url(../images/hp/prints_on.jpg) no-repeat scroll 0pt -49px;
}
#store_menu ul li#prints a{
	background: url(../images/hp/prints_off.jpg) no-repeat top center;
	height: 49px;
	width: 105px;
	display:block;	
	text-indent:-5000px;
}
#store_menu ul li#prints a:hover{
	background: url(../images/hp/prints_on.jpg) no-repeat top center;
}


#store_menu ul li#xtras a{
	background: url(../images/hp/xtras_on.jpg) no-repeat scroll 0pt -53px;
}
#store_menu ul li#xtras a{
	background: url(../images/hp/xtras_off.jpg) no-repeat top center;
	height: 53px;
	width: 139px;
	display:block;	
	text-indent:-5000px;
}
#store_menu ul li#xtras a:hover{
	background: url(../images/hp/xtras_on.jpg) no-repeat top center;
}

#store_menu ul li#free a{
	background: url(../images/hp/free_on.jpg) no-repeat scroll 0pt -38px;
}
#store_menu ul li#free a{
	background: url(../images/hp/free_off.jpg) no-repeat top center;
	height: 38px;
	width: 105px;
	display:block;	
	text-indent:-5000px;
}
#store_menu ul li#free a:hover{
	background: url(../images/hp/free_on.jpg) no-repeat top center;
}

#store_menu_wrapper #close_btn{
	left:139px;
	position:absolute;
	top:297px;
}

#store_menu_wrapper #close_btn a{
	background: url(../images/hp/close_on.jpg) no-repeat scroll 0pt -41px;
	
}
#store_menu_wrapper #close_btn a {
	background: url(../images/hp/close_off.jpg) no-repeat top center;
	text-indent: -5000px;
	height:41px;
	width:109px;
	display:block;
	position:absolute;
}
#store_menu_wrapper #close_btn a:hover{
	background: url(../images/hp/close_on.jpg) no-repeat top center;
}

#store_menu_wrapper #notebook_img{
	height:120px;
	width:109px;
	left:139px;
	top:170px;
	position:absolute;
}


/* News */
#news{
	position:absolute;
	top:330px;
	left:21px;
	/* display:none;*/
}

#news h2{
	display:block;
	background: url(../images/hp/news.jpg) no-repeat top center;
	text-indent:-5000px;
	width:56px;
	height:11px;
}

#news #news_entries{
	color:#fff;
	font-size:1.1em;
	margin:12px 0 0 13px;
	}

#news #news_entries a{
	color:#000;
	text-decoration:underline;
}

/* Footer */
#footer{
	left:565px;
	position:absolute;
	top:486px;
}

#footer a{
	background: url(../images/hp/lifehere_on.jpg) no-repeat scroll 0pt -28px;
}
#footer a{
	background: url(../images/hp/lifehere_off.jpg) no-repeat top center;
	text-indent: -5000px;
	height:28px;
	width:100px;
	display:block;
	position:absolute;
}
#footer a:hover{
	background: url(../images/hp/lifehere_on.jpg) no-repeat top center;
}

/* Leightbox */
.leightbox {
	color: #333;
	display: none;
	position: absolute;
	top: 58px;
	left: 416px;
	width: 394px;
	height: 514px;
	/*
	padding: 1em;
	border: 1em solid #B8B8B8;
	background-color: white;
	*/
	text-align: left;
	z-index:1001;
	/*overflow: auto;*/	
}

#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1000;
	background-color:#000;
	-moz-opacity: 0.55;
	opacity:.55;
	filter: alpha(opacity=55);
}

.lightbox[id]{ /* IE6 and below Can't See This */
        position:fixed;
}
#overlay[id]{ /* IE6 and below Can't See This */    
	position:fixed;    
}