/* ----------------------------------------------------------------------------------------------------------

    This website template was downloaded from http://www.nuviotemplates.com - visit us for more templates

    Structure:
    display; position; float; z-index; overflow; width; height; margin; padding; border; background; align; font;

    Content:
    
        1) HTML tags, reset
        2) Universal styles (display, float, margin, text-align...)
        3) Generally HTML styles (table, ul, dl...)
        4) Layout
        5) Page: Home
        
---------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------------
1) HTML tags, reset
---------------------------------------------------------------------------------------------------------- */

/* Used Yahoo Reset and Fonts instead */

/* ----------------------------------------------------------------------------------------------------------
2) Universal styles (display, float, margin, text-align...)
---------------------------------------------------------------------------------------------------------- */

/*.box {min-height:1px;}
.box:after {display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:".";}*/
.box {display:inline-block;}
.box:after {display:block; visibility:hidden; clear:both; height:0; content:".";}

.relative {position:relative;}

.clear {clear:both;}

.f-left {float:left !important;} img.f-left {float:left; margin-right:10px;}
.f-right {float:right !important;} img.f-right {float:right; margin-left:10px;}

.t-left {text-align:left !important;}
.t-center {text-align:center !important;}
.t-right {text-align:right !important;}
.t-justify {text-align:justify !important;}

.va-top {vertical-align:top;}
.va-middle {vertical-align:middle;}
.va-bottom {vertical-align:bottom;}

.nom {margin:0 !important;}
.nomt {margin-top:0 !important;}
.nomb {margin-bottom:0 !important;}

.noscreen {display:none;}

/* ----------------------------------------------------------------------------------------------------------
3) Generally HTML styles (table, ul, dl...)
---------------------------------------------------------------------------------------------------------- */            
/*body {height:auto !important;min-height:100%;}*/

html, body {
height: 100%;
overflow:inherit;
}

body > #wrap {height:auto;min-height:100%;}

table.data-table {width:100%;margin-bottom:10px;margin-left:1px;margin-right:1px;}
table.data-table th {padding:10px 5px;}
table.data-table td {padding:5px;}
table.nostyle {width:100% !important;}
table.nostyle, table.nostyle th, table.nostyle td {border:0 !important;}
table.nostyle th {background:none !important; text-align:left !important;}
table.nostyle th, table.nostyle td {padding:2px 2px !important;}

ul.ul-style01 {margin:0 5px; padding:0; list-style:none;}
ul.ul-style01 li {margin:0; padding:0; padding-left:20px; padding-bottom:10px; background:url("http://lwimages.listingware.com/lwimages/twotone/beige/play.gif") 0 3px no-repeat;} 
ul.ul-style01 ul {margin:0; padding:0; list-style:none;}
ul.ul-style01 ul li {}

form {width: 100%;top: 0px;left: 0px;}
fieldset {padding: 7px 7px 7px 7px;margin: 0 0 0 0;border: 2px solid #CCCCCC;}
legend {font-weight: bold;margin-bottom: 5px;padding: 3px 6px;background-color: #333333;color: #FFFFFF;}
label {width: 100px;float:left;height:auto;display:block;margin: 2px 10px 2px 5px;text-align:right;}
input, select {margin:2px 0px 2px 0px;padding:0;}
textarea {margin:2px 0px 2px 0px;padding:0;}
/*input,select,textarea {-moz-box-sizing: border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}*/

/* ----------------------------------------------------------------------------------------------------------
4) Layout
---------------------------------------------------------------------------------------------------------- */

#main {width:100%;padding-bottom:130px;z-index:4;}

    #headerbackground {width:100%;height:160px;margin:auto;}

    #header {width:950px;margin:auto;position:relative; height:150px; padding:5px;}
    
        #logo {width:315px;height:140px;position:relative;}
        
/*        #slogan {position:absolute; top:100px; right:10px; font-size:200%; line-height:200%; font-weight:bold; font-style:italic; text-align:right; overflow:hidden;}*/
        #slogan {position:absolute; bottom:10px; right:10px; font-size:150%; line-height:140%; font-weight:bold; font-style:italic; text-align:right; overflow:hidden;}

    #navbackground {width:100%;min-height:25px;position:relative;padding-top:5px;padding-bottom:5px;z-index:15;}
    
    #nav {width:950px;margin:auto;position:relative;z-index:20;}
    
/*    
        #nav ul {margin:0; padding:0; list-style:none;}
        #nav ul li {display:inline; margin:0; padding:0;}
        #nav ul li a {display:block; float:left; padding:12px 15px 12px 14px; text-decoration:underline;}
        #nav ul li#nav-active a {font-weight:bold; text-decoration:none;}
*/
    #shim {width:100%;min-height:20px;height:20px;z-index:1;margin:0;padding:0;}

    #colsbackground {width:100%;z-index:2;height:auto;min-height:100%;}
            
    #cols {width:920px;margin:auto;height:auto;min-height:550px;text-align:left;overflow:hidden;z-index:10;padding:10px 15px;position:relative;margin-top:-20px;}

        #content {float:right;width:600px;padding-left:1px;padding-right:1px;position:relative;height:auto;min-height:100%;}
        
            #content #content-title {margin:0; padding:15px 15px 10px 20px; font-size:140%; font-weight:normal;}
            #content #content-in {padding:15px 15px 10px 20px;}
        
        #aside {float:left;width:300px;position:relative;}
        
            #aside #aside-title {margin:0; padding:15px 15px 10px 15px; font-size:140%; font-weight:normal;}
            #aside .aside-in {padding:10px 10px 15px 10px;}
            #aside .aside-box {padding:10px;}
            #aside .title {margin:0 5px 0 0; padding:10px 15px;font-size:100%;}    

    #footerbackground {width:100%;height:150px;margin-top:-150px;position:relative;clear:both;}
          
    #footer {width:920px;margin:auto;position:relative;padding-top:25px;}
    #footer p {margin:0;}
 
/* ----------------------------------------------------------------------------------------------------------
5) Page: Home
---------------------------------------------------------------------------------------------------------- */

#perex {margin-left:5px; padding:15px; background:url("../design/perex.gif") 0 100% no-repeat;}
#perex p {margin:0;}

#sections {background:url("../design/sections.gif") 0 0 repeat-y;}
#sections-bottom {width:620px; height:7px; background:url("../design/sections-bottom.gif") 0 0 no-repeat; font-size:0;}

    .section {float:left; width:200px;}
    .section p {margin:0;}
    .section.margin {margin:0 10px;}
    .section h3 {margin:0; padding:10px; background:url("../design/section-title.gif") 0 0 no-repeat; font-size:100%;}
    .section-in {margin-bottom:10px; padding:0 10px 10px 10px;}

dl#news, dl#news dd {margin:0;}
dl#news dt {clear:both; padding-left:18px; background:url("../design/ico-list.gif") 0 2px no-repeat;}
dl#news dd {margin:7px 0 10px 0; padding-bottom:10px;}
dl#news dd span.date {padding-right:10px; background:url("../design/date.gif") 100% 50% no-repeat; font-size:85%; font-weight:bold;}