@charset "UTF-8";  
/* Background-Styles */  
  
body {  
    margin:0px; padding:0px;  
    background-color:#131211;  
}  
#main {  
    background:# url(images/websitebackgroundslice.jpg) repeat-x;
	height: 500px; 
}  
#main .container {
	background-image:url();
	background-repeat:no-repeat;
	min-height:600px;
	background-position: center;
}  
#footer {  
    background-image:url(images/website_footer.jpg);  
    background-repeat:repeat-x;  
    color:black;  
    padding:40px;
	height:200px;  
}  
.container3 {
	width:950px;
	margin:0 auto;
	position:relative;
}	
.container2 {
	width:400px;
	margin:0 auto;
	position:relative;
	left:300px;
}  
#header {  
    padding-top:1px;  
}  
#logo h1, #logo small {  
    margin:0px;  
    display:block;  
    text-indent:-9999px;
	position:left;  
}  
#logo {  
	background-image:url(images/logo4.png);  
    background-repeat:no-repeat;  
    width:400px;  
    height:150px;
}  
ul#menu {  
    margin:0px; padding:0px;  
    position:absolute;  
    right:-47px;
}	
ul#menu2 {  
    margin:0px; padding:0px;  
    position:absolute;  
    left:-11px; 
}
ul#menu li {  
    display:inline;  
}
ul#menu2 li {  
    display:inline;  
}
/* Fix up IE6 PNG Support */  
img, #logo {
	behavior: url(scripts/iepngfix.htc);
	position: relative;
}

ul#menu {
	margin:0px;
	padding:0px;
	position:absolute;
	rightright:0px;
	top: 19px;
	width: 300px;
}
ul#menu2 {
	margin:0px;
	padding:0px;
	position:absolute;
	rightright:0px;
	top: 21px;
}    
ul#menu li {  
    display:inline;  
    margin-left:12px;  
}  
ul#menu2 li {  
    display:inline;  
    margin-left:12px;  
}  
ul#menu li a {  
    text-decoration:none;  
    color:#716d6a;  
    font-family:Verdana, Arial, Helvetica, sans-serif;  
    font-size:10px;  
    font-weight:bold;  
    text-transform:uppercase;  
}
ul#menu2 li a {  
    text-decoration:none;  
    color:#716d6a;  
    font-family:Verdana, Arial, Helvetica, sans-serif;  
    font-size:10px;  
    font-weight:bold;  
    text-transform:uppercase;  
}  
ul#menu li a.active, ul#menu li a:hover {  
    color:#ffffff;  
}
ul#menu2 li a.active, ul#menu2 li a:hover {  
    color:#ffffff;  
}
/* 
    Block-Content-Styles 
*/  
  
#block_content {  
  
}  
#content_area {  
    width:600px;  
    float:left;  
}  
#sidebar {  
    float:left;  
    width:300px;  
    position:relative;  
    left:-1px;  
    margin-top:15px;  
    background-color:#e2dddc;  
    border:1px solid #a3a09e;  
}  
#sidebar .block_inside {  
    background:none;  
    background-color:#e2dddc;  
}  
#sidebar h3 {  
    font-size:20px;
	color:#000000;  
    line-height:23px;  
}  
#sidebar ul { margin:10px 0px 30px 0px; padding:0px; }  
#sidebar ul li { list-style:none; margin:0px 0px 5px 0px; padding:0px; }  
#sidebar ul li a { color:#7f7d78; }  
#sidebar ul li a:hover { color:#0172dd; text-decoration:none; }  
  
  
#content_area h2 { font-size:32px; line-height:31px; }  
  
#content_area .separator {  
    border-top:1px solid #e3e3e3;  
    margin-top:40px;  
    padding-top:40px;  
}    
/*  
    Block-Styles  
*/  
  
.block {  
    border:1px solid #a3a09e;  
    background-color:#ffffff;  
    margin-bottom:20px;  
}  
.block_inside {   
    display:block;   
    border:1px solid #ffffff;  
    background: #ffffff url(images/background_block_slice.jpg) repeat-x;      
    padding:30px;  
    overflow:auto;  
}  
  
.image_block {  
    border:1px solid #b5b5b5;  
    background-color:#d2d2d2;  
    padding:5px;  
    float:left;  
}  
.image_block img {  
    border:1px solid #b5b5b5;  
}  
.text_block {  
    float:left;  
    width:430px;  
    margin-left:30px;  
}  
body {  
    margin:0px; padding:0px;  
    background-color:#131211;  
    font-family:Arial, Helvetica, sans-serif;  
    color:#7f7d78;  
    font-size:13px;  
    line-height:19px;  
}  


/*  
    Text-Styles    
*/  
  
h2 {  
    margin:0px 0px 10px 0px;  
    font-size:36px;  
    font-family:Helvetica, Arial, Sans-serif;  
    color:#000000;  
}  
small {  
    color:#595856;  
    font-weight:bold;  
    font-size:11px;  
    display:block;  
    margin-bottom:15px;  
}  
a {  
    color:#007de2;  
    text-decoration:none;  
}  
a:hover { text-decoration:underline; }  
p { margin: 0px 0px 15px 0px; } 

a.button {  
    background:#32312f url(images/button_bg.jpg) repeat-x;  
    padding:5px 10px 5px 10px;  
    color: #ffffff;  
    text-decoration: none;  
    border:1px solid #32312f;  
    text-transform:uppercase;  
    font-size:9px;  
    line-height:25px;     
}
a.button:hover {  
    background:#007de2 url(images/button_bg_o.jpg) repeat-x;  
    border-color:#007de2;  
} 
.block {  
    border:1px solid #a3a09e;  
    background-color:#ffffff;  
    margin-bottom:20px;  
    position:relative;  
}  
.ribbon {  
    position:absolute;  
    top:-3px;  
    right:-3px;  
}  

/*
	Portfolio-Home-Styles
*/

#block_portfolio {
	margin-bottom:20px;
}
#portfolio_items {  
    width:615px;  
    margin-right:25px;  
    float:left;  
    padding-top:3px;  
}  
#text_column {
	float:right;
	width:310px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;	
	
}
#text_column img { margin-bottom:20px; position:relative; left:-3px;}
#text_column h2#text_title { 
	text-indent:-9999px;
	background-image:url(images/creatif.png);
	background-repeat:no-repeat;
	width:310px;
	height:125px;
}

.mini_portfolio_item {  
    border:1px solid #a3a09e;  
    margin-bottom:10px;  
    position:relative;  
}

.mini_portfolio_item .block_inside { 
	background:none; background-color:#e2dddc; 
	padding:25px 30px 15px 30px; 
}
.mini_portfolio_item .thumbnail { float:left; margin-right:20px; border:1px solid #979390; }

/*
	Footer-Styles
*/

#footer {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
.footer_column {
	float:left;
	width:125px;
	margin-right:30px;
}
#footer .long {
	width:610px;
	height:200px;
}
#footer h3 {
	color:#131211;
	text-transform:uppercase;
	font-size:10px;
}
.footer_column ul li, .footer_column ul {
	list-style:none;
	margin:0px;
	padding:0px;
}
.menu1{
background-image:url(images/menuback.png);
margin-left:0px;
padding-left:0px;
padding-top:0px;
padding-bottom: 0px;
display:block;
text-decoration: none;
color: #FFFFFF;
height: 608px;
font-weight: bold;
}
.submenu{
background-image: url(images/menuback.png);
display: block;
height: 52px;
width: 302px;
margin-left: 0px;
padding-top: 10px;
padding-bottom: 5px;
padding-left: 7.5px;
color: #333333;
}
.hide{
display: none;
}
.show{
display: block;
}
.menu_head{border:1px solid #998675;}

.menu_body {display:none; width:184px;border-right:1px solid #998675;border-bottom:1px solid #998675;border-left:1px solid #998675;}
.menu_body li{background:#493e3b;}
.menu_body li.alt{background:#362f2d;}
.menu_body li a{color:#FFFFFF; text-decoration:none; padding:10px; display:block;}
.menu_body li a:hover{padding:15px 10px; font-weight:bold;}

