@import url(reset.css);

/* CSS Document for Riad Lahboul - November 2008 */

/* ------------------------------------=>structural layout */
/* =>master_container */

/* ------------------------------------=>global styles */
/* =>h1 */
/* =>h2 */
/* =>p */
/* =>a */
/* =>misc */

/* ------------------------------------=>header */

/* ------------------------------------=>navigation */
/* =>top navigation */

/* ------------------------------------=>content */
/* =>modules */

/* ------------------------------------=>footer */

/* ------------------------------------=>tools */

html, body
{
    margin: 0;
    padding: 0;
    border: 0;
    height: 100%;
}

body
{
    background: #dbd5bc;
	color: #4e3a16;
	font-size: 94%; /* 15px */
    font-weight: normal;
	text-align: center; /* for ie */
}


/* ------------------------------------=>structural layout */
/* =>master_container */
div.master_container
{
	text-align: left; /* reset text alignment */	
	background: url(../images/bg_hdr_gradient.gif) repeat-x 0px 0px;
}


/* ------------------------------------=>global styles */
/* =>h1 */
h1
{
	font-size: 1.6em; /* 24px */
	font-weight: normal;
	border-bottom: 1px dashed #cac4ae;
	padding: 0px 0px 8px 0px;
	margin: 0px 0px 9px 0px;
}

/* =>h2 */
h2
{
	margin: 0px 0px 3px 0px;
}


/* =>p */
p
{
	line-height: 1.2;
	margin: 0px 0px 18px 0px;
}

p.intro
{
	line-height: 1.2;
	font-weight: bold;
	font-size: 0.933em; /* 14px */
}
div.centre
{
	margin: 0 10px 0 10px;
	width:98%;
}

/* =>a */
a
{
	color: #e27e07;
}

a:hover
{
	text-decoration: underline;
}
table
{
	border-collapse:collapse;
}

tr
{
	
}
td.alt
{
	background-color: #E7DFC8;
}
th
{
	border: none;
	text-align: left;
	padding: 5px;
}
td
{
	border-bottom: 1px solid #4e3a16;
	padding: 5px;
}

/* =>misc */
.highlight
{
	color: #e27e07;
}


/* ------------------------------------=>header */
div.header
{
	background: url(../images/bg_hdr_gradient.gif) repeat-x 0px 0px;
	width: 960px;
	height: 136px;
	margin: 0 auto;
	position: relative;
}

div.header .hdr_language
{
	position: absolute;
	right: 6px;
	bottom: 0px;
	height: 26px;
	font-size: 0px;
}

div.header .hdr_language ul li
{
	float: left;
}


/* ------------------------------------=>navigation */
div.top_navigation
{
	background: #505026 url(../images/bg_nav_dropshadow.gif) repeat-x bottom left;
	min-height: 34px; /* screen_ie.css and screen_ie6.css */
	padding: 3px 0px 6px 0px; /* screen_ie.css */
}

div.top_navigation ul
{
	margin: 0 auto;
	width: 990px;
	padding: 2px 0px 0px 0px; 
}

div.top_navigation ul li
{
	float: left;
	position: relative;
	background: url(../images/bg_nav_seperator.gif) no-repeat right 2px;
}

div.top_navigation ul li.last
{
	background: none;
}

div.top_navigation ul li a
{
	padding: 8px 14px 6px 12px;
	display: block;
	text-transform: uppercase;
	color: #efe8cd;
	font-size: 0.7em; /* 0.933 = 14px */
	font-weight:bold;
	text-decoration:none;
	white-space: nowrap;
}

div.top_navigation ul li a:hover, div.top_navigation ul li.selected a
{
	color: #e27e07;
}

div.top_navigation ul li.first a
{
	padding-left: 0px;	
}

div.top_navigation ul li.last a
{
	padding-right: 0px;	
}

/* =>dropdown navigation */
div.top_navigation ul li ul
{	
	margin: 0px;
	padding: 0px 0px 15px 0px;
	position: absolute;
	left: 0px;
	top: 32px; /* screen_ie.css */
	visibility: hidden;
	background: url(../images/bg_nav_dropshadow.png) repeat-x bottom left; /* screen_ie6.css */
	width: 227px;
	z-index: 10000;
}

div.top_navigation ul li ul li
{	
	float: none;
	margin: 0px;
	background: none;	
}

div.top_navigation ul li ul li a
{	
	text-transform: capitalize;
	padding: 3px 16px 3px 12px;
}

div.top_navigation ul li.selected ul li a
{
	color: #efe8cd;
}

div.top_navigation ul li.selected ul li a:hover
{
	color: #e27e07;
}

/* ------------------------------------=>content */
div.content
{
	width: 940px;
	padding: 10px;
	margin: 0 auto;
}

div.homepage
{
	padding: 0px 0px 20px 0px;
}

div.lowerpage
{
	background: url(../images/bg_cnt_lower.gif) repeat-y 0px 0px;
	padding: 0px 0px 40px 0px;
}

div.prices, div.partners
{
	background: #EFE8CD;
	padding: 0px 0px 40px 0px;
}

div.prices h1, div.partners h1
{
	padding: 10px 0 5px 0;
	margin: 0 10px 10px 10px;
}

div.prices p, div.partners p
{
	padding: 0px 10px 0px 10px;
	margin-bottom: 10px;
}

div.prices p.noleftpad
{padding-left:0px;}

div.partners h2{padding:5px 0 5px 0;border-bottom:1px solid #e2ddc9;}
div.partners h3{font-size:0.9em;padding-left:10px;}

/* =>modules */

/* =>forms */
form{margin:0; padding:0;width:400px;}

fieldset{border:0;margin:0;padding:0;}

legend{display:none;}

.field{padding:0 0 7px 0;font-size:0.9em;font-family:Georgia;}

label{padding:0.2em 0 0.2em 0;margin:0;text-align:left;font-family:Georgia;}
input.text, textarea{height:16px;margin:0 0 6px 0;padding:1px 2px;color:#4e3a16;background-color:#ebe9db;font-size:0.9em;border:1px solid #8B754C !important;font-family:Georgia;}

textarea{height:73px;}

.submit{cursor:pointer;margin-top:5px;padding:2px;color:#4e3a16;background-color:#d4cfae;font-weight:bold;font-size:1.1em;border:1px solid #c8c1ac !important;font-family:Georgia;}

/* =>text*/
div.md_text
{
	margin: 0px 0px 10px 0px;	
}

div.md_text p
{
	text-align: justify;
}

/* =>slideshow*/
div.md_slideshow
{
	float: right;
	width: 595px;
}

div.newsletter{background:#efe8cd;width:920px;padding:10px;margin:0;}
div.newsletter h1{font-size:1.2em; /* 18px */}
div.newsletter p{margin-bottom:0;}

div.newsflash{background:#efe8cd;width:920px;padding:10px;margin:0 0 10px 0;}
div.newsflash h2{font-size:1em;}
div.newsflash p{margin-bottom:0;font-size:0.85em;}


div.footer{background:#efe8cd;width:920px;padding:10px;margin:10px 0 10px 0;}

/* =>photo*/
div.md_photo_container
{
	float: left;
	width: 554px;
}

div.md_photo /* screen_ie6.css */
{
	float: left;
	width: 554px;
	margin: 12px 0px 0px 12px;
	border: 1px solid #c8c1ac;
	background: #d4cfae;
}

div.md_photo img
{
	border: 6px solid #efe8cd;
	margin: 10px 0px 0px 10px;
}

div.md_photo p
{
	margin: 10px 12px 10px 12px;
}

/* =>more*/
div.md_more_left, div.md_more_right
{
	float: left;
	width: 465px;
	background: #451e11;
	min-height: 210px; /* screen_ie6.css */
	margin: 0 0 10px 0;
}

div.md_more_right
{
	float: right;
	background: #818152;
}

div.md_more_left .md_more_photo, div.md_more_right .md_more_photo
{
	float: left;
	width: 228px;
	min-height: 210px; /* screen_ie6.css */	
	background: #725544;
}

div.md_more_right .md_more_photo
{
	background: #9c9a72;
}

div.md_more_left .md_more_text, div.md_more_right .md_more_text
{	
	float: left;
	width: 217px;
	padding: 7px 10px 12px 10px;
	position: relative;	
	min-height: 191px; /* screen_ie6.css */	
}

div.md_more_left .md_more_photo h2, div.md_more_right .md_more_photo h2
{
	font-size: 1.2em; /* 18px */
	color: #efe8cd;
	font-weight: normal;
	margin: 8px 0px 0px 7px
}

div.md_more_left .md_more_text p, div.md_more_right .md_more_text p
{
	color: #efe8cd;
	line-height: 1.16;
}

div.md_more_left .md_more_link, div.md_more_right .md_more_link
{
	position: absolute;
	left: 10px;
	bottom: 15px;
}

div.md_more_left .md_more_link a
{
	color: #e27e07;
}

div.md_more_link a:hover
{
	text-decoration:underline;
}

div.md_more_right .md_more_link a
{
	color: #89e315;
}


/* =>module modifiers */
div.homepage .md_text
{
	background: #efe8cd;
	float: left;
	width: 311px;
	min-height: 379px; /* screen_ie6.css */
	padding: 12px;
}

div.lowerpage .md_text
{
	float: right;
	width: 334px;
	padding: 12px 13px;
}

.home_box{width:306px;float:left;margin:0 0 10px 0;padding:0;min-height:320px;}
.home_box img{display:block;}
.home_box h2{font-size:1.2em;color:#efe8cd;font-weight:normal;margin:0;padding:4px 0 3px 4px;}
.home_box p{text-align:justify;padding:5px;color:#fff;font-size:0.85em;margin:0;}

.home_box_left{margin-left:0;background:#451e11;color:#efe8cd;}
.home_box_left h2{background:#725544;}
.home_box_mid{margin-left:10px;background:#818152;}
.home_box_mid h2{background:#9c9a72;}
.home_box_mid a{color:#89e315;}
.home_box_right{margin-left:10px;float:right;background:#802d2d;}
.home_box_right h2{background:#944949;}

span.quot66{width:25px;height:25px;background:url(../images/66.gif) top left no-repeat scroll;display:block;}
span.quot99{width:25px;height:25px;background:url(../images/99.gif) top left no-repeat scroll;display:block;float:right;}

/* ------------------------------------=>tools */
.floatleft
{
	float: left;
}

.floatright
{
	float: right;
}

.nodisplay
{
    display: none;
}

.debug
{
	border: 1px solid red;
}

/* slightly enhanced, universal clearfix hack */
.clearfix:after 
{
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
}

.clearfix { display: inline-block; }

/* start commented backslash hack \*/

* html .clearfix { height: 1%; }
.clearfix { display: block; }

/* close commented backslash hack */

.clearer
{
    clear: both;
    height: 0;
    line-height: 0;
    padding: 0;
    margin: 0;
    font-size: 0;
}

.spacer
{
    clear: both;
    height: 25px;
    line-height: 0;
    padding: 0;
    margin: 0;
    font-size: 0;
}