/*
-----------------------------------------------
Layout CSS
----------------------------------------------- */

body {
	color: #5e6466;
	font-size: 12px;
	/*padding: 0 0 40px;*/
	background-color: #fff;
	background:url(../img/background.jpg) no-repeat scroll center top;
}

.container_12,
.container_16
{
	margin-left: auto;
	margin-right: auto;
	width: 980px;
}

#wrapper #branding #flash h2 { font-size:18px; color:#005e7c;
letter-spacing:0.3px;}

#wrapper #branding #nav-main {width:520px;}
#wrapper #branding #nav-main ul, #wrapper #branding #nav-main {
	float:left;	
}
#wrapper #branding #nav-main { margin-top:9px;}
#wrapper #branding #nav-main li { float:left; margin-left:0;}
#wrapper #branding #nav-main li a {
color:#005e7c;
float:left;
font-size:1em;
font-weight:normal;
margin:0 10px;
letter-spacing:0.09em;
text-transform:uppercase;
}
#wrapper #branding #nav-main ul li .first {margin-left:0px;}
#wrapper #branding #nav-main li a:hover { color:#7eac49; border-bottom: 1px solid #7eac49; text-decoration:none;}
#wrapper #branding #nav-main ul .current a { color:#7eac49; border-bottom: 1px solid #7eac49;}

#wrapper #content #content-main {
/*background-image:url(../img/main_image.jpg);*/
background-repeat:no-repeat;
height:432px;
margin-left:18px;
width:944px;
margin-bottom:36px;
}

#projects #wrapper #content #content-main {
background-image: none;
background-repeat:no-repeat;
height: auto;
margin-left:18px;
width:944px;
margin-bottom:36px;
}

#about_us #wrapper #content #content-main {
background-image: none;
height: auto;
margin-left:18px;
width:944px;
margin-bottom:36px;
}

#wrapper #content #content-main .intro .head,#wrapper #content #content-main .head  { font-size: 24px; margin-bottom:0.6em; margin-top:0.6em;}
#wrapper #content #content-main .intro .headB { margin-bottom:0.6em; margin-top:1.1em;}

#projects #wrapper #content #content-main .projects { border-top: 1px dashed #abacae; padding-top:18px; z-index:99;}

#projects #wrapper #content #content-main .projects ul li { margin-left:15px;}
#projects #wrapper #content #content-main .projects ul li a { display:block; margin-bottom:18px; padding-bottom:9px; border-bottom:1px dashed #abacae; height:170px;}
#projects #wrapper #content #content-main .projects ul li a:hover { background-color:#daf6b5;}
#projects #wrapper #content #content-main .projects h3 { margin-left:15px; margin-bottom:1em;}
#projects #wrapper #content #content-main .projects a { color:#005E7C; font-weight: normal;}
#projects #wrapper #content #content-main .projects a span { margin-left:5px; display:block;}


#about_us #wrapper #content #content-main li {list-style-image: url(../img/lcon_logo.jpg); margin-bottom:2em; margin-left:20px;}
#about_us #wrapper #content #content-main .info_list { clear:both; margin-left:20px;}
#about_us #wrapper #content #content-main .info_list li { list-style-image:none; margin-bottom:0; float:left; width:220px; margin-left:0;}
#about_us #wrapper #content #content-main .info_list li.colA {padding-bottom:18px;}
#about_us #wrapper #content #content-main .info_list li.ital { font-weight:bold;}
#about_us #wrapper #content #content-main .company_info { border-left:1px dashed #ccc;}
#about_us #wrapper #content #content-main .company_info h4 { margin-bottom:18px;}
#about_us #wrapper #content #content-main .company_info h4.head { margin-left:20px; }

#about_us #wrapper #content #content-main .company_info .downloads { background-image:url(../img/download_background.jpg); background-color:#E1E9D9; border:1px dashed #CCCCCC; margin-top:24px; padding:20px; border-left:none;}

#about_us #wrapper #content #content-main .company_info .downloads p a{
	background-image: url(../img/company_probig_button.jpg);
	background-repeat:no-repeat;
	display:block;
	font-weight:normal;
	height:108px;
	width:198px;
	text-indent:-9999px;
	background-position: left top;
}

#about_us #wrapper #content #content-main .company_info .downloads p.hands a{
	background-image: url(../img/company_hands_button.jpg);
	background-repeat:no-repeat;
	display:block;
	font-weight:normal;
	height:108px;
	width:198px;
	text-indent:-9999px;
	background-position: left top;
}
#about_us #wrapper #content #content-main .company_info .downloads p.hands { width:198px; margin-right:0;}
#about_us #wrapper #content #content-main .company_info .downloads p { width:198px;margin-right:20px;}
#about_us #wrapper #content #content-main .company_info .downloads p a:hover { background-position: right bottom;}
#about_us #wrapper #content #content-main .company_info .mleft { margin-left:20px;}
#about_us #wrapper #content #content-main .map {margin-top:54px; border: 1px solid #a3d864;} 
#about_us #wrapper #content #content-main .intro .vcard .fn.org { color:#87b94b; font-size:18px;}
#about_us #wrapper #content #content-main .intro .vcard .adr {margin-bottom:18px;}
#about_us #wrapper #content #content-main .intro .vcard a { color:#005e7a;}


#wrapper #content #content-main h2 { text-indent:-9999px;}

#wrapper #content #content-sub .cms { border-bottom: 5px solid #005e7c; padding-bottom:5px; height:208px;}
#wrapper #content #content-sub .cc { border-bottom: 5px solid #a2d863; height:213px;}

#wrapper #content #content-sub { margin-left:10px;}

#wrapper #content #content-sub ul li  { display:block;}
#wrapper #content #content-sub ul li a { color:#58595b;  width:297px; font-size:1em;}
#wrapper #content #content-sub ul li a img { margin-bottom:18px;}
#wrapper #content #content-sub ul li a span { padding: 0px 10px 18px 10px; display:block;}

#wrapper #content #content-sub ul #colA a {display:block; border-bottom: 9px solid #bed73b; }
#wrapper #content #content-sub ul #colB a {display:block; border-bottom: 9px solid #b37ca3; }
#wrapper #content #content-sub ul #colC a {display:block; border-bottom: 9px solid #f7921e; }

#wrapper #content #content-sub ul #colA a:hover { background-color:#eff6ca;}
#wrapper #content #content-sub ul #colB a:hover { background-color:#f7d9ef;}
#wrapper #content #content-sub ul #colC a:hover { background-color:#f9e7d1;}
ol, ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

#wrapper #site_info .about a {
	background-image:url(../img/company_pro_button.jpg);
	display:block;
	text-indent:-9999px;
	width:253px;
	height:70px;
	background-position: left top;
}

#wrapper #site_info .about a:hover {background-position: right top;}

#wrapper #site_info { border-bottom:1px solid #9B9C9E; border-top:1px solid #9B9C9E; color:#9B9C9E; font-size:0.83em;
font-style:italic; font-weight:normal; letter-spacing:0.09em; margin:36px 0 18px 18px; padding:18px 0; }
#projects #wrapper #site_info { border-bottom:1px solid #9B9C9E;}

#wrapper #site_info a { color:#58595b;}
#wrapper #site_info .about {
margin-left:0;
margin-right:0;
padding-left:34px;
width:286px;
padding-top:9px;
}

#wrapper .copy_info img { float:left; margin-right:10px;}
#wrapper #content #content-main .intro_image { margin-bottom:18px; margin-left:13px; margin-top:54px;}

/* project sheet template -------------------------------------------------- */


body#projects_sheet .container_12, body#projects_sheet.container_16 {
margin-left: auto;
	margin-right: auto;
width:980px;
}

body#projects_sheet {
	color: #005E7C;
	font-size: 12px;
	padding: 0 0 40px;
	background-color: #fff;
	background:url(../img/background.jpg) no-repeat scroll center top;
}



#projects_sheet #wrapper #site_info .about a:hover {background-position: right top;}

#projects_sheet #wrapper #site_info {
	border-bottom:none;
	color:#005E7C;
	background-color:#A2D863;
	font-style:italic;
	font-weight:normal;
	letter-spacing:0.09em;
	margin:0px 0 9px 18px;
	padding:18px 0;
	background: url(../projects/project_images/lm_botimage.jpg) no-repeat left top; 
height:200px;
	
}
#projects_sheet #wrapper #site_info { border-bottom:none; border-top: none; }

#projects_sheet #wrapper #site_info a { color:#58595b;}
#projects_sheet #wrapper #site_info .about {margin-left:0; margin-right:11px; }


#projects_sheet #wrapper #branding {
	width:940px;
	height:172px;
	margin-left: 18px;
	background: none;
}

#projects_sheet #content #content-main .main_image {border-top: 5px solid #00718f; margin-bottom:36px;}

#projects_sheet #wrapper #branding h2 {
color:#005E7C;
font-size:32px;
font-weight:bold;
letter-spacing:1px;
margin-top:32px;
width:720px;
}

#projects_sheet #wrapper #content #content-main {
background-repeat:no-repeat;
height: auto;
margin-bottom:0;
margin-left:18px;
width:944px;
}


#projects_sheet #wrapper #content #content-main .project .logos { margin-left:220px;}

#projects_sheet #wrapper #content #content-main .value span { font-style:italic; font-weight:bold;}
#projects_sheet #wrapper #content #content-main .value span.price {font-style:normal; font-weight:bold;}
#projects_sheet #wrapper #content #content-main .value li {margin-left:0; margin-top:9px;}

#projects_sheet h1,#projects_sheet h2, #projects_sheet h3, #projects_sheet h4, #projects_sheet h5, #projects_sheet h6 {
color:#005E7C;
font-family:Arial,Helvetica,sans-serif;
font-weight:normal;
line-height:1.2em;
margin-bottom:0.3em;
text-transform: none;
}

#projects_sheet h3 { font-size:24px;}

#projects_sheet #wrapper #site_info .vcard span { font-weight:bold;font-style:normal;}

#projects_sheet #wrapper #site_info .vcard { float:right; font-style:normal; text-align:right;}
#wrapper #site_info .logos {
border-left:1px dashed #CCCCCC;
height:86px;
width:308px;
}

#projects_sheet #form1 .button { margin: 10px 0 10px 20%;}

#wrapper #site_info .logos ul { float:left;}
#wrapper #site_info .logos ul li { float:left; margin-left:20px;}
#wrapper #site_info .logos ul a { float:left; text-indent:-9999px;}

#wrapper #site_info .logos ul a.cl { background-image:url(../img/cc.jpg); display:block; width:80px; height:90px; margin-top:0px;}
#wrapper #site_info .logos ul a.chas { background-image:url(../img/chas.jpg); display:block; width:80px; height:58px; margin-top:10px;}
#wrapper #site_info .logos ul a.cc { background-image:url(../img/cline.jpg); display:block; width:80px; height:80px;}
/*----------------------------------------------*/

/* anchors
----------------------------------------------- */
a {
	color: #000;
	font-weight:bold;
	text-decoration: none;
}
a:hover {
	color:#333;
	text-decoration: underline;
}

#wrapper #branding .skip { display:none;}


/* 960 grid system container background
----------------------------------------------- */
.container_12,
.container_16 {
	background:#fff;
	border-top:5px solid #a2d863;
}


/* headings
----------------------------------------------- */
h1, h2, h3, h4, h5, h6 {line-height:1.2em; margin-bottom:.3em; font-family: Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:normal; color:#005E7C;}
h2 {margin-top:1em;}
h5 {font-size:1.2em;}
h6 {font-size:1em; text-transform:uppercase;}

h2 { color:#7985b8;}
#wrapper #content #content-main h2 {margin-top:0; font-size:30px; font-weight:normal;}
#branding h2 {float:left; margin-top:0.5em;}
#wrapper #branding #nav-main h2 { display:none; }


h1 a {
	font-weight:normal;
}

#wrapper #branding h1 a {
	background-image: url(../img/logo.jpg);
	background-repeat:no-repeat;
	display:block;
	float:left;
	font-weight:normal;
	height:130px;
	margin:21px 0 0 2px;
	text-indent:-9999px;
	width:204px;
	background-position: left top;
}

#wrapper #branding h1 a:hover {background-position: right top;}


#wrapper #branding h1 {
float:right;
margin-bottom:0;
width:204px;
}


/* branding
----------------------------------------------- */
h1#branding {
	font-weight:normal;
	font-size:3em;
	text-align:left;
	background:#aaa;
	padding:.7em 1em;
	margin-bottom:0;
}

#wrapper #branding {
	width:940px;
	height:175px;
	margin-left: 18px;
	background:url(../img/nav_shaddow.jpg) no-repeat center bottom;
}


/* page heading
----------------------------------------------- */
h2#page-heading {
	font-weight:normal;
	padding:.5em;
	margin:0 0 10px 0;
	border-bottom:1px solid #ccc;
}




/* paragraphs, quotes and lists
----------------------------------------------- */
p {
	margin-bottom:1em;
}
blockquote {
	font-family: Georgia, 'Times New Roman', serif;
	font-size:1.2em;
	padding-left:1em;
	border-left:4px solid #A2D863;
	margin-bottom:1em;
	color:#005E7C;
}
blockquote cite {
	font-size:.9em;
}
ul, ol {
	padding-top:0;
}


/* menus
----------------------------------------------- */
ul.menu {
	list-style:none;
	border-top:1px solid #bbb;
}
ul.menu li {
	margin:0;
}
ul.menu li a {
	display:block;
	padding:4px 10px;
	border-bottom:1px solid #ccc;
}
ul.menu li a:hover {
	background:#eee;
}
ul.menu li a:active {
	background:#ccc;
}



/* site information
----------------------------------------------- */
#site_info .box {
	color:#ccc;
	background:#666;
	margin-bottom:10px;
}
#site_info a {
	color:#808286;
}
#site_info a:hover {
	color:#58595B;
}

#wrapper #site_info .vcard { border-right:1px dashed #CCCCCC;
padding-right:10px;}

#wrapper #site_info .site_links li { margin-left:10px;}
#wrapper #site_info .site_links li a {
background-image:url(../img/link_icon.png);
background-position:5px center;
background-repeat:no-repeat;
border-bottom:1px dashed #CCCCCC;
display:block;
font-size:0.83em;
line-height:1em;
padding:10px 0 10px 30px;
}
#wrapper #site_info .site_links li a:hover {background-color:#f7d9e7;}
#wrapper #site_info .site_links li .top_line { border-top:1px dashed #ccc;}

#wrapper #site_info .site_links { border-left: 1px dashed #ccc; }

#wrapper .copy_info {font-size:0.83em;}

/*------------------slideshow-----------------*/

#slideshow-wrapper {
	padding:0px;
	width:941px;
	height:432px;
	margin:auto;
	background-color: #FFFFFF;
	position:relative;
}

#slideshow {
	padding:0px;
	margin:0;
	width:941px;
	height:432px;
	overflow:hidden;
}

#slideshow ul.slides-nav {
background-color:#B3D88C;
height:33px;
left:0;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:13px 0 0;
position:absolute;
top:386px;
width:941px;
z-index:98;
}
#slideshow ul.slides-nav li {
	display:inline;
	margin:0;
	font-family:"Times New Roman", Times, serif;
}
	#slideshow ul.slides-nav li a {
		display: block;
		float: left;
		height:20px;
		width:25px;
		text-align:center;
		margin-left:5px;
		text-decoration:none;
		font-size:14px;
		border:1px solid #ffffff;
		color: #a9bc84;
		background-color:#a9bc84;
		
		overflow:hidden;
	}
	#slideshow ul.slides-nav li a:hover {
		color:#c4d7a0;
		background-color:#c4d7a0;
	}
	.js #slideshow ul.slides-nav li.on, 
	.js #slideshow ul.slides-nav li.on a {
	background-color:#c4d7a0;
	
	
	}
	.js #slideshow ul.slides-nav li.on a {
		color:#c4d7a0;
		background-color:#c4d7a0;
	}
	

.slides {
	margin:0;
	padding:0;
	width:941px;
	height:432px;
	position:relative;
	overflow: hidden;
}

#slideshow .slides ul { 
	margin:0;
	padding:0;
	list-style:none;
}
#slideshow .slides ul li {
	padding:0;
	margin:0;
} 

#wrapper #content #content-main #Gallery1_slideshowContainer #slideshow-wrapper #slideshow .slides h2 {background-image:url(../img/bckground_box.png);
color:#FFFFFF;
padding:12px 100px 10px 10px;
position:absolute;
text-indent:0;
top:292px;

}
#wrapper #content #content-main #Gallery1_slideshowContainer #slideshow-wrapper #slideshow .slides span { position: absolute; left:564px; }
#wrapper #content #content-main #Gallery1_slideshowContainer #slideshow-wrapper #slideshow .slides span a { background-color:#B3D88C;
color:#005E7C;
display:block;
float:left;
font-size:0.83em;
line-height:3em;
padding:0 5px;}
/*-------------------------*/

/*-------coverflow css ---------*/
#contenu{
width:941px;	
}

.mf{color:#555; font-size:14px}
.mf * {
	outline-color:invert;
	outline-style:none;
	outline-width:medium;
	-moz-user-select: none;
	border:none;
	padding:0;
	margin:0
}
.mf div.loader{
	position:absolute;
	text-align:center;
	z-index:10000;
	margin:1em auto;
	top:45%;
	width:100%;
	background:#fff url(white-skin/spinner.gif) no-repeat 50% 0;
	padding:30px 0
}
.mf div.caption {
	position:absolute;
	text-align:center;
	z-index:10000;
	margin:1em auto;
	bottom:50px;
	width:100%;
}
.mf div.mfNav{
	position:absolute;
	z-index:10001;
	margin:0 auto;
	text-align:center;
	width:100%;
	bottom:20px;
	font-size:1px;
	line-height:1px;
}
.mf div.autoPlayCon{
	float:left;
	width:10%;
	padding-left:3%;
	height:32px;
}
.mf a.play, .mf a.stop{
	width:34px;
	height:32px;
	float:left;
	cursor:pointer;
}
.mf a.play{
	background:url(white-skin/play.gif) no-repeat;
}
.mf a.stop{
	background:url(white-skin/stop.gif) no-repeat;
}
.mf div.sliderCon{
	float:left;
	width:74%;
}
.mf a.sliderNext{
	background:url(white-skin/left.gif) no-repeat;
}
.mf a.sliderPrev{
	background:url(white-skin/right.gif) no-repeat;
}
.mf a.sliderNext, .mf a.sliderPrev{
	text-decoration:none;
	width:31px;
	height:31px;
	cursor:pointer;
	float:left;
}
.mf div.resizeCon{
	float:right;
	width:10%;
	padding-right:3%;
	height:32px;
}
.mf a.resize{
	width:32px;
	height:32px;
	float:right;
	cursor:pointer;
	background:url(white-skin/resize.gif) no-repeat;
}
.mf div.slider{
	background:url(white-skin/middle.gif) repeat-x;
	height:31px;
	position:relative;
	text-align:left;
	float:left;
}
.mf div.knob{
	margin-top:5px;
	height:21px;
	background:url(white-skin/middle-slider.gif) repeat-x right center;
}
.mf div.knobleft{
	background:url(white-skin/left-slider.gif) left;
	width:3px;
	height:21px;
}

/*----------------------*/

#wrapper .built_by_grp a { float:right; font-size:0.83em; color:#9B9C9E;}