/*Version:   1.0
Author:    Stephane Douville
Email:       info@stephanedouville.com  
Website:   http://www.stephanedouville.com
Date:        2008/10/04
 
Copyright 2008 Stephanedouville.com  All Rights Reserved 
-----------------------------------------------------------------------------*/
* { margin: 0; padding: 0; }
html { overflow-y: scroll; }
body { font-size: 62.5%; font-weight: normal; font-style: normal;f;line-height: normal; background-image: url(../images/wrap_pageh.jpg); background-repeat: repeat; background-attachment: scroll; background-position: 0 0; ont-variant: normal; }
ul { list-style: none inside; }
p { font-size: 1.2em; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; line-height: 1.5em; }
a { outline: none; }
a img { border: none; }

/*-----------------------------------------------------------------------------
ToolBox, Fixed Bug
-----------------------------------------------------------------------------*/
.floatleft { float: left; }
.floatright { float: right; }
.imgfloatright { float: right; padding-right: 15px; padding-left: 15px; }
.clear { height: 1px; clear: both; }
.transpBlack { background: url(../images/transpBlack.png); }
/* Remove border around linked images and fix Firefox odd spaces */
img {
   border: 0;
   vertical-align: bottom;
}


/* =Page Structure
-----------------------------------------------------------------------------*/
#container { background-image: url(../images/wrap_toph.jpg); background-repeat: repeat-x; background-attachment: scroll; background-position: 0 0; width: 100%; height: 100%; }
#wrap { background-color: transparent; background-image: url(../images/wrap_page.jpg); background-repeat: repeat-y; background-position: 0 0; width: 881px; margin: 0 auto; }
#content { padding: 10px 25px; clear: both; }
#header { color: #454545; background: #d9e1e4 url(../images/head_bg.jpg) no-repeat; position: relative; width: 881px; clear: both; height: 207px; margin: 0 auto; }
#maincontent {
	clear: both;
	margin-top: 20px;
}
#topwrap {
	z-index: 21;
}
#one {
	text-align: justify;
	width: 808px;
	margin: 15px auto;
	background-color: #FFF;
}
#left {
	text-align: justify;
	width: 440px;
	float: left;
	margin: 0;
	padding: 0;
	background-color: #FFF;
}
#right {
	width: 330px;
	float: left;
	padding: 0;
	background-color: #FFF;
	margin: 0px 10px;
}
#footer { background-image: url(../images/footer.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; text-align: right; width: 881px; height: 70px; clear: both; margin-right: auto; margin-left: auto; padding-top: 25px; }
#banner { margin-right: auto; margin-left: auto; width: 949px; height: 169px; clear: both; border: solid 1px #79b200; }
/* =Typo
-----------------------------------------------------------------------------*/
.onetop { 
	background-image: url(../images/one_top.jpg); 
	background-repeat: no-repeat; 
	background-attachment: scroll; 
	height: 20px; 
	clear: both; 
}

.onebottom { 
	background-image: url(../images/one_bottom.jpg); 
	background-repeat: no-repeat; 
	background-attachment: scroll; 
	height: 20px; 
	clear: both; 
}

.onewrap {
	background-image: url(../images/one_wrap.jpg);
	background-repeat: repeat-y;
	background-attachment: scroll;
	background-position: 0 0;
	height: auto;
	margin: 0px auto;
	background-color: #FFF;
}

#one h1 { color: #fd5000; font-size: 2.6em; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: bold; padding-left: 15px; }
#one p { color: #000; padding-bottom: 0.5em; padding-left: 15px; }
#footer p { color: #fff; font-size: 1em; font-weight: normal; line-height: 1.1em; padding-right: 50px; }
#footer a { color: #fff; text-decoration: none; }
#footer a:hover { color: #000; }
/* =List
-----------------------------------------------------------------------------*/
#topmenu_box {
	float: right;
	margin-top: 20px;
	margin-right: 50px;
	z-index: 1;
}
#topmenu li
{ float: right; padding-right: 10px; display: inline; list-style-type: none; }
#topmenu li a { color: #000; font-size: 1em; text-decoration: none; }
#topmenu li a:hover { color: #fff; text-decoration: underline; }
#foot_menu ul { color: #f7ae42; font-size: 1.1em; font-family: Arial, Helvetica, Sans-Serif; text-align: left; width: 100%; padding-top: 5px; padding-bottom: 5px; }
#foot_menu
 ul li
{ border-right: 1px solid #d9e1e4; display: inline; }
#foot_menu
 ul li a
{ color: #000; text-decoration: none; padding: 5px 10px; }
#foot_menu
 ul li a:hover
{
color: #fff;
}
#foot_menu
 #active { border-left: 1px solid #fff; }
#portfolio {
	height: auto;
	width: auto;
	overflow: hidden;
}