/**
* @version      $Id: navigation.css 20080424.1 $
* @package      Joomla!
* @subpackage   gabrielleMajor
* @copyright    Copyright (c)2008 ePraxis inc. All rights reserved.
* @license      GNU/GPL
**/

/*********************************************************************************************************
	general
*********************************************************************************************************/

/* reset */
body,html,pre,code,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,.componentheading,pre,form,fieldset,input,textarea,p,blockquote,th,td,img{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;font-size:inherit;font:100%;}
fieldset,img,abbr,acronym{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6,.componentheading{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
select,input,textarea{font:99% arial,helvetica,clean,sans-serif;}
iframe {width: 100%; overflow:auto; }

/* now we can start :) */
html[xmlns]
{ height: auto; padding-bottom : .01em; }

body
{min-height: 100%; position: relative;font-size: 13px/1.231; color: #333300; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
text-align: center; background: #eaeae7; padding-top:0.5em;}

/* clearing
****************************/
/* you can find the ie clearing in the iefixes.css */
.clearfix:after, #header:after, #content:after, div.content-modules:after, div.blog_row:after, ul.meta:after, .filter:after,
.contentdescription:after, #footer:after, #main:after, .pagination:after
{ content: "."; display: block; height: 0; line-height: 0; clear: both; visibility: hidden; }

#ie_clearing { display: none }

.clear
{ clear:both; height: 0; line-height: 1px; }

/*********************************************************************************************************
	layout
*********************************************************************************************************/

/* page / shadow
****************************/
div#page-l
{ width: 782px; padding:0 20px 0 20px; margin: 0 auto; text-align: left; font-size: 0.8em; line-height: 150%; background-color: #fff; }

	div#page-r
	{ padding: 0; background: none; }

		/* top header
		****************************/
		div#top-header
		{ position: relative; height: 20px; text-align:right; vertical-align:top; overflow: hidden; }

		/* header 
		****************************/
		div#header
		{ height: 116px; line-height:0; text-align:right; font-size:1px; position: relative; background:#fff url(../images/top_separator.gif) right bottom no-repeat;vertical-align:top; overflow: hidden;  }

			div#header div#top-logo
			{ height: 99px; width:243px; position: relative;line-height:0; overflow: hidden;background-color: #999933;}

			div#header div#image-header
			{ height: 99px; width:539px; position: relative; float:right; line-height:0; overflow:hidden;}


		/* main section / content
		****************************/
		div#content
		{ padding: 0; background: transparent url(../images/body.jpg) left bottom no-repeat; }

		body.right-col div#content,
		body.no-col div#content
		{ background: none; }

			/* top spacer
			****************************/
			div#content div#top-menu
			{ height: 35px; position: relative; background: transparent url(../images/top_separator_corner.gif) left top no-repeat; }

			/* left sidebar
			****************************/
			div#content div#left-sidebar
			{ float: left; width: 240px; background: transparent url(../images/pixel_rouge.gif) 32px 0 repeat-y; }


			/* main content
			****************************/
			div#content div#main
			{ margin: 0 10px 20px 250px; line-height: 140%;}

			/* variable module layouts */
			body.right-col div#content div#main,
			body.no-col div#content div#main
			{ margin: 0 10px 0 10px; }

				div#content div#main div#main-content
				{ float: left; width: 68.7%; }

					
					div#content div#main div#main-content div.blog,	div#content div#main div#main-content div.xmap,
					div#content div#main div#main-content div.sectionblog, div#content div#main div#main-content div.catblog
					{ margin-top:0; }

					div#content div#main div#main-content div.weblinks
					{ margin-top:1.5em; }

						/* section description */
						div#content div#main div#main-content div.blog div.contentdescription, div#content div#main div#main-content div.weblinks div.contentdescription,	
						div#content div#main div#main-content div.xmap div.contentdescription, div#content div#main div#main-content div.sectionblog div.contentdescription, 
						div#content div#main div#main-content div.catblog div.contentdescription
						{ margin-top:1em; }


				/* variable module layouts */
				body.left-col div#content div#main div#main-content,
				body.no-col div#content div#main div#main-content
				{ width: 100%; }

					div#content div#main div#main-content div.content-modules
					{ margin: 0 0 2em 0; }

						div#content div#main div#main-content div.content-modules div.float1
						{ float: left; width: 49%; }

						div#content div#main div#main-content div.content-modules div.float2
						{ float: right; width: 49%; }

				/* nav-intra */
				div.nav_intra
				{ margin-top:1em; margin-bottom:0; padding-bottom:0.2em;overflow:visible; position: relative; display: none; }

				


					/* right sidebar
					****************************/
					div#content div#main div#right-sidebar
					{ margin: 0 0 0 70%; position: relative;top:35px;}


			/* footer
			****************************/

			/* variable module layouts */
			div#footer
			{ height: 45px; font-size: 0.85em; color: #ff3300; margin: 0 padding: 0;
			background: transparent url(../images/footer.gif) 0 0 no-repeat; }

				div#footer p
				{ padding-top:25px; margin: 0; float: right; }

				p.copyright
				{ float: left; margin: 0;  }

					p img
					{ vertical-align: middle; }