/*
Design by Metamorphosis Design
http://www.metamorphozis.com
Released for free under a Creative Commons Attribution 2.5 License
*/

* {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	background: #4BC02F url(images/back_all.jpg) repeat-x top;
}

body, th, td, input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}

#left1
{
width: 911px;
margin: 0 auto;
background: url(images/1.jpg) no-repeat left top;
}

#right1
{
width: 911px;
background: url(images/2.jpg) no-repeat right top;
}

#contmain
{
width: 100%;
}

h1, h2, h3 {
	color: #44763E;
}

h1 {
	font-size: 3em;
}

h2 {
	text-transform: uppercase;
	font-size: 1.1em;
	font-weight: bold;
	color: #4BC02F;
}


h3 {
	font-size: 1em;
}

p, ul, ol {
	margin-top: 7px;
	font-size: 1.1em;
}

ul, ol {
	margin-left: 3em;
}

a {
	text-decoration: underline;
	color: #4BC02F;
}

a:hover {
	border: none;
	text-decoration: none;
}

h1 a, h2 a, h3 a {
	border: none;
	text-decoration: none;
	color: #4BC02F;
}

h1 a:hover, h2 a:hover, h3 a:hover {
	background: none;
	color: #4BC02F;
}


/* Header */

#header {
	width: 806px;
	margin: 0 auto;
	height: 399px;
	background: #ffffff;
	border-left: 12px solid #ffffff;
	border-right: 12px solid #ffffff;
	
}

#menu {
	height: 57px;
	width: 806px;
	background: #ffffff url(images/menu.gif) repeat-x;
	border-top: 12px solid #ffffff;
	border-bottom: 12px solid #ffffff;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}

#menu li {
	float: left;
}

#menu a {
	display: block;
	float: left;
	height: 31px;
	width: 125px;
	margin-right: 1px;
	text-decoration: none;
	font-size: 1.1em;
	padding-top: 20px;
	font-weight: bold;
	color: #ffffff;
    text-align: center;

}

#menu a:hover {
	color: #4BC02F;
}



/* Logo */

#logo {
	width: 806px;
	height: 317px;
	background: url(images/header.jpg) no-repeat;
	text-align: right;
}


#logo h1 {
	padding-top: 130px;
	padding-right: 20px;
	color: #ffffff;
	font-size: 18px;
}

#logo h2 {
	font-style: italic;
	font-size: 10px;
	padding-right: 20px;
}

#logo p {
	clear: left;
	margin: 0;
	padding: 0 0 0 20px;
	line-height: normal;
	font-size: 1.2em;
	font-weight: bold;
	color: #ffffff;
}

#logo a {
	color: #FFFFFF;
}

/* Page */

#page {
	width: 806px;
	margin: 0 auto;
	background: #ffffff url(images/table_back.gif) repeat-x;
	border-top: none;
	padding-top: 20px;
	border-left: 12px solid #ffffff;
	border-right: 12px solid #ffffff;
}

/* Content */

#content {
	float: left;
	width: 480px;
	padding-left: 10px;
	padding-top: 20px;
}

.post {
}

.post .title {
	margin: 0;
	font-weight: normal;
}

.post h1.title {
	height: 30px;
	font-size: 2.4em;
}

.post .entry {
	padding: 0 10px 30px 15px;
}

.post .meta {
	margin: 0;
	padding: 5px 0px 0px 15px;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #4BC02F;
}

.post .meta a {
	color: #4BC02F;
}

.post .links {
	margin: 0;
}

.post .tags {
	margin: 0;
	text-transform: uppercase;
	font-size: .8em;
	font-weight: bold;
}

.post .links a, .post .tags a {
	border: none;
}


/* Sidebars */

.sidebar {
	float: left;
}

.sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.sidebar li {
	margin-bottom: 2em;
}

.sidebar li ul {
}

.sidebar li li {
	margin: 0;
}

.sidebar li h2 {
	margin: 0 0 1em 0;
}

#sidebar1 {
	width: 224px;
	padding: 0px 0px 0px 20px;
}

#sidebar2 {
  	width: 236px;
	padding: 20px 20px 0px 20px;
}

#sidebar2 li h2 {
	margin: 0 0 1em 0;
	background: url(images/title.gif) no-repeat left top;
	height: 35px;
	color: #FFFFFF;
	padding-left: 20px;
	padding-top: 14px;
}

#sidebar2 li ul {
	line-height: normal;
	margin-left: 20px;
}

#sidebar2 li li {
	padding: 5px;
	background: url(images/small.gif) no-repeat left;
	font-size: .8em;
}

#sidebar2 li a {
	border: none;
	padding-left: 10px;
}

#sidebar2 li a:hover {
	border: none;
	padding-left: 10px;
}

#bottom
{
height: 30px;
background: url(images/footer.gif) bottom no-repeat;
}

/* Footer */
#footer
{
padding: 20px;
height: 50px
}

#footer p {
	text-align: center;
	font-size: 9px;
	color: #ffffff;
	margin: 0px;
	padding: 0px;
}
#footer a
{
color: #FFFFFF
}
#container
{
    margin: 100px auto;
    width: 610px;
}
ul.gallery
{
    margin: 0;
    padding: 0;
}
ul.gallery li
{
   float: left;
   list-style: none;
    margin: 0 2px 2px 0;
    padding: 5px 5px 0 5px;
    border: 3px solid #acacac;
    background-color: #fff;
    box-shadow: 5px 5px 10px #333;
    -webkit-box-shadow: 5px 5px 10px #333;
    -moz-box-shadow: 5px 5px 10px #333;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#333333,direction=135,strength=5);
{
ul.gallery img
{
    width: 100px;
    height: 75px;
}
ul.gallery li:hover
{
    position: relative;
    top: -56px;
    left: -75px;
    width: 250px;
    height: 188px;
    padding: 3px;
    border: 3px solid #000;
    z-index: 1;
}
ul.gallery li:hover img
{
    width: 250px;
    height: 188px;
}
 #container div
{
    float: left;
    width: 118px;
    height: 93px;
}

 .r1
{
    transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
}
.r2
{
    transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
}
.r3
{
    transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
}
.r4
{
    transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    -moz-transform: rotate(20deg);
}
ul.gallery img
{
    width: 100px;
    height: 75px;
}
