@charset "utf-8";
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #dedede;
	color: #333333;
}
a {
	color:#3399CC;
	text-decoration:none;
}
a:hover {
	color:#993300;
	text-decoration:none;
}
#container {
	width: 100%;
	background-color: #FFFFFF;
	background-image: url(../images/footer_back.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}
#container #maincolumn {
	margin: auto;
	width: 1000px;
}
#container #maincolumn #header {
	background-color: #FFFFFF;
	padding-top: 10px;
}
h1, h2, h3, h4, h5, h6 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #999999;
}
h1 {font-size: 2.8em;}
h2 {font-size: 2.1em;}
h3 {font-size: 1.7em;}
h4 {font-size: 1.3em;}
h5 {font-size: 1.1em;}
h6 {font-size: 1em;}

/* HEADER */

#container #maincolumn #header h1 {
	height:27px;
	margin-bottom:0;
	margin-top:0;
	position:relative;
	overflow:hidden;
}
#container #maincolumn #header h1 span {
	background-position:center;
	background-repeat:no-repeat;
	height:100%;
	position:absolute;
	width:100%;
	background-color: #FFFFFF;
	cursor:pointer;
}
#container #maincolumn #header h1 #pagetitlebody {
	background-image:url(../images/header-body.jpg);
}
#container #maincolumn #header h1 #pagetitlemind {
	background-image:url(../images/header-mind.jpg);
}
#container #maincolumn #header h1 #pagetitlespirit {
	background-image:url(../images/header-spirit.jpg);
}
#container #maincolumn #header h1 #pagetitlecontact {
	background-image:url(../images/header-contact.jpg);
}
#container #maincolumn #header h1 #pagetitlestore {
	background-image:url(../images/header-store.jpg);
}


/* SONOSPHERE */
#container #maincolumn #headersono {
	background-color: #FFFFFF;
	padding-top: 10px;
}
#container #maincolumn #headersono h1 {
	height:34px;
	margin-bottom:0;
	margin-top:0;
	position:relative;
	overflow:hidden;
}
#container #maincolumn #headersono h1 #pagetitlesono {
	background-position:center;
	background-repeat:no-repeat;
	height:100%;
	position:absolute;
	width:100%;
	background-color: #FFFFFF;
	cursor:pointer;
	background-image:url(../images/header-sono.jpg);
}


/* NAVIGATION */

#container #maincolumn #header #navbody {
	background-image: url(../images/title-body.jpg);
	height: 197px;
	background-repeat: no-repeat;
	background-position: center top;
}
#container #maincolumn #header #navmind {
	background-image: url(../images/title-mind.jpg);
	height: 197px;
	background-repeat: no-repeat;
	background-position: center top;
}
#container #maincolumn #header #navspirit {
	background-image: url(../images/title-spirit.jpg);
	height: 197px;
	background-repeat: no-repeat;
	background-position: center top;
}
#container #maincolumn #header #navcontact {
	background-image: url(../images/title-contact.jpg);
	height: 197px;
	background-repeat: no-repeat;
	background-position: center top;
}
#container #maincolumn #header #navstore {
	background-image: url(../images/title-store.jpg);
	height: 197px;
	background-repeat: no-repeat;
	background-position: center top;
}
#container #maincolumn #headersono #navsono {
	background-image: url(../images/title-sono.jpg);
	height: 197px;
	background-repeat: no-repeat;
	background-position: center top;
}
/* BODY PAGE */
#container #maincolumn #header #navbody #navbody-mind {
	position: relative;
	height: 158px;
	width: 154px;
	top: 30px;
	left: 125px;
	float: left;
	overflow:hidden;
	cursor:pointer;
}
#container #maincolumn #header #navbody #navbody-home {
	float: left;
	height: 140px;
	width: 300px;
	left: 200px;
	top: 0px;
	position: relative;
	overflow:hidden;
	cursor:pointer;
}
#container #maincolumn #header #navbody #navbody-spirit {
	height: 158px;
	width: 154px;
	position: relative;
	top: 30px;
	left: 275px;
	float: left;
	overflow:hidden;
	cursor:pointer;
}
/* MIND PAGE */
#container #maincolumn #header #navmind #navmind-body {
	position: relative;
	height: 158px;
	width: 154px;
	top: 30px;
	left: 125px;
	float: left;
	overflow:hidden;
	cursor:pointer;
}
#container #maincolumn #header #navmind #navmind-home {
	float: left;
	height: 140px;
	width: 300px;
	left: 200px;
	top: 0px;
	position: relative;
	overflow:hidden;
	cursor:pointer;
}
#container #maincolumn #header #navmind #navmind-spirit {
	height: 158px;
	width: 154px;
	position: relative;
	top: 30px;
	left: 275px;
	float: left;
	overflow:hidden;
	cursor:pointer;
}
/* SPIRIT PAGE */
#container #maincolumn #header #navspirit #navspirit-mind {
	position: relative;
	height: 158px;
	width: 154px;
	top: 30px;
	left: 125px;
	float: left;
	overflow:hidden;
	cursor:pointer;
}
#container #maincolumn #header #navspirit #navspirit-home {
	float: left;
	height: 140px;
	width: 300px;
	left: 200px;
	top: 0px;
	position: relative;
	overflow:hidden;
	cursor:pointer;
}
#container #maincolumn #header #navspirit #navspirit-body {
	height: 158px;
	width: 154px;
	position: relative;
	top: 30px;
	left: 275px;
	float: left;
	overflow:hidden;
	cursor:pointer;
}
#container #maincolumn #blog {
	margin: auto;
	width: 800px;
	border: 2px solid #CCC;
	padding: 2px;
}
/* CONTACT PAGE */
#container #maincolumn #header #navcontact #navcontact-body {
	position: relative;
	height: 158px;
	width: 154px;
	top: 30px;
	left: 125px;
	float: left;
	overflow:hidden;
	cursor:pointer;
}
#container #maincolumn #header #navcontact #navcontact-mind {
	float: left;
	height: 158px;
	width: 154px;
	left: 270px;
	top: 30px;
	position: relative;
	overflow:hidden;
	cursor:pointer;
}
#container #maincolumn #header #navcontact #navcontact-spirit {
	height: 158px;
	width: 154px;
	position: relative;
	top: 30px;
	left: 420px;
	float: left;
	overflow:hidden;
	cursor:pointer;
}
/* STORE PAGE */
#container #maincolumn #header #navstore #navstore-body {
	position: relative;
	height: 158px;
	width: 154px;
	top: 30px;
	left: 125px;
	float: left;
	overflow:hidden;
	cursor:pointer;
}
#container #maincolumn #header #navstore #navstore-mind {
	float: left;
	height: 158px;
	width: 154px;
	left: 270px;
	top: 30px;
	position: relative;
	overflow:hidden;
	cursor:pointer;
}
#container #maincolumn #header #navstore #navstore-spirit {
	height: 158px;
	width: 154px;
	position: relative;
	top: 30px;
	left: 420px;
	float: left;
	overflow:hidden;
	cursor:pointer;
}

/* SONO PAGE */
#container #maincolumn #headersono #navsono #navsono-body {
	position: relative;
	height: 158px;
	width: 154px;
	top: 30px;
	left: 125px;
	float: left;
	overflow:hidden;
	cursor:pointer;
}
#container #maincolumn #headersono #navsono #navsono-mind {
	float: left;
	height: 158px;
	width: 154px;
	left: 270px;
	top: 30px;
	position: relative;
	overflow:hidden;
	cursor:pointer;
}
#container #maincolumn #headersono #navsono #navsono-spirit {
	height: 158px;
	width: 154px;
	position: relative;
	top: 30px;
	left: 420px;
	float: left;
	overflow:hidden;
	cursor:pointer;
}
/* MAIN CONTENT MIND PAGE */
#container #maincolumn #foliolink  {
	width: 432px;
	height:96px;
	overflow:hidden;
	margin: auto;
}
#container #maincolumn #foliolink a  {
	display:block;
	width: 432px;
	height: 96px;
	background-image: url(../images/art-and-design-portfolio.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#container #maincolumn #foliolink a:hover { 
	background-position: 0 -96px;
}





/* MAIN CONTENT */

#container #maincolumn #maincontent {
	background-image: url(../images/wall_back.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 65px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	margin: auto;
	width: 550px;
	padding-right: 25px;
	padding-left: 25px;
}
/* MAIN CONTENT STORE PAGE */
#container #maincolumn #maincontent-store {
	background-image: url(../images/wall_back.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 65px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #333333;
	margin: auto;
	width: 750px;
}
#container #maincolumn #maincontent-store #viewcart {
	float: right;
	width: 150px;
	height: 40px;
	padding-top: 7px;
	border: 5px solid #333333;
	background-color: #FFFFFF;
}
/* MAIN CONTENT SPIRIT PAGE */
#container #maincolumn #maincontent #sono {
	background-image: url(../images/sonosphere-page.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 452px;
	width: 449px;
	margin: auto;
}
#container #maincolumn #maincontent #sono #sono-enter {
	position: relative;
	top: 150px;
	margin: auto;
	height: 45px;
	width: 156px;
	overflow:hidden;
}
#container #maincolumn #maincontent #sono #sono-enter a {
	display:block;
	width: 156px;
	height: 45px;
	background-image: url(../images/sonosphere-enter.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#container #maincolumn #maincontent #sono #sono-enter a:hover {
	background-position: 0 -45px;
}




/* FOOTER */

#container #maincolumn #footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(../images/footer_center.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 135px;
}

#container #maincolumn #footer #storemodule {
	width: 710px;
	top: -60px;
	position: relative;
	float: left;
	padding-left: 90px;
	height: 230px;
}
#container #maincolumn #footer #storemodule .module {
	position:relative;
	width: 350px;
	float: left;
	height: 200px;
	text-align: left;
}
#container #maincolumn #footer #storemodule .module a {
	cursor:pointer;
	color: #333333;
}
#container #maincolumn #footer #storemodule .module a:hover {
	color:#3399CC;
}
#container #maincolumn #footer #storemodule .imgbox {
	position:absolute;
	bottom:0;
	right:175px;
	width:175px;
}
#container #maincolumn #footer #storemodule .imgbox img {
	float:right;
}
#container #maincolumn #footer #storemodule .itemprice {
	position:absolute;
	bottom:15px;
	right:0px;
	width:168px;
	padding-left: 7px;
}
#container #maincolumn #footer #storemodule #storetext {
	clear:both;
}
#container #maincolumn #footer #storemodule h4 {
	font-size: 22px;
	font-weight: normal;
	float:left;
	color: #900;
}
#container #maincolumn #footer #storemodule h4 a {
	padding-left:100px;
}
#container #maincolumn #footer #contact {
	width: 99px;
	height: 120px;
	float: left;
	margin-right: 100px;
}
#container #maincolumn #footer #contact a {
	font-size: 24px;
	color: #666666;
	text-decoration: none;
	top: -10px;
	position: relative;
	text-align: center;
	width: 100%;
}
#container #maincolumn #footer #contact img {
	position: relative;
	top: -5px;
}

#container #maincolumn #footer #contact a:hover {
	color: #000000;
}
#sitemap {
	clear: both;
	margin: auto;
	width: 700px;
	text-align: center;
}