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

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

.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:700px;}
#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, #projects #wrapper #content #content-main .sub_nav_projects li a {color:#005e7c;float:left;font-size:1em;font-weight:normal;margin:0 10px;letter-spacing:0.09em;text-transform:uppercase;}
 #projects #wrapper #content #content-main .sub_nav_projects li { margin-left:0;}
#wrapper #branding #nav-main ul li .first, #projects #wrapper #content #content-main .sub_nav_projects li .first {margin-left:0px;}
#wrapper #branding #nav-main li a:hover, #projects #wrapper #content #content-main .sub_nav_projects li a:hover  { color:#7eac49; border-bottom: 1px solid #7eac49; text-decoration:none;}
#wrapper #branding #nav-main ul .current a, #projects #wrapper #content #content-main .sub_nav_projects li .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;
}

#blog #wrapper #content #content-main {
background: url("../img/green_line.jpg") repeat-x scroll 0 77px transparent;
height:auto;
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 li { margin-left:0px;  width: 220px; float:left; margin-right:20px; list-style-type:none; }
#projects #wrapper #content #content-main .projects li a { border-bottom: 5px solid #A2D863;display: block; float: left;height: 228px; margin-bottom: 18px;padding-bottom: 18px;width:220px;}
#projects #wrapper #content #content-main .projects li a img { height: 136px; width: 220px;}
#projects #wrapper #content #content-main .projects li a:hover { background-color:#daf6b5;}
#projects #wrapper #content #content-main .projects h3 { margin-bottom:1em;}
#projects #wrapper #content #content-main .projects a { color:#005E7C; font-weight: normal;}
#projects #wrapper #content #content-main .projects a span {  margin: 18px 5px 9px 5px; display:block; font-size:12px;}
#projects #wrapper #content #content-main .projects a .client {margin:0px 5px 18px 5px !important;}
#projects #wrapper #content #content-main .sub_nav_projects li, #projects #wrapper #content #content-main .sub_nav_projects li a  { float:left;}
#projects #wrapper #content #content-main .sub_nav_projects { height:2em;}


#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;}

#blog #wrapper #branding {background: url("../img/nav_shaddow.jpg") no-repeat scroll center bottom transparent;height: 175px;margin-left: 18px;width: 940px;margin-bottom:36px;}
#blog #wrapper #content #content-main .intro .head, #wrapper #content #content-main .head {font-size: 34px; margin-bottom: 2em; margin-top: 0em;}
#blog #wrapper .rss a {background: url("../img/rss-icon12x12.png") no-repeat scroll 0 center transparent;padding-left: 16px !important;}
#blog #wrapper #content #content-main .story {font-size:30px;}
#blog #wrapper #content #content-main .post { margin: 18px 20px 18px 0; width: 600px;}
#blog #wrapper #content #content-main .hentry { border-bottom: 5px solid #A2D863; padding-bottom:18px; margin-bottom:18px;}
#blog #wrapper #content #content-main .paging { clear:both;}

#blog #wrapper #content #content-main ul .hentry  { border-bottom: 5px solid #A2D863;float: left;margin-bottom: 18px;margin-left: 0;margin-right: 20px;padding-bottom: 18px; width: 290px; min-height: 33em;}
#blog ul li {margin-left: 0px;}
img.small {height: 160px; width: 280px; border: 1px solid #A2D863; margin-bottom: 18px;}
img.big-image {height: 357px; width:600px; border:1px solid #A2D863;}
#blog #wrapper #content #content-main .navigation { margin-top: 65px;}
#blog #wrapper #content #content-main .navigation h3 {border-bottom: 1px solid #A2D863; color:#58595B;}
#blog #wrapper #content #content-main .navigation ul li a { border-bottom: 1px solid #CCCCCC;display: block; line-height: 3em; color:#005E7C; font-weight: normal!important; padding-left:5px;}
#blog #wrapper #content #content-main .navigation ul li a:hover { background-color:#f8fdf3;}



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

#wrapper #content #content-sub .cms { border-bottom: 9px solid #005e7c; padding-bottom:5px; height:208px;}
#wrapper #content #content-sub .cc { border-bottom: 9px solid #a2d863; height:213px; background:url("../img/twitter-icon.jpg") no-repeat 180px -2px;}

#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;}

#home #wrapper #site_info .about {
margin-left:0;
margin-right:0;
padding: 9px 21px 0 21px;
width: 277px;
padding-top:9px;
}

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

#wrapper #site_info .about h4 { font-size: 14px; font-style:normal;}

.btn {

 border: 1px solid #dee1e4;
    color: #3676A1;
    font-size: 1.2em;
    padding: 5px 0;
    text-align: center;
    width: 100px;
	cursor:pointer;
	background: #eeefef;
}

#emailSignupFormEmail {
    border: 1px inset #CCCCCC;
    font-family: Georgia;
    font-style: italic;
    margin: 3px 0;
    padding: 7px 0;
    text-indent: 4px;
	width: 170px;
}

#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: none;
}



#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 .back-button {margin-top:-10px;}

#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: #58595B;
	font-weight:bold;
	text-decoration: none;
}

#blog a {
	color: #58595B;
	font-weight:normal;
	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:18px 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 ul .slide-heading{ background-image: url("../img/bckground_box.png");color: #FFFFFF;display: block;font-size: 30px;font-weight: normal;line-height: 1.2em; margin-top: 0; padding: 15px 100px 15px 10px;position: absolute; text-indent: 0; text-transform: uppercase;top: 284px; width: 89%; height: 2.4em;}

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


#wrapper #content #content-main #Gallery1_slideshowContainer #slideshow-wrapper #slideshow .slides ul li slide-heading {
    font-size: 30px;
    font-weight: normal;
    margin-top: 0;
}
/*-------------------------*/

/*-------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;}