@charset "utf-8";
/* 52framework General StyleSheet - contains styles for all the HTML elements this framework supports */

html {
	height: 100%;
}

body {
  background:#9E9E79;
  color:#EBEBB5;
  font:14px Arial, Helvetica, sans-serif;
  position:relative;
  height: 100%;
}

section{
	position:relative; /* needed for footer positioning*/
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}

/* ** ** Common Addative Classes ** ** */
.left, .float_left  { float:left	}
.right, .float_right { float:right	}
.clear { clear:both; display:block; overflow:hidden; visibility:hidden; height:0px;}
.clear-left, .clear_left { clear:left; } .clear-right, .clear_right { clear:right; }
.hide  { display:none	} .block {display:block !important;} .inline {display:inline !important;}

.align_right    { text-align:right;	  }
.align_left     { text-align:left;	  }
.align_center   { text-align:center;  }
.align_justify  { text-align:justify; }

.bold {font-weight:600;}
.italic {font-style:italic;}
.pad {padding-bottom:50px;}

footer {position:absolute; bottom:0; text-align:center; color:#666; font-size:0.9em; padding:4px 0px;}
.documentation {display:block; background-color:#eee; padding:6px 13px; font-family:Georgia, "Times New Roman", Times, serif; color:#666; text-align:right; text-shadow:-1px -1px 0px #fff;}
/* h2 {border-bottom:1px dashed #ccc; margin-top:15px;} */
h2 {margin-top:15px;}
header {padding-top:25px; padding-bottom:20px;}
header .logo {font-family: 'Parisienne', cursive; font-size:72px;text-align:center;}
h5 {text-align:center;}
h5 img {margin:25px;padding:5px; background-color: #F5F5D6;}
article {font-size:1.3em;}

#css3 div > div {margin:0px 0px 50px 0px; padding:6px; border:1px solid #eee;}
#grid div {text-align:center;  }
#grid div > .col {border-bottom:1px solid #ccc; padding:10px 0px; outline:1px solid #eee;}
		
a {	color:#525252;	}
a:hover, a:focus { text-decoration:underline;}
a:active, a:visited { }

ul#menu1 {padding:0; margin:0 auto; font-size:1.35em}
ul#menu1 li a {color:#EBEBB5;}
ul#menu1 ul li a {color:#EBEBB5;}

ul#product li
{
	display: inline-block;
}

#product img
{
	background-color: #F5F5D6;
	border: 1px solid #A9A9A9;
	margin: 6px;
	padding: 4px;
}

#product .pictxt1
{
	text-align: center;
}

.lismall {
	font-size: 0.8em;
}

blockquote {
		font-family: Georgia,"Times New Roman", Times, serif; 
		margin:5px; 
		padding:10px;
		font-size:1.52em; 
		color:#999; 
		font-style:italic; 
		line-height:1.3em; 
		width:100%; 
		quotes:none;
	}
	blockquote.left {border-right:1px dashed #ccc; width:35%;} /* float blockquote left, and set width */
	blockquote.right {border-left:1px dashed #ccc; width:35%;} /* float blockquote right and set a width */

/* ** ** Header Styles ** ** */
h1, h2, h3, h4, h5 {margin:0 0 0.5em; line-height:1.1em;}
h1 {	font-size:2.52em;} 
h2 {	font-size:1.952em;} 
h3 {	font-size:1.652em;} 
h4 {	font-size:1.452em;} 
h5 {	font-size:1.252em;} 
h6 {	font-size:1.52em;}




/* ** ** custom select color ** ** */
::selection {
	background: #525252; /* Safari */
	}
::-moz-selection {
	background: #525252; /* Firefox */
	color:#fff;
}
/* ** ** paragraph styling ** ** */
p {margin:0 0 1.52em;}
	p img.left {float:left;margin:1.52em 1.52em 1.52em 0;padding:0;}
	p img.right {float:right;margin:1.52em 0 1.52em 1.52em;}

strong   		{	font-weight:600;}
em, dfn  		{	font-style:italic;}
dfn 	 		{   font-weight:600;}
sup, sub 		{   line-height:0;}
abbr, acronym   {	border-bottom:1px dashed #ccc;}
address 		{	margin:0 0 1.5em;font-style:italic;}
del 			{	color:#666;}
pre, code, tt   {	font:1em 'andale mono', 'lucida console', monospace;line-height:1.5; display:block;}
code 			{	background-color:#eee; display:inline; padding:0px 2px 1px 2px; line-height:1.1em;}
pre 			{	margin:1.5em 0;white-space:pre;}