@import url("base.css");

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

#main {
	background: url(../images/contact/contact_paper_bg.jpg) no-repeat;
	width:932px;
	height:676px;
	position:relative;
}

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


/* Main Naviation*/
#main #nav {
	height:63px;
	left:96px;
	position:absolute;
	top:426px;
	width:280px;
}

#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/contact/store_on.jpg) no-repeat scroll 0pt -63px;
}
#main #nav ul li#store a{
	background: url(../images/contact/store_off.jpg) no-repeat top center;
	height: 63px;
	width: 132px;
	display:block;	
	text-indent:-5000px;
}
#main #nav ul li#store a:hover{
	background: url(../images/contact/store_on.jpg) no-repeat top center;
}

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

/* Sub Naviation*/
#main #subnav {
	height:31px;
	left:148px;
	position:absolute;
	top:517px;
	width:253px;
}

#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/contact/myspace_on.jpg) no-repeat scroll 0pt -52px;
}
#main #subnav ul li#myspace a{
	background: url(../images/contact/myspace_off.jpg) no-repeat top center;
	height: 52px;
	width: 117px;
	display:block;	
	text-indent:-5000px;
}
#main #subnav ul li#myspace a:hover{
	background: url(../images/contact/myspace_on.jpg) no-repeat top center;
}

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

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

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



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

#store_menu{
	left:84px;
	position:absolute;
	top:106px;
}

#store_menu ul{
	list-style:none;
}


#store_menu ul li a{
	display:block;	
}

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

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

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

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

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

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

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

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

#store_menu_wrapper #notebook_img{
	height:81px;
	width:76px;
	left:150px;
	top:189px;
	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:#fff;
	font-size:1.1em;
	text-decoration:none;
}

/* Mail Form */
#mail_form{
	font-size:1.1em;
	position:absolute;
}

#contact_info{
	font-size:1.1em;
	position:absolute;
	left:410px;
	top:644px;
}

#mail_form{
	color:#666;
	font-weight:bold;
	letter-spacing:1px;
	width:234px;
	height:200px;
	top:447px;
	left:588px;
	text-transform:uppercase;
}

#mail_form form{
	font-size:0.9em;
}

#mail_form form .image{
	position:absolute;
	left:158px;
	top:108px;
}

#mail_form form .text, #mail_form form textarea{
	width:100%;
}

#mail_form form textarea{
	height:50px;
}

#mail_form #email_label, #mail_form #message_label{
	text-indent:-5000px;
}

#stamp_img{
	height:117px;
	width:116px;
	left:635px;
	top:323px;
	position:absolute;
}

#stamp_img_on{
	height:117px;
	width:116px;
	left:635px;
	top:323px;
	position:absolute;
	background: url(../images/contact/stamp.jpg) no-repeat top center;
}
/* Contact Info */
#contact_info{
	font-size:1.1em;
	position:absolute;
	left:410px;
	top:644px;
}

#contact_info a{
	color:#fff;
	text-decoration:none;
}

#contact_info, #contact_info a:hover{
	color:#000;
}

/* Footer */
#footer{
	left:855px;
	position:absolute;
	top:608px;
}

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

/* Leightbox */
.leightbox {
	color: #333;
	display: none;
	position: absolute;
	top: 65px;
	left: 194px;
	width: 390px;
	height: 535px;
	/*
	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;    
}