@CHARSET "UTF-8";

/* Reset
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* IE Png behavior
*/
img	{ behavior: url(/includes/iepngfix/iepngfix.htc); }

/* Typographie	
*/


body 
	{
	font-family: 'Droid Serif', arial, serif;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.20);
	color: #e9e6d4;
	font-weight: normal;
	font-size: 11px;
	line-height: 17px;
	background-color: #161301;
	}
	

h1, h2, .th { font-weight: normal; text-shadow: 0 -1px 1px rgba(0,0,0,0.50); }
	
h1 { font-size:20px; line-height: 28px; }
h2 { font-size:14px; line-height: 28px; color:#FFF; }

.th {
	color:#a5a398;
	text-transform:uppercase;
	letter-spacing:1px;
	border-bottom: 1px solid #2d2c26;
	font-size:11px;
	padding-top:10px;
	padding-bottom:4px;
	text-align: center;
	margin-top:40px;
	margin-bottom: 20px; 
	}


.font11		{ font-size:11px; line-height: 17px; }
.font12		{ font-size:12px; line-height: 18px; }
.font13		{ font-size:13px; line-height: 20px; }

.b 			{ font-weight: bold; }
.tac		{ text-align: center; }
.l 			{ text-align: left; }
.r 			{ text-align: right; }
.fr 		{ float:right; }	
.fl 		{ float:left; }
.tac		{ text-align: center;}
.taj		{ text-align: justify; }

a:link, a:visited, a:active { color: #e9e6d4; text-decoration:none; font-weight: bold; }
a:hover { color: #FFF; }


/* Basics	
*/

hr { border-top:solid #2d2c26 1px; border-bottom:solid #161301 1px; border-right:solid #161301 1px; border-left:solid #161301 1px; margin:0px; padding:0px; }





.shop_cart
	{
	opacity: .9;
	-moz-border-radius: 15px; 
	-webkit-border-radius: 15px;
						
	position: fixed; top: 0; right: 0;
    border:solid 1px #2d2c26;
	padding:15px;
	margin:10px ;
	background-color: #161301;
    }





/* USER BUTTONS */

.awesome, .awesome:visited {
	background: #222 url(/static/gfx/btn.png) repeat-x; 
	display: inline-block; 
	padding: 5px 15px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 12px; 
	-webkit-border-radius: 12px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	margin-right:3px;
	opacity:.5;
	-webkit-transition: opacity .3s linear;	
	
}
 
	.awesome:hover							{ background-color: #111; color: #fff; opacity:1; }
	.awesome:active							{ top: 1px; }
	
	.small.awesome, .small.awesome:visited 			{ font-size: 11px; line-height:9px; padding-top:7px; padding: ; }
	
	.awesome, .awesome:visited,
	.medium.awesome, .medium.awesome:visited 		{ font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
	
	.large.awesome, .large.awesome:visited 			{ font-size: 14px; line-height:14px; padding: 8px 14px 9px; padding-top:12px; }
	
	.green.awesome, .green.awesome:visited		{ background-color: #635f58; }
		
	.green.awesome:hover						{ background-color: #6a7414; }




	.blue.awesome, .blue.awesome:visited		{ background-color: #2daebf; }
	.blue.awesome:hover							{ background-color: #007d9a; }

	.magenta.awesome, .magenta.awesome:visited		{ background-color: #d711bd; }
	.magenta.awesome:hover							{ background-color: #f43edc; }





	.yellow.awesome, .yellow.awesome:visited		{ background-color: #826b32; }
	.yellow.awesome:hover							{ background-color: #a4853a; }
	
	



	img.bg {
			/* Set rules to fill background */
			min-height: 100%;
			min-width: 1024px;
			
			/* Set up proportionate scaling */
			width: 100%;
			height: auto;
			
			/* Set up positioning */
			position: fixed;
			top: 0;
			left: 0;
		}
		
		@media screen and (max-width: 1024px){
			img.bg {
				left: 50%;
				margin-left: -512px; }
		}
		
		div#content {
			/* This is the only important rule */
			/* We need our content to show up on top of the background */
			position: relative; 
			
			
			/* These have no effect on the functionality */
			width: 500px;
			margin: 0 auto;
			background: #fff;
			padding: 20px;
			font-family: helvetica, arial, sans-serif;
			font-size: 10pt;
			line-height: 16pt;
			-moz-box-shadow: #000 4px 4px 10px;
			-webkit-box-shadow: #000 4px 4px 10px;
		}
		
		body {
			/* These rules have no effect on the functionality */
			/* They are for styling only */
			margin: 0;
			padding: 20px 0 0 0;
		}