html									{height:100%;}
/* body									{background:url('../img/main_bg.jpg') repeat 0 0; height:100%; font-family:'Helvetica',Arial,sans-serif; font-size:13px; color:#000; margin:0; padding:0; } */
body									{background:url('../img/main_bg.jpg') repeat 0 0; height:100%; font-family:'Shanti','Helvetica',Arial,sans-serif; font-size:14px; color:#000; margin:0; padding:0; }

/* TITLES */

h1										{display:block; width:169px; height:207px; overflow:hidden; position:absolute; left:0; top:0;}
h1 a span							{display:block; width:169px; height:207px; background:url('../img/logo.jpg') no-repeat left top; position:absolute; left:0px; top:0px; cursor:pointer;}
h1 a									{display:block; position:relative; text-indent:-1000em;}

h2                    {font-size:26px; margin:0 0 15px; letter-spacing:-1px; color:#323232; font-family: 'Patrick Hand', cursive;}
h2.quote              {background:#f2f1f1; padding:10px 20px 10px 30px; font-size:20px; font-style:italic; position:relative;}
h2.quote:hover        {background:#000; color:white;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}
h3                    {font-size:17px; margin:0 0 15px; color:#323232; font-family: 'Patrick Hand', cursive;}

/* MISC */

div, img, span, li, ul, form, label, p, fieldset, h1, iframe, a {border:none; margin:0; padding:0;}

a			                {color:#25759b; font-weight:bold; text-decoration:none;}
a:hover               {text-decoration:underline;}


.clear 	          		{clear:both; height:1px;}
.clear2	          		{clear:both; height:15px;}

.fl										{float:left;}
.fr										{float:right;}


/* BASE LAYOUT */

div#frameholder				{width:729px; margin:50px auto; padding:0 0 50px 0; position:relative; background:white url('../img/bottom.jpg') no-repeat bottom left;}

div#logoshape					{width:169px; height:297px; position:absolute; right:0; top:0; z-index:20; background:white url('../img/main_top_right.jpg') no-repeat bottom left;}

div#menu							{width:174px; float:left; margin:207px 0 0 0; position:relative;}
div#menu ul						{width:164px; height:308px; padding:5px 0 0 10px; list-style:none; background:url('../img/under_menu.jpg') no-repeat bottom left; position:relative; left:-12px;}
div#menu ul li				{float:left;}
div#menu ul li a			{float:left; display:block; width:143px; height:34px; line-height:34px; font-size:13px; color:white; font-weight:bold; text-align:center; margin:0 0 1px; background:url('../img/btn.png') no-repeat left top;}
div#menu ul li a:hover, div#menu ul li.active a {background:url('../img/btn.png') no-repeat right top; text-decoration:none;}

div#menu span					{width:145px; height:15px; display:block; text-align:center; font-weight:bold; font-size:12px; background:url('../img/under_under_menu.jpg') no-repeat 0 0; position:relative; top:-19px;}

div#content						{float:right; width:450px; z-index:90; position:relative; padding:200px 100px 0 0}

div#content p				 				{margin:0 0 20px 0; line-height:18px; text-align:justify;}
div#content p.bigger 				{font-size:16px; line-height:30px;}
div#content p.big	 					{font-size:20px; line-height:40px;}
div#content p.center				{text-align:center;}
div#content p.small					{font-size:10px; line-height:15px;}


/* FORM */

form  								{margin:10px 0 30px 0; padding:20px; background:#f2f1f1;}
form div							{width:100%; margin:0 0 10px 0; position:relative;}
form div label				{width:130px; float:left;}
form div strong 			{color:#8cd521;}
form div em						{display:block; margin:10px 0 0 0;}
form input[type="submit"]				{border:0; padding:0; font-weight:bold; width:130px; height:34px; line-height:34px; background-color:#88be4e; color:white; text-align:center; cursor:pointer;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}
form input[type="submit"]:hover {background-color:#619c0c;}
form input[type="checkbox"], form input[type="checkbox"]:focus		{border:0; margin:0; padding:0; width:auto; height:auto; line-height:auto; background-color:none; color:white;}
form select, form input, form textarea 										{border:1px solid #c1c1c1; padding:3px; font-size:12px; }
form select:focus, form input:focus, form textarea:focus	{border:1px solid #8cd521}
form select						{width:160px;}
form input						{width:250px;}
form textarea					{width:250px; height:100px;}
form div.note input 	{width:auto; height:auto; float:left; margin:0 10px 0 0;}
form div.note span 		{display:block; width:380px; float:right; font-size:11px;}
form div.note strong	{display:block; float:left; margin:2px 10px 0 0;}
form p.msg_ok					{color:white; background:#8dc63f; padding:5px; font-weight:bold;}
form p.msg_error			{color:white; background:#9e0b0f; padding:5px; font-weight:bold;}
div.error							{height:16px; line-height:16px; color:#FFF; padding:2px 5px 5px 5px; background:#c92c2c; z-index:555}

div#slider						{position:relative; top:-15px; width:143px; height:90px; background:#url(/img/loading.gif) no-repeat 50% 50%;}
div#slider img				{position:absolute; top:0px; left:0px; display:none;}
div#slider a					{border:0; display:block;}