/* =General
-----------------------------------------------------------------------------*/
* { padding:0; margin:0; outline:0; }
body {
	font-family: Verdana, Arial, sans-serif;
	font-size:11px;
	color:#514c4c;
	line-height:22px;
	background:#000001 url(images/body.gif) repeat fixed center 0;
	padding-top:500px;
}
.cl { font-size:0; line-height:0; height:0; clear:both; display:block; }
a img { border:0; }

a { color:#70a826; text-decoration: none; cursor:pointer; }
a:hover { text-decoration: underline;}

.shell { width:707px; margin:0 auto; padding-left:125px; background:url(images/shell.gif) repeat-y 90px 200px; min-height:600px; }
.shell-rel { position:relative; margin-top:-500px; float:left; width:707px;}

/* =Header
-----------------------------------------------------------------------------*/
#header { height:181px; }
h1#logo {
	font-size:0;
	line-height:0;
	height:138px;
	width:563px;
	margin:0 0 0 auto;
}
h1#logo a { display:block; height:138px; text-indent: -4000px; background:url(images/logo.png); }

/* =Header Different Pages
-----------------------------------------------------------------------------*/
h1#logo span {
	display:block;
	height: 138px;
	text-indent: -9000px;
	
}
h1.about#logo {
	background: url(../images/logo_about.gif) no-repeat right 38px;
}
h1.services#logo  {
	background: url(../images/logo_services.gif) no-repeat right 38px;
	display: block;
	height: 138px;
	
}
h1.portfolioLogo#logo {
	background: url(../images/logo_portfolio.gif) no-repeat right 38px;
}
h1.promotions#logo {
	background: url(../images/logo_promos.gif) no-repeat right 38px;
}
h1.testimonials#logo {
	background: url(../images/logo_testimonials.gif) no-repeat right 38px;
}
h1.contact#logo {
	background: url(../images/logo_contact.gif) no-repeat right 38px;
}


/* =Top Navigation
-----------------------------------------------------------------------------*/
#navigation { height:29px; }
#navigation ul{
	list-style-type: none;
	padding-left:98px;
}
#navigation li{
	float:left;
	position:relative;
	display: inline;
}
#navigation a{
	font-size:0;
	line-height:0;
	height:29px;
	text-indent: -4000px;
	float:left;
	background-position:0 0;
	background-repeat:no-repeat;
}

#navigation a.home-nav {
	width:74px;
	background: url(images/home-nav.png);
}
#navigation a.home-nav:hover,
#navigation li.active a.home-nav,
#navigation li.hover a.home-nav { background-image:url(images/home-nav-h.png); }

#navigation a.about-nav { background-image:url(images/about-nav.png); width:91px; }
#navigation a.about-nav:hover,
#navigation li.active a.about-nav,
#navigation li.hover a.about-nav { background-image:url(images/about-nav-h.png); }

#navigation a.services-nav { background-image:url(images/services-nav.png); width:110px; }
#navigation a.services-nav:hover,
#navigation li.active a.services-nav,
#navigation li.hover a.services-nav { background-image:url(images/services-nav-h.png); }

#navigation a.portfolio-nav { background-image:url(images/portfolio-nav.png); width:123px; }
#navigation a.portfolio-nav:hover,
#navigation li.active a.portfolio-nav,
#navigation li.hover a.portfolio-nav { background-image:url(images/portfolio-nav-h.png); }

#navigation a.contact-nav { background-image:url(images/contact-nav.png); width:107px; }
#navigation a.contact-nav:hover,
#navigation li.active a.contact-nav,
#navigation li.hover a.contact-nav { background-image:url(images/contact-nav-h.png); }

#navigation a.francais-nav{ background-image:url(images/francais-nav.png); width:104px; }
#navigation a.francais-nav:hover,
#navigation li.active a.francais-nav,
#navigation li.hover a.francais-nav { background-image:url(images/francais-nav-h.png); }


/* =Navigation sub menu
-----------------------------------------------------------------------------*/
#navigation ul .sub-menu { position:absolute; width:110px; background:#000; top:26px; left:0; display:none}
#navigation ul .sub-menu ul{ padding:7px 5px; line-height:13px; }
#navigation ul .sub-menu li{
	float:none;
	display:block;
	padding:0 5px 6px;
}
#navigation ul .sub-menu li a{ float:none; display:inline; font-size:9px; line-height:13px; color:#fff; display:block; height:100%; text-indent: 0;}
#navigation ul .sub-menu li a:hover{ color:#7da93a; text-decoration: none; }

/* =Flower
-----------------------------------------------------------------------------*/
.flower { font-size:0; line-height:0; height:0; width:0; float:left; position:relative; }
.flower img{ position:absolute; top:0; left:-203px; width:297px; height:508px; background:url(images/flower.png); }

/* =Top Banner
-----------------------------------------------------------------------------*/
.hidden { display:none; }
#banner { height:181px; background:url(images/banner.jpg) no-repeat 0 0; }
#bannerAbout {
	height:181px;
	background:url(../images/banner_about.jpg) no-repeat 0 0;
}
#bannerServices {
	height:181px;
	background:url(../images/banner_services.jpg) no-repeat 0 0;
}
#bannerPortfolio {
	height:181px;
	background:url(../images/banner_portfolio.jpg) no-repeat 0 0;
}
#bannerContact {
	height:181px;
	background:url(../images/banner_contact.jpg) no-repeat 0 0;
}
#bannerTestimonials {
	height:181px;
	background:url(../images/banner_testimonials.jpg) no-repeat 0 0;
}
#bannerGraphic {
	height:181px;
	background:url(../images/banner_graphic.jpg) no-repeat 0 0;
}
#bannerIllustration {
	height:181px;
	background:url(../images/banner_illustration.jpg) no-repeat 0 0;
}
#bannerWeb {
	height:181px;
	background:url(../images/banner_web.jpg) no-repeat 0 0;
}
#bannerFlash {
	height:181px;
	background:url(../images/banner_flash.jpg) no-repeat 0 0;
}
#bannerPromo {
	height:181px;
	background:url(../images/banner_promo.jpg) no-repeat 0 0;
}

/* =Main Content
-----------------------------------------------------------------------------*/
#main { padding:18px 0 30px 0; }
#content {
	float:left;
	width:495px;
	background:url(images/content-c.gif) repeat-y 0 0;
	text-align: justify;
	font-size: 12px;
}
#content-t { background:url(images/content-t.gif) no-repeat 0 0; }
#content-b { background:url(images/content-b.gif) no-repeat 0 bottom; padding:40px 33px 20px 36px; min-height:650px; }
#content p { padding-bottom:20px;}
#content h2 { margin-bottom:10px; }
#content h3 {
	font-size: 1.3em;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding-top: 20px;
	border-top: 1px dotted #CCCCCC;
	margin-top: 10px;
	padding-bottom: 10px;
}
#content ul {
	padding-left: 40px;
	padding-bottom: 20px;
}
#content li {
	list-style: none;
	background: url(../images/arrow.gif) no-repeat left 5px;
	padding-left: 20px;
}
#content ul li p {
	font-size: 0.9em;
}

#content p.quicklinks {
	margin-top: 0px;
	padding-top: 0px;
	font-size: 11px;
}




/* =Content Portfolio Page
-----------------------------------------------------------------------------*/
div.portfolio#content {
	width: 708px;
	background: url(../images/bg_content.gif) repeat-y;
}
div.portfolio#content #content-t {
	background:url(../images/content-portfolio-top.gif) no-repeat 0 0;
}
div.portfolio#content #content-b {
	background:url(../images/content-portfolio-bottom.gif) no-repeat 0 bottom;
	padding:40px 33px 20px 36px;
	min-height:650px;
}

/* =Sidebar
-----------------------------------------------------------------------------*/
#sidebar { float:right; width:192px; background:url(images/sidebar-c.gif) repeat-y 0 0; }
#sidebar-t { background:url(images/sidebar-t.gif) no-repeat 0 0; }
#sidebar-b { background:url(images/sidebar-b.gif) no-repeat 0 bottom; padding:10px 8px; min-height:690px; }

.promotions-h { height:18px; background-image:url(images/promotions-h.gif);}
.services-h { height:18px; background-image:url(images/services-h.gif);}
.testimonials-h { height:18px; background-image:url(images/testimonials-h.gif);}
.contact-h { height:18px; background-image:url(images/contact-h.gif);}

.heading { background:url(images/sidebar-ornament.gif) no-repeat center 0; padding:24px 0 7px 0; }

#sidebar { color:#55595c; }
#sidebar a { color:#55595c; }
#sidebar ul { list-style-type: none; padding:0 7px 10px 7px; line-height:16px; }
#sidebar li { background:url(images/bul.gif) no-repeat 0 4px; padding:0 0 3px 12px; }

.swf {
	padding-bottom:10px;
	height: 139px;
	width: 176px;
}

/* =Page titles
-----------------------------------------------------------------------------*/
.notext { font-size:0; line-height:0; text-indent: -4000px; background-repeat:no-repeat; background-position: 0 0;}
.welcome-h { height:26px; background-image:url(images/welcome-h.gif);}
.about-h {
	height:26px;
	background: url(../images/title_about.gif) no-repeat;
}
.services2-h {
	height:26px;
	background: url(../images/services2-h.gif) no-repeat;
}
.portfolio-h {
	height:26px;
	background: url(../images/portfolio-h.gif) no-repeat;
}
.contact2-h {
	height:26px;
	background: url(../images/contact2-h.gif) no-repeat;
}
.testimonials2-h {
	height:26px;
	background: url(../images/testimonials2-h.gif) no-repeat;
}
.promotions2-h {
	height:26px;
	background: url(../images/promotions2-h.gif) no-repeat;
}
.flash-h {
	height:26px;
	background: url(../images/flash-h.gif) no-repeat;
}
.graphic-h {
	height:26px;
	background: url(../images/graphic-h.gif) no-repeat;
}
.websites-h {
	height:26px;
	background: url(../images/websites-h.gif) no-repeat;
}
.illustration-h {
	height:26px;
	background: url(../images/illustration-h.gif) no-repeat;
}
.bienvenue-h {
	height:26px;
	background: url(../images/bienvenue-h.gif) no-repeat;
}
.quote-h {
	height:26px;
	background: url(../images/quote-h.gif) no-repeat;
}
.imgPadding {
	margin-bottom: 15px;
}


/* =Contact page
-----------------------------------------------------------------------------*/
#content  address    {
	padding-left: 25px;
	font-size: 13px;
}

/* =Footer styles
-----------------------------------------------------------------------------*/
#footer { background:url(images/footer.gif) repeat-x 0 0; height:119px; color:#9c9b9b; font-size:10px; }
#footer .shell{ height:119px; min-height:119px; position:relative; }
#footer p{ padding:88px 0 0 10px; }

#footer .footer-flower { position:absolute; top:33px; left:665px; width:248px; height:86px; background:url(images/footer-flower.png) no-repeat 0 0; }