/* @override http://dev.exclusif.ch/A556E9/exclusif2.nsf/template/StyleSheet_wrapper.css */
/* @override http://www.exclusif.ch/A556E9/exclusif2.nsf/template/StyleSheet_wrapper.css */
html, body{
 font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
 margin: 0px;
 padding: 0px;
}
/* CSS global reset for all browsers */
* { padding: 0px; margin: 0px; }

body {
 color: #807970;
 font: 100% georgia, serif;
 line-height:1.125em;
}

/* @group BASICS */

/* BASICS */

a:link,
a:visited {
 text-decoration: none;
}

a:hover,
a:active {
 text-decoration: underline;
}

a:focus { outline: none; }

a, h1, h2, h3, h4, h5, h6 {
 font-weight: normal;
 color: #108000;
}

h1 { font-size: 185%; }
h2 { font-size: 170%; }
h3 { font-size: 165%; }
h4 { font-size: 137%; }
h5 { font-size: 110%; }
h6 { font-size: 100%; }

h1, h2, h3 {
 margin-right: 0;
 margin-left: 0;
 margin-bottom: 1em;
}

.left {
 float: left;
}

.right {
 float: right;
}

/* @end */

/* @group HEADER */

/* *** HEADER *** */

#header {
 margin: auto;
 width: 100%;
 display: block;
 float: left;
 height: 460px;
 background-color: #308ccb;
}

#header #header_background_image{
 background: url(../template/images/wrapper/bg_header_mountain.jpg) no-repeat center top;
 height: 300px;
 width: 100%;
 z-index: 0;
 float: left;
 clear: both;
 position: relative;
 top: -50px;
}

/* @group MENUBAR */

#header #menubar{
 color: #ffffff;
 margin-left: auto;
 margin-right: auto;
 background: url(../template/images/wrapper/bg_menubar_item.jpg) repeat-x center top;
 height: 60px;
 width: 100%;
 border-bottom: 1px solid #222;
 display: block;
 z-index: 99;
 position: relative;
 top: 0;
}

#header #menubar_container{
 margin-left: auto;
 margin-right: auto;
 height: 60px;
 width: 960px;
}

#header #menubar_container #nav{
 height: 60px;
 position: absolute;
 right: 0;
}

#header #menubar_nav{
 height: 60px;
 z-index: 60;
 top: 0;
 width: 100%;
 background: url(../template/images/wrapper/bg_menubar_logo.png) no-repeat left top;
 display: block;
 position: relative;
 right: 0;
}



/* @end */

/* @group LAYOUT */

#header #header_content{
 width: 100%;
 display: block;
}

#header #header_maincontent{
 background: url(../template/images/wrapper/bg_header_gradient.jpg) no-repeat center top;
 width: 100%;
 float: left;
 clear: both;
 position: relative;
 top: -100px;
}

#header #header_columns_container{
 width: 960px;
 margin-left: auto;
 margin-right: auto;
 width: 100%;
 float: left;
}

#header #header_columns{
 width: 980px;
 margin-left: auto;
 margin-right: auto;
}

#header #header_column_left{
 width: 520px;
 margin-top: -150px;
 float: left;
}

#header #header_column_right{
 float: right;
}



/* @end */

/* @group HOUSE */

/* HEADER HOUSE */

#header #header_content #house{
 background: url(../template/images/wrapper/bg_house.jpg) no-repeat center top;
 height: 200px;
 width: 450px;
 color: #333333;
 text-transform: uppercase;
 text-align: left;
 float: right;
}

#header #header_content #house h3{
 color: #108000;
 text-transform: uppercase;
 text-align: center;
 font-size: 20px;
 margin-top: -35px;
 margin-bottom: 180px;
 letter-spacing: -1px;
 line-height: 1.3;
 word-spacing: 3px;
}

#header #header_content #house p{

 color: #505050;
 text-transform: uppercase;
 text-align: center;
 font-size: 16px;
 line-height: 22px;
 width: 100%;
 margin-left: auto;
 margin-right: auto;
 margin-top: -40px;
}



/* @end */



/* @end */

/* @group CONTENT */

#maincontent {
 background: #bfbfbf url(../template/images/wrapper/bg_content.jpg) repeat-y center top;
 width: 100%;
 color: #69645b;
 font-size: 105%;
 padding-bottom: 50px;
 float: left;
 clear: both;
 border-bottom: 1px solid #111111;
 background-color: #308ccb;
}

/* CONTENT WRAPPER */

/* @group WRAPPER */

div.wrapper { 
 width: 960px;
 margin-left: auto;
 margin-right: auto;
}

div.wrapper_topleft {
 background: url(../template/images/wrapper/wrapper_tl.png) 0 0 no-repeat;
 display: block;
 float: left;
}

div.wrapper_top {
 background: #FFFFFF url(../template/images/wrapper/wrapper_t.png) 0 0 repeat-x;
 float: left;
 display: block;
}

div.wrapper_topright {
 background: url(../template/images/wrapper/wrapper_tr.png) 100% 0 no-repeat;
 float: right;
 display: block;
}

div.wrapper_bottomleft {
 background: url(../template/images/wrapper/wrapper_bl.png) 0 100% no-repeat;
 float: left;
 display: block;
}

div.wrapper_bottom {
 background: url(../template/images/wrapper/wrapper_b.png) 0 100% repeat-x;
 display: block;
 float: left;
}

div.wrapper_bottomright {
 min-height: 710px;
 background:  url(../template/images/wrapper/wrapper_br.png) 100% 100% no-repeat;
 padding: 35px 35px 40px;
 display: block;
 float: right;
}

div.wrapper_left {
 background: url(../template/images/wrapper/wrapper_l.png) 0 0 repeat-y;
 float: left;
 display: block;
}

div.wrapper_right {
 background: url(../template/images/wrapper/wrapper_r.png) 100% 0 repeat-y;
 float: right;
 display: block;
}

div#wrapper_content {
 font-size: 130%;
 text-align: justify;
 line-height: 150%;
 display: inline;
 margin-bottom: 20px;
 float: left;
 clear: both;
 width: 900px;
}



/* @end */



/* @end */

/* @group FOOTER */

/* *** FOOTER *** */

#footer {
 background: #467099;
    color: #cbc2b2;
 font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
 float: left;
 width: 100%;
 clear: left;
}

#footer #topshadow {
 width: 100%;
 background: url(../template/images/wrapper/bg_shadow_bottom.png) no-repeat center top;
 height: 20px;
}

#footer-content {
 width: 960px;
 margin-left: auto;
 margin-right: auto;
 display: block;
}

#footer #col1, 
#footer #col2, 
#footer #col3, 
#footer #col4
{
 float: left;
 width: 200px;
 display: inline;
 padding: 0;
 clear: none;
 margin-left: 20px;
}

#footer #col1 {
 width: 220px;
 margin-left: 0px;
}

/* @group SITEMAP-LINKS */

#footer a, 
#footer li, 
#footer ul {
 line-height: 1.3;
 font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
 width: 100%;
}

#footer ul {
 list-style-type: none;
 padding: 10px;
}

#footer ul ul {
 margin-left: 10px;
 padding-top: 5px;
 float: left;
 clear: left;
}

#footer ul ul ul{
 padding-top: 5px;
 margin-bottom: 10px;
 margin-left: 10px;
 float: left;
 clear: left;
}

#footer ul li{
 padding-bottom: 2px;
 padding-top: 2px;
 float: left;
 clear: left;
}

#footer ul ul ul li{
 padding-bottom: 2px;
 padding-top: 2px;
}

#footer-menu {
 list-style-type: none;
 display: block;
 margin-left: auto;
 margin-right: auto;
 padding-top: 20px;
 margin-top: 10px;
 margin-left: 40px;
 background: url(../template/images/wrapper/bg_footer_separators.png) repeat-y left top;
 float: left;
 padding-bottom: 20px;
}



/* @end */

/* @group STYLES */

#footer .level1 {
 font-size: 140%;
}

#footer .level2 {
 font-size: 80%;
}

#footer .level3 {
 font-size: 80%;
}

#footer a:link {
    color: #cbc2b2;
 text-decoration: none;
}

#footer a:hover,
#footer a:active {
 color: #eeeeee;
 text-decoration: underline;
}

#footer a:visited {
    color: #cccccc;
}



/* @end */

/* @group GO TO TOP BUTTON */

/* FOOTER GO TO TOP BUTTON */

#footer #gototop {
 list-style-type: none;
 position: relative;
 display: inline;
 float: right;
 right: 10px;
 clear: both;
 top: -50px;
 height: 64px;
 width: 64px;
}

#footer #gototop a {
 width: 64px;
 height: 64px;
 background: url(../template/images/wrapper/gototop.png) no-repeat center top;
 float: right;
 clear: both;
 display: inline;
}

#footer #gototop a:hover {
 background: url(../template/images/wrapper/gototop.png) no-repeat center bottom;
}



/* @end */

/* @group COPYRIGHT */

/* FOOTER COPYRIGHT */

#footer #copyright {
 background: #000000 url(../template/images/wrapper/bg_copyright.jpg) no-repeat center top;
 height: 80px;
 text-align: center;
 color: #cccccc;
 font: 10px "Lucida Grande", Lucida, Verdana, sans-serif;
 padding-top: 5px;
 margin-left: auto;
 margin-right: auto;
 float: left;
 clear: left;
 margin-top: -40px;
 border-top: 1px solid #111111;
	width: 100%;
}

#footer #copyright p {
	width: 660px;
	margin: 10px auto;
}



/* @end */

/* @group DESIGNED AND HOSTING */

#footer #designedby {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

#footer #designedby a {
	width: 100px;
	height: 65px;
	position: relative;
	top: 2px;
	float: right;
	background: url(../template/image/hankoslogodesignhosting.png) 0 top;
	right: 12px;
}

#footer #designedby a:hover {
	background: url(../template/image/hankoslogodesignhosting.png) 0 bottom;
}


/* @end */



/* @end */





/* *** CONTENT *** */

#content {
 float: left;
 display: inline; /* Fix IE double margin float bug */
 width: 100%;
 margin: 0;
 padding: 0;
}

#main {
 float: left;
 display: inline;
 width: 615px;
 margin: 0;
 padding: 0;
 clear: both;
}

#main_res {
 overflow: auto;
 clear: both;
 margin-left: auto;
 margin-right: auto;
}

#main_search.ajax-loading, 
#main.ajax-loading {
 float: left;
 display: inline;
 width: 615px;
 min-height: 400px;
 margin: 0;
 padding: 0;
 clear: both;
 background: url(../template/images/view/ajax-loader.gif) no-repeat center;
 margin-top: 0px;
 margin-bottom: 125px;
}

#main_res.ajax-loading {
 padding: 20px 0;
 background: url(../template/images/view/ajax-loader.gif) no-repeat center;
 margin-top: 0px;
 margin-bottom: 125px;
}

#main p{
 margin: 0 0 20px;
 width: 100%;
 text-align: justify;
}

/* SIDEBAR RIGHT */

#sidebar {
 float: right;
 display: inline; /* Fix IE double margin float bug */
 width: 240px;
 margin: 0;
}

#sidebar p{
 margin: 0 0 20px;
}

#break {
 clear: both;
}









/* 
    Document   : notimoo
    Created on : 31-mar-2009, 10:49:46
    Author     : PaquitoSoft
    Description:
        Styles for Notimoo notification system.
        Change it to meet your needs.
*/

.notimoo {
    /* Don't touch here */
    position: absolute;
    z-index: 999; /* There are some cases where you'll need to change this if you're currently using a greater one in your project*/
    cursor: pointer;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;

    /* Change this to fit your needs*/
    padding: 10px;
    border: 2px;
    border-style: solid;
    border-color: #880000;
    color: #FFFFFF;
    font-size: 9px;
 font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
    background: #333333 url(../template/images/growl/warning-icon.gif) no-repeat 0 0;
}

.notimoo .title {
    font-size: 150%;
    font-weight: bold;
    border-bottom: 1px solid;
    margin-left: 80px;
}

.notimoo .message {
    font-size: 120%;
 line-height: 150%;
    margin-top: 10px;
    padding-bottom: 15px;
    margin-left: 80px;
}

.notimoo a {
    color: #FFFFFF;
}


#footer #followus {
	position: relative;
	top: 150px;
}
#footer #followus li { 
	float: left;
	clear: none;
	width: 40px;
}
#footer .followus li a.icon { 
	margin-left: 4px;
	margin-right: 4px;
}