/*
Template for Webfrog websites
Notation: float,width,height,margin,padding,border,background,display,font-family,font-size,font-weight,font-style,line-height,text-transform,text-decoration,color,other // no ending ;
*/

html {margin:0; padding:0; border:0}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tr, th, td { margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline; }
a img {border:none}

h1,h2,h3,h4,h1 a,h2 a,h3 a,h4 a {font-family:AllerRegular,sans-serif,arial;font-weight:normal;color:#333}
h1 {font-size:32px;line-height:34px;margin-bottom:12px}
h2 {font-size:24px;line-height:26px;margin-bottom:12px}
h3 {font-size:18px;line-height:20px;margin-bottom:8px}
h4 {font-size:14px;line-height:15px;margin-bottom:8px}

a {text-decoration:none;color:#ff9900}
a:hover {text-decoration:underline}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover {text-decoration:none}

p {}
p,ul {margin-bottom:20px}
ul {list-style-type:none}

.last {margin-right:0px}
.clear {clear:both}
.spacer {float:left;width:100%;margin:10px 0}
.float_right {float:right!important;margin-right:0px!important}

/* layout */

body {background:url("../images/bg.png") #fdb00a no-repeat center top;font-family:arial,sans-serif,verdana}
.wrapper {margin:0 auto;width:960px;overflow:hidden}

#header {float:left;height:120px}
    #header .logo {float:left;width:180px;height:66px;margin:30px 0 0 0;background:url("../images/logo.png") no-repeat left top;display:block}
    
#menu {float:left;width:100%}
    #menus {float:left;width:100%;height:38px;margin-bottom:0px;background:url("../images/bg-menu.png") repeat-x;zoom: 1;filter: alpha(opacity=97);opacity: 0.97;position:relative;z-index:999}
    #menus li {float:left;height:28px;font-family:arial;font-weight:bold;font-size:15px;text-transform:uppercase;position:relative}
        #menus li a {width:100%;height:100%;padding:10px 30px 0px 30px;color:#000;display:block;}
        #menus li a:hover {text-decoration:none;color:#fdb00a;}
        #menus li a.active {color:#fdb00a}
        
        #menus li ul {width:200px;margin:0;padding:0;display:none;top:38px;left:10px;position:absolute}
        #menus li ul li {float:left;width:100%;height:auto;margin:0;background:#ddd;border-bottom:1px dotted #959595}
            #menus li ul li a {padding:10px 20px;}
   
#content {float:left;width:100%}
    #content #main {float:left;width:670px;margin:0 30px 0 0;padding:25px 15px 15px 15px;background:#fff;zoom: 1;filter: alpha(opacity=97);opacity: 0.97}
        #content #main .block {float:left;width:100%;margin:0 0 30px 0}
    #content .no_sidebar {width:930px!important}
        
        #content #main p.intro {font-size:16px;line-height:24px;color:#333}
        
        #content #main #breadcrumbs {float:left;width:100%;margin:0 0 10px 0;font-size:11px;}
        
    #content #sidebar {float:left;width:230px}
        #content #sidebar .block {float:left;width:100%;margin:0 0 15px 0;background:#fff}
            #content #sidebar .block p {margin:0px}
            #content #sidebar .block img {float:left}
            #content #sidebar .block a {} 

#footer {float:left;width:900px;margin:30px 0 0 0;padding:15px 30px;background:#fff;zoom: 1;filter: alpha(opacity=95);opacity: 0.95;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;-moz-border-radius-bottomright: 0px;-moz-border-radius-bottomleft: 0px;-webkit-border-radius: 5px 5px 0px 0px;border-radius: 5px 5px 0px 0px;}
    #footer .block {float:left;min-width:100px;max-width:220px;margin:0 100px 0 0;font-size:11px}
        #footer .block .head {padding:0 0 10px 0;font-size:13px;font-weight:bold}
        #footer .block li a {color:#333}
        #footer .block li a:hover {color:#ff9900;text-decoration:none}
        #footer .block li a.active {color:#fdb00a;}

/* custom style */

p.sub {margin:5px 0;font-size:10px;color:#666;}
img {}
img.large {float:left;max-width:400px;margin:0 15px 0 0}
img.medium {float:left;max-width:200px;margin:0 15px 0 0}
img.small {float:left;max-width:100px;margin:0 15px 0 0}

#slider {float:left;width:960px;height:150px;margin:0 0 10px 0}

/* forms */

.form { }
    .form label {font-size:14px;font-weight:bold;line-height:26px}
        .form label .error {border:0px;color:#ff0000;}
    .form input {}
        .form .input {width:300px;padding:6px;border:1px solid #fdb00a}
        .form .submit {height:30px}

.msg {float:left;width:90%;margin:15px 0;padding:10px;clear:both;}

.error {border:1px solid #ff0000;background-color:#ffe7e7}
.succes {border:1px solid #66ff00;background-color:#e6ffd3}
    
/* fonts */

@font-face {font-family: 'AllerBold';src: url('../fonts/aller/aller_bd-AllerBold.eot?') format('eot'),url('../fonts/aller/aller_bd-AllerBold.woff') format('woff'),url('../fonts/aller/aller_bd-AllerBold.ttf') format('truetype'),url('../fonts/aller/aller_bd-AllerBold.svg#webfontHGO5Stou') format('svg');font-weight: normal;font-style: normal; }
@font-face {font-family: 'AllerRegular';src: url('../fonts/aller/aller_rg-AllerRegular.eot?') format('eot'),url('../fonts/aller/aller_rg-AllerRegular.woff') format('woff'),url('../fonts/aller/aller_rg-AllerRegular.ttf') format('truetype'),url('../fonts/aller/aller_rg-AllerRegular.svg#webfontBHL7hnEO') format('svg'); font-weight: normal;font-style: normal;}