body
{
background:url(images/bg.jpg) repeat;padding:0;z-index:0;font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:0px auto auto auto;
color:#FFFFFF;
}

#bidon {
background:url(images/top_bg2.jpg) repeat-x ;height : 173px;position:absolute;top: 0;left:0;width : 100%;
}

h1{
font-size:15px;
font-weight:normal;
color:#547828;
margin:0px;
padding:5px 0 5px 0;
}

h1 p{
text-align:justify;
padding:5px 0 5px 0;
margin:0px;
font-size:50%;
line-height:19px;
}

.clear{
clear:both;
}

img.left_img{
float:left;
padding:0 15px 15px 0;
}

#main_container
{
width:1024px;
margin-left : 250px;
padding:0px;
position : absolute;
top:0;
}

#header{
width:960px;
height:174px;
margin-top : 0px;

background:url(images/header_bg2.jpg) no-repeat center;
}
#logo{
padding:35px 0 0 15px;
float:left;
}
/*---------------- menu tab----------------------*/
#menu_tab{
width:960px;
height:32px;
clear:both;
top:85px;
position : relative;
padding:47px 0 0 0;
}
ul.menu {
list-style-type:none; display:block; width: auto; 
margin: auto; padding:0px 0 0 150px;}

ul.menu li {
display:inline;
line-height:32px;

}

#tel{
text-decoration: none;
font-family:Calibri;
color :white;

}
#tel:hover{
text-decoration: none;
color :yellow;
}
#cal{
text-decoration: none;
font-family:Calibri;
color :white;
}
#cal:hover{
text-decoration: none;
color :yellow;
}

ul.menu li a{
color:#547828;
font-size:14px;
font-weight:bold;
float:left;
display:block;
height:32px;
text-decoration:none;
padding:0 42px 0 0;
margin:0 32px 0 0;
}
ul.menu li a:hover{
color:white;
}

a.nav_home:link, a.nav_home:visited { background:url(images/menu_icon1.gif) no-repeat right;}
a.nav_home:hover { background:url(images/menu_icon1_a.gif) no-repeat right;}

a.nav_stage:link, a.nav_stage:visited { background:url(images/menu_icon3.gif) no-repeat right;}
a.nav_stage:hover { background:url(images/menu_icon3_a.gif) no-repeat right;}

a.nav_actu:link, a.nav_actu:visited { background:url(images/comments-32.gif) no-repeat right;}
a.nav_actu:hover{ background:url(images/comments-32_a.gif) no-repeat right;}

a.nav_cal:link, a.nav_cal:visited { background:url(images/date-32.gif) no-repeat right;}
a.nav_cal:hover { background:url(images/date-32_a.gif) no-repeat right;}

a.nav_contact:link, a.nav_contact:visited { background:url(images/email-32.gif) no-repeat right;}
a.nav_contact:hover { background:url(images/email-32_a.gif) no-repeat right;}
/*------------------main_content-------------------*/
#main_content{
width:960px;
height:auto;
padding:20px 0 25px 0;
}
.left_content{
width:560px;
float:left;
padding:0 0 0 20px;
}


.right_content{
width:350px;
float:right;
padding:0px;
text-align : justify;
}

.left_box{
clear:both;
width:560px;
float:left;
padding:0 0 20px 0;
}

.left_icon{
width:100px;
float:left;
text-align:center;
padding:45px 0 0 0;
}
.left_icon_2 img{
width:70px;
float:left;
position:relative;
top : 0px;
padding:45px 4px 0 0;
}
.left_icon_3 img{
width:50px;
float:left;
position:relative;
top : 0px;
padding:45px 4px 0 0;
}
.left_text_box{
width:440px;
float:left;
font-size : 150%;
border-left:1px #354F14 dotted;
padding:0 0 0 15px;
text-align:justify;
}
.left_text_box_2{
width:440px;
float:left;
font-size : 120%;
border-left:1px #354F14 dotted;
padding:0 0 0 15px;

}
.contact li a{
font-size:80%;
text-decoration :none;
top : 70px;
color:white;
}
.contact li a:hover{
font-size:80%;
text-decoration :none;
top : 70px;
color:yellow;
}
.main_title{
padding:0 0 20px 0;
font-size : 300%;
float:left;
clear:both;
}
a.read_more{
display:block;
width:79px;
height:23px;
float:right;
margin:5px 0 0 0;
text-align:center;
text-decoration:none;
color:#658F11;
line-height:23px;
background:url(images/read_more.gif) no-repeat center;
}
a.project_title{
text-decoration:none;
color:#e2845a;
padding:0 0 5px 0;
float:left;
width:450px;
display:block;
}
a.view_project{
width:150px;
display:block;
text-decoration:none;
background:url(images/bullet.gif) no-repeat left;
color:#658F11;
padding:0 0 0 7px;
margin:2px 0 0 5px;
}
.featured_project{
float:left;
clear:both;
padding:0 0 5px 0;
margin:0 0 20px 20px;
_margin:0 0 20px 10px;
border-bottom:1px #354F14 dotted;
}
.blog_title{
font-size:14px;
background:url(images/blog_icon.gif) no-repeat left;
padding:0 0 0 50px;
height:32px;
line-height:32px;
color:#FFFFFF;
}
.testimonials_title{
font-size:14px;
background:url(images/icon_testimonials.gif) no-repeat left;
padding:0 0 0 50px;
height:32px;
line-height:32px;
color:#FFFFFF;
}
.right_box{
width:348px;
padding:10px 0 15px 0;
}
.right_box_top{
width:348px;
height:10px;
background:url(images/right_box_top.gif) no-repeat center bottom;
}
.right_box_bottom{
width:348px;
height:10px;
background:url(images/right_box_bottom.gif) no-repeat center top;
}
.right_box_center{
width:318px;
height: auto;
font-size : 135%;
padding:0 15px 15px 15px;
background:url(images/right_box_center.gif) repeat-y center;
}
p.text_box{
border-bottom:1px #354F14 dotted;
padding:15px 0 10px 0;
}
span.orange{
color:#7c9a16;
}
/*---------------contact_form------------------*/
.contact_form{
width:420px;
float:left;
padding:15px 0 0 25px;
}
.form_row{
width:420px;
clear:both;
padding:10px 0 10px 0;
_padding:5px 0 5px 0;
color:#a53d17;
}
label.contact{
width:75px;
float:left;
font-size:12px;
text-align:right;
padding:4px 15px 0 0;
color:#fff;
}
input.contact_input{
width:325px;
height:22px;
background-color:#273807;
color:#FFFFFF;
border:1px #4F7F0F solid;
float:left;
padding:4px 0 0 3px;
}
textarea.contact_textarea{
width:325px;
height:100px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
background-color:#273807;
border:1px #4F7F0F solid;
float:left;
padding:4px 0 0 3px;
}
.contact_info{
clear:both;
float:left;
width:560px;
padding:20px 0 0 0;
}
/*---------------footer----------------*/
#footer{
width:960px;
height:87px;
clear:both;
color:#658F11;
margin:0 0 20px 0;
background:url(images/footer_bg.gif) no-repeat center;
}
img.footer_logo{
float:left;
padding:6px 0 0 15px;
}
.left_footer{
float:left;
width:300px;
padding:35px 0 0 10px;
}
.right_footer{
float:right;
color:#658F11;
padding:35px 20px 0 0;
}
.right_footer a{
padding:0 0 0 7px;
text-decoration:none;
color:#658F11;
}
.right_footer a:hover{
text-decoration:underline;
}
/*-------------------- CSS menu slider ---------*/

h2 	
{ 
	color: #999;
	margin-bottom: 0; 
	margin-left:13px;
	background:url(navigation.jpg) no-repeat;
	height:40px;
}

h2 span
{
	display: none;
}

p	
{ 
	color: #ffff66; 
	margin-top: .5em;
	font-size: .75em;
	padding-left:15px;	
}

#navigation-block {
	position:relative;
	top:200px;
	left:40px;
}

#hide {
	position:absolute;
	top:30px;
	left:-190px;
}

ul#sliding-navigation
{
	list-style: none;
	font-size: .75em;
    position : absolute;
    margin-top : 100px;
	padding: 0;
}

ul#sliding-navigation li.sliding-element h3,
ul#sliding-navigation li.sliding-element a
{
	display: block;
	width: 150px;
	padding: 5px 18px;
	margin: 0;
	margin-bottom: 5px;
}

ul#sliding-navigation li.sliding-element h3
{
	color: #fff;
	background:#556B2F    url(heading_bg.jpg) repeat-y;
	font-weight: normal;
}

ul#sliding-navigation li.sliding-element a
{
	color: black;
	background:#6B8E23 url(tab_bg.jpg) repeat-y;
	border: 1px solid #1a1a1a;
	text-decoration: none;
}

ul#sliding-navigation li.sliding-element a:hover { color: #ffff66; }