/*                                    
#------------------------------------------------------------------------
# Copyright (C) 2009-2011 Joomla51. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.joomla51.com.com
# Support: support@joomla51.com   
#------------------------------------------------------------------------
*/

/* Reset */
html, body, div, span, applet, object, iframe, 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 
{background: none repeat scroll 0 0 transparent; border: 0 none; font-size: 100%; margin: 0; outline: 0 none; padding: 0; vertical-align: baseline;}
h1, h2, h3, h4, h5, h6 
{background: none repeat scroll 0 0 transparent; border: 0 none; margin: 0; outline: 0 none; padding: 0; vertical-align: baseline;}
body {line-height: 1;}
ol, ul {list-style: none outside none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: none;}
:focus {outline: 0 none;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}
html {overflow-x:hidden !important;}

/* Div Layout */
#wrapper, #outside_wrapper, #content_wrapper, .content_wrapper, #component_wrapper, #content80, #content100, #component_wrapper, #base_wrapper, #banner, #footer, .maincontent {height:100%;}

#content80 {overflow:hidden; margin:0;}
#content100 {float:right;width:880px; overflow:hidden; padding-right:24px; padding-left:0px;}

#wrapper, #outside_wrapper {width: 958px; height:auto; display:table; text-align:left; margin:0 auto;}
#content_wrapper {height:100%; width: 100%; height:100%; clear: both; background: url("../images/content_bg.png") repeat-y scroll 50% 0 transparent;}
.content_wrapper {height:100%; width: 930px; height:100%; padding-top: 0px; clear: both; border-top:none; margin:0 auto; /*background: url("../images/content_top.png") no-repeat;*/}
#component_wrapper {height:100%; padding: 10px 0px 0px 0px; margin:0 auto;} 

body {
background-color: #e7e7df;
width: 100%;
font-family: Arial,Tahoma,Verdana;
font-size: 13px;
font-weight:normal;
/*fandrew color: #868686; */
color: #444;
line-height:130%;
}

#body_bg {/*background: url(../images/header.png) 50% 0 no-repeat;*/}

#header {width:100%; /* fandrew height:113px; */ height:83px; float:left; z-index:0;}
.inside {padding:0px 0px 10px 0px;}
#top {border:0; padding:0px 0px 0px 0px ; width:958px; height:18px; float:left; margin-bottom:0px; position:relative; background: url("../images/hornav.png") no-repeat scroll 50% 0% transparent;}
#sidecol {overflow:hidden;padding:0px 12px 0px 12px; margin-top:6px; margin-bottom:6px;}
#base {height:1px; clear:both;}
#base_bg {background:url(../images/base_bg.png) 50% 0% no-repeat; text-align:center; height:30px; clear:both; }
#base_wrapper {margin:0 auto; width:100%; clear:both; height:100%; background: url("../images/grad2.png") repeat-x #222;}
#banner {padding:0px; text-align:center; overflow:hidden; clear:both;}
#footer {text-align:center; clear:both; overflow:hidden; }

.maincontent {padding:0px 0px 0px 0px; clear: both; margin:0; outline:0 none;}

.clear, .both {clear:both;}
.spacer {height:10px; width:100%; display:block;}
.spacer5 {height:5px; width:100%; display:block;}
br.ff_fix { clear: both; }