@CHARSET "utf-8";
@IMPORT "reset.css";
@IMPORT "960.css";

/**
	BASICCOLORS:
		hell: #2a2e32
		grey: #191d21, rgb(25,29,33)
		cupfer: #b36d50 rgb(179,109,80)
**/

.hidden { display:none; visibility: none; }
.shadow { -moz-box-shadow:#191d21 0 0 10px; -webkit-box-shadow:#191d21 0 0 10px; padding:5px; background:#191d21; }

html {
	background:#2a2e32;
	color:#444444;
	font:12px 'Mercedes','MgRegular','Arial','Helvetica','sans-serif';
	line-height:1.3em;
	letter-spacing:1px;
}
body {
	background:#fff url(../medias/bg_html.png) repeat-x 0px 225px;
}
h1 {
	color:#fff;
	font-size:2.4em;
	font-weight: normal;
	padding:14px 0;
}
h2 {
	font-size:2em;
	font-weight:normal;
	color:#b36d50;
	margin:20px 10px 10px 10px;
}
h3 {
	color:#000;
	font-size: 1.6em;
	font-weight:normal;
	margin:20px 10px 10px 10px;
}
p { 
	line-height:1.4em;
	text-align:justify;
	margin:10px;
}
small {
	font-size:0.8em;
}
a {
	color:#b36d50;
}
a:hover { text-decoration: underline; }
hr {
	border:none;
	border-bottom:1px dotted #ccc;
}
label {
	font-size:1.1em;
	line-height:1.3em;
}
input, textarea {
	border:1px solid #ccc;
	width:475px;
	margin:2px 0 5px 0;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	padding:2px;
}
textarea {
	height:250px;
}
textarea:focus, input:focus {
	border: 1px solid #b36d50;
}
input[type="submit"] {
	background:url(../medias/bg_btn.png) repeat-x;
	border:1px solid #ccc;
	color:#fff;
	height:30px;
	min-width:50px;
	padding:0 10px;
	width:auto;
}
input[type="submit"]:hover {
	background-position:left -30px;
	border-color:#b36d50;
	color:#b36d50
}

address {
	line-height:1.3em;
	margin:10px;
}
#header {
	background:#2a2e32;
	border-bottom:1px solid #b36d50;
	height:225px;
}
#siteNav .navigation {
	margin-left:15px;
}
#siteNav .navigation li {
	float:left;
}
#siteNav .navigation li *{
	color:#fff;
	display:block;
	font-size:1.2em;
	line-height:40px;
	padding:0 25px;
	text-decoration:none;
}
#siteNav .navigation li.active *,
#siteNav .navigation li :hover {
	background:#191d21;
	color:#b36d50;
}
#siteNav-bottom {
	background:url(../medias/bg_sitenav_bottom.png) no-repeat;
	height:20px;
	left:50%;
	margin-left:-512px;
	position:absolute;
	top:38px;
	width:1024px;
	z-index:2;
}
#logo {
	background:url(../medias/logo.png) no-repeat center center;
	height:73px;
	margin:20px auto 0 auto;
	width:450px;
}
#contentWrap {
	background:url(../medias/content_overlay.png) no-repeat;
	min-height:250px;
	margin:-75px auto 50px auto;
	width:990px;
}
#content {
	background:#fff;
	border:1px solid #cdcdcd;
	min-height:250px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	padding:20px 0 40px 0;
	margin:-1px;
}

#footer {
	background:#191d21;
	border-top:1px solid #0f1214;
	border-top:1px solid #b36d50;
	padding:10px 0;
}
#footer .copyright {
	text-align:left;
}
#footer .poweredBy {
	text-align:right;
}

#tooltip {
	border:#ccc solid 5px;
	background:#ccc;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow:#191d21 0 0 10px;
	-webkit-shadow:#191d21 0 0 10px;
	box-shadow:#191d21 0 0 10px;
	position: absolute;
	z-index: 3000;
}
#tooltip h3, #tooltip div { margin:0 0 -1px 0; }

.artists h2 {
	font-weight:normal;
}
.artist img {
	border:3px solid #cdcdcd;
	margin:5px 20px 10px 10px;
	float:left;
}

#productCategories .navigation {
	margin-left:25px;
}
#productCategories .navigation li {
	list-style-type: disc;
}
#productCategories .navigation li *{
	color: #444444;
	display:block;
	font-size:1.2em;
	line-height:1.7em;
}
#productCategories .navigation li.active,
#productCategories .navigation li.active *,
#productCategories .navigation li :hover {
	color: #b36d50;
	text-decoration:none;
}

#tshirts .roundabout-holder {
	width:480px;
	margin-left:170px;
	margin-top:20px;
	height:418px;
}
#tshirts .roundabout-in-focus { width:410px; height:500px; }
#tshirts .roundabout-moveable-item {
	height: 35em;
	width: 35em;
	cursor: pointer;
}
#tshirts .roundabout-moveable-item img {
	height: 35em;
	width: 35em;
}

#cups .roundabout-holder {
	width:500px;
	height:150px;
	border:0px;
	margin-left:100px;
	margin-top:50px;
}
#cups .roundabout-moveable-item {
	height: 13em;
	width: 13em;
	cursor: pointer;
}

#cups .roundabout-moveable-item img {
	height: 13em;
	width: 13em;
}

.description {
	margin-top:20px;
}
.description ul {
	list-style-type:circle;
	margin-left:25px;
	line-height:1.4em;
}
.description a { margin:10px; }

.head-thumb {
	margin:10px;
}

form .errors {
	list-style-type: circle;
	margin:0 0 5px 15px;
}
form .errors li {
	color:#ff0000;
	font-size:0.8em;
	line-height:1.3em;
}