@import url('../fancybox/jquery.fancybox-1.3.1.css');

html, body {
    margin: 0;
    font-family: Verdana;
    font-size: .9em;
}

#head, #pictures, #content {
    margin: 0 auto;
    width: 941px;
}

#logo {
    position: absolute;
    top: 10px;
    margin: 0;
}

/* Top menu */
#topMenu {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#topMenu a {
    text-decoration: none;
    color: #ffffff;
}

#topMenu a:hover {
    text-decoration: underline;
}

#topMenu li {
    position: relative;
    display: inline;
    float: right;
    margin-right: .2em;
    padding: .2em 1em;
}

#topMenu li.blue {
    background-color: #5194db;
}

#topMenu li.red {
    background-color: #c80000;
}

#topMenu li span {
    position: absolute;
    bottom: 0;
}

* html #topMenu span {
    overflow: hidden;
}

#topMenu li.blue span {
    width: 9px;
    height: 10px;
}

#topMenu li.blue .left {
    left: 0;
    background-image: url("/images/blue_corner_bl.gif");
}

#topMenu li.blue .right {
    right: 0;
    background-image: url("/images/blue_corner_br.gif");
}

* html #topMenu li.ie6 .right {
    right: -1px;
}

#topMenu li.red span {
    width: 10px;
    height: 10px;
}

#topMenu li.red .left {
    left: 0;
    background-image: url("/images/red_corner_bl.gif");
}

#topMenu li.red .right {
    right: 0;
    background-image: url("/images/red_corner_br.gif");
}

* html #topMenu li.red .right {
	right: -1px;
}

/* Main menu */
#mainMenu {
    position: relative;
    z-index: 1;
    clear: right;
    list-style-type: none;
    margin: 0;
    padding: .8em 0 0 0;
}

* html #mainMenu {
    padding-top: .5em;
}

#mainMenu a {
    text-decoration: none;
    color: #5095da;
}

#mainMenu a:hover {
    color: #2f3334;
}

#mainMenu li {
    position: relative;
    display: inline;
    float: right;
    padding: 0 .5em;
    border-right: solid 1px #b2b2b2;
}

#mainMenu li.last {
    border-style: none;
}

/* Top menu + Main menu */
#topMenu, #mainMenu {
    font-size: .9em;
}

/* Round corner boxes */
.roundCorner .top, .roundCorner .bottom {
    position: relative;
}

.roundCorner .top .left, .roundCorner .bottom .left {
    position: absolute;
    left: 0;
}

.roundCorner .top .right, .roundCorner .bottom .right {
    position: absolute;
    right: 0;
}

.roundCorner .bottom span {
    bottom: 0;
}

* html .roundCorner .bottom span {
    bottom: auto;
}

* html .roundCorner .top span, .roundCorner .bottom span {
    overflow: hidden;
}

/* Login */
#login {
    float: right;
    width: 22em;
    height: 96px;
    margin: 16px .2em 0 0;
    color: #ffffff;
    background-color: #8b6929;
}

#login span {
    width: 9px;
    height: 8px;
}

#login .top, #login .bottom {
    height: 8px;
}

#login .top .left {
    background-image: url("/images/brown_corner_tl.gif");
}

#login .bottom .left {
    background-image: url("/images/brown_corner_bl.gif");
}

#login .top .right {
    background-image: url("/images/brown_corner_tr.gif");
}

#login .bottom .right {
    background-image: url("/images/brown_corner_br.gif");
}

* html #login .top .right, * html #login .bottom .right {
    right: -1px;
}

#login p {
    margin: 0 .5em;
}

#login p.center {
    margin: 8px .5em 8px .5em;
}

* html #login p.center {
    margin: 6px .5em 6px .5em;
}

#login input.text {
    width: 9em;
    border: solid 1px #653300;
}

#login label {
    float: left;
    width: 10em;
}

#login a {
    color: #fdcd67;
}

#login input.image {
    margin-left: 4em;
    vertical-align: middle;
}

/* Bottom menu */
#bottomMenu {
    clear: right;
    float: right;
    width: 241px;
    height: 96px;
    margin: 16px 0 0 8px;
    font-size: .85em;
    background-color: #5194db;
}

#bottomMenu .separator {
    border-bottom: dotted 1px #ffffff;
}

#bottomMenu p {
    margin: 0;
    text-align: right;
}

#bottomMenu #plant {
    margin: 9px 6px 3px 6px;
    vertical-align: middle;
}

#bottomMenu #livingRoom {
    margin: 3px 6px 10px 6px;
    vertical-align: middle;
}

* html #bottomMenu #livingRoom {
    margin-bottom: 0;
}

#bottomMenu a {
    color: #ffffff;
}

#bottomMenu .top span {
    width: 9px;
    height: 8px;
}

#bottomMenu .bottom span {
    width: 9px;
    height: 10px;
}

#bottomMenu .top .left {
    background-image: url("/images/blue_corner_tl.gif");
}

#bottomMenu .bottom .left {
    background-image: url("/images/blue_corner_bl.gif");
}

#bottomMenu .top .right {
    background-image: url("/images/blue_corner_tr.gif");
}

#bottomMenu .bottom .right {
    background-image: url("/images/blue_corner_br.gif");
}

* html #bottomMenu .bottom .right, * html #bottomMenu .top .right {
    right: -1px;
}

/* Pictures */
#pictures {
    clear: both;
    padding-top: 10px;
}

/* Content */
#content {
    margin-top: 7px;
    margin-bottom: 1em;
}

p {
	margin: 1em 0;
}

/* Main content */
#mainContent {
    position: relative;
    padding: 6px 7px 7px 7px;
    color: #323337;
	background-color: #cccca8;
}

#mainContent .content {
    padding: 15px;
    border: solid 1px #ffffff;
}

#mainUnderline {
    position: absolute;
    top: 54px;
    left: 75px;
    height: 1px;
    border-bottom: dotted 1px;	
}


* html #mainUnderline {
	top: 40px;
}

#mainContent .content h2 {
	margin: 0;
}

#mainContent .top span, #mainContent .bottom span {
    width: 16px;
    height: 16px;
}

#mainContent .top .left {
    top: -6px;
    left: -7px;
    background-image: url("/images/home_corner_tl.gif");
}

#mainContent .bottom .left {
    left: -7px;
    bottom: -7px;
    background-image: url("/images/home_corner_bl.gif");
}

#mainContent .top .right {
    top: -6px;
    right: -7px;
    background-image: url("/images/home_corner_tr.gif");
}

#mainContent .bottom .right {
    right: -7px;
    bottom: -7px;
    background-image: url("/images/home_corner_br.gif");
}

* html #mainContent .top .right, * html #mainContent .bottom .right {
	right: -1px;
}

#mainContentFull {
	position: relative;
	width: 925px;
	margin: 7px auto 0 auto;
    padding: 6px 7px 7px 7px;
    color: #323337;
	background-color: #cccca8;
}

* html #mainContentFull .bottom {
	bottom: -5px;
}

#mainContentFull .content {
	overflow: hidden;
    padding: 15px;
    border: solid 1px #ffffff;
}

* html #mainContentFull .content {
	height: 100%;
}

* html #mainContentFull .bottom {
	bottom: 9px;
}

#mainContentFull .top span, #mainContentFull .bottom span {
    width: 16px;
    height: 16px;
}

#mainContentFull .top .left {
    top: -6px;
    left: -7px;
    background-image: url("/images/home_corner_tl.gif");
}

#mainContentFull .bottom .left {
    left: -7px;
    bottom: -7px;
    background-image: url("/images/home_corner_bl.gif");
}

* html #mainContentFull .bottom .left {
    bottom: auto;
    left: -7px;
}

#mainContentFull .top .right {
    top: -6px;
    right: -7px;
    background-image: url("/images/home_corner_tr.gif");
}

* html #mainContentFull .top .right {
	right: -1px;
}

#mainContentFull .bottom .right {
    right: -7px;
    bottom: -7px;
    background-image: url("/images/home_corner_br.gif");
}

* html #mainContentFull .bottom .right {
    right: -1px;
    bottom: auto;
}

#mainContentFull .homeInfo {
	margin: 0 25px 0 460px;
	padding-top: 40px;
}

* html .homeInfo {margin: 0;}

#mainContentFull .homeInfo .roundCorner {
	border: solid 3px #ffffff;
	background-color: #663200;
}

* html #mainContentFull .homeInfo .content {
	height: auto;
	margin-bottom: auto;
}

* html #mainContentFull .homeInfo .bottom {
	left: auto;
	bottom: auto;
}

#mainContentFull .homeInfo .roundCorner .left, #mainContentFull .homeInfo .roundCorner .right {
	width: 8px;
	height: 8px;
}

* html #mainContentFull .homeInfo .top {
	margin-top: -3px;
}

* html #mainContentFull .homeInfo .bottom {
	padding-bottom: 5px;
}

#mainContentFull .homeInfo .top .left {
	top: -3px;
	left: -3px;
    background-image: url("/images/info_corner_tl.gif");
}

* html #mainContentFull .homeInfo .top .left {
	top: auto;
	left: auto;
}

#mainContentFull .homeInfo .top .right {
	top: -3px;
	right: -3px;
	background-image: url("/images/info_corner_tr.gif");
}

* html #mainContentFull .homeInfo .top .right {
	top: auto;
	right: auto;
}

#mainContentFull .homeInfo .bottom .left {
	bottom: -3px;
	left: -3px;
	background-image: url("/images/info_corner_bl.gif");
}

* html #mainContentFull .homeInfo .bottom .left {
	bottom: auto;
	left: auto;
}

#mainContentFull .homeInfo .bottom .right {
	bottom: -3px;
	right: -3px;
	background-image: url("/images/info_corner_br.gif");
}

* html #mainContentFull .homeInfo .bottom .right {
	bottom: auto;
	right: auto;
}

* html #mainContentFull .homeInfo .top .left, * html #mainContentFull .homeInfo .bottom .left {
	left: -95px;
}

* html #mainContentFull .homeInfo .top .right, * html #mainContentFull .homeInfo .bottom .right {
	left: 305px;
}

#mainContentFull .homeInfo .roundCorner p {
	margin: 1em 0;
}

#mainContentFull .homeInfo .roundCorner .content {
	padding: 0 15px;
	border-style: none;
}

* html #mainContentFull .homeInfo .roundCorner .content {
	position: relative;
	left: -60px;
}

#privacy, #cancelation, #security, #control, #access {
	display: none;
}

/* Secondary content */
#secSection {
    position: relative;
    float: right;
    width: 227px;
    padding: 6px 7px 7px 7px;
    color: #cecba8;
    background-color: #8b6929;
}

#secSection .content {
    padding: 8px;
    border: solid 1px #ffffff;
}

#secUnderline {
    position: absolute;
    top: 48px;
    left: 65px;
    height: 1px;
    border-bottom: dotted 1px;
}

* html #secUnderline {
	top: 34px;
}

#secSection .content h2 {
	margin: 0;
}

#secSection .top span {
    width: 16px;
    height: 16px;
}

#secSection .bottom span {
    width: 16px;
    height: 17px;
}

#secSection .top .left {
    top: -6px;
    left: -7px;
    background-image: url("/images/news_corner_tl.gif");
}

#secSection .bottom .left {
    left: -7px;
    bottom: -7px;
    background-image: url("/images/news_corner_bl.gif");
}

#secSection .top .right {
    top: -6px;
    right: -7px;
    background-image: url("/images/news_corner_tr.gif");
}

#secSection .bottom .right {
    right: -7px;
    bottom: -7px;
    background-image: url("/images/news_corner_br.gif");
}

* html #secSection .top .right, * html #secSection .bottom .right {
    right: 0;
}

#footer {
	clear: both;
	width: 921px;
	margin: 0 auto;
	padding-top: 2px;
	font-size: .75em;
}

#footer p {
	margin: 0;
}

#footer p.right {
	float: right;
}

input[type=submit], input[type=reset], input[type=button] {
    color: #663300;
	background-color: #f0f0f0;
}
#login {
	float: left;
	height: auto;
	margin: 0;
	width: 100%;
	height: 85px;
	border-bottom: 5px solid #663200;
	margin-top: -90px;
}
#login form {
	width: 941px;
	margin: 40px auto 0 auto;
}
#login div, #login .image {
	float: left;
	margin: 13px 0 7px 5px;
}
#login .password {
	margin-left: 60px;
}
#login label {
	width: 7em;
}
#login.fr label {
	width: 11em;
}
#login.fr .password label {
	width: 9.4em;
}
#logo {
	float: left;
    position: relative;
    top: 0;
    margin-top: -21px;
	margin-bottom: 10px;
	width: 350px;
}
#login input.image {
	margin-bottom: 9px;
	margin-top: 11px;
}
#login .closeLink {
	float: right;
	margin-right: 10px;
	margin-top: 11px;
}
#mainMenu {
	float: right;
}
#bottomMenu {
	width: auto;
	height: auto;
	background-color: transparent;
	margin-top: 24px;
}
#bottomMenu a, .closeLink {
	text-decoration:none;
}
#bottomMenu img, .closeLink img {
	border:none;
}