/*----------------------------------------------------
                 Vulcan - CSS File
------------------------------------------------------*/


/* Global
------------------------------------------------------*/
html,body{height:100%}
body{
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;	
	margin:0 auto; padding:0;
	background-color:#fff;
	color:#979797;
	height:100%;
}
*{
	margin:0;
	padding:0;
}
*:focus{
	outline:none; /* removes ugly dotted border but may make template more unsuable, up to you
				 if you want to keep it! */
}
.clr{
	clear:both
}
form{
	margin:0; padding:0;
}
hr{
	border:0;
	color:#d3d3d3;
	background-color: #d3d3d3;
	height: 1px;
}
hr.content-line{
	border:0;
	color:#d0d0d0;
	background-color: #d3d3d3;
	margin:30px 0px 30px 0px;
	height: 1px;
}


/* Default Element Styles
------------------------------------------------------*/
/* heading */
h1, h2, h3, h4, h5, h6{
	font-family:Arial, Helvetica, sans-serif; 
	font-weight:normal;
	color:#65696e;
}
h1{
	font-size:28px; 
	line-height:30px; 
	margin-bottom:10px;
}
h2{
	font-size:24px; 
	line-height:28px; 
	margin-bottom:10px;
}
h3{
	font-size:22px; 
	line-height:20px; 
	margin-bottom:10px;
}
h4{
	font-size:18px; 
	line-height:18px; 
	margin-bottom:8px; 
	font-weight:bold;
}
h5{
	font-size:16px; 
	margin:3px 0px; 
	padding:0px; 
}
h6{
	font-size:14px; 
	margin:3px 0px; 
	padding:0px; 
}

/* links */
a{
	color:#0d364b; 
	text-decoration:underline;
}
a:visited{
	color:#a7a6a6; 
	text-decoration:none;
}
a:hover{
	color:#a7a6a6; 
	text-decoration:none;
}
a img{
	border:none
}
.imgcenter{
	float:left; 
	margin:0px 0px 10px 0px;
}
.imgleft{
	float:left; 
	margin:4px 12px 10px 0px;
}
.imgright{
	float:right; 
	margin:4px 0px 10px 12px;
}
.border{ 
	padding:4px;
	border:1px solid #ebebeb;
}

/* lists, blockquotes and paragraphs */
p, ul, ol, blockquote{
	font-size:11px;
	line-height:18px;
	margin-bottom:14px;
	color:#abacad;
}
ul, ol{
	margin:10px 0 35px 40px;
}
li ol, li ul{
	font-size:1.0em;
	list-style:square;
	margin-bottom:0;
	margin-top:0;
}
li ol{
	list-style:decimal;
}
blockquote{
	font-style:italic;
	margin:0px;
	color:#6e7a7f;
	padding:0px 4px 2px 38px;
	background-image:url(../images/quote.png);
	background-position:0px 5px;
	background-repeat:no-repeat;
	float:left;
}


/* code */
code{
	font-family:Tahoma, Arial, Verdana;
	letter-spacing:1px;
	margin:25px 0 25px 0px;
	display:block;
	font-size:0.9em;
	border-left:4px solid #dddddd;
	padding:15px 10px;
}

/* Header
------------------------------------------------------*/
#header{

	
}
#logo{
	width:60px;
	margin:0px;
	padding:5px 0px 0px 17px;
	float:left;
}




/*.....menu.....*/
#mainmenu{
	width:883px;
	height:41px;
	margin-top:27px;
	float:left;
}
.navigation{
	width:663px;
	float:left;
	margin-left:240px;
	list-style-type:none;
}
.navigation ul{
	margin:0px; 
	padding:0px; 
	list-style-type:none; 
	position:relative;
	clear:both;	
}
.navigation li{	
	list-style-type:none; 
	padding:0px; 
	margin:0px; 
	float:left;
	z-index:100; 
	position:relative;
}
.navigation li a{
	font-size:16px;
	text-decoration:none;
	color:#65696e; 
	display:block;
	margin:0px;
	padding:0px 45px 10px 0px;
	float:left;
	z-index:100;	
}
.navigation li.current a, .navigation li a:hover, .navigation li.current li a:hover{
	text-decoration:none;
	color: #ef984a;	
}
.navigation li.current li a{
	text-decoration:none;
	color:#989494;
}
.navigation li li{
	margin:0 0 0px 0px;
	padding:0px;
	position:relative;
	z-index:100;	
}
.navigation ul{
	display:none;
	position:absolute;
	top:25px;
	left:-17px;
	width:135px;
	padding-bottom:3px;
	z-index:100;	
	background-color:#fff;
	border-top:none;
	border-bottom:2px solid #ebebeb;
	border-left:2px solid #ebebeb;
	border-right:2px solid #ebebeb;
	-moz-border-radius-bottomleft:9px;
	-moz-border-radius-bottomright:9px;
	-webkit-border-bottom-left-radius:9px;
	-webkit-border-bottom-right-radius:9px;
}
.navigation li ul a{
	width:105px;
	height:auto;
	float:left;
	padding:0px 15px 8px 15px;
	font-size:12px;
	color:#65696e;
	line-height:24px;
	z-index:100;
	text-decoration:none;
}


/* Container
------------------------------------------------------*/
#container{
	border-top:20px solid #FFF;
}
#top-container{
	width:960px;
	height:522px;
	margin:0px auto;
}
#top-container-inner{
	width:960px;
	height:204px;
	margin:0px auto;
}
#mid-container{
	width:100%;
	height:189px;
	margin-top:-10px;
	background-color:#ebebeb;
	float:left;
}
#bottom-container{
	width:100%;
	height:163px;
	background-color:#65696e;
	float:left;
}


/*.....Skip to content.....*/

#stc {
   margin:0;
   padding:0;
   float:right;
}

#stc a {
   margin:33px 0 0 0;
   padding:0;
   text-indent:-9999px;
   background: no-repeat url(../images/stc.png) transparent;
   display:block;
   width:33px;
   height:33px;
}

/*.....Scrollable.....*/

#hs {
   margin:0;
   padding:0;
   width:100%;
   height:401px;
   background-color:#eeeeee;
   overflow:hidden;   
}

#hsc {
   margin:0 auto;
   padding:0;
   width:960px;
   height:401px;
}

a.browse {
   display:block;
   width:29px;
   height:34px;
   margin-top:180px;
   cursor:pointer;
   font-size:1px;
}

a.right {
   background:no-repeat transparent url(../images/rarrow.gif);
   padding:0 0 0 1px;
   float:right;
}

a.left {
   background:no-repeat transparent url(../images/larrow.gif);
   padding:0 1px 0 0;
   float:left;
}

div.scrollable { 
/* required settings */ 
   position:relative; 
   overflow:hidden; 
   width:900px; 
   height:363px;
   margin:35px 0 2px 0;
   float:left;   
} 

.scrollable .active {
	z-index:1;
	position:relative;
}

/*.....header's bottom.....*/

#hw {
   margin:0;
   padding:0;
   width:100%;
   height:199px;
   background: repeat-x url(../images/hw.gif) transparent;   
}

#hwc {
   margin:0 auto;
   padding:0;
   width:960px;
   height:199px;
}

div.hwl, div.hwr {
   width:480px;
   height:169px;
   float:left;
   position:relative;
   margin:30px 0 0 0;
}

div.wic {
   margin:20px 20px 0 5px;
   padding:0;
   height:90px;
   overflow:hidden;
   background:repeat-y transparent url(../images/hwline.gif);
}

div.hwl h2, div.hwr h2 {
   font-size:20px;
   font-weight:100;
   color:#000;
   margin:0;
   padding:0;
}

div.hwl p, div.hwr p {
   font-size:11px;
   color:#606060;
   line-height:16px;
   margin:0;
   padding: 0 15px 0 25px;
   height:52px;
   overflow:hidden;
}

div.hwl a.more, div.hwr a.more {
   display:block;
   text-indent:-9999px;
   height:19px;
   width:45px;
   float:right;
   background:no-repeat url(../images/hmore.gif) transparent;
   margin: 0 13px 0 0;
   position:absolute;
   bottom:35px;
   right:15px;
   cursor:pointer;
}

div.hwl a.more:hover, div.hwr a.more:hover {
   background:no-repeat transparent url(../images/more.gif);
}

#hw a {
   color:#acacac;
   text-decoration:none;
}

#searchform  {
   margin:0;
   padding:0;   
}

#searchform input#s {
   margin:0;
   padding:10px 15px 0 10px;
   width:278px;
   height:25px;
   background:no-repeat url(../images/searchform.png) transparent left;
   border:0;
   float:left;
   color:#000;
}

#searchform input#search_submit {
   display:block;
   text-indent:-9999px;
   background:no-repeat url(../images/search.png) transparent right;
   width:88px;
   height:35px;
   border:0;
   margin:0;
   font-size:0;
   cursor:pointer;
}

#searchform input#search_submit:hover {
   background:no-repeat url(../images/hsearch.png) transparent right;
}

#searchform2  {
   margin:30px 0 0 0;
   padding:0;   
}

#searchform2 input#s {
   margin:0;
   padding: 8px 15px 5px 10px;
   width:198px;
   height:22px;
   background:no-repeat url(../images/s2i.gif) transparent left;
   border:0;
   float:left;
   color:#606060;
}

#searchform2 input#search_submit {
   display:block;
   text-indent:-9999px;
   background:no-repeat url(../images/s2b.gif) transparent right;
   width:76px;
   height:35px;
   border:0;
   margin:0;
   font-size:0;
   cursor:pointer;
   padding:0;
}

#hb {
   margin:0;
   padding:0;
   width:100%;
   height:33px;
   background: no-repeat url(../images/hbbg.gif) #eeeeee center top;   
}

#hbc {
   margin:0 auto;
   padding:0;
   width:960px;
   height:33px;
}

#hb div.toggle_visible {
   width:107px;
   height:39px;
   float:left;
   background:no-repeat transparent url(../images/hbth.gif) bottom;
}

#hb div.toggle_hidden {
   width:107px;
   height:39px;
   float:left;
   background:no-repeat transparent url(../images/hbts.gif) bottom;
}

#hb div.active {
   width:107px;
   height:39px;
   float:left;
   background:no-repeat transparent url(../images/hbts.gif) bottom;
}

#hb div.activeh {
   width:107px;
   height:39px;
   float:left;
   background:no-repeat transparent url(../images/hbth.gif) bottom;
}

#hbt {
   margin:2px 0 0 0;
   padding:0;
}

#hbt a {
   text-indent:-9999px;
   display:block;
   margin:0 0 0 0;
   padding:0;
   width:107px;
   height:39px;
   border:0;
}

/*--------------------container--------------------*/

#inner {
   margin:0;
   padding:35px 0;
}

#container {
   margin:0 auto;
   padding:0;
   width:960px;
   overflow:hidden;
}

#contents {
   margin:0;
   padding:0 20px 0 0;
   width:620px;
   float:left;
}

#sidebar {
   margin:0;
   padding:0 0 0 20px;
   width:300px;
   float:right;
}

a.more {
   display:block;
   text-indent:-9999px;
   height:19px;
   width:45px;
   background:no-repeat url(../images/more.gif) transparent;
   margin: 15px 0 0 0;
   padding:0;
   bottom:35px;
   right:15px;
   cursor:pointer;
}

a.more:hover {
   background:no-repeat transparent url(../images/hmore.gif);
}

/* Page-title Styling */


#page-title-inner{
		background-color:#ebebeb;
	width:100%;
	margin-top:-100px;
}
.title{
	margin:23px 0px 0px 108px;
}



/*--------------------Pages sidebar--------------------*/

div.sbw {
   width:300px;
   margin:0 0 30px 0;
   padding:0;
   list-style:none;
   list-style-type:none;
   list-style-image:none;
}

div.sbw p{
   margin-left:60px;
   font-size:12px;
   line-height:16px;
}

div.sbw span {
   text-decoration:none;
   color:#bbb;
}

div.sbw cite {
   font-style:normal;
   color:#000;
}

div.sbw h2 {
   margin:0 0 15px 0;
   padding:9px 0 0 60px;
   height:32px;
   font-size:12px;
   color:#000;
   background:no-repeat transparent url(../images/sbh.gif) left;
}

div.sbw h2 a {
   margin:0;
   padding:0;
   color:#000;
}

div.sbw h2 a img {
   margin:0 10px 0 0;
   padding:0;
   float:left;
}

div.sbw ul {
   margin:0;
   padding:0 0 0 80px;
   list-style:none;
}

div.ctc a {
   padding:0 2px 0 0;
   line-height:30px;
}

div.ctc a:hover {
   color:#000;
   text-decoration:underline;
}

div.sbw ul li {
   margin:0 0 15px 0;
   padding:0 0 0 5px;
   width:200px;
   font-size:12px;
   list-style-image:url(../images/list-img.gif);
}

div.sbw ul li a {
   color:#606060;
   text-decoration:none;
   font-size:12px;
}

div.sbw ul li a:hover {
   color:#000;
   text-decoration:none;
}

div.sbw ul li ul {
   margin:15px 0 0 20px;
   padding:0;
   width:100%;
}

div.sbw ul li ul li {
   width:100%;
}

h2.active {
   background:no-repeat transparent url(../images/sbh2.gif) left;
}


/*--------------------Portfolio---------------------*/

div.portfolio-content {
   width:280px;
   float:left;
   padding:0 20px 0 20px;
   margin:20px 0 0 0;
   min-height:300px;
}

div.portfolio-content h2 {
    margin:10px 0 5px 0;
	padding:0;
	font-size:20px;
}

div.portfolio-content p {
   margin:0 0 10px 0;
   padding:0;
}

div.portfolio-content img {
   width:260px;
   height:260px;
   background-color:#dddddd;
   padding:9px;
   border:1px solid #c7c7c7;
   margin:0;
}

div.portfolio-content:hover  img{
   background-color:#cecece;
   border:1px solid #c7c7c7;
}

div.portfolio-content a.more {
   margin:0;
   padding:0;
}


/*.....Categories, tags and social buttons.....*/

#share-it {
   margin:30px 0 0 0;
   padding:30px 0 0 0;
   background: repeat-x url(../images/h-line.gif) top;
   overflow:hidden;
   display:block;
   clear:both;
}

#share-it img {
   margin-top:0;
   width:35px;
   height:35px;
}

ul.socialbottuns {
   margin:20px 0 0 0;
   list-style:none;
   padding:0;
}

ul.socialbottuns li {
   margin:0 10px 0 0;
   float:left;
}

div.post-links {
   margin:0;
   padding:20px 0 0 0;
   clear:left;
}

div.post-links div {
   margin:0 15px 0 0;
   padding:10px;
   background-color:#272727;
   float:left;
   max-width:280px;
}

div.post-links div p {
   margin:0;
   padding:0;
   color:#a8a8a8;
   font-size:12px;
   line-height:17px;
}

div.post-links div a {
   margin:0;
   padding:0;
   color:#eeeeee;
   font-size:12px;
   line-height:17px;
   text-decoration:none;
}

div.wp-caption {
   padding:0;
   margin:20px 0 0 0;
}

p.wp-caption-text {
   padding:0 0 20px 0;
   margin:0;
   font-style:italic;
}

/* Front Box Styling */
#content .front-box-content{
	margin-bottom:45px;
}
#content .front-box-content2{
	margin-bottom:45px;
}
#front-box{
	width:960px;
	margin:0px auto;
}
.front-box-content{
	width:286px;
	margin-top:25px;
}
.front-box-content2{
	width:622px;
	margin-top:25px;
	float:left;
}
.front-box-content3{
	width:286px;
	margin-top:25px;
	float:left;
}
.front-box-content h4{
	color:#3e4043;
}
.img-front{
	width:79px;
	height:150px;
	float:left; 
}
.dot-separator-content{
	width:50px;
	height:138px;
	margin-top:22px;
	background-image:url(../images/dot-separator.png);
	background-position:center;
	background-repeat:repeat-y;
	float:left;
}
.separator-content{
	width:50px;
	display:block;
	float:left;
}

/* Client Logo list */
ul.client-list{
	width:288px;
	margin:0px 0px 0px 2px; 
	padding:0px; 
	list-style-type:none;
}
ul.client-list li{
	width:64px;
	margin:0px 10px 6px 0px;
	float:left;
}
ul.client-list li.client-last{
	width:64px;
	margin:0px 0px 6px 0px;
	float:left;
}



/* Footer
------------------------------------------------------*/
#footer-content{
	width:960px;
	height:163px;
	background-image:url(../images/footer-glow.png);
	background-repeat:no-repeat;
	background-position:top center;
	margin:0px auto;
}
#footer-address{
	width:273px;
	margin-top:28px;
	float:left;
}
#footer-address2{
	width:273px;
	margin-top:28px;
	float:right;
}
#footer-address img{
	margin-bottom:10px;
}
#footer-last{
	width:960px;
	margin-top:0px;
	border-top:2px solid #979696;
	float:left;
}

/* Footer News list */
#footer-news{
	width:460px;
	margin-top:28px;
	float:right;
}
#footer-news h3{
	margin-bottom:7px;
	color:#e3e3e3;
}
ul.list-bottom{
	margin:0px; 
	padding:0px; 
	list-style-type:none;
}
ul.list-bottom li{
	background-image:url(../images/bottom-dot.png);
	background-position:bottom;
	background-repeat:repeat-x;
	padding-bottom:4px;
	line-height:26px;
}
ul.list-bottom li a{
	color:#a6a6a6;
	text-decoration:none;
}
ul.list-bottom li a:hover{
	text-decoration:underline;
}
#footer-copyright{
	margin-top:10px;
	float:right;
}
#footer-siret{
	margin-top:10px;
	float:left;
}

/* Mainmenu Styling */
#footer-menu{
	width:500px;
	margin-left:400px;
	padding:100px;
	float:left;	
}
.navigation-footer{
	width:543px;
	float:left;
	margin:9px 0px 0px 0px;
	padding:0px;
	list-style-type:none;
}
.navigation-footer ul{
	margin:0px; 
	padding:0px; 
	list-style-type:none; 
	position:relative;
	clear:both;	
}
.navigation-footer li{	
	list-style-type:none; 
	padding:0px; 
	margin:0px; 
	float:left;
	z-index:100; 
	position:relative;
}
.navigation-footer li a{
	font-size:11px;
	text-decoration:none;
	color:#a6a6a6; 
	display:block;
	margin:0px;
	padding-right:24px;
	float:left;
	z-index:100;	
}
.navigation-footer li.current a, .navigation-footer li a:hover, .navigation-footer li.current li a:hover{
	text-decoration:none;
	color: #a6a6a6;	
}
.navigation-footer li.current li a{
	text-decoration:none;
	color:#a6a6a6;
}



/*
  *********************************
  * 12) PAGINATION ***
  *********************************
*/
	#pagination{ clear:both; text-align:center; padding-left:10px; }
	#pagination a{ text-align:center; padding:6px 10px; font-size:12px; }
	#pagination.blog{ padding-top:10px; }
	#pagination.portfolio{ padding-top:30px; }
	#pagination a{ color:#777; background-color:#fff; }
	#pagination a:hover{ color:#181818; background-color:#e8e8e8; }
	#pagination a.current, #pagination a.current:hover{ color:#eee; background-color:#9e9e9e; }


/*
  *********************************
  * 13) TITLE ***
  *********************************
*/