@charset "UTF-8";
/* Reset Browser */
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, caption, canvas, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, form, footer, header, hgroup, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, tt, table, tbody, textarea, tfoot, thead, time, tr, th, td, u, ul, var, video { margin: 0; padding: 0; font-size: 100%; font-weight: inherit; font-style: inherit; text-align: inherit; background: transparent; border: 0; font-family: inherit; color:#999; outline: 0; vertical-align: baseline; white-space: normal; }

/* Load site specific fonts */
@font-face {
    font-family: "PWCactus";
    src: url('../font/PWCactus.ttf');
}

/* HTML Tags */
/* Alternate fonts list-- !Must be changed in index.php!
body {background-color:#222; font-family: 'Sintony', sans-serif; font-size:.9em; outline: 1em; line-height:1.2em;} 
body {background-color:#222; font-family:'Raleway', sans-serif; font-size:0.9em; outline: 1em; line-height:1.2em;}
body {background-color:#222; font-family:'Droid Sans', sans-serif; font-size:0.9em; outline: 1em; line-height:1.2em;}
*/
body {background-color:#333; font-family:'Open Sans', sans-serif; font-weight:300; font-size:0.9em; outline: 1em; line-height:1.2em;}

h1 {font-family:'PWCactus',Arial, Helvetica, sans-serif; font-size:2.8em; font-weight:normal; color:#f15a23; padding-bottom:0.8em;}
h1 {font-family:'Open Sans',Arial, Helvetica, sans-serif; font-size:1.8em; font-weight:normal; color:#f15a23; padding-bottom:1.1em;}
h1.topMargin {margin-top:1.5em;}
h2 {font-family:'PWCactus',Arial, Helvetica, sans-serif; font-size:1.8em; font-weight:normal; color:#bbb; padding-bottom:0.8em;}
h2.topMargin {margin-top:1em; }
h3 {font-family: 'Open Sans', sans-serif; font-size:1em; font-weight:normal;font-style: italic; font-weight:300; color:#f15a23; padding-bottom:0.5em;line-height:1.4em;text-align:justify;}
h3.topMargin {margin-top:0.8em; }

h4, h5, h6, #logo a, #navigation .menu a, #left-bar .menu a
{font-family:'PWCactus',Arial, Helvetica, sans-serif; font-size:28px; font-weight:normal;}
p {text-align:justify; margin-bottom:5px;}

.left { margin:0px 15px 5px 0px;}
.right { margin:0px 0px 5px 15px;}

/*	Grid  */
.container { width:920px; margin: 0 auto; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; background-color:#222;}
.container  { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.row { margin-bottom: 1.5em }
.clr {clear:both;}

/* Main Containers */
#site-logo {position:static; display:block; padding:25px 0px 10px; float:right;}
#language {position:static; display:block; float:left; padding-top:5px;}
#menu {position:static; display:block; font-family:PWCactus; }
#banner {position:static; display:block; width: 920px; min-height:160Px; max-height:410px; background-color:#666; }
#main {position:static; padding:40px 0px 25px;}
#main-small {position:static; padding:40px 0px 25px; width:720px; float:left;}
#left-bar {position:static; float:right; width:180px; /*border-left:1px solid #333*/}
#spacer {position:static; height:5em;}

#mainPage {position:static; left:0px; top:0px; min-height:100px; width:100%; background-color:#222;}
#footer {position:static; display:block; left:0px; bottom:0px; min-height:100px; width:100%; max-height:100%;}
#footer p{font-size:0.8em;}


#bottom-page {position:static; display:block;background-color:#333;}

/* Main Menu */
#navbar-wrap {padding: 0px; margin:0; border-bottom:1px solid #333; border-top:5px solid #333; background:#222;}
#navbar { position: relative; height: 55px; }
#navbar.row { margin-bottom: 0 }
#navigation { padding:0; }
#navigation .menu { margin: 0; padding: 0; list-style:none;}
#navigation .menu > li { display:inline; float:left;list-style: none; }
#navigation .menu > li ul {}
#navigation .menu li { position: relative;}
#navigation .menu li:hover > ul { margin: 0; opacity: 1; visibility: visible; }
#navigation .menu a { display: block; position: relative;}
	/* Main Menu -> current item */
#navigation .menu > li > a:hover, #navigation .menu > li.sfHover > a, #navigation .menu > .active > a, #navigation .active > a:hover, #navigation .active > a:hover { color: #BBB}
#navigation .menu > .active > a, #navigation li.active > a { font-weight: normal; color: #BBB;}
#navigation .menu > li { margin-right:0; padding:0; }
#navigation .menu a { height: 50px; padding:0 15px; color: #666; font-weight:normal; text-align: left; text-decoration: none; cursor: pointer; line-height: 53px;}

/* Side Menu */
#navbar-wrap {padding: 0px; margin:0; border-bottom:1px solid #333; border-top:5px solid #333; background:#222;}
#navbar { position: relative; height: 55px; }
#navbar.row { margin-bottom: 0 }
#left-bar { padding:0; }
#left-bar .menu { margin: 0; padding: 0; list-style:none;}
#left-bar .menu > li { display:block; float:right;list-style: none; width:100%; }
#left-bar .menu > li ul {}
#left-bar .menu ul { position: absolute; left: 0; top: 100%; margin: 10px 0 0 0; /*IE6 only*/ _margin: 0; nowhitespace: afterproperty; opacity: 0; transition: all .2s ease-in-out; visibility: hidden; z-index: 99; }
#left-bar .menu ul ul { left: 100%; top: 0; }
#left-bar .menu ul ul li { width: 100% }
#left-bar .menu li { position: relative;}
#left-bar .menu li:hover > ul { margin: 0; opacity: 1; visibility: visible; }
#left-bar .menu a { display: block; position: relative;}
	/* Side Menu -> current item */
#left-bar .menu > li > a:hover, #left-bar .menu > li.sfHover > a, #left-bar .menu > .active > a, #left-bar .active > a:hover, #left-bar .active > a:hover { color: #BBB; background:#F8F8F8*/}
#left-bar .menu > .active > a, #left-bar li.active > a { font-weight: normal; color: #DDD;}
#left-bar .menu > li { margin-right:0; padding:0; }
#left-bar .menu a { height: 50px; padding:0 0px; color: #666; font-weight:normal; text-align: right; text-decoration: none; cursor: pointer; line-height: 53px;}

/* Language Menu */
#language a {font-size:0.8em; font-weight:bold; color:#999; }
#language a:hover {color:#DDD; }

/* Forms */
.visform input[type="text"], .visform input[type="email"], .visform textarea, .visform select{
    border: 1px solid #CCC;
    color: #bbb;
    height: 20px;
    line-height:15px;
    margin-bottom: 16px;
    margin-right: 6px;
    margin-top: 2px;
    outline: 0 none;
    padding: 5px 0px 5px 5px;
    width: 70%;
	font-size:1em;
	font-weight: normal;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;    
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.visform select {
    background: #222 url('down-arrow.png') no-repeat right;
    background: #222 url('down-arrow.png') no-repeat right;
    appearance:none;
    -webkit-appearance:none; 
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    width: 71%;
    height: 35px;
    line-height:15px;
}
.visform textarea{
    height:100px;
    padding: 5px 0px 0px 5px;
    width: 70%;
}
.visform .button {
    background: #FFF;
    border: 1px solid #CCC;
    padding: 10px 25px 10px 25px;
    color: #333;
    border-radius: 4px;
	width:160px;
	margin-left:10px;
	margin-right:5px;

}
.visform .button:hover {
    color: #333;
    background-color: #EBEBEB;
    border-color: #ADADAD;
}


