/* ********************************************************************************** */
/* CSS code developed for www.mokka-vanille.com by                                    */
/* DreamDivision (www.dreamdivision.com)                                              */
/* Last change: 04/04/2009                                                            */
/* ********************************************************************************** */



/* ********************************************************************************** */
/* HTML STYLES & CLASSES                                                              */
/* ********************************************************************************** */


html {	/* Bug fix for Mozilla, by Carey Evans */
	min-width: 930px;
	}

body {
	background: #FFF;
	margin: 0;
	padding: 0;
	border: 0;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	text-align: center;
	color: #444;	/* for testing: #F00 - for production: #444 */
	}

p, td, ul, ol, li, dl, dt, dd {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	}

img {border: 0}
.hide, hr {display: none}

.text-11em {font-size: 1.1em}
.text-11em-white {font-size: 1.1em; color: #FFF}
.text-9em {font-size: .9em}
.text-9em-white {font-size: .9em; color: #FFF}
.text-8em {font-size: .8em}
.text-8em-white {font-size: .8em; color: #FFF}
.text-7em {font-size: .7em}
.text-7em-white {font-size: .7em; color: #FFF}
.text-white {color: #FFF}
.text-999 {color: #999}



.text_small_white {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: normal;
	font-size: .55em;
	line-height: 1.1em;
	color: #FFF;
	}

.text_standard {
	font-family: Helvetica, Arial, Verdana, sans-serif;
/*	font-weight: normal;	*/
	font-size: .75em;
	line-height: 1.2em;
	color: #444;
	}

.text_standard_white {
	font-family: Helvetica, Arial, Verdana, sans-serif;
/*	font-weight: normal;	*/
	font-size: .75em;
	line-height: 1.2em;
	color: #FFF;
	}

.text_standard_bold {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	font-size: .7em;
	line-height: 1.2em;
	color: #444;
	}

.text_standard_bold_white {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	font-size: .7em;
	line-height: 1.2em;
	color: #FFF;
	}

.text_bigger {
/*	font-family: Helvetica, Arial, Verdana, sans-serif;	*/
/*	font-weight: normal;	*/
	font-size: .9em;
	line-height: 1.2em;
	color: #444;
	}

.text_bigger_bold {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	font-size: .9em;
	line-height: 1.0em;
	color: #444;
	}



/* ********************************************************************************** */
/* LAYOUT DIVS & CLASSES                                                              */
/* ********************************************************************************** */

#mainframe {
	width: 917px;
/*	height: 570px;	*/
	margin: 50px auto;
	padding: 0px;
	text-align: left;
	position: relative;
	}

#header {
	width: 915px;
	width: "917px";	/* Cycloid's Tiny Box Model Hack : http://css-discuss.incutio.com/?page=BoxModelHack */
	height: 80px;
	height: "81px";	/* Cycloid's Tiny Box Model Hack : http://css-discuss.incutio.com/?page=BoxModelHack */
	margin: 0px;
	padding: 0px;
	background-color: #736D68;
	border-left: solid 1px #444;
	border-top: solid 1px #444;
	border-right: solid 1px #444;
	}

#menu {
	margin: 0px;
	padding: 0px 0px 0px 15px;
	width: 900px;
	width: "917px";	/* Cycloid's Tiny Box Model Hack : http://css-discuss.incutio.com/?page=BoxModelHack */
	height: 38px;
	background-color: #FFF;
	border-left: solid 1px #444;
	border-right: solid 1px #444;
	}

#content {	/* covers content-body, content-footer-submenu & content-footer-contact !! */
	width: 915px;
	width: "917px";	/* Cycloid's Tiny Box Model Hack : http://css-discuss.incutio.com/?page=BoxModelHack */
	min-height: 465px;
	min-height: "466px";	/* Cycloid's Tiny Box Model Hack : http://css-discuss.incutio.com/?page=BoxModelHack */
	margin: 0px;
	padding: 0px;
	border-left: solid 1px #444;
	border-right: solid 1px #444;
	border-bottom: solid 1px #444;
	overflow:hidden;
	}

#content-body {	/* nested inside content div !! */
	width: 100%;
	min-height: 435px;
	height: "435px";	/* Cycloid's Tiny Box Model Hack : http://css-discuss.incutio.com/?page=BoxModelHack */
	margin: 0px;
	padding: 0px;
	font-size: .8em;
	}

#content-footer {	/* nested inside content div !! */
	clear: both;
	width: 100%;
	height: 30px;
	margin: 0px;
	padding: 0px;
	background-color: #444;
	font-size: .8em;
	}

#content-footer-submenu {	/* nested inside content-footer div !! */
	float:left;
	width: auto;
	height: 30px;
	color: #A8A39F;
	}

#content-footer-contact {	/* nested inside content div !! */
	float: right;
	width: auto;
	height: 23px;
	height: "30px";	/* Cycloid's Tiny Box Model Hack : http://css-discuss.incutio.com/?page=BoxModelHack */
	margin: 0px;
	padding: 7px 15px 0px 0px;
	color: #FFF;
	text-align: right;
	}

#copyright {
	clear: both;	/* breaks float of content-footer-submenu & content-footer-contact */
	float: left;
	width: auto;
	margin: 0px;
	padding: 10px 0px 10px 0px;
	font-size: .6em;
	color: #AAA;
	text-align: left;
	}

#referer {
	float: right;
	width: auto;
	margin: 0px;
	padding: 10px 0px 10px 0px;
	font-size: .6em;
	color: #AAA;
	text-align: right;
	}



/* ********************************************************************************** */
/* PAGE SPECIFIC                                                                      */
/* ********************************************************************************** */


/* ---- MENU ------------------------------------------------------------------------ */

#menu UL {
	margin: 0;
	padding: 0;
	height: 38px;  /* height of each menu item */
	list-style: none;
	display: inline;
	overflow: hidden;
	}
#menu LI {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
	}
#menu A {
	float: left;
	padding: 38px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:38px; /* for IE5/Win only */
	}
#menu A:hover, A:active  {
	background-position: 0 -38px;
	}
#menu A.selected {
	background-position: 0 -76px;
	}


/* ---- MENU (buttons) --------------------------------------------------------------- */
#menu_nl_1 A {
	width: 155px;
	background: url(images/menu/menu_nl_1.png) top left no-repeat;
	}
#menu_nl_2 A {
	width: 105px;
	background: url(images/menu/menu_nl_2.png) top left no-repeat;
	}
#menu_nl_3 A {
	width: 117px;
	background: url(images/menu/menu_nl_3.png) top left no-repeat;
	}
#menu_nl_4 A {
	width: 120px;
	background: url(images/menu/menu_nl_4.png) top left no-repeat;
	}
#menu_nl_5 A {
	width: 98px;
	background: url(images/menu/menu_nl_5.png) top left no-repeat;
	}
#menu_nl_6 A {
	width: 82px;
	background: url(images/menu/menu_nl_6.png) top left no-repeat;
	}
#menu_nl_7 A {
	width: 66px;
	background: url(images/menu/menu_nl_7.png) top left no-repeat;
	}
#menu_nl_8 A {
	width: 70px;
	background: url(images/menu/menu_nl_8.png) top left no-repeat;
	}


/* ---- MENU (buttons) --------------------------------------------------------------- */
#menu_en_1 A {
	width: 155px;
	background: url(images/menu/en/menu_en_1.png) top left no-repeat;
	}
#menu_en_2 A {
	width: 164px;
	background: url(images/menu/en/menu_en_2.png) top left no-repeat;
	}
#menu_en_3 A {
	width: 110px;
	background: url(images/menu/en/menu_en_3.png) top left no-repeat;
	}
#menu_en_4 A {
	width: 120px;
	background: url(images/menu/en/menu_en_4.png) top left no-repeat;
	}
#menu_en_5 A {
	width: 98px;
	background: url(images/menu/en/menu_en_5.png) top left no-repeat;
	}
#menu_en_6 A {
	width: 68px;
	background: url(images/menu/en/menu_en_6.png) top left no-repeat;
	}
#menu_en_7 A {
	width: 74px;
	background: url(images/menu/en/menu_en_7.png) top left no-repeat;
	}
#menu_en_8 A {
	width: 70px;
	background: url(images/menu/en/menu_en_8.png) top left no-repeat;
	}





/* ---- CONTENT ------------------------------------------------------------------------ */

#content-body img {
	border: 0px;
	}

#content-body p {
	margin-left: 15px;
	margin-right: 15px;
	}

#content-body H3 {
	margin-left: 15px;
	margin-right: 15px;
	font-weight: bold;
	font-size: 2em;
	line-height: 1.6em;
	color: #999;
	}

#content-body ul {
	list-style-image:url(images/list_square.gif);
	list-style-type:square;
	margin-right: 4px;
	}

#content-body li {
	margin-top: .2em;
	line-height: 1.4em;
	}

#content-body a:link, #content-body a:visited {
	color:#111;
	text-decoration:underline;
	}

#content-body a:hover {
	color:#111;
	text-decoration:none;
	}

#content-body form {
	padding: 0px;
	margin: 0px;
	}

#content-body input, select, textarea {
	font-size: .7em;
	text-align: left;
	color: #FFF;
	background-color: #999;
	padding: 1px 5px;
	margin: 1px 0px;
	border: none;
	}

#content-body .button {
	text-align: center;
	font-weight: bold;
	font-size: .7em;
	color: #FFF;
	background-color: #444;
	padding: 1px 6px;
	margin: 5px 0px;
	border: solid 1px #DDD;
	cursor: hand;
	}



#content-footer-submenu UL {
	text-align: left;
	margin: 0px;
	padding: 7px 0px 0px 0px;
	}

#content-footer-submenu LI {
	padding: 0px 5px 0px 15px;
	color: #A8A39F;
	text-transform: uppercase;
	display: inline;
	list-style-type: none;
	}

#content-footer-submenu A, #content-footer-submenu a:link, #content-footer-submenu A:visited {
	color: #A8A39F;
	text-decoration: none;
	}

#content-footer-submenu A:hover {
	color: #FFF;
	text-decoration: none;
	}

#content-footer-contact a:link, #content-footer-contact a:visited, #content-footer-contact a:hover {
	color: #FFF;
	text-decoration: none;
	}


/* ---- COPYRIGHT ------------------------------------------------------------------------ */

#copyright a:link, #copyright a:visited {
	color: #555;
	text-decoration: none;
	}

#copyright a:hover {
	color: #000;
	text-decoration: underline;
	}


/* ---- REFERER ------------------------------------------------------------------------ */

#referer a:link, #referer a:visited {
	color: #555;
	text-decoration: none;
	}

#referer a:hover {
	color: #000;
	text-decoration: underline;
	}