@charset "utf-8";
/* CSS Document */

body{
	margin-top:54px;
	padding:0px;
	outline:none;
	font-family:"futura-pt",sans-serif;
color:#666;

}

.preload{
position:absolute;
top:-9999px;
overflow:hidden;
}

h2{
	font-size:22px;
}

img{
	outline:none;
	border:none;
}

a{
	outline:none;
	border:none;
	text-decoration:none;
	color:#666;
}
p{
	margin:10px 0px 0px 0px;
}

#contentCNTR{
	margin:0 auto;
	width:1000px;
	position:relative;
}

#menuCNTR{
	width:1000px;
	height:105px;
	position:absolute;
	top:0px;
	left:0px;
}

#menuCNTR2{
	width:1000px;
	height:105px;
	position:absolute;
	bottom:-90px;
	left:-65px;
}

#menuITEMS{
	width:840px;
	height:20px;
	margin:84px 0px 0px 170px;
	position:absolute;
	z-index:9999;
}

#logo{
	width:153px;
	height:105px;
	background:url(../images/logo.gif) no-repeat;
	position:absolute;
	left: 0px;
}
#indexCNTR{
	width:810px;
	height:618px;
	background: url(../images/index_black_logo_lrg.gif) no-repeat;
	margin:0 auto;
	}
#aboutTXT_1{
	width:813px;
	height:328px;
	background: url(../images/about_txt_top.gif) no-repeat;
	float:right;
	margin-right:30px;
	}	
	
	#aboutTXT_2{
	width:813px;
	height:318px;
	background:url(../images/about_txt_btm.gif) no-repeat;
	float:right;
	margin-right:30px;
	}
	
	
#collectionCNTR{
	width:780px;
	height:1000px;
	margin:0 auto;
	position:relative;
}

#colPOS{
	position:absolute;
	left:40px;
	top:170px;
	width:800px;
}

#colSPARTA{
	width:338px;
	height:358px;
	float:left;

	
}

#colUTOPIA{
	width:338px;
	height:358px;
	float:right;

	padding-right:54px;
}

#spartaTITLE{
	margin-top:15px;
}
#utopiaTITLE{
	margin-top:15px;
}

#balenaTITLE{
	margin-top:15px;
}



#colBALENA{
	width:338px;
	height:358px;
	float:left;
}
.scrollTXT{
	font-size:10px;
}
#tags{position:absolute; 
	z-index:9999;
left:20px;
width:153px;
height:200px;
top:220px;
}

#home{
	background:url(../images/menu/home_static.gif) no-repeat;
	height:20px;
	width:61px;
	display:block;
	float:left;
	padding-right:30px;
}

#home2:link{
	background:url(../images/menu/home_static.gif) no-repeat;
	height:20px;
	width:61px;
	display:block;
	position:absolute;
	z-index:9999;
	padding-right:30px;
}
#home:hover{
	background:url(../images/menu/home_hover.gif) no-repeat;
	height:20px;
	width:61px;
	display:block;
	float:left;
}

#home2:hover,home:focus{
	background: url(../images/home_over_n.gif) no-repeat;
		width:840px;
	height:700px;
	display:block;
	position:absolute;
	top:-685px;
	left:-10px;
	z-index:9999;
}


#homeSEL{
	background:url(../images/menu/home_hover.gif) no-repeat;
	height:20px;
	width:61px;
	display:block;
	float:left;
	padding-right:30px;
}


#collections{
	background:url(../images/menu/collections_static.gif) no-repeat;
	height:20px;
	width:160px;
	display:block;
	float:left;
	padding-right:30px;
}

#collections:hover{
	background:url(../images/menu/collections_hover.gif) no-repeat;
	height:20px;
	width:160px;
	display:block;
	float:left;
}

#collections2{
	background:url(../images/menu/collections_static.gif) no-repeat;
	height:20px;
	width:160px;
	display:block;
	position:absolute;
	z-index:9999;
	padding-right:30px;
	left:91px;
}

#collections2:hover{
	background: url(../images/collections_over_n.gif) no-repeat;
			width:840px;
	height:700px;
	display:block;
	position:absolute;
	top:-685px;
	left:-10px;
	z-index:9999;
}


#collectionsSEL{
	background:url(../images/menu/collections_hover.gif) no-repeat;
	height:20px;
	width:160px;
	display:block;
	float:left;
	padding-right:30px;
}

.contactForm{
	background: black;
	color:white;
	width:200px;
	height:30px;
	font-size:20px;
	border:none;
	font-family:"ff-dagny-web-pro-1","ff-dagny-web-pro-2",sans-serif;
}

#textArea{
	width:600px;
	height:200px;
	border:none;
	font-size:20px;
		font-family:"ff-dagny-web-pro-1","ff-dagny-web-pro-2",sans-serif;
}

#shop{
	background:url(../images/menu/shop_static.gif) no-repeat;
	height:20px;
	width:61px;
	display:block;
	float:left;
	padding-right:30px;
}

#shop:hover{
	background:url(../images/menu/shop_hover.gif) no-repeat;
	height:20px;
	width:61px;
	display:block;
	float:left;
}

#shopSEL{
	background:no-repeat;
	height:20px;
	width:61px;
	display:block;
	float:left;
	padding-right:30px;
}

#shop2{
	background:no-repeat;
	display:block;
	position:absolute;
	z-index:9999;
	padding-right:30px;
	left:281px;
	height:20px;
	width:61px;
}

#shop2:hover{
	background: no-repeat;
			width:840px;
	height:700px;
	display:block;
	position:absolute;
	top:-685px;
	left:-10px;
	z-index:9999;
}

#about{
	background:url(../images/menu/about_static.gif) no-repeat;
	height:20px;
	width:77px;
	display:block;
	float:left;
	padding-right:30px;
}

#about:hover{
	background:url(../images/menu/about_hover.gif) no-repeat;
	height:20px;
	width:77px;
	display:block;
	float:left;
}

#about2{
	background:url(../images/menu/about_static.gif) no-repeat;
	height:20px;
	width:77px;
	display:block;
	position:absolute;
	z-index:9999;
	padding-right:30px;
	left:372px;
}

#about2:hover{
	background: url(../images/about_over_n.gif) no-repeat;
		width:840px;
	height:700px;
	display:block;
	position:absolute;
	top:-685px;
	left:-10px;
	z-index:9999;
}

#aboutSEL{
	background:url(../images/menu/about_hover.gif) no-repeat;
	height:20px;
	width:77px;
	display:block;
	float:left;
	padding-right:30px;
}

#press{
	background:url(../images/menu/press_static.gif) no-repeat;
	height:20px;
	width:65px;
	display:block;
	float:left;
	padding-right:30px;
}

#press:hover{
	background:url(../images/menu/press_hover.gif) no-repeat;
	height:20px;
	width:65px;
	display:block;
	float:left;
}

#press2{
	background:url(../images/menu/press_static.gif) no-repeat;
	height:20px;
	width:65px;
	display:block;
	position:absolute;
	z-index:9999;
	padding-right:30px;
	left:479px;
}

#press2:hover{
	background: url(../images/press_over_n.gif) no-repeat;
		width:840px;
	height:700px;
	display:block;
	position:absolute;
	top:-685px;
	left:-10px;
	z-index:9999;
}

#pressSEL{
	background:url(../images/menu/press_hover.gif) no-repeat;
	height:20px;
	width:65px;
	display:block;
	float:left;
	padding-right:30px;
}

#contact{
	background:url(../images/menu/contact_static.gif) no-repeat;
	height:20px;
	width:108px;
	display:block;
	float:left;
	padding-right:30px;
}

#contact:hover{
	background:url(../images/menu/contact_hover.gif) no-repeat;
	height:20px;
	width:108px;
	display:block;
	float:left;
}

#contact2{
	background:url(../images/menu/contact_static.gif) no-repeat;
	height:20px;
	width:108px;
	display:block;
	position:absolute;
	z-index:9999;
	padding-right:30px;
	left:574px;
}

#contact2:hover{
	background: url(../images/contact_over_n.gif) no-repeat;
	width:840px;
	height:700px;
	display:block;
	position:absolute;
	top:-685px;
	left:-10px;
	z-index:9999;
}

#contactSEL{
	background:url(../images/menu/contact_hover.gif) no-repeat;
	height:20px;
	width:108px;
	display:block;
	float:left;
	padding-right:30px;
}

#blog{
	background:url(../images/menu/blog_static.gif) no-repeat;
	height:20px;
	width:61px;
	display:block;
	float:left;
}

#blog:hover{
	background:url(../images/menu/blog_hover.gif) no-repeat;
	height:20px;
	width:61px;
	display:block;
	float:left;
}

#blog2{
	background:url(../images/menu/blog_static.gif) no-repeat;
	display:block;
	position:absolute;
	z-index:9999;
	padding-right:30px;
	left:712px;
	height:20px;
	width:61px;
}

#blog2:hover{
	background: url(../images/blog_over_n.gif) no-repeat;
	width:840px;
	height:700px;
	display:block;
	position:absolute;
	top:-685px;
	left:-10px;
	z-index:9999;
}

#blogSEL{
	background:url(../images/menu/blog_hover.gif) no-repeat;
	height:20px;
	width:61px;
	display:block;
	float:left;
}


.menuHome{
  font-family: "futura-pt",sans-serif;
  letter-spacing:3pt;
}

.menuHome:hover{
	  font-family: "futura-pt",sans-serif;
		/* Required for IE 5, 6, 7 */
	/* ...or something to trigger hasLayout, like zoom: 1; */
	width: 100%; 
		
	/* Theoretically for IE 8 & 9 (more valid) */	
	/* ...but not required as filter works too */
	/* should come BEFORE filter */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	
	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=50);
	
	/* Older than Firefox 0.9 */
	-moz-opacity:0.5;
	
	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 0.5;
    
	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
	opacity: 0.5;
	letter-spacing:3pt;
}

.menuStuffs{
	margin-left:50px;
	letter-spacing:3pt;
	  font-family: "futura-pt",sans-serif;
}

.menuStuffs:hover{
	  font-family: "futura-pt",sans-serif;
		/* Required for IE 5, 6, 7 */
	/* ...or something to trigger hasLayout, like zoom: 1; */
	width: 100%; 
		letter-spacing:3pt;
	/* Theoretically for IE 8 & 9 (more valid) */	
	/* ...but not required as filter works too */
	/* should come BEFORE filter */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	
	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=50);
	
	/* Older than Firefox 0.9 */
	-moz-opacity:0.5;
	
	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 0.5;
    
	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
	opacity: 0.5;
}

ul {
  display: block;
  float: left;
  width: 250px;
  padding: 0;
  margin: 0;
}

.articles { list-style: none; }
.articles li { display: none; }

.links li:hover { cursor: pointer; }

.about-body-tex-main{
	  font-family: "futura-pt",sans-serif;
	  font-size:28px;
	  color:black;
}

.about-body-tex-secondary{
	  font-family: "futura-pt",sans-serif;
	  color:#777777;
}