/*********************************************
	Graphic Design and CSS by EmaGraphik
	
	Copyright 2004-2009 
	www.emagraphik.com
	All rights reserved
	
*********************************************/



/* GENERAL 	
*********************************************/
* {
margin:0;
padding:0;
background: transparent;
}
body {
text-align: center;
}
img {
border:none;
margin:0 0 1em 0;
}
address {
font-style: normal;
margin:0 0 2em 0;
}
.clear {
clear: both;
}
.hidden {
visibility: hidden;
}
.alert,
.messaging {
color: #169dcd!important;
}
.spacer {
visibility: hidden;
height:0;
margin-top: 2em;
}
.access {
display : none;
}
div#back {
float: left;
}
div#back a {
position: absolute;
top:3.8em;
left:210px;
}
a.toplink {
display: block;
width:100%;
margin: 1.5em 0 0 0;
padding:0.5em 0;
text-align: right;
}
a.www {
display: block;
margin:0 0 2em 0;
}

/* COLORS
*********************************************/
/* Light Gray */


*,
.news div#content h3 a
{	color: #7c7c7c; } 


/* Blue */	
div#content a,
.news span.news_date,
ul#news h3 a,
a acronym,
a span
{	color: #134b5f; } 
			
			
/* Medium Gray */							
div#sidebar ul#submenu a,
ul#news li span.news_date,
ul#news li p,
ul#footer p,
ul#footer a ,
h3.nav ,
ul#highslide_nav li a
{	color: #666667; }


/* Dark Gray */			
h2,
ul#menu li a,
h3,
legend,
div#sidebar h2 a,
.news div#content h3 a
{	color: #b6b0a3;}


/* Turquoise */	
ul#menu li a:hover,
ul#menu li.actif a,
div#content a:hover,
div#sidebar ul#submenu a:hover,
div#sidebar ul#submenu li.actif a,
ul#footer a:hover,
ul#news li a:hover,
div#sidebar h2 a:hover ,
div#sidebar h2 a.actif ,
a:hover span
{	color: #169dcd; }

a:focus
{	color: #169dcd!important; }
			
/* FONT
*********************************************/
body 		{	font-size: 76%; }
* 			{	font-size: 1em;
				font-family:Arial, Helvetica, sans-serif; }
ul#footer a,
ul#footer p {	font-size:90%; }
h2 			{	font-size:1.5em; }
div#sidebar h2 
			{	font-size: 1.2em; }
ul#slidemenu li ul,
ul#slidemenu li p,
ul#slidemenu li a 
			{	font-size:0.9em; }
.news_slider p.view_all,
.news_slider p.view_all a 
			{	font-size: 0.9em!important; 
				color: #000!important; }
span.news_date  
			{	font-size:0.8em; }
h3,
legend,
dt 			{	font-weight: bold; }

/* LINKS
*********************************************/
a {
cursor:pointer;
}
div#content a
{	text-decoration: underline; }
ul#menu li a,
div#content a:hover,
div#content a.toplink,
div#sidebar h2 a,
div#sidebar ul#submenu a,
h3 a,
.highslide-loading
{	text-decoration: none!important; }

/* LISTS
*********************************************/
ul {
list-style-type: none;
}
#main ul {
list-style: disc inside;
}
ul.nolist-style {
list-style-type: none!important;
}
/*dt {
margin: 1.5em 0 0 0;
}*/
dd {
margin: 0 0 2.5em 0;
}

/* HEADINGS
*********************************************/
h2 {
margin:0 0 2em 20px;
line-height:1.8em;
border-bottom: 2px dotted #303136;
}
h3 {
margin: 0 0 0.5em 0;
padding:1em 0 0.3em 0;
border-bottom:2px dotted #134b5f;
}
h3.item {
padding-left:60px;
}
div#sidebar h2 {
margin:0;
line-height:2.4em;
border:none;
}
h3.nav {
border:none;
margin:8em 0 1em 0;
}
ul#news h3 {
position: relative;
border-bottom:2px dotted #303136;
}

/* LAYOUT	
*********************************************/
div#wrapper {
text-align: left;
width: 800px;
margin:0 auto;
position: relative;
}
h1#top a {
display: block;
text-indent: -9999px;
width:300px;
height:13em;
margin:0 0 0 80px;
}
div#content {
width: 424px;
position: absolute;
top:19em;
left:0;
padding:0 0 0 190px;
		/*background: url(images/layout/test.png) no-repeat 0 0;*/
}
div#main {
width: 294px;
margin:0 auto;
}
div#content p,
div#content ul,
div#content dl {
margin:0 0 1em 0;
}
div#main dd a {
display: block;
}
div#sidebar {
position: absolute;
top:20.3em;
right:0;
width: 175px;
padding-left:20px;
z-index:10;
}
ul#footer {
/*width: 418px;*/
position: fixed;
bottom: 1em;
right:1em;
text-align: right;
}
ul#footer p {
margin:0;
}
ul.nolist-style img {
border: 1px solid #251f1f;
}

/* MENU	
*********************************************/
ul#menu {
width :418px ;
/*height:2.8em;*/
margin:0 auto;
}
ul#menu li {
float: left;
width: 25%;
}
ul#menu li a {
display: block;
line-height: 2.8em;
margin:0 0 2.5em 0;
text-align: center;
text-transform:uppercase;
}

/* HIGHSLIDE NAVIGATION
*********************************************/
ul#highslide_nav li img {
float: left;
margin:0!important;
}
ul#highslide_nav li p {
line-height:20px;
}
ul#highslide_nav li  {
clear: both;
}

/* NEWS SLIDER	
*********************************************/
.fl {
float: left; 
display: inline;
}
.news_slider {
position: relative; 
width: 419px; 
margin-left:3px;
}
.news_slider .prev, 
.news_slider .next {
position: absolute; 
top: 2px; 
width:16px;
height:16px;
display: none;
z-index:10;
}
.news_slider .prev img, 
.news_slider .next img {
margin:0!important;
}
.news_slider .prev {
left: 175px;
}
.news_slider .next {
left: 190px;
}
.news_slider .container {
position: relative; 
top: 1em; 
left: 0; 
width: 100%; 
}
.news_slider .news_items {
position: relative; 
width: 380px; 
top: 0; 
left: 15px; 
overflow: hidden;
}
.news_slider .item {
width: 380px; 
margin: 30px 10px 20px 0;
position:relative;
}
.news_slider .item img {
border: 5px solid #251f1f;
margin:0 0 20px 44px;
}
.news_slider .item a:hover img {
border: 5px solid #169dcd;
}
.news_slider p {
margin:2px 50px 0 44px!important;
}
.news_slider h3 {
padding:0 0 5px 0!important;
margin:0 30px 0 44px;
}
.news_slider a.infolink {
position: absolute;
top:250px;
right:30px;
display: block;
width:20px;
height:20px;
text-indent:-9999px;
}
.news_slider a.infolink:hover {
background-position: 1px -20px;
}

.news_slider .messaging {
display: block; 
padding: 5px; 
margin: 0 20px ;
padding:20px 0 0 0; 
}
.news_slider p.view_all {
width:160px;
margin:2px 0 0 0!important;
}
.news_slider p.view_all a {
margin:0 1em;
}
/* SLIDE MENU
*********************************************/
ul#slidemenu {
margin:0 0 40px 30px!important;
}
ul#slidemenu li {
border:1px solid #000;
padding:90px 0 0 100px!important;
}
ul#slidemenu li ul,
ul#slidemenu li p,
ul#slidemenu li a {
width: 110px;
color: #7c7c7c;
}
ul#slidemenu li li {
border:none;
padding:0 0 0 0!important;
}
ul#slidemenu li a {
display: block;
width:218px;
height:200px;
position: absolute;
top:0;
left:0;
text-indent:-9999px;
}
.artwork ul#slidemenu li {
padding:0;
}

/* HIGHSLIDE
*********************************************/
.highslide {
outline: none;
}
a.highslide img {
border:5px solid #251f1f;
}
a.highslide:focus img {
border:5px solid #169dcd!important;
}
a.highslide:hover img {
border:5px solid #169dcd!important;
}
.highslide-image {
border:3px solid #169dcd;
}
.highslide-active-anchor img {
visibility: hidden;
}
.highslide img.thumb {
cursor: pointer!important;
}
.highslide-caption {
display: none;
padding:1em 0;
background:#169dcd;
}
.highslide-caption p {
color:#000;
text-align: center;
}
.highslide-heading {
display: none;
font-weight: bold;
padding: 50px;
}
.highslide-loading {
display: block;
height:50px;
padding:2em;
background:#fff url(images/layout/preload.gif) no-repeat center center;
}
.highslide img.infolink {
float: right;
border:none!important;
width:20px;
height:20px;
background: url(images/layout/zoom.png) no-repeat 0 0;
}
.highslide:hover img.infolink,
.highslide:focus img.infolink {
border:none!important;
}
.highslide img.infolink:hover {
background-position: 0 -20px;
}

/* NEWS
*********************************************/
/*ul#news {
margin-top:280px;
}*/
ul#news li {
margin:0 0 2.8em 0;
}
ul#news li li {
margin:0;
}
ul#news a {
display: block;
width:100%;
}
.news h3 {
position: relative;
}
.news span.news_date {
position: absolute;
right:0;
bottom:0.5em;
}

/* CONTACT FORM
*********************************************/
form#form_contact {
border: none;
margin-top:2em;
}
form#form_contact ul {
border-top:2px dotted #134b5f;
padding-top:2em;
}
form#form_contact ul li {
margin:0 0 1em 0;
}
div#form_content label:hover,
#form_footer input {
cursor: pointer;
}
div#form_content fieldset {	
border: none;
}
div#form_content legend {	
padding:0 0 5px 0;
}
form#form_contact input,
form#form_contact textarea {
width: 288px;
padding:3px;
border:1px solid #000;
}
form#form_contact input:focus,
form#form_contact textarea:focus {
border:1px solid #169dcd;
}
form#form_contact textarea {
overflow:auto!important;
min-height:10em;
}
#form_footer {
text-align: right; 
}
#form_footer input {
width:auto!important;
padding:0.3em 0.5em;
margin:0 0 0 0.5em;
border:1px solid #000!important;
}
#form_footer input:focus {
border:1px solid #169dcd!important;
}
#form_footer input:hover {
color:#000;
}

/* DICTIONNARY
*********************************************/
.dictionnary ul {
list-style-type: none;
}
.dictionnary li {
display: inline;
float: left;
}

.dictionnary li a {
display: block;
width:2em;
height:2em;
}
.dictionnary dd a {
display: inline!important;
}

/* BACKGROUNDS	
*********************************************/
html 				{ background: #000 url(images/layout/html.jpg) repeat-y center top; }
div#sidebar 		{ background: url(images/layout/sidebar.png) no-repeat 5px 1.2em ; }
h1#top a 			{ background: url(images/layout/logo.png) no-repeat 50px 0; }

form#form_contact input,
form#form_contact textarea  {	background: #666667 url(images/layout/bg_gray.jpg) repeat 0 0; }
#form_footer input:hover 	{	background:#169dcd; }


/*.home div#wrapper 	{	background: url(images/layout/wrapper_home.png) no-repeat 300px 0; }
.home div#content 	{	background: url(images/layout/content_home.png) no-repeat 100px 200px; }
*/

h3.item 			{ background: url(images/layout/h3.png) no-repeat; }
h3.h301 			{ background-position: 0 0; }
h3.h302 			{ background-position: 0 -30px; }
h3.h303 			{ background-position: 0 -60px; }
h3.h304 			{ background-position: 0 -90px; }
h3.h305 			{ background-position: 0 -120px; }
h3.h306 			{ background-position: 0 -150px; }
h3.h307 			{ background-position: 0 -180px; }
h3.h308 			{ background-position: 0 -210px; }
h3.h309 			{ background-position: 0 -240px; }
h3.h310 			{ background-position: 0 -270px; }


.news_slider 		{ background: url(images/layout/news_slider.png) no-repeat -2px 0; }
.news_slider a.infolink 
					{ background: url(images/layout/zoom.png) no-repeat 1px 0; }
.prev, .next 		{ background: url(images/layout/news_slider_icons.png) no-repeat; }
.prev 				{ background-position: 0 0; }
.prev:hover 		{ background-position: 0 -32px; }
.next 				{ background-position: 0 -16px; }
.next:hover 		{ background-position: 0 -48px; }
				

ul#slidemenu li		{ background: #000 url(images/layout/slidemenu.jpg) no-repeat ; }
ul#slidemenu li li 	{ background: none!important; }
ul#slidemenu li.menu_services, 
ul#slidemenu li.menu_webdesign
					{ background-position:  0 0; }
ul#slidemenu li.menu_portfolio, 
ul#slidemenu li.menu_print
					{ background-position: -92px 0; }
ul#slidemenu li.menu_artwork,
ul#slidemenu li.menu_illustration
					{ background-position: -184px 0; }
ul#slidemenu li.menu_contact,
ul#slidemenu li.menu_projet
					{ background-position: -276px 0; }			

.home ul#slidemenu a,
.services ul#slidemenu a	{ background: url(images/layout/emagraphik_services.png) no-repeat; }
ul#slidemenu li.menu_services a				{ background-position:0 0;  }
ul#slidemenu li.menu_portfolio a			{ background-position:-218px 0;  }
ul#slidemenu li.menu_artwork a				{ background-position:-436px 0;  }
ul#slidemenu li.menu_contact a				{ background-position:-654px 0;  }
ul#slidemenu li.menu_webdesign a			{ background-position:-872px 0;  }
ul#slidemenu li.menu_print a				{ background-position:-1090px 0;  }
ul#slidemenu li.menu_illustration a			{ background-position:-1308px 0;  }
ul#slidemenu li.menu_projet a				{ background-position:-1526px 0;  }
ul#slidemenu li.menu_services a:hover		{ background-position:0 -256px;  }
ul#slidemenu li.menu_portfolio a:hover		{ background-position:-218px -256px;  }
ul#slidemenu li.menu_artwork a:hover		{ background-position:-436px -256px;  }
ul#slidemenu li.menu_contact a:hover		{ background-position:-654px -256px;  }
ul#slidemenu li.menu_webdesign a:hover		{ background-position:-872px -256px;  }
ul#slidemenu li.menu_print a:hover			{ background-position:-1090px -256px;  }
ul#slidemenu li.menu_illustration a:hover	{ background-position:-1308px -256px;  }
ul#slidemenu li.menu_projet a:hover			{ background-position:-1526px -256px;  }


ul#highslide_nav li a 	{ background: url(images/layout/highslide_nav.png) no-repeat 0 0; }
a.btn_zoom 				{ background-position:0 0; }
a.btn_right 			{ background-position:0 0; }
a.btn_left 				{ background-position:0 0; }
a.btn_esc 				{ background-position:0 0; }