/* =========================================
StellaRissa.COM
(c) 2010
designed by featstudio
css coding by angelsulistyo
programming code by jimmy nugraha s.
============================================ */

body {
	background:#efefef url(images/stellarbg.jpg) no-repeat center top;
	background-attachment:fixed;
	height:100%;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#4d4d4d; /* previously 979797 */
}

a {color:#979797; text-decoration:underline}
a:hover {color:#535353; text-decoration:underline;}
.clear {clear:both;}

#webcontainer {
	margin:0 auto;
	width:875px;
	position:relative;
	top:60px;
}

#box {
	border:1px solid #e0e0e0;
	width:875px;
	height:538px;
	position:relative;
	margin:14px 0 10px 0;
}

#footer {
	width:875px;
	text-align:right;
	padding-bottom:80px;
}

.navigation {
	position:absolute;
	bottom:12px;
	left:100px;
}

.navigation ul {list-style:none;margin-bottom:0;}
.navigation ul li {float:left; margin-left:30px;}
.navigation ul li.first {margin:0;}
.navigation ul li a {height:11px; display:block}
.navigation ul li a span {display:none;}
.navigation ul li.about a {background:url(images/menu_about.gif) no-repeat; width:39px;}
.navigation ul li.event a {background:url(images/menu_event.gif) no-repeat; width:40px;}
.navigation ul li.collection a {background:url(images/menu_collection.gif) no-repeat; width:69px;}
.navigation ul li.editorial a {background:url(images/menu_editorial.gif) no-repeat; width:59px;}
.navigation ul li.availableat a {background:url(images/menu_availableat.gif) no-repeat; width:77px;}
.navigation ul li.contact a {background:url(images/menu_contact.gif) no-repeat; width:52px;}
.navigation ul li a:hover, .navigation ul li a.selected {background-position:0 -11px;}

/* -------------------- HOME ---------------------- */
.homess {
	position:absolute;
	top:85px; left:100px;
	width:675px;
}

/* -------------------- ABOUT and EVENT ---------------------- */
.aboutbox {
	position:absolute;
	top:60px; left:100px;
	width:340px;
}
.eventbox {
	position:absolute;
	top:60px; left:170px;
	width:340px;
}
.aboutbox p, .eventbox p {margin-bottom:15px;}


/* -------------------- CONTACT ---------------------- */
.contactbox {
	position:absolute;
	top:78px; left:538px;
	width:300px;
}

/* -------------------- AVAILABLE ---------------------- */
.availablebox {
	position:absolute;
	top:78px; left:430px;
	width:340px;
}

/* -------------------- COLLECTION ---------------------- */
.collectionbox{
	position:absolute;
	top:65px; left:100px;
	width:700px;
}

.collection-subcat {
	float:left;
	display:inline;
	width:190px;
	text-transform:uppercase;
	font-size:10px;
}
.collection-thumb {
	float:left;
	display:inline;
	width:495px;
	overflow:hidden;
	margin-top:15px;
}
.galleria_container {
	float:right;
	width:280px;
}
.collection-subcat a {color:#979797; text-decoration:underline}
.collection-subcat a:hover, .collection-subcat a.selected {color:#535353; text-decoration:underline;}
.collection-subcat ul.subcattext {list-style:none; margin:0; width:150px;}
.collection-subcat ul.subcattext li {margin:0; padding-bottom:5px;}
.thumblist {width: 130px;}
.collection-thumb ul.thumblist  {list-style:none; margin:0;}
.collection-thumb ul.thumblist li {margin:0; padding-right:5px; padding-bottom:5px; float:left; display:inline; overflow:auto;}
.collection-thumb ul.thumblist li img {width:25px; height:25px; cursor:pointer;}
.galleria_container {margin-left:50px;}