/* HTML ELEMENTS */
html {
	height:100%;
}

body { 
	margin: 0;
	padding: 0;
	height:100%;
	background: url('../images/background_top.jpg') top left repeat-x;
	background-color: #c6c6c6;
}

blockquote {
	margin:0;
}

.classic_img {
	margin: 10px;
}

ul {
    list-style-type:square;
}

a:active, a:focus {
   outline:none;
}

/* LOGIN */
div#login {
	width: 950px;
	margin: 0 auto 0 auto;
	color: #c35f37;
	padding-top: 3px;
	height:17px;
	text-align: left;
}

div#login, div#login INPUT {
	font: normal 11px "Lucida Sans Unicode", Verdana;
	color: #ebebeb;
}

div#login a {
	padding-left: 5px;
}

div#login a, div#login a:visited, div#article a, div#article a:visited {
	color: #c35f37;
}

div#article a, div#article a:visited {
	color: #4F4B4A;
}

div#article a:hover {
	color: #c35f37;
}

div#login a:hover {
	color: #ebebeb;
}

/* LANGS */
div#langs {
	float:right;
	padding-top:3px;
}

/* CONTAINERS */
div#outer_container {
	/*overflow: hidden;*/
}

div#container {
	position: relative;
	padding-bottom:205px;
	background: url('../images/background_bottom.png') bottom center repeat-x;
	min-width:980px;
	overflow-y:hidden;
	/*overflow: hidden;*/
}

/* CONTENTS: title, extreme, outer & inner */
div#extreme_content #outer_content, div#extreme_content #inner_content, div#extreme_content #home_page {
	margin: 0 auto;
}
div#extreme_content.normal_layout {
	background: url('../images/normal_layout_middle.gif') top center repeat-y;
	margin-top: 15px;
}

div#outer_content.normal_layout {
	width: 972px;
	min-height:326px;
	background: url('../images/normal_layout_top.png') 50% 40px no-repeat;
}

div#inner_content.normal_layout {
	min-height: 213px;
	background: url('../images/normal_layout_bottom.gif') bottom center no-repeat;
} 

div#home_page {
	min-height: 634px;
	width: 950px;
	overflow: hidden;
	position: relative;
}

/* ERROR - FALLBACK */
div#error {
	min-height: 389px;
	width: 950px;
	font: normal 12px "Lucida Sans Unicode", Verdana;
	color: #555;
	margin: 0 auto;
}

div#error .dialog {
	width: 500px;
	padding: 0 40px;
	margin: 200px auto 0 auto;
	text-align:center;
}

div#error h1 { 
	font-size: 18px; 
	color: white;
}

/* PAGES */
div#page {
	min-height: 574px;
	background: url('../images/yaya.gif') top center no-repeat;
	margin: 0px auto 0px auto;
}

div#pagepad {
	padding: 0 30px 20px 30px;
}

div#inner_page {
	width: 665px;
	display: -moz-inline-stack;
}

html>body div#inner_page_tamper {
	position: relative;
}

/* CATEGORIES */
div#title_category {
	color: #c35f37;
	font: normal 18px "Lucida Sans Unicode", Verdana;
	text-align: right;
	padding: 30px 0 15px 0;
}

div#categories {
	width: 240px;
	display: -moz-inline-stack;
	color: #6b6b6b;
}

html>body div#categories_tamper {
	position: relative;
}

div#categories_inner ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	-moz-user-select:none;
}

div#categories_inner li {
	margin: 0;
	padding: 0;
	line-height: 0px;
}

div#categories_inner ul li a {
	font: normal 12px "Lucida Sans Unicode", Verdana;
	color: #6b6b6b;
	text-decoration: none;
	display: block;
	line-height: 24px;
	padding: 0 0 0 10px;
	background: url('../images/category_puce.png') 3px 0px no-repeat;
}

div#categories_inner ul li a:hover {
	color: #c35f37;
	/*color: #6b6b6b;*/
	/*background: url('../images/category_puce_hover.png') 3px 0px no-repeat;*/
}

div#categories_inner ul li .selected_category {
	background: url('../images/category_puce_selected.png') 0px 0px no-repeat;
}

div#testimonials ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/* HEADER: Banner, Logo, Menu */
div#header {
	height:80px;
	width: 950px;
	margin: 30px auto 5px auto; /* Exception for IE 6.0 */
	/*background: url('../images/logo_white_no_transparency.jpg') top left no-repeat;*/
}

div#header .logo {
	border:none;
}

div#menu {
	height:25px;
	width:100%;
	margin-top: -10px;
	float:right;
	background: url('../images/menu_line.png') bottom center no-repeat; /* Exception for IE 6.0 */
}

div#menu_title {
	color: #c35f37;
	font: normal 32px Verdana;
	padding-left: 30px;
}

div#menu ul {
	font: bold 11px Arial;
	height:25px;
	color: white;
	float:right;
	padding: 0;
	margin: 0;
}

div#menu li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
	-moz-user-select:none;
}

div#menu ul li a:link, div#menu ul li a:visited {
	text-decoration: none;
	color: white;
	padding: 0 15px 17px 15px;
	float:left;
	margin: 0 0 0 30px;
	-moz-user-select:none;
}

div#menu ul li a:hover {
	color: white;
	background: url('../images/menu_nav_no_transparency.png') bottom center no-repeat;
}

div#menu ul li .selected {
	background: url('../images/menu_nav_selected_no_transparency.png') bottom center no-repeat;
}

/* HOME_PAGE : Home_page (container), High home page, Overview, Five reasons, Latest news */
div#high_home_page {
	height:275px;
}

div#overview, div#five_reasons, div#latest_news {
	width: 296px;
	font: normal 12px "Lucida Sans Unicode", Verdana;
	color: #282828;
	text-align:justify;
	float:left;
	padding: 0 31px 0 0;
}

div#latest_news {
	padding:0; /* exception for last element (interval) */
}

div#overview h1, div#five_reasons h1, div#latest_news h1 {
	font: normal 15px "Lucida Sans Unicode", Verdana;
	margin: 0 0 10px 0;
	padding: 0 25px 10px 25px;
	color: white;
	background: url('../images/separator_home_page_no_transparency.png') bottom left no-repeat;
}

div#overview p, div#five_reasons p, div#five_reasons ul, div#latest_news ul {
	padding: 0 20px 0 25px;
	margin:0;
}

div#five_reasons li {	
	padding: 2px 0 2px 2px;
	min-height:24px;
	list-style: none;
	clear:left;
}

div#five_reasons img, div#download img {
	float: left;
	margin-right:5px;
}

div#latest_news h1 {
	margin: 0 0 1px 0; /* exception for first element (interval), for div#latest_news li */
}

div#latest_news li {	
	padding: 8px 0 8px 0;
	margin: 0;
	list-style: none;
	background: url('../images/separator_latest_news.gif') bottom left no-repeat;
}

div#latest_news div {
	padding: 0 0 0 34px;
}

div#latest_news h2 {	
	font: normal 11px "Lucida Sans Unicode", Verdana;
	color: #6b6b6b;
	padding: 0;
	margin: 5px 0 0 0;
}

div#latest_news a, div#latest_news a:visited {
	text-decoration: none;
	font: normal 12px "Lucida Sans Unicode", Verdana;
	color: #282828;
}

div#latest_news a:hover {
	text-decoration: underline;
}

div#latest_news img {
	float:left;
	margin-top:7px;
}
/* FOOTER : Footer (container), Support, Learn more, What's news?, Low footer */
div#footer {
	height:180px;
	background-color: #efefef;
	border-top: 1px solid #c35f37;
	padding-top:25px;
	width:100%;
	position: absolute;
    bottom: 0;
}

div#inner_footer {
	width: 950px;
	margin: 0 auto;
}

div#support, div#learn_more, div#what_s_new {
	width: 251px;
	float:left;
	margin:0 31px 0 0;
	padding: 0 20px 0 25px;
}

div#what_s_new {
	margin:0; /* exception for last element (interval) */
}

div#support p, div#learn_more p, div#what_s_new p {
	font: normal 11px "Lucida Sans Unicode", Verdana;
	color: #6b6b6b;
	margin: 0 0 10px 0;
	padding: 0;
}

div#support ul, div#learn_more ul, div#what_s_new ul {
	padding: 0 0 0 73px;
	margin: 0 0 0 10px;
}

div#support ul {
	background: url('../images/support_no_transparency.png') center left no-repeat;
}

div#learn_more ul {
	background: url('../images/learn_more_no_transparency.png') center left no-repeat;
}

div#what_s_new ul {
	background: url('../images/what_s_new_no_transparency.png') center left no-repeat;
}

div#support li, div#learn_more li, div#what_s_new li {
	background: url('../images/footer_puce_no_transparency.png') top left no-repeat;
	list-style: none;
	font: normal 11px "Lucida Sans Unicode", "Lucida Sans Unicode", Verdana;
	color: #6b6b6b;
	padding: 0 0 0 20px;
	height: 20px;
	margin: 0;
	vertical-align:middle;
}

div#support a, div#learn_more a, div#what_s_new a, div#support a:visited, div#learn_more a:visited, div#what_s_new a:visited,
div#low_footer a, div#low_footer a:visited {
	font: normal 11px "Lucida Sans Unicode", Verdana;
	color: #6b6b6b;
	text-decoration: none;
}

div#low_footer a, div#low_footer a:visited {
	color: #c35f37;
}

div#support a:hover, div#learn_more a:hover, div#what_s_new a:hover, div#low_footer a:hover {
	text-decoration: underline;
}

div#low_footer {
	clear:both;
	background: url('../images/low_footer.png') bottom center no-repeat;
	/*padding-top:55px;*/
	padding-top:52px;
	/*height:20px;*/
	height:23px;
}

div#low_footer ul {
	margin: 0;
	padding: 0;
	height:23px;
	padding-top:3px;
}

div#low_footer li {
	background: url('../images/low_footer_puce.png') center left no-repeat;
	list-style: none;
	font: normal 11px "Lucida Sans Unicode", Verdana;
	color: #c35f37;
	padding: 0 5px 0 10px;
	margin: 0;
	display: inline;
}	
	
div#low_footer .first {
	background: none;
	padding: 0 5px 0 5px;
}
	
/* DESCRIPTION, DOWNLOAD, SCREENCAST, SHOWCASE_FORM */
div#description, div#download, div#screencast, div#showcase_form, div#login_form, div.disabled_link {
    font: normal 12px "Lucida Sans Unicode", Verdana;
	color: #4f4b4a;
	text-align:justify;
	line-height:20px;
}

div#screencast .shifted {
	margin-left: 120px;
}

div#login_form, div.disabled_link {
	width:350px;
	padding:20px;
}

div#login_form a.cancel {
	font: bold 12px "Lucida Sans Unicode", Verdana;
	color: #c35f37;
	text-decoration:none;
}

div#showcase_form {
	text-align:left;
}

div#description .inner, 
div#download .inner, 
div#screencast .inner, 
div#showcase_form .inner, 
div#faq .inner,
div#imodule .inner,
div#article .outer {
	padding: 0 25px 35px 4px;
}

div#description .title, div#download .title, div#screencast .title, div#showcase_form .title, div#login_form .title, div.disabled_link .title {
	font: normal 14px "Lucida Sans Unicode", Verdana;
	color: #c35f37;
	padding-bottom: 10px;
}

div#description .spacer, div#download .spacer, div#screencast .spacer {
    height:35px;
    clear:both;
}

div#description a, div#screencast a, div#showcase_form a {
    color: #c35f37;
}

div#download a {
    color: #4f4b4a;
}

div#download li {
	margin: 7px 0 7px 0;
}

div#showcase_form span {
    width:250px;
	display:block;
	float:left;
}

div#login_form span, div.disabled_link  span {
	width:100px;
	display:block;
	float:left;
}

div#showcase_form span.required, div#login_form span.required, div.disabled_link span.required {
	width:10px;
	color:#c35f37;
	padding-left:40px;
}

div#showcase_form span.free_to_fill, div.disabled_link span.free_to_fill {
	width:300px;
}

div#showcase_form textarea {
	height:200px;
	width:300px;
	border: 1px solid #ccc;
	font: normal 12px "Lucida Sans Unicode", Verdana;
}

div#showcase_form textarea:focus {
	background-color:#efefef;
}

div#showcase_form input.text-input {
    width:300px;
	font: normal 12px "Lucida Sans Unicode", Verdana;
	border: 1px solid #ccc;
}

div#login_form input.text-input, div.disabled_link input.text-input {
	width:300px;
	font: normal 12px "Lucida Sans Unicode", Verdana;
	border: 1px solid #ccc;
	width:150px;
	color: #555;
}

div#showcase_form input.text-input:focus, div#login_form input.text-input:focus, div.disabled_link input.text-input:focus {
	background-color:#efefef;
}

div#download ul {
	list-style-type:none;
}

div#showcase_form .submit, div#login_form .submit, div.disabled_link .submit {
	font: bold 12px "Lucida Sans Unicode", Verdana;
	color: #c35f37;
	background-color: transparent;
	border:0;
	margin: 0;
	cursor:pointer;
}

div#showcase_form .subtitle, div#login_form .subtitle, div.disabled_link .subtitle {
	font: italic 11px "Lucida Sans Unicode", Verdana;
}

/* NEWS */
div#article .created_at {
	padding: 0 0 0 65px;
	font: normal 11px "Lucida Sans Unicode", Verdana;
	color: #6b6b6b;
	text-align:right;
}

div#article .title {
	padding: 0 0 0 20px;
	font: normal 14px "Lucida Sans Unicode", Verdana;
	color: #c35f37;
}

div#article .content {
	margin: 3px 0 0 185px;
	font: normal 12px "Lucida Sans Unicode", Verdana;
	color: #4f4b4a;
	text-align:justify;
	width: 440px;
}

img.thumb {
	float:left;
}

/* IMODULE */
div#imodule {
    font: normal 12px "Lucida Sans Unicode", Verdana;
	color: #4f4b4a;
	text-align:justify;
	line-height:20px;
}

div#imodule .title {
	font: normal 14px "Lucida Sans Unicode", Verdana;
	color: #c35f37;
	padding-bottom: 10px;
}

div#imodule a {
    color: #c35f37;
}

div#imodule .mosaicImg {
    margin: 5px;
    padding: 5px;
    border: 1px solid #ccc;
    width: 100px;
    height: 75px;
}

div#imodule .borderedImg {
    border-color: #c35f37;
}

/* FAQ */
div#faq {
    font: normal 12px "Lucida Sans Unicode", Verdana;
	color: #4f4b4a;
	text-align:justify;
	line-height:20px;
}

div#faq .title {
	font: normal 14px "Lucida Sans Unicode", Verdana;
	color: #c35f37;
	padding-bottom: 10px;
}

div#faq .question {
	font-weight: bold;
	margin-top: 20px;
}

div#faq .spacer {
    height:35px;
    clear:both;
}

div#faq a {
    color: #c35f37;
}

/* TESTIMONIALS */
div#testimonials {
	font: normal 12px "Lucida Sans Unicode", Verdana;
	padding: 40px 40px 0 10px;
	font-style:italic;
	color:#888;
	text-align:justify;
}

div#testimonials .bqstart {
	float: left;
    height: 20px;
    margin: -22px 0 0 0;
	font-family: Gadget;
    font-size: 72px;
    color: #c35f37;
	font-style:normal;
}

div#testimonials .bqend {
	float: right;
	height: 20px;
    margin: -25px 0 0 0;
	font-family: Gadget;
    font-size: 72px;
    color: #c35f37;
	font-style:normal;
}

div#testimonials .content {
	text-indent: 35px;
}

div#testimonials .author {
	color:#aaa;
	font-size:10px;
	text-align:right;
}

div#imodule .mosaic {
	text-align:left;
}

.slideshow {
	width:440px;
	height:245px;
	float:left;
	padding: 20px 15px 10px 15px;
	margin-bottom:5px;
	background: url('/slideshow/css/img/bg.png') center center no-repeat;
}

div#home_title {
	width:460px;
	height:213px;
	padding-top:62px;
	float:left;
	color:white;
	padding-right: 20px;
}

div#home_title h1 {
	font: normal 22px Verdana;
	font-variant:small-caps;
	margin: 0 0 20px 0;
	text-align:center;
}

div#home_title h2 {
	font: normal 18px "Lucida Sans Unicode", Verdana;
	font-variant:small-caps;
	color:#ccc;
	width:220px;
	margin:0;
}

div#home_title h3 {
	font: normal 11px "Lucida Sans Unicode", Verdana;
	color:#555;
	width:220px;
	margin:0;
}

div#home_title_left {
	margin-right:10px;
	float:left;
	text-align:right;
}

div#home_title_right {
	margin-left:10px;
	float:left;
	text-align:left;
}