/*
 * seamless content management system
 * default stylesheet
 * 
 * (c)2008 Cube Bleu Atelier Créatif ( www.cubebleu.com )
 * (c)2008 Daphnis Marchand ( marchand@cubebleu.com )
 * Other entities used in this project hold their original copyrights
 *
 * @version $Id:	default.css,v 0.3 2008/10/14
 *
 */
@import url("menu.css");


/*
 * predefined sections and main page formatting
 */
 
body {
	margin: 0;
	padding: 0;
	padding-bottom: 2em;
	font: 90%/1.25em "Tahoma", "Verdana", "Arial", sans-serif;
	color: black;
	background: white url("../img/wood_bg_seamless_55.jpg") repeat;
}

#main-container {
	width: 784px;
	margin: 0 auto;
	padding: 0;
}

#main-padding {
	padding: 0 17px;
	background: transparent url("../img/main_bg_shadows-fs8.png") repeat-y top center;
}

#top-section h1 { display: none; }
#top-section {
	height: 199px;
	background: white url("../img/main_top_header.jpg") no-repeat;
}

#nav-section {
	float: left;
	height: 35px;
}

#body-section {
	clear: left;
}

#content-section {
	float: left;
	width: 100%;
}

#content-padding {
	margin: 30px 260px 0 30px;
}

#content-section h2 {
	margin: 0.5em 0 1em 0;
	font-size: 1.5em;
	color: #69C;
}

#content-section p {
	margin: 0.5em 0 1em 0;
}

#content-section p#breadcrumbs {
	margin: -0.5em 0 1em 1px;
	color: #AAA;
}

#content-section a {
	text-decoration: none;
	color: #369;
}

#content-section a:hover {
	text-decoration: underline;
}

/*
 * user defined content related styles
 */

#content-section div.page-nav {
	text-align: center;
}

#content-section div.page-nav del {
	text-decoration: none;
	color: gray;
}

#content-section div.post {
	background-color: #DDD;
	padding-bottom: 0.5em;
	font-size: 0.9em;
	margin: 1em 0;
}

#content-section div.post h3 {
	padding: 0.5em;
	margin: 0 0 1em 0;
	background-color: #369;
	color: white;
}

#content-section div.post small.date {
	display: block;
	padding-left: 8px;
	margin: 0;
}

#content-section div.post p {
	padding: 0 8px;
	margin: 0 0 0.5em 0;
}

#content-wrapper h1,
#content-wrapper h2,
#content-wrapper h3,
#content-wrapper h4,
#content-wrapper h5,
#content-wrapper h6 {
	margin: 1.15em 0 0.25em 0;
	color: black;
}

#content-wrapper h1 { font-size: 1.35em; }
#content-wrapper h2 { font-size: 1.25em; }
#content-wrapper h3 { font-size: 1.15em; }
#content-wrapper h4 { font-size: 1.05em; }
#content-wrapper h5 { font-size: 1.0em; text-decoration: underline; }
#content-wrapper h6 { font-size: 1.0em; text-decoration: underline; font-variant: italic; }

#content-wrapper ul {
	margin: 0.5em 0 1em 0;
}

#content-wrapper img {
	display: block;
	margin: 0.5em 0;
}

#content-wrapper table {
	border-collapse: separate;
	border-spacing: 1px;
	empty-cells: show;
	width: 100%;
	border: none;
	padding: 0;
	margin: 0.25em 0 1em 0;
}

#content-wrapper table thead td {
	padding: 0.25em 0;
	margin: 0;
	background-color: #369;
	color: white;
	font-weight: bold;
	text-align: center;
}

#content-wrapper table tbody td {
	padding: 0.25em;
	background-color: #DDD;
	color: black;
}

#content-section .company-list ul {
	list-style-type: none;
	padding-left: 0;
}

#content-section .company-list ul li {
}


#content-section .company-details {
}

#content-section .company-details img {

}

#content-section .company-details h3 {
	background-color: #369;
	padding: 0.5em;
	padding-bottom: 0;
	color: white;
	margin: 1em 0 0 0;
}

#content-section .company-details .content-wrapper {
	background-color: #DDD;
	padding: 0.5em 0.5em 1px 0.5em;
	font-size: 0.9em;
	margin-bottom: 1em;
}

#content-section .company-details .coord {
	background-color: #369;
	padding: 0 0.5em 0.5em 0.5em;
	font-size: 0.9em;
	color: silver;
}

#content-section .company-details .coord a {
	text-decoration: none;
	color: white;
}

#content-section .company-details .coord a:hover {
	text-decoration: underline;
}

#content-section .company-details .coord p {
	margin: 0;
}

#content-section .company-details .content-wrapper p {
	margin: 0 0 0.5em 0;
}

/*
.company table {
	border-collapse: separate;
	border-spacing: 1px;
	width: 100%;
	border: solid 2px black;
	padding: 0;
}

.company table thead td {
	padding: 0.25em 0;
	margin: 0;
	background-color: black;
	color: white;
	font-weight: bold;
	text-align: center;
}

.company table tbody td {
	padding: 0.25em;
	background-color: #CCC;
	color: black;
}
*/


#content-wrapper .message, #content-wrapper .notice, #content-wrapper .warning {
	border: solid 1px black;
	padding: 1em;
	font-weight: bold;
	color: black;
	margin: 1em 0;
}

#content-wrapper .notice {
	border-color: green;
	color: black;
}

#content-wrapper .warning {
	border-color: red;
	color: red;
}


/*
 * news-section
 */

#news-section {
	float: left;
	width: 228px;
	margin-left: -228px;
	line-height: 1.1em;
}

#news-padding {
	margin: 30px 30px 30px 0;
	border: solid 1px black;
	background-color: #DDD;
}

#news-section span { display: none; }
#news-section h2 {
	margin: 0;
	padding: 0;
	height: 38px;
	background: white url("../img/news_top_header.png") no-repeat;
}

#news-section dl {
	margin: 1em;
	padding: 0;
	list-style-type: none;
}

#news-section dt, dd, small, p {
	margin: 0;
	padding: 0;
}

#news-section dt {
	font-weight: bold;
}

#news-section p {
	margin: 0.5em 0;
}

#news-section p {
	font-size: 0.85em;
}

#news-section small {
	font-size: 0.75em;
}

#news-section .date {
	float: left;
	color: gray;
}

#news-section .more {
	display: block;
	text-align: right;
}

#news-section .more a {
	font-weight: bold;
	color: black;
	text-decoration: none;
}

#news-section .more a:hover {
	color: #69C;
}

#news-section .footer {
	height: 38px;
	background-color: #333;
}

#news-section .footer a {
	display: block;
	color: white;
	line-height: 38px;
	text-align: center;
	text-decoration: none;
}

#news-section .footer a:hover {
	background-color: #69C;
}


/*
 * page footer sections
 */

#footer-section {
	clear: left;
	width: 750px;
	height: 131px;
	padding: 0 17px;
	background: transparent url("../img/bottom_shadow_only-fs8.png");
}
#footer-section p {
	display: block;
	width: 750px;
	height: 114px;
	background: transparent url("../img/main_box_footer.png");
}
#footer-section p span { display: none; }

#admin-section {
	width: 750px;
	margin: -15px auto 0 auto;
	text-align: right;
	font-size: 0.7em;
	font-weight: bold;
	color: #666;
}

#admin-section a {
	text-decoration: none;
	color: #666;
}

#admin-section a:hover {
	color: white;
}

#copyright-section {
	margin: 1em auto;
	width: 153px;
}

#copyright-section a {
	display: block;
	width: 153px;
	height: 39px;
	background: transparent url("../img/copyright.png");
}

#copyright-section a span {
	display: none;
}

/*
 * icon handlers
 */

.icon {
	display: inline-block;
	width: 20px;
	height: 20px;
	background-position: center center;
	background-repeat: no-repeat;
	vertical-align: middle;
}

a.icon:hover {
	border: solid 1px black;
	padding: 1px;
	width: 16px;
	height: 16px;
}

.icon span {
	display: none;
}

.download { background-image: url("../img/icons/2downarrow.png"); }