



/*
////////////////////////////////////////////////////////////////////////////////////////////// 

	BODY

//////////////////////////////////////////////////////////////////////////////////////////////
*/

html {background-color:#fafafa;}

body {
	background: #fafafa;
	color: #010101;
	font: 14px/20px 'Quattrocento Sans', sans-serif;	-webkit-transition-property: font-size;
	   -moz-transition-property: font-size;
	     -o-transition-property: font-size;
	        transition-property: font-size;
	-webkit-transition-duration: 0.5s, 0.5s;
	   -moz-transition-duration: 0.5s, 0.5s;
	     -o-transition-duration: 0.5s, 0.5s;
	        transition-duration: 0.5s, 0.5s; 
	-webkit-transition-timing function: linear, ease-in;
	   -moz-transition-timing function: linear, ease-in; 
	     -o-transition-timing function: linear, ease-in; 
	        transition-timing function: linear, ease-in;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;
}

.boxed{
background:#fff;
width:100%;
max-width:960px;
margin:20px auto;
	/* CSS3 SHADOW */
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4);
	   -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4);
	     -o-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4);
	        box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4);
}

body.hevetica_text{ font-family:"Helvetica Neue", "Helvetica", Arial, sans-serif !important; }
body.lucida_text{ font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif !important; }
body.georgia_text{ font-family:Georgia, "Times New Roman", Times, serif !important; }
body.times_text{ font-family:"Times New Roman", Times, Georgia, serif !important; }
body.arial_text{ font-family:Arial, Helvetica, sans-serif !important; }
body.geneva_text{ font-family:Geneva, Tahoma, sans-serif !important; }
body.tahoma_text{ font-family:Tahoma, Geneva, sans-serif !important; }

.bg-square{ background:#e2e2e2 url(../images/backgrounds/square.png) repeat 50% top; }
.bg-square2{ background:#e2e2e2 url(../images/backgrounds/square2.png) repeat 50% top; }
.bg-pixel{ background:#e2e2e2 url(../images/backgrounds/pixel.png) repeat 50% top; }
.bg-paper{ background:#e2e2e2 url(../images/backgrounds/paper.jpg) repeat 50% top; }
.bg-plaid{ background:#e2e2e2 url(../images/backgrounds/plaid.png) repeat 50% top; }
.bg-noise{ background:#e2e2e2 url(../images/backgrounds/bgnoise_lg.png) repeat 50% top; }
.bg-aluminium{ background:#e2e2e2 url(../images/backgrounds/aluminium.png) repeat 50% top; }
.bg-type{ background:#e2e2e2 url(../images/backgrounds/type.png) repeat 50% top; }
.bg-diagonal{ background:#e2e2e2 url(../images/backgrounds/diagonal.png) repeat 50% top; }
.bg-deboss{ background:#e2e2e2 url(../images/backgrounds/fancy_deboss.png) repeat 50% top; }
.bg-white{ background:#e2e2e2 url(../images/backgrounds/white.png) repeat 50% top; }
.bg-wall{ background:#e2e2e2 url(../images/backgrounds/wall.png) repeat 50% top; }
.bg-freckles{ background:#e2e2e2 url(../images/backgrounds/freckles.png) repeat 50% top; }
.bg-mathematics{ background:#e2e2e2 url(../images/backgrounds/mathematics.png) repeat 50% top; }
.bg-pinstripe{ background:#e2e2e2 url(../images/backgrounds/pinstripe.png) repeat 50% top; }
.bg-carbon{ background:#e2e2e2 url(../images/backgrounds/white_carbon.png) repeat 50% top; }
.bg-grain{ background:#C4C4C4 url(../images/backgrounds/bg_grain.png) repeat 50% top; }
.bg-office{ background:#C4C4C4 url(../images/backgrounds/office_bg.png) repeat 50% top; }
.bg-stone{ background:#C4C4C4 url(../images/backgrounds/stone_bg.jpg) repeat 50% top; }
.bg-grid{ background:#C4C4C4 url(../images/backgrounds/cross.png) repeat 50% top; }
.bg-cunn{ background:#FFFFFF url(../images/backgrounds/bg_cunn.png) repeat 50% top; }
.bg-cross{ background:#000 url(../images/backgrounds/bg_cross.jpg) repeat 50% top !important;}
.bg-fiber{background:url(../images/backgrounds/texture-fiber.jpg) repeat;}
.bg-canson{background:url(../images/backgrounds/texture-canson.jpg) repeat;}
.bg-school{background:url(../images/backgrounds/texture-school.jpg) repeat;}
.bg-vichy{background:url(../images/backgrounds/texture-vichy.jpg) repeat;}
.bg-brushed{background:url(../images/backgrounds/texture-brushed.jpg) repeat;}
.bg-crossed{background:url(../images/backgrounds/texture-crossed.jpg) repeat;}
.bg-line{background:url(../images/backgrounds/texture-line.jpg) repeat;}
.bg-lined{ background:#000 url(../images/backgrounds/bg_lined.jpg) fixed repeat 50% top !important;}
.bg-wood{ background:#000 url(../images/backgrounds/texture-wood.jpg) fixed repeat 50% top !important;}
.bg-woodlight{ background:#000 url(../images/backgrounds/texture-woodlight.jpg) fixed repeat 50% top !important;}
.bg-space{ background:#000 url(../images/backgrounds/space.jpg) fixed repeat 50% top !important;}
.bg-dot_black{ background:#000 url(../images/backgrounds/dot_black.jpg) fixed repeat 50% top !important;}
.bg-dk_stripes{ background:#000 url(../images/backgrounds/dk_stripes.jpg) fixed repeat 50% top !important;}

/*
///////////////////////////////////////////////////////////////////////////////////////////// 

	TYPOGRAPHY

/////////////////////////////////////////////////////////////////////////////////////////////
*/
h1, h2, h3, h4, h5, h6 {
	color: #1c1c1c;
	font-family:inherit;
	font-weight:lighter;
	letter-spacing: 0.5px;}
	
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: #1c1c1c;
	-webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
     -moz-transition: all 0.3s ease-out;  /* FF4+ */
      -ms-transition: all 0.3s ease-out;  /* IE10 */
       -o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
          transition: all 0.3s ease-out;
}
h1 { font-size: 42px; line-height: 48px; margin-bottom: 16px;}
h2 { font-size: 36px; line-height: 42px; margin-bottom: 14px;}
h3 { font-size: 24px; line-height: 36px; margin-bottom: 8px; }
h4 { font-size: 18px; line-height: 24px; margin-bottom: 2px; }
h5 { font-size: 14px; line-height: 18px; }
h6 { font-size: 12px; line-height: 18px; }

.underlined{
	border-bottom:none!important;
}
.squared_title{
	padding:0px;
	margin-bottom:10px;
	border-left:5px solid #ededed;
}


p { margin:0 0 20px 0}
p img { margin: 0; }

em { font-style: italic; }
strong { font-weight: bold; color: #1c1c1c; }
small { font-size: 80%; }

li {
	padding-bottom: 10px;
}


/*
////////////////////////////////////////////////////////////////////////////////////////////// 

	SLIDEPANEL

//////////////////////////////////////////////////////////////////////////////////////////////
*/
#slidepanel{}
#slidepanel .content{
	position:relative;
	margin:0 auto;
	width:100%;
	max-width:920px;
	min-height:8px;
}

/* Link to open the panel */
#slidepanel #opener{
	position:absolute;
	width:28px;
	height:28px;
	background:url(../images/opener.png) no-repeat 50% 50%;
	display:block;
	bottom:-28px;
	right:-10px;
	z-index:9000;
	
	/* CSS3 ROUND CORNER */
	-webkit-border-radius:		0px 0px 4px 4px;
	 -khtml-border-radius:		0px 0px 4px 4px;
	   -moz-border-radius:		0px 0px 4px 4px;
	     -o-border-radius:		0px 0px 4px 4px;
	        border-radius:		0px 0px 4px 4px;
}

#slidepanel #inside_panel{
	width:100%;
	max-width:960px;
	display:none;
	padding:20px 0;
	margin:0 auto;
}

#slidepanel #inside_panel li{
	list-style:none;
}


/*
////////////////////////////////////////////////////////////////////////////////////////////// 

	HEADER

//////////////////////////////////////////////////////////////////////////////////////////////
*/
/*
#header{
	position:absolute;
	top:5px;
	left:0;
	z-index:1000 !important;
	width:100%;
}
*/
#header{
	width:100%;
	background:url(images/header-bckgnd.png) repeat-x!important;
	position: relative;
	z-index:9;
		-webkit-box-shadow:0 5px 10px #000000;
	 -khtml-box-shadow:0 5px 10px #000000;
	   -moz-box-shadow:0 5px 10px #000000;
	     -o-box-shadow:0 5px 10px #000000;
	        box-shadow:0 5px 10px #000000;
	height:109px;
	}
#header .content{
	margin:0 auto;
	width:100%;
	width:995px;
	position:relative;
}
/* Logo top */
#header_logo{
	position:relative;
	float:left;
	top:35px;
	left:0px;
	background:url(images/logo.png);
	width:385px;
	height:48px;
}
#header_logo h1{
	margin:0; padding:0;
}

#header_logo h1 a{
	 display: block;
    height: 48px;
    width: 385px;
}
#header_logo h2.slogan_site{
	display:block;
	color:#787878;
	font-size:14px;
	margin:0;
	line-height:normal;
}


/* Navigation */



#navigation {
	float: right;
	padding-right:0px;
	position:absolute;
	right:-12px;
	margin-top:52px;
	
}

#menu-main-menu {position: relative;}

nav.primary select {
	display: none;		
}

nav.primary select {
	width: 100%;
	height: 1.5em;
}

#navigation ul li{
	display:inline-block;
	text-align:right;
	position:relative;
	padding:13px 10px;
}
#navigation ul li:last-child{
	border-right:none;
}
#navigation ul li a{
	color:#fff;
	font-family: 'Quattrocento Sans', sans-serif;
	text-transform: lowercase;
	letter-spacing: 0.5px;
	margin:0px;
	font-size: 18px;
	display:block;
	padding:0px 5px 0 5px;
	-webkit-transition: all 0.3s ease;  /* Saf3.2+, Chrome */
	   -moz-transition: all 0.3s ease;  /* FF4+ */
		-ms-transition: all 0.3s ease;  /* IE10 */
		 -o-transition: all 0.3s ease;  /* Opera 10.5+ */
			transition: all 0.3s ease;
}

#navigation .current-menu-item, #navigation .current-menu-parent  {border-bottom:11px solid #4aa502;padding-bottom:13px;}

#navigation .sub-menu .current-menu-item, #navigation .sub-menu .current-menu-parent  {border-bottom: none 0px; padding-bottom:0px;}

#navigation ul li a .subline{
	color:#787878;
	display: block;
	opacity: 0.7;
	font-size: 13px;
	text-transform:none;
	-webkit-transition: all 0.3s ease;  /* Saf3.2+, Chrome */
	   -moz-transition: all 0.3s ease;  /* FF4+ */
		-ms-transition: all 0.3s ease;  /* IE10 */
		 -o-transition: all 0.3s ease;  /* Opera 10.5+ */
			transition: all 0.3s ease;
}
#navigation ul li a:hover .subline{
	color:#1c1c1c;
}



/* SUB Navigation */
	#navigation ul ul{
    position:absolute;
    top:-99999px;
    left:0;
    opacity: 0; /* Hide sub level */
    z-index:497;
    background:#FFF; background:rgba(255, 255, 255, 0.8);
    box-shadow:#000 0 1px 2px;
    box-shadow:rgba(0, 0, 0, 0.2) 0 1px 2px;
	text-align:left;
    -webkit-transition: opacity .5s ease-in-out;
     -khtml-transition: opacity .5s ease-in-out;
       -moz-transition: opacity .5s ease-in-out;
         -o-transition: opacity .5s ease-in-out;
            transition: opacity .5s ease-in-out;
}
	#navigation ul ul:before{
		position:absolute;
		top:-8px;
		left:50%;
		margin-left:-25%;
		content:'';
		width: 0;
		height: 0;
		border-left: 8px solid transparent;
		border-right: 8px solid transparent;
		border-bottom: 8px solid #ededed;
	}

	/* SUB SUBs Navigation */
	#navigation ul ul ul {
		border-top:none;
		position:absolute;
		top:-99999px;
		left:-10px;
		opacity: 0;
		-webkit-transition: opacity .5s ease-in-out; /* Hide sub levels */
		-moz-transition: opacity .5s ease-in-out;
		-o-transition: opacity .5s ease-in-out;
	}
	#navigation ul ul ul:before{
		position:absolute;
		top:13px;
		left:100%;
		margin-left:0;
		content:'';
		width: 0;
		height: 0;
		border-right: 8px solid transparent;
		border-left: 8px solid #ededed;
		border-bottom: 8px solid transparent;
		border-top: 8px solid transparent;
	}
	
	#navigation ul ul li{
		display: block;
		padding:0 10px;
		width:160px;
		text-align:left;
	}
	#navigation ul li:hover>ul{
		opacity: 1;
		position:absolute;
		top:99%;
		left:0;
	}
	#navigation ul ul li:hover>ul{
		position:absolute;
		top:0;
		left: -100%;
		opacity: 1;
		z-index:497;
	}


	#header #navigation ul ul li a{
		font-size: 13px;
		padding: 8px 0px;
		display: block;
		text-transform:none;
		background:none;
		border-bottom: 1px dashed #c3c3c3;
		color:#787878;
		line-height: 14px;
	}
	#header #navigation ul ul li a:hover{
		background:#ededed;
		background:rgba(0, 0, 0, 0.04);
		padding-left:15px;
	}
	#header #navigation ul ul li:last-child a{
		border-bottom:none;
	}
	
	
	#header nav select {  display: none; }
	


#navigation.dark .icon-1 a{ background:url(../images/menu-icons/dark/icon-1.png) no-repeat 50% top; }
#navigation.dark .icon-2 a{ background:url(../images/menu-icons/dark/icon-2.png) no-repeat 50% top; }
#navigation.dark .icon-3 a{ background:url(../images/menu-icons/dark/icon-3.png) no-repeat 50% top; }
#navigation.dark .icon-4 a{ background:url(../images/menu-icons/dark/icon-4.png) no-repeat 50% top; }
#navigation.dark .icon-5 a{ background:url(../images/menu-icons/dark/icon-5.png) no-repeat 50% top; }
#navigation.dark .icon-6 a{ background:url(../images/menu-icons/dark/icon-6.png) no-repeat 50% top; }
#navigation.dark .icon-7 a{ background:url(../images/menu-icons/dark/icon-7.png) no-repeat 50% top; }
#navigation.dark .icon-8 a{ background:url(../images/menu-icons/dark/icon-8.png) no-repeat 50% top; }
#navigation.dark .icon-9 a{ background:url(../images/menu-icons/dark/icon-9.png) no-repeat 50% top; }
#navigation.dark .icon-10 a{ background:url(../images/menu-icons/dark/icon-10.png) no-repeat 50% top; }
#navigation.dark .icon-11 a{ background:url(../images/menu-icons/dark/icon-11.png) no-repeat 50% top; }
#navigation.dark .icon-12 a{ background:url(../images/menu-icons/dark/icon-12.png) no-repeat 50% top; }
#navigation.dark .icon-13 a{ background:url(../images/menu-icons/dark/icon-13.png) no-repeat 50% top; }
#navigation.dark .icon-14 a{ background:url(../images/menu-icons/dark/icon-14.png) no-repeat 50% top; }
#navigation.dark .icon-15 a{ background:url(../images/menu-icons/dark/icon-15.png) no-repeat 50% top; }
#navigation.dark .icon-16 a{ background:url(../images/menu-icons/dark/icon-16.png) no-repeat 50% top; }
#navigation.dark .icon-17 a{ background:url(../images/menu-icons/dark/icon-17.png) no-repeat 50% top; }
#navigation.dark .icon-18 a{ background:url(../images/menu-icons/dark/icon-18.png) no-repeat 50% top; }
#navigation.dark .icon-19 a{ background:url(../images/menu-icons/dark/icon-ù9.png) no-repeat 50% top; }
#navigation.dark .icon-20 a{ background:url(../images/menu-icons/dark/icon-20.png) no-repeat 50% top; }
#navigation.dark .icon-21 a{ background:url(../images/menu-icons/dark/icon-21.png) no-repeat 50% top; }
#navigation.dark .icon-22 a{ background:url(../images/menu-icons/dark/icon-22.png) no-repeat 50% top; }
#navigation.dark .icon-23 a{ background:url(../images/menu-icons/dark/icon-23.png) no-repeat 50% top; }
#navigation.dark .icon-24 a{ background:url(../images/menu-icons/dark/icon-24.png) no-repeat 50% top; }

#navigation.light .icon-1 a{ background:url(../images/menu-icons/light/icon-1.png) no-repeat 50% top; }
#navigation.light .icon-2 a{ background:url(../images/menu-icons/light/icon-2.png) no-repeat 50% top; }
#navigation.light .icon-3 a{ background:url(../images/menu-icons/light/icon-3.png) no-repeat 50% top; }
#navigation.light .icon-4 a{ background:url(../images/menu-icons/light/icon-4.png) no-repeat 50% top; }
#navigation.light .icon-5 a{ background:url(../images/menu-icons/light/icon-5.png) no-repeat 50% top; }
#navigation.light .icon-6 a{ background:url(../images/menu-icons/light/icon-6.png) no-repeat 50% top; }
#navigation.light .icon-7 a{ background:url(../images/menu-icons/light/icon-7.png) no-repeat 50% top; }
#navigation.light .icon-8 a{ background:url(../images/menu-icons/light/icon-8.png) no-repeat 50% top; }
#navigation.light .icon-9 a{ background:url(../images/menu-icons/light/icon-9.png) no-repeat 50% top; }
#navigation.light .icon-10 a{ background:url(../images/menu-icons/light/icon-10.png) no-repeat 50% top; }
#navigation.light .icon-11 a{ background:url(../images/menu-icons/light/icon-11.png) no-repeat 50% top; }
#navigation.light .icon-12 a{ background:url(../images/menu-icons/light/icon-12.png) no-repeat 50% top; }
#navigation.light .icon-13 a{ background:url(../images/menu-icons/light/icon-13.png) no-repeat 50% top; }
#navigation.light .icon-14 a{ background:url(../images/menu-icons/light/icon-14.png) no-repeat 50% top; }
#navigation.light .icon-15 a{ background:url(../images/menu-icons/light/icon-15.png) no-repeat 50% top; }
#navigation.light .icon-16 a{ background:url(../images/menu-icons/light/icon-16.png) no-repeat 50% top; }
#navigation.light .icon-17 a{ background:url(../images/menu-icons/light/icon-17.png) no-repeat 50% top; }
#navigation.light .icon-18 a{ background:url(../images/menu-icons/light/icon-18.png) no-repeat 50% top; }
#navigation.light .icon-19 a{ background:url(../images/menu-icons/light/icon-ù9.png) no-repeat 50% top; }
#navigation.light .icon-20 a{ background:url(../images/menu-icons/light/icon-20.png) no-repeat 50% top; }
#navigation.light .icon-21 a{ background:url(../images/menu-icons/light/icon-21.png) no-repeat 50% top; }
#navigation.light .icon-22 a{ background:url(../images/menu-icons/light/icon-22.png) no-repeat 50% top; }
#navigation.light .icon-23 a{ background:url(../images/menu-icons/light/icon-23.png) no-repeat 50% top; }
#navigation.light .icon-24 a{ background:url(../images/menu-icons/light/icon-24.png) no-repeat 50% top; }





/*
////////////////////////////////////////////////////////////////////////////////////////////// 

	SLIDER

//////////////////////////////////////////////////////////////////////////////////////////////
*/
#slider{padding:0;position:relative; overflow:hidden;}
#slider .content{}


	/* Flex slider */
	
#slider-info-wrap {margin:auto;
	width:995px;
}

#slider-info {background:url(images/slider-info.png);
    width: 450px;
    position: relative;
    color:#fff;
    font-family: 'Quattrocento Sans', sans-serif;
	left:100px;
	margin:95px 0px;
	}

.slider-title {
    padding: 30px 20px 0px;
    font-size:30px;
    letter-spacing: 1px;
    line-height: 42px;
}

.slider-description {
    font-size: 16px;
    letter-spacing: 0.5px;
    line-height: 30px;
    padding: 5px 20px 20px;
    height: 150px;
}

.slider-description a{
	padding-top: 5px;
	display: block;
}


.space {height:435px;}
#sliderflex{padding:0;position:relative; margin-top:0px; height:435px;}
#sliderflex li{ margin:0; padding:0;}
.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus{outline:0} 
.slides,.flex-control-nav,.flex-direction-nav{margin:0;padding:0;list-style:none} 
.flexslider{width:100%;margin:0;padding:0; height:435px;} 
.flexslider .slides>li{display:none;-webkit-backface-visibility:hidden} 
.flexslider .slides img{max-width:100%;display:block}
.slides:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
html[xmlns] .slides{display:block}
* html .slides{height:1%} 
.no-js .slides>li:first-child{display:block} 
.flexslider{background:#fff;position:relative;zoom:1} 
.flexslider .slides{zoom:1; height:435px;} 
.flexslider .slides>li{position:relative;} 
.flex-container{zoom:1;position:relative} 

.flex-caption {
	width: 940px;
	padding: 10px;
	margin: 0 0 0 -480px;
	position: absolute;
	left: 50%;
	bottom: 0px;
	color: white;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);
	font-size: 14px;
	line-height: 18px;
}
.flex-caption .custom_title{
	text-align:center;
	font-size:60px;
	color:#FFF;
	text-shadow:#000 4px 4px 1px;
	text-shadow:rgba(0, 0, 0, .3) 4px 4px 1px;
	line-height: 40px;
	width: 100%;
	display: block;
	padding:0 0 60px 0;
}
.flex-caption .custom_title .first-line{
	clear:both;
	text-align:center;
	display:block;
	font-size:30px !important;
	text-shadow:#000 2px 1px 2px;
	text-shadow:rgba(0, 0, 0, .3) 2px 2px 1px;
}
.flex-direction-nav{width:995px; margin: -250px auto 0px; display: block;height:50px; padding-bottom:185px;}
.flex-direction-nav li a{
	width:52px;
	height:110px;
	margin:0px;
	display:block;
	position:relative;
	top:35%;
	cursor:pointer;
	text-indent:-9999em;
	-webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
     -moz-transition: all 0.3s ease-out;  /* FF4+ */
      -ms-transition: all 0.3s ease-out;  /* IE10 */
       -o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
          transition: all 0.3s ease-out;
} 
.flex-direction-nav li .next{
	background:url(../images/arrow_right.png) no-repeat right top;
	float:right;

	
} 
.flex-direction-nav li .prev{
	background:url(../images/arrow_left.png) no-repeat left top;
	float:left;

} 
.flex-direction-nav li .next:hover{
}
.flex-direction-nav li .prev:hover{
}


.flex-direction-nav li .disabled{opacity:.3;filter:alpha(opacity=30);cursor:default} 
.flex-control-nav{width:930px;position:relative;text-align:center;margin: 0px auto 0px;} 
.flex-control-nav li{margin:0 0 0 10px;display:inline-block;zoom:1;*display:inline; text-align:left;} 
.flex-control-nav li:first-child{margin:0} 
.flex-control-nav li a{width:15px;height:15px;display:block;cursor:pointer;text-indent:-999em; margin:0 3px; -webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;border-radius:10px;background-color:#257c23;} 
.flex-control-nav li a:hover{background-position:0 -13px} 
.flex-control-nav li a.active{cursor:default; background:#77bd4a;}
section.space{padding-bottom:0} 
.flex-control-nav{display:none} 
.layerz-slide{background-size:cover;height:320px;position:relative} 
.js .space .infobox{display:none}

.layerz-slide{min-height:600px;height:100%;} 
.flex-control-nav{display:block} 
.flex-direction-nav li .next,.flex-direction-nav li .prev{background-size:auto;}
}


#static_slider{}
#static_slider .content{
	margin:0 auto;
	width:100%;
	max-width:960px;
}

/*
////////////////////////////////////////////////////////////////////////////////////////////// 

	GOOGLE MAP

//////////////////////////////////////////////////////////////////////////////////////////////
*/
#google_map{}
#google_map .content{
	margin:0 auto;
	width:100%;
	position:relative;
}
#the_map{display:none;}
#google_map #opener_googlemap{
	position:absolute;
	width:32px;
	height:40px;
	background:url(../images/map_pointer.png) no-repeat 50% 50%;
	display:block;
	bottom:-25px;
	left:50%;
	margin-left:-16px;
	z-index:9000;
	
	/* CSS3 ROUND CORNER */
	-webkit-border-radius:		0px 0px 4px 4px;
	 -khtml-border-radius:		0px 0px 4px 4px;
	   -moz-border-radius:		0px 0px 4px 4px;
	     -o-border-radius:		0px 0px 4px 4px;
	        border-radius:		0px 0px 4px 4px;
}

/*
////////////////////////////////////////////////////////////////////////////////////////////// 

	MAIN

//////////////////////////////////////////////////////////////////////////////////////////////
*/
#main{
	background:#fafafa;
	-webkit-box-shadow:0px -7px 7px -7px #000000;
	 -khtml-box-shadow:0px -7px 7px -7px #000000;
	   -moz-box-shadow:0px -7px 7px -7px #000000;
	     -o-box-shadow:0px -7px 7px -7px #000000;
	        box-shadow:0px -7px 7px -7px #000000;
	position: relative;
}
#main .content{
	margin:0 auto; 
	width:100%;
	width:994px;
		-webkit-box-shadow:0 0px 4px 1px #5a5a5a;
	 -khtml-box-shadow:0 0px 4px 1px #5a5a5a;
	   -moz-box-shadow:0 0px 4px 1px #5a5a5a;
	     -o-box-shadow:0 -2px 4px 1px #5a5a5a;
	        box-shadow:0 0px 4px 1px #5a5a5a;
	min-height:550px;
	background:url(images/list_separator-right.png) repeat-y 314px top #E5E5E5;

}

#main a{ color:#1c1c1c;
	-webkit-transition: all 0.3s ease-in-out;  /* Saf3.2+, Chrome */
       -moz-transition: all 0.3s ease-in-out;  /* FF4+ */
        -ms-transition: all 0.3s ease-in-out;  /* IE10 */
         -o-transition: all 0.3s ease-in-out;  /* Opera 10.5+ */
            transition: all 0.3s ease-in-out;
}


#main ul, #main ol{
	margin: 10px 15px;
	
}

#main h2 {color:#4aa502;
	}
	
/*
////////////////////////////////////////////////////////////////////////////////////////////// 

	PAGE ILLUSTRATION

//////////////////////////////////////////////////////////////////////////////////////////////
*/
#illustration_page{
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#illustration_page .content{
	text-align:center;
	padding:30px 0;
}

#illustration_page h2{
text-transform: uppercase;
letter-spacing: -0.07em;
word-spacing: .1em;
margin-bottom: 2px;
font-size: 46px;
line-height: 46px;
}
	

/*
////////////////////////////////////////////////////////////////////////////////////////////// 

	PORTFOLIO

//////////////////////////////////////////////////////////////////////////////////////////////
*/

#sort-by{
	padding:20px;
	list-style:none;
	float:left;
}
#sort-by li{ display:inline; }

#style-by{
	padding:20px;
	list-style:none;
	float:right;
}
#style-by li{ display:inline; }

.icon_square{
	background: url(../images/square_list.png) no-repeat 50% 50%;
	width:16px;
	height:16px;
	display:block;
}
.icon_detail{
	background: url(../images/detail_list.png) no-repeat 50% 50%;
	width:16px;
	height:16px;
	display:block;
}

.dcb_button.active {
    background: none repeat scroll 0 0 #4AA502!important;
    border: 0px solid!important;
    box-shadow: 0 0px 0px 0!important;
    color: #FFFFFF !important;
    font-weight: normal!important;
    text-shadow: 0 0px 0!important;
    font-family: 'Quattrocento Sans',sans-serif;
}

.dcb_button{
	padding:2px 10px;
	border:1px solid #cbcbcb;
	background:#ededed;
	color:#787878;
	display:inline-block;
	text-shadow:#fff 0px 1px 0px;
	margin:0 3px;
	/* CSS3 ROUND CORNER */
	-webkit-border-radius:		4px 4px 4px 4px;
	 -khtml-border-radius:		4px 4px 4px 4px;
	   -moz-border-radius:		4px 4px 4px 4px;
	     -o-border-radius:		4px 4px 4px 4px;
	        border-radius:		4px 4px 4px 4px;
		/* CSS3 SHADOW */
	-webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.9), 0px 1px 0px 0px rgba(0, 0, 0, 0.05) inset;
	   -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.9), 0px 1px 0px 0px rgba(0, 0, 0, 0.05) inset;
	     -o-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.9), 0px 1px 0px 0px rgba(0, 0, 0, 0.05) inset;
	        box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.9), 0px 1px 0px 0px rgba(0, 0, 0, 0.05) inset;
	-webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
       -moz-transition: all 0.3s ease-out;  /* FF4+ */
        -ms-transition: all 0.3s ease-out;  /* IE10 */
         -o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
            transition: all 0.3s ease-out;
}
#square_list .dcb_button{
	padding:3px 4px !important;
	
	margin:0 0px;
	/* CSS3 ROUND CORNER */
	-webkit-border-radius:		4px 0px 0px 4px;
	 -khtml-border-radius:		4px 0px 0px 4px;
	   -moz-border-radius:		4px 0px 0px 4px;
	     -o-border-radius:		4px 0px 0px 4px;
	        border-radius:		4px 0px 0px 4px;
}
#detail_list .dcb_button{
	padding:3px 4px !important;
	
	margin:0 0px 0 -4px;
	/* CSS3 ROUND CORNER */
	-webkit-border-radius:		0px 4px 4px 0px;
	 -khtml-border-radius:		0px 4px 4px 0px;
	   -moz-border-radius:		0px 4px 4px 0px;
	     -o-border-radius:		0px 4px 4px 0px;
	        border-radius:		0px 4px 4px 0px;
}

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

.isotope-item{
	margin-bottom:20px !important;
	margin-right: 15px !important;
	margin-left: 0px !important;
}
.isotope{ display:block; }
.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.6s;
     -moz-transition-duration: 0.6s;
       -o-transition-duration: 0.6s;
          transition-duration: 0.6s;
}
.isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-timing-function: ease-in-out;
     -moz-transition-timing-function: ease-in-out;
       -o-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}

.isotope {
display:block;
min-height:100%;
height:100%;
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}




.in_square .isotope-item{
	width:215px;
	float:left;
}
.in_square .thumbnail_area{
	display:block;
	overflow:hidden;
	position:relative;
}
.in_square .infos_item{
	display:block;
	background:#000;
	background:rgba(0, 0, 0, 0.8);
	position:absolute;
	width:100%;
	height:100%;
	text-align:center;
	top:0; left:-100%;
	-webkit-transition: all 0.3s ease-in-out;  /* Saf3.2+, Chrome */
       -moz-transition: all 0.3s ease-in-out;  /* FF4+ */
        -ms-transition: all 0.3s ease-in-out;  /* IE10 */
         -o-transition: all 0.3s ease-in-out;  /* Opera 10.5+ */
            transition: all 0.3s ease-in-out;
}
.in_square .thumbnail_area:hover > .infos_item{ left:0; }
.in_square .infos_item_details{
	display:none;
}
.in_square .infos_item .zoom{
	background:url(../images/icon-zoom.png) no-repeat 50% top;
	color:#FFF;
	display:block;
	padding:30px 0 0 0;
	font-weight:bold;
	position:absolute;
	top:50%;
	left:50%;
	width:80px;
	margin-left:-80px;
}
.in_square .infos_item .details{
	background:url(../images/icon-details.png) no-repeat 50% top;
	color:#FFF;
	display:block;
	padding:30px 0 0 0;
	font-weight:bold;
	position:absolute;
	top:50%;
	left:50%;
	width:80px;
}
.in_square .infos_item h5{ color:#FFF !important; padding-bottom:3px; padding-top:50px; display:inline-block;}


.in_detail .isotope-item{
	width:100%;
}
.in_detail .thumbnail_area{
	width:215px;
	margin-right:20px;
}
.in_detail .infos_item_details{
	display:block;
	float:left;
	padding:0 0 0 20px;
}
.in_detail .infos_item{
	display:none;
}

.portfolio_block .thumbnail_area{
	margin-bottom:10px;
}
.one-full .thumbnail_area h5{
	font-size:30px;
	padding-top:100px;
	padding-bottom:8px;
}
.one-half .thumbnail_area h5{
	font-size:24px;
	padding-top:40px;
	padding-bottom:8px;
}
.one-third .thumbnail_area h5{
	font-size:26px;
	padding-top:80px;
	padding-bottom:8px;
}

.the_gallery_item{
	display:block; float:left;
	width:80px;
	height:80px;
	margin:5px;
}
/*
////////////////////////////////////////////////////////////////////////////////////////////// 

	BLOG POSTS

//////////////////////////////////////////////////////////////////////////////////////////////
*/
.blog_style_1{
	padding-bottom:30px;
}
.blog_style_1 .info_post{
	display:block;
	float:left;
	width:215px;
	margin-right:20px;
}

.single-post .info_post{
	display:block;
	float:left;
	margin: 40px 0 20px;
}

.single-post .info_post span {
	margin-bottom: 5px;
}

#main .info_post span a {
	color: #4AA502 ;
}

#main .info_post span a:hover {
	text-decoration: underline;
}



.h_span{
	color:#1c1c1c;
	font-weight:bold;
	display:block;
	float:left;
	width:35%;
}
.d_span{
	display:block;
	float:left;
	width:65%;
}

.blog_style_1 .preview_post{
	float:left;
	width: 605px;
	border-bottom:1px solid #c3c3c3;
	padding:0 0 5px 0;
}

.single .blog_style_1 .preview_post {
	border: none 0px;
}

.single h2 {
	margin: 0px;
}

.single .blog_style_1 .content_entry {
	padding: 0;	
}

.blog_style_1 .preview_post .biglines{
	font-weight:normal;
	line-height: 25px;
}

.blog_style_1 .preview_post h4 {
	font-size: 24px;
	font-weight: bold;
	margin: 0 0 10px;
}


.blog_style_1 .thumbnail_area{
	margin-bottom:15px;
	max-height:200px;
	overflow:hidden;
}
.single-post .blog_style_1 .thumbnail_area{
	margin-bottom:0px;
	max-height:none;
	overflow:hidden;
}
.single-portfolio .blog_style_1 .thumbnail_area{
	margin-bottom:0px;
	max-height:none;
	overflow:hidden;
}

.blog_style_1 .thumbnail_area img {
	margin: 25px 0;
}

.blog_style_2{
	display:block;
	float:left;
	width:215px;
	margin-right:20px;
	margin-bottom:20px !important;
}
.blog_style_2.last{
	margin-right:0px;
}
.blog_style_2 .thumbnail_area{
	margin-bottom:15px;
	max-height:215px;
	overflow:hidden;
}
.blog_style_2 .info_post h4{
	font-size:15px;
	line-height:19px;
}

.blog_style_2 .info_post{
	border-bottom:1px solid #c3c3c3;
	padding:0 0 10px 0;
}
.blog_style_2 .info_post .biglines{
	font-size:13px;
	line-height:19px;
	font-weight:500;
	letter-spacing:inherit;
	padding:0 0 5px 0;
}
.blog_style_2 .info_post .cartouche{
	font-size:11px;
}

.content_entry{
	padding:30px 0;
}

h4.author, .blog_style_1 .preview_post h4.author {
	font-size: 18px;
	font-weight: bold;
	margin: 10px 0 0px; 
}

.blog_style_1 .preview_post h4.author {
	margin: 0 0 10px;
	font-size: 16px;
	font-weight: bold;
}




/*
///////////////////////////////////////////////////////////////////////////////////////////// 

	 FORM

/////////////////////////////////////////////////////////////////////////////////////////////
*/
.form_design{
}
.form_design .field{}
.form_design .field label{
	width:100%;
	display:block;
	font-weight:bold;
}
.form_design .error{ color:#F00 !important; }
.form_design .label_check{ float:left; width:50% !important;}
.form_design .field input{
	width:100%;
	max-width: inherit;
	display:block;
}
.form_design .field input[type=checkbox], .form_design .field input[type=radio]{
	padding:4px;
	width:24px;
	max-width: inherit;
	display:block; float:left;
}
.form_design .field textarea{
	width:100%; height:150px;
	max-width: inherit;
	display:block;
}
.form_design .the-fix { padding: 0; padding-right: 30px; marign: 0; display: block; }
.form_design .submit_col .the-fix { padding: 0; padding-right: 10px; marign: 0; display: block; }

.form_design .submit_col input{
	cursor:pointer;
}
.form_design .dsgn{
	border:1px solid #d4d4d4;
	background:#FFF;
	color:#666;
	padding:8px;
/* CSS3 ROUND CORNER */
	-webkit-border-radius:		3px 3px 3px 3px;
	 -khtml-border-radius:		3px 3px 3px 3px;
	   -moz-border-radius:		3px 3px 3px 3px;
	     -o-border-radius:		3px 3px 3px 3px;
	        border-radius:		3px 3px 3px 3px;
	/* CSS3 SHADOW */
	-webkit-box-shadow: inset 1px 1px 0px 0px rgba(0, 0, 0, 0.1), 0px 0px 5px 0px rgba(0, 0, 0, 0.05);
	   -moz-box-shadow: inset 1px 1px 0px 0px rgba(0, 0, 0, 0.1), 0px 0px 5px 0px rgba(0, 0, 0, 0.05);
	     -o-box-shadow: inset 1px 1px 0px 0px rgba(0, 0, 0, 0.1), 0px 0px 5px 0px rgba(0, 0, 0, 0.05);
	        box-shadow: inset 1px 1px 0px 0px rgba(0, 0, 0, 0.1), 0px 0px 5px 0px rgba(0, 0, 0, 0.05);
	/* CSS3 Tranistion */
	-webkit-transition: all 0.3s ease;  /* Saf3.2+, Chrome */
	   -moz-transition: all 0.3s ease;  /* FF4+ */
		-ms-transition: all 0.3s ease;  /* IE10 */
		 -o-transition: all 0.3s ease;  /* Opera 10.5+ */
			transition: all 0.3s ease;
}
.form_design input.error,
.form_design textarea.error{
	background:#f6f6f6 url(../images/error_form.png) no-repeat right top;
}
.half_col{
	float:left;
	width:50%;
	margin-bottom:9px;
}
.full_col{
	margin-bottom:9px;
}
.submit_col{
	float:right;
	min-width: 20%;
	margin-bottom:9px;
	text-align:right;
}

.wp-paginate{ text-align:center; }
.wp-paginate li{ list-style:none; display:inline;}

/*
///////////////////////////////////////////////////////////////////////////////////////////// 

	 COMMENTS
	 
/////////////////////////////////////////////////////////////////////////////////////////////
*/
#comments{
border-top:5px solid #ededed;
margin-top:30px;
padding-top:20px;
display: none;
}

#comment-form{ margin:0;}

#comments li{background-image:none;}

#comment-caption,
#respond-caption {
}

#commentsbox { margin:0; }


/*
-------------------------- { List Style }
*/
.commentlist {
    margin:0 0 20px 0;
    list-style-type: none;
}
li.comment{
	padding-left:0 !important;
	position:relative;
}

.children { 
    list-style-type: none;
    margin: 0 0 0 30px;
}
.children li.comment{ padding-left:0 !important; }

.children li .comment-body p{
	padding:0 0 0 45px; margin:0;
}

.comment-body {
	border-bottom: 1px solid #ededed;
	padding: 20px;
	position:relative;
}
.children .comment-body {
}
.comment-body p{
	padding:0 0 0 80px; margin:0;
}
.thread-odd{ background:#fafafa;}

.pinglist {
    margin: 20px 0 0 0;
    list-style-type: decimal;
}

#commentform input { 
    margin-right: 20px;
    width: 45%;
}
.comment-author{}
.contactform button,
.submitter,
#commentform #submit-button {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    width: 120px;
    padding: 0 10px 0; margin-right:30px;
    line-height: 12px;
    height: 28px;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
	background:#f2f2f2;
	border-bottom:1px solid #ccc;
	text-align:center;
}
.contactform button,
#commentform #submit-button {
    background: url(images/submit_button.png);
    color: #555555;
}
.submitter{
	  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	  width: 120px !important;
	  padding: 0 10px 0 !important;
	  line-height: 12px !important;
	  height: 28px !important;
	  font-size: 12px !important;
	  font-weight: bold !important;
	  cursor: pointer !important;
	  background:#181818 !important;
	  border:none !important;
	  color: #FFF !important;
	  float:right;
}
.submitter:hover{
		background:#222 !important;
		border:none !important;
		color: #CCC !important;
}

#commentform textarea { width: 97%; }
ol #commentform textarea { width: 95%; }


.comment .avatar {
    border: 2px solid #F4F4F4;
	position: absolute;
	left: 20px;
	top: 20px;
    width: 64px;
    height: 64px;
}

.children li.comment .avatar {
    border: 2px solid #F4F4F4;
	position: absolute;
	left: 20px;
	top: 20px;
    width: 32px;
    height: 32px;
}
.comment a.avatar-link.author-link {
    border: 2px solid #9e9e9e;
}
.comment-meta a { 
    color: #7b7b7b;
    font-size: 11px;
}
.comment-author,
.comment-meta,
.comment-awaiting-moderation
{
	padding-left:80px;
}
.children .comment-author,
.children .comment-meta,
.children .comment-awaiting-moderation
{
	padding-left:45px;
}
.comment-author a {
}
.comment-meta a:hover { 
}
.comment-author a:hover { 
}

.nocomments {
}

.comment-body ul { list-style-type: disc; }
.comment-body ol { list-style-type: decimal; }
			
.comment .reply{
	background:#efefef;
	text-transform:uppercase;
	font-size:9px;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 200;
}
.comment .reply a{ display:block; 
	padding:4px 6px;}
.comment .reply:hover{
	background:#efefef;
	color:#FFF;
}

/*
////////////////////////////////////////////////////////////////////////////////////////////// 

	TEAM LAYOUT

//////////////////////////////////////////////////////////////////////////////////////////////
*/
.team_member{
	background:url(../images/list_separator.png) repeat-x left bottom;
	margin-bottom:20px;
}
.team_member:last-child{ margin-bottom:0;}

.team_member .one-third.col{
	margin-bottom:2px !important;
}
.team_member .one-third.col img{
	margin:0 auto !important;
}
.team_member .info_member{
	padding:50px 30px 0px 30px;
}


/* bt_social_networks */
	.team_social_networks{
		float:left;
		clear:both;
	}
	.team_social_networks li{
		padding:0 5px;
		display:inline;
	}
	
	.team_social_networks li{ height:32px; display:inline-block; line-height:32px;
		/* CSS3 Tranistion */
	-webkit-transition: all 0.3s ease;  /* Saf3.2+, Chrome */
	   -moz-transition: all 0.3s ease;  /* FF4+ */
		-ms-transition: all 0.3s ease;  /* IE10 */
		 -o-transition: all 0.3s ease;  /* Opera 10.5+ */
			transition: all 0.3s ease;
	}
	.team_social_networks a{ padding:0 0 0 26px; display:inline-block; }
	.team_social_networks .facebook{		background: transparent url(../images/social/social_network_facebook.png) 0 0  no-repeat;}
	.team_social_networks .twitter{		background: transparent url(../images/social/social_network_twitter.png) 0 0  no-repeat;}
	.team_social_networks .linkedin{		background: transparent url(../images/social/social_network_linkedin.png) 0 0  no-repeat;}
	.team_social_networks .dribbble{		background: transparent url(../images/social/social_network_dribbble.png) 0 0  no-repeat;}
	.team_social_networks .googleplus{	background: transparent url(../images/social/social_network_googleplus.png) 0 0  no-repeat;}
	.team_social_networks .skype{			background: transparent url(../images/social/social_network_skype.png) 0 0  no-repeat;}
	
	.team_social_networks  li:hover{background-position:0 -32px ;}

/*
////////////////////////////////////////////////////////////////////////////////////////////// 

	BIOGRAPHY PAGE

//////////////////////////////////////////////////////////////////////////////////////////////
*/

.bio-info {
	margin-bottom: 20px;
	float: right;
	margin-left: 100px;
}

.bio-left {
	float: right;
	text-align: right;
	margin: 10px 0px 0 0;
	clear: right;
}

.name h3{
	color: #10a32a;
	margin: 0;
}

.title h4 {
	margin: 0;
}

.start_date {
	font-size: 14px;
	color: #999;
	font-style: italic;
}



.bio-right {
	float: right;
}

.bio-links {
	float: right;
	padding: 10px 0 0;
}

.bio-links .bio-links_vcard {
	display: block;
	height: 20px;
	width: 30px;
	text-indent: -9999px;
	background: transparent url(../images/bio_link.png) 0 0  no-repeat;
	float: left;
	margin-right: 5px;
}

.bio-links .bio-links_linkedin {
	display: block;
	height: 20px;
	width: 20px;
	text-indent: -9999px;
	background: transparent url(../images/bio_link.png) -30px 0 no-repeat;
	float: left;
}

.bio-links .bio-links_vcard:hover {
  background: transparent url(../images/bio_link.png) 0 -20px no-repeat;
}

.bio-links .bio-links_linkedin:hover {
  background: transparent url(../images/bio_link.png) -30px -20px no-repeat;
}

.bio-section {
	margin-bottom: 20px;
}
.bio-section h4 {
	background: none;
	padding: 0px;
	font-size:22px;
}

.bio-section p, .bio-section ul {
	margin: 10px 0;
}

/*
////////////////////////////////////////////////////////////////////////////////////////////// 

	DESIGN ELEMENTS

//////////////////////////////////////////////////////////////////////////////////////////////
*/
/* LIST DESIGN */
.list_design li{
	list-style:none;
	background:url(../images/list_design_icon.png) no-repeat left 50%;
	padding:4px 0 4px 24px;
	margin-left:10px;
	font-size:14px;
}
/* BIG LINES */
.biglines{
	font-size:15px;
	line-height:25px;
}
/* SEPARATORS */
.separator_type_1{
	display:block;
	background:url(../images/separator_type-1_900.png) no-repeat 50% top;
	height:50px;
	margin-bottom:20px;
}

/* THUMBNAIL POSTS */
.thumbnail_area{
	display:block;
	position:relative;
	background:url(../images/loading.gif) no-repeat 50% 50%;
}
.thumbnail_area a{
	background:url(../images/loading.gif) no-repeat 50% 50%;
	display:block;
	width:100%;
	height:100%;
}
.thumbnail_area a span{
	display:block;
	width:100%;
	height:100%;
	background:#000 url(../images/single_link.png) no-repeat 50% 50%;
	background:rgba(0, 0, 0, 0.8) url(../images/single_link.png) no-repeat 50% 50%;
	position:absolute;
	top:0;
	left:0;
	z-index:200;
	opacity:0;
	-webkit-transition: all 0.3s ease-in-out;  /* Saf3.2+, Chrome */
       -moz-transition: all 0.3s ease-in-out;  /* FF4+ */
        -ms-transition: all 0.3s ease-in-out;  /* IE10 */
         -o-transition: all 0.3s ease-in-out;  /* Opera 10.5+ */
            transition: all 0.3s ease-in-out;
}
.thumbnail_area a:hover span{
	opacity:1;
}
.thumbnail_area h5 a{
	background:none;
}
/*
///////////////////////////////////////////////////////////////////////////////////////////// 

	GRID

/////////////////////////////////////////////////////////////////////////////////////////////
*/
.container{
		padding:0px;
	}

.col{
	-webkit-transition-property: width;
	-moz-transition-property: width;
	transition-property: width;
	-webkit-transition-duration: 0.5s, 0.5s;
	-moz-transition-duration: 0.5s, 0.5s;
	transition-duration: 0.5s, 0.5s; 
	-webkit-transition-timing function: linear, ease-in;
	-moz-transition-timing function: linear, ease-in; 
	transition-timing function: linear, ease-in;
	margin-bottom:0px;
}

    .one-half,
	.one-third,
	.two-third,
	.one-fourth,
	.two-fourth,
	.three-fourth,
	.one-fifth,
	.two-fifth,
	.three-fifth,
	.four-fifth{
        float: left;
        margin-right:0px;
    }
    .one-half.last,
	.one-third.last,
	.two-third.last,
	.one-fourth.last,
	.two-fourth.last,
	.three-fourth.last,
	.one-fifth.last,
	.two-fifth.last,
	.three-fifth.last,
	.four-fifth.last
	{ margin-right: 0px; }
	
    .one-half { width: 450px; }
    .one-third { width: 331px; }
        .two-third { width: 605px; }
    .one-fourth { width: 314px; margin-right:0px!important; }
        .two-fourth { width: 450px; }
        .three-fourth { width: 590px; padding:45px; }
    .one-fifth { width: 168px; }
   		.two-fifth { width: 356px; }
   		.three-fifth { width: 544px; }
   		.four-fifth { width: 730px; }

	
    #page_content .one-half { width: 332px; }
    #page_content .one-third { width: 215px; }
        #page_content .two-third { width: 450px; }
    #page_content .one-fourth { width: 156px; }
        #page_content .two-fourth { width: 332px; }
        #page_content .three-fourth { width: 509px; }
    #page_content .one-fifth { width: 121px; }
   		#page_content .two-fifth { width: 262px; }
   		#page_content .three-fifth { width: 403px; }
   		#page_content .four-fifth { width: 544px; }
   		
   		
   		
   	.category #page_content, .archive #content {
	    f
   	}
		
   	#page_content {
	   	line-height: 24px;
   	}
   	
   	#page_content a {
	   	color: #4AA502;
   	}
   	
   	#page_content a:hover {
	   	text-decoration: underline;
   	}

/*
////////////////////////////////////////////////////////////////////////////////////////////// 

	FOOTER

//////////////////////////////////////////////////////////////////////////////////////////////
*/


#sticky {
    background: url("images/sticky-footer.png") no-repeat scroll 0 0 transparent;
    height: 112px;
    margin-top: -85px;
    width: 2000px;
    display: block;
	position: fixed;
	width: 100%;
	bottom: 0;
	left: 0;
	margin-bottom: 0;
	background-position: center bottom!important;
}

#stickycontent {color:#fff;
	font-family: 'Muli', sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size:16px; 
	width:995px;
	margin: 0 auto;
	text-align: center;
	padding-top:60px;
	
}

.stickyword a {font-family: 'Muli', sans-serif!important;
	text-transform: uppercase!important;
	letter-spacing: 1px!important;
	font-size:16px!important;
	padding:15px!important;
	
}


.stickyword {padding:0 75px;
	display: inline;
	
}

#footer-logo {background:url(images/footer-logo.png) no-repeat;
	height:22px;
	width:176px;
	float:right;
}

#footer{background:#FAFAFA; height:150px;
}

#footer .color_gap{
	height:10px;
}
#footer .content{
	margin:0 auto;
	padding:20px 20px 5px 10px;
	width:100%;
	max-width:965px;
	min-height: 0px;
	position:relative;
	background:#262626;
		-webkit-box-shadow:0 3px 4px 1px #000;
	 -khtml-box-shadow:0 3px 4px 1px #000;
	   -moz-box-shadow:0 3px 4px 1px #000;
	     -o-box-shadow:0 3px 4px 1px #000;
	        box-shadow:0 3px 4px 1px #000;
}

#footer a{ color:#fff;
	font-family: 'Quattrocento Sans', sans-serif;
	text-transform: lowercase;
	letter-spacing: 0.5px;
	font-size:12px;
	-webkit-transition: all 0.3s ease;  /* Saf3.2+, Chrome */
	   -moz-transition: all 0.3s ease;  /* FF4+ */
		-ms-transition: all 0.3s ease;  /* IE10 */
		 -o-transition: all 0.3s ease;  /* Opera 10.5+ */
			transition: all 0.3s ease;
	cursor: default;
}

.footer-divider:after {color:#fff;
content: "|";
padding-left:10px;
text-decoration:none!important;
}


	/* Logo Bottom */
	#logo_bottom{
		float:right;
		margin-right:0px;
	}

	/* menu_copyright */
	#menu_copyright{
		float:left;
		font-size:12px;
	}

	/* bt_navigation */
	#bt_navigation{
		clear:both;
	}
	#bt_navigation li{
		padding:0 5px;
		display:inline;
	}
	#bt_navigation li a{ font-size:13px;}

	/* bt_social_networks */
	.bt_social_networks{
		float:left;
		clear:both;
	}
	.bt_social_networks li{
		padding:0 5px;
		display:inline;
	}

	/* network_counters */
	.network_counters{
		position:absolute;
		top:20px;
		right:0;
	}
	.network_counters .twitter_counter a{
		background:url(../images/twitter_counter.png) no-repeat left 50%;
		display:block;
		height:36px;
		margin-bottom:15px;
		padding:2px 0 0 46px;
		line-height:16px;
		font-weight:bold;
	}
	.network_counters .twitter_counter a .number{
		display:block; clear:both;
	}
	.network_counters .rss_counter a{
		background:url(../images/rss_counter.png) no-repeat left 50%;
		display:block;
		height:36px;
		margin-bottom:15px;
		padding:2px 0 0 46px;
		line-height:16px;
		font-weight:bold;
	}
	.network_counters .rss_counter a .number{
		display:block; clear:both;
	}



/*
////////////////////////////////////////////////////////////////////////////////////////////// 

	SHORTCODES AND WIDGETS

//////////////////////////////////////////////////////////////////////////////////////////////
*/

    /*  Blockquotes  */
    blockquote{
		clear:both;
		font-size:1.5em;
		/*  font-style:italic; */
		line-height:1.4em;
		margin:20px 0 20px 54px;
		quotes:"\201C""\201D";
		position: relative;
    }
    
    blockquote:before{
		content:open-quote;
		font-size:5em;
		line-height:.1em;
		margin-right:.25em;
		vertical-align:-0.5em;
		display:block;
		position: absolute;
		top: 40px;
		left: -50px;
		opacity: 0.5;
		width: 50px;
    }

    blockquote p{position: relative; padding:5px 0; margin:0; }
    blockquote small, blockquote cite, blockquote small a, blockquote cite a, blockquote a small, blockquote a cite{font-size: 12px;}
	
	#quote_wrap{ 
	margin:20px 0 0 0; padding:0 10px;
	display:block;
	}
	#sidebar #quote_wrap blockquote{
		font-size:16px;
	}
	
/* ------------ FLICKR
*/
#flickr_badge_wrapper{
    padding:10px 0 0 0;
}
#flickr_badge_wrapper a{
    display:block; float:left;
    margin:0 5px 10px 5px;
    /* CSS3 SHADOW */
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
       -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
         -o-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
            box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
}
#footer #flickr_badge_wrapper a{
    margin:0 8px 10px 5px;
}
#flickr_badge_wrapper img{
    width:58px; height:58px;
}

/* ------------ Twitter widget
*/
.twitter_update{
    font-style:italic;
	margin:0; padding:0;
}
.twitter_update li{
	margin:0 0 10px 0 !important; padding:0 0 10px 0 !important;
	background:url(../images/list_separator.png) repeat-x left bottom;
}
.twitter_update span{
    display:block;
    font-style:normal;
}

.twitter_update .twit_avatar{
    float: left;
	margin-right: 10px;
	width: 40px;
}
.twitter_update .twit_status{
	clear:right;
}
.twitter_update li a{
	display:inline !important;
	padding:0 !important;
}

#twitter_update_list_bt li {
    background:url(../images/twitter_icon.png) no-repeat left 50%;
    list-style: none;
	padding-left:40px;
}
#twitter_update_list_bt li a{
	padding:3px !important;
}
#twitter_update_list_bt li a:hover{
	background:#fff;
}

#twitter_update_list_bt .twit_avatar{
   display:none;
}
#twitter_update_list_bt .twit_date{
   font-size:12px;
}


#sidebar blockquote{
		clear:both;
		font-size:12px;
		/*  font-style:italic; */
		margin:0px;
		quotes:"\201C""\201D";
		position: relative;
    }
    
#sidebar blockquote p {color:#929292;}
    
#sidebar blockquote:before{
		content:none;
		font-size:5em;
		line-height:.1em;
		margin-right:0em;
		vertical-align:-0.5em;
		display:block;
		position: absolute;
		top: 40px;
		left:0px;
		opacity: 0.5;
		width: 50px;
    }
    
#sidebar #quote_wrap{ 
	margin:0px; padding:0px;
	display:block;
	}

#sidebar {padding-top:15px;
}

.single #sidebar, .archive #sidebar, .category #sidebar, .page-template-template-blog-php #sidebar {
	padding-top:47px;
}

#sidebar .textwidget {font-size:12px;line-height: 14px;}

#sidebar ul{
	list-style:none;
	margin:10px 0 20px 0; padding:0;
}
#sidebar li{
	padding-bottom:10px;
	margin-bottom:5px;
}
 
#sidebar .widget {background:url(../images/list_separator.png) repeat-x left bottom;}

#sidebar #testimonialsidebar-2, #testimonialsidebar-5, #testimonialsidebar-4, #testimonialsidebar-3, #testimonialsidebar-6, #testimonialsidebar-7  {
	background: none !important;
	height: 200px;
}

#sidebar .widget_nav_menu {padding: 0px 25px 5px 25px!important;
}


#sidebar .widget_nav_menu a {font-size:20px;
	background:url(images/arrow-btn.png) no-repeat top right;
	display:block;
	height:21px;
	padding:10px 30px 10px 0px;
}

#sidebar .widget_nav_menu a:hover {
	background:url(images/arrow-btn.png) no-repeat bottom right;
	height:21px;
}

#sidebar .widget_nav_menu li {padding: 8px 0px 8px 0px;
	height:40px;
}


/* ------------ Case Study Sidebar
*/



/* ------------ RECENT POST
*/
#widget_post_list{ padding-top:10px; }
#widget_post_list li{
	list-style:none;
	background:url(../images/list_separator.png) repeat-x left bottom;
	padding:0 0 5px 0;
	margin-bottom:15px;
}
#footer #widget_post_list li{
	border-bottom:1px dashed #454545 !important;
}
#widget_post_list li:last-child{
	margin-bottom:0px;
}
#widget_post_list .widget_post_list-thumbnail{
	margin-right:15px;
	float:left;
}
#widget_post_list .widget_post_list-thumbnail a,
#widget_post_list .widget_post_list-thumbnail img{
	display:block;
}
#widget_post_list .widget_post_list-thumbnail img{
	width:50px; height:50px;
}
#widget_post_list .widget_post_list-infos h5{ margin-bottom:5px; }
#widget_post_list .widget_post_list-infos p{ margin-bottom:0px; }


/* ------------ TWITTER POST
*/
.twitter-tweet-rendered{max-width:100%!important;}
.twt-border {
max-width: 100%!important;
min-width: 100%!important;
_width: 100%!important;
}

/*
-------------------------- { share_bar }
*/
.share_bar{
	padding:0;
	margin:0px;
}
.share_bar span{
	text-align:center;
	display:block; float:left;
	margin:0 18px 0px 0px;
}

/* ------------ Tags
*/
.tagcloud a {
	font-size:12px !important;
    display: block;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
}

/*
-------------------------- { ABOUT THE AUTHOR }
*/
#author-info{
	border-top: 5px solid #EDEDED;
	padding: 10px;
	background: #FAFAFA;
	border-bottom: 5px solid #EDEDED;
	margin-bottom:20px;
}
#author-image{
	float: left;
	margin: 0 20px 0 0;
}

/*
-------------------------- { search_form }
*/
#search_form{
	color: #444 !important;
	font-size: 11px;
	width: 100%; height:36px;
	margin-bottom:20px;
}
#search_form .field{
	display: block;
	float: left;
	width: 85%;
}
#search_form .field input{
	display: block;
	float: left;
	width: 85%;
	border:1px solid #d4d4d4;
	background:#F6F6F6;
	color:#666;
	padding:8px;
/* CSS3 ROUND CORNER */
	-webkit-border-radius:		3px 3px 3px 3px;
	 -khtml-border-radius:		3px 3px 3px 3px;
	   -moz-border-radius:		3px 3px 3px 3px;
	     -o-border-radius:		3px 3px 3px 3px;
	        border-radius:		3px 3px 3px 3px;
	/* CSS3 SHADOW */
	-webkit-box-shadow: inset 1px 1px 0px 0px rgba(0, 0, 0, 0.1), 0px 0px 5px 0px rgba(0, 0, 0, 0.05);
	   -moz-box-shadow: inset 1px 1px 0px 0px rgba(0, 0, 0, 0.1), 0px 0px 5px 0px rgba(0, 0, 0, 0.05);
	     -o-box-shadow: inset 1px 1px 0px 0px rgba(0, 0, 0, 0.1), 0px 0px 5px 0px rgba(0, 0, 0, 0.05);
	        box-shadow: inset 1px 1px 0px 0px rgba(0, 0, 0, 0.1), 0px 0px 5px 0px rgba(0, 0, 0, 0.05);
	/* CSS3 Tranistion */
	-webkit-transition: all 0.3s ease;  /* Saf3.2+, Chrome */
	   -moz-transition: all 0.3s ease;  /* FF4+ */
		-ms-transition: all 0.3s ease;  /* IE10 */
		 -o-transition: all 0.3s ease;  /* Opera 10.5+ */
			transition: all 0.3s ease;
}
#search_form .button_search{
	background:url(../images/search_icon.png) no-repeat left 50%;
	display: block;
	float: right;
	width: 100%;
	height: 40px;
	cursor: pointer;
	max-width: 30px;
	margin-right: 1px;
}
#search_form .button_search input{
	background:none; border:none;
	display:block; float:left;
	width: 100%; height:36px;
	text-indent:-9999px;
	cursor:pointer;
}



/*
-------------------------- { NOTIFICATION BLOCKS }
*/
.notification_title{
	background:url(../images/notification_title.jpg) repeat-x;
	line-height:34px;
	height:34px;
	border:1px solid #e0e0e0;
	border-width:1px 1px 1px 0;
	font-size:16px;
	margin:0;
	padding:0 0 0 10px;
	/* CSS3 ROUND CORNER */
	-webkit-border-radius:		0px 5px 5px 0px;
	 -khtml-border-radius:		0px 5px 5px 0px;
	   -moz-border-radius:		0px 5px 5px 0px;
	     -o-border-radius:		0px 5px 5px 0px;
	        border-radius:		0px 5px 5px 0px;
}
.notification_block{
	padding:0 0 0 40px;
	margin-bottom:20px;
}
.notification_text{
	background:url(../images/notification_text.png) repeat;
	line-height:24px;
	padding:0 10px; margin:0 5px 0 1px;
	font-size:11px;
	/* CSS3 SHADOW */
	-webkit-box-shadow: 	0px 1px 2px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 		0px 1px 2px 0px rgba(0, 0, 0, 0.3);
	-o-box-shadow: 			0px 1px 2px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 			0px 1px 2px 0px rgba(0, 0, 0, 0.3);
}
.notification_block.success{ background:url(../images/notification_valid.png) no-repeat left top;}
.notification_block.error{ background:url(../images/notification_error.png) no-repeat left top;}
.notification_block.warning{ background:url(../images/notification_warning.png) no-repeat left top;}
.notification_block.infos{ background:url(../images/notification_infos.png) no-repeat left top;}

.grid_1_1 {
		margin:0 auto; 
		padding:50px;
	width:100%;
	width:890px;
		-webkit-box-shadow:0 0px 4px 1px #5a5a5a;
	 -khtml-box-shadow:0 0px 4px 1px #5a5a5a;
	   -moz-box-shadow:0 0px 4px 1px #5a5a5a;
	     -o-box-shadow:0 -2px 4px 1px #5a5a5a;
	        box-shadow:0 0px 4px 1px #5a5a5a;
	background-color:#E5E5E5;
	min-height:450px;
}

.stretched {background-color:#FAFAFA;}

	/* 
	--------------------------------------- [ TABS ] */
	.tabs {
		margin: 0 !important;
		padding: 0 !important;
		float: left;
		list-style: none;
		height: 31px; /*--Set height of tabs--*/
		border-left: 1px solid #101010;
		width: 100%;
	}
	ul.tabs li {
		background:#101010;
		float: left;
		display:block;
		margin: 0;
		padding: 0;
		height: 31px; /*--Subtract 1px from the height of the unordered list--*/
		line-height: 31px; /*--Vertically aligns the text within the tab--*/
		
		cursor:pointer;
		border-left: none;
		border-bottom: none;
		margin-bottom: -1px; /*--Pull the list item down 1px--*/
		overflow: hidden;
		position: relative;
	}
	ul.tabs li a {
		text-decoration: none;
		display: block;
		padding: 0 20px;
		outline: none;
		background: #101010;
		border-bottom: 1px solid #101010;
		color:#e9e9e9 !important;
	}
	ul.tabs li a:hover {
		color:#FFF;
		border-bottom: 1px solid #101010 !important;
	}
	a.selected  { /*--Makes sure that the active tab does not listen to the hover properties--*/
		background: #555 !important;
		color:#FFF !important;
		border-bottom: 1px solid #101010;
		height: 32px !important;
		display:block;
	}
	
	ul.tabs li a:hover {
		background: #333;
		color:#FFF !important;
		border-bottom: 1px solid #101010;
	}
	.panes {
		border: 1px solid #dedede;
		overflow: hidden;
		clear: both;
		float: left; width: 100%;
		background: #e9e9e9;
	}
	.tab-content{
		padding: 20px;
		display:none;
	}
	#tab_1.tab-content{
		padding: 20px;
		display:block;
	}

	/* 
	--------------------------------------- [ SLIDER ] */
	.main_view {
		position: relative;
		border:1px solid #101010;
	}
	.window {
		overflow: hidden; /*--Hides anything outside of the set width/height--*/
		position: relative;
	}
	.image_reel {
		position: absolute;
		top: 0; left: 0;
	}
	.image_reel img {float: left;}
	
	/*--Paging Styles--*/
	.paging {
		position: absolute;
		bottom: 4px; right: 4px;
		z-index: 100; /*--Assures the paging stays on the top layer--*/
		text-align: center;
		line-height: 20px;
		display: none; /*--Hidden by default, will be later shown with jQuery--*/
	}
	.paging a {
		background: #101010;
		padding: 5px 6px;
		cursor:pointer;
		text-decoration: none;
		color: #FFF;
		font-size:11px;
	}
	.paging a.active {
		background: #FFF;
		color:#101010 !important;
	}
	.paging a:hover {}

	/* 
	--------------------------------------- [ ACCORDION ] */
    
	.accordion .over {
		background: #222 !important;
		color:#FFF !important;
		}
		.accordion .on {
		background: #333 !important;
		color:#FFF !important;
		}
	.accordion h5{ color:#FFF !important; margin-bottom:0 !important; padding:0;}
	.accordion .accordionButton {
		background: #181818;
		border-bottom: 1px solid #000;
		border-top: 1px solid #222;
		cursor: pointer;
		padding:5px 10px;
		color:#e9e9e9 !important;
		}
		
	.accordion .accordionContent {
		background: #e9e9e9;
		border-bottom: 1px solid #dedede;
		padding: 20px;
		}

	/* 
	--------------------------------------- [ TOGGLER ] */
	.toggler .plus_minus{ background:url(../images/plus_minus.png) no-repeat right 2px; padding:5px;}
	.toggler .minus_plus{ background:url(../images/minus_plus.png) no-repeat right 2px !important; padding:5px;}
	
	/* 
	--------------------------------------- [ FAQ ] */
	.faq{
		padding:10px;
		margin:0 20px;
		display:block;
		border-bottom:1px dotted #d4d4d4;
	}
	.faq_question{
		margin-bottom:0;
	}
	.faq_answer{
		padding:10px 10px 0 10px;
		display:block;
		height:100%;
	}


	/* 
	--------------------------------------- [ TOP ] */
	.go_top_short{
		border-bottom: 1px solid rgba(0, 0, 0, 0.3);
		text-align:right;
		padding:0;
	}
	.go_top_short a{
		padding:0px 4px;
		font-size:9px;
		text-transform:uppercase;
		float:right;
		display:block;
	}




/*
------------------- { Pre Code
*/
	pre, code{
		font-family:"Courier New", Courier, monospace;
		color:#444;
	}
	pre {
	font-size: 12px;
	margin: 10px auto 20px auto;
	background:url(../images/pre_bg.jpg) repeat left top;
	border:1px solid;
	border-color:#C4C4C4 #dedede #dedede #C4C4C4;
	line-height: 18px;
	width: 100%;
	overflow: auto; 
	overflow-Y: hidden;
	}
	pre.html{ border-color:#ccc #e9e9e9 #e9e9e9 #ffe4c6; border-width:1px 1px 1px 5px;}
	pre.php{ border-color:#ccc #e9e9e9 #e9e9e9 #c4ddff; border-width:1px 1px 1px 5px;}
	pre.css{ border-color:#ccc #e9e9e9 #e9e9e9 #eeffc6; border-width:1px 1px 1px 5px;}
	pre.javascript{ border-color:#ccc #e9e9e9 #e9e9e9 #ffc6c6; border-width:1px 1px 1px 5px;}
	
	pre code {
		margin: 0 0 0 15px;  /*--Left Margin--*/
		padding: 0 0;
		display: block;
	}
	
	
/* 
	--------------------------------------- [ HIGHLIGHTED TEXT ] */
	.highlight_yellow {
		background:#FC0; color:#000;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		text-shadow: none;
		padding: 3px;
		margin: 0px 4px 0px 2px;
	}
	.highlight_blue {
		background:#BDE5F8; color:#00529B;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		text-shadow: none;
		padding: 3px;
		margin: 0px 4px 0px 2px;
	}
	.highlight_pink {
		background:#F06; color:#FFF;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		text-shadow: none;
		padding: 3px;
		margin: 0px 4px 0px 2px;
	}
	.highlight_red {
		background:#F00; color:#FFF;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		text-shadow: none;
		padding: 3px;
		margin: 0px 4px 0px 2px;
	}
	.highlight_green {
		background:#6C0; color:#FFF;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		text-shadow: none;
		padding: 3px;
		margin: 0px 4px 0px 2px;
	}
	/* 
	--------------------------------------- [ LIST TYPES ] */
	ul.square{
		margin-bottom: 20px;
	}
	ul.square li {
		list-style-type: square;
		list-style-position: inherit;
		padding-left: 20px;
		margin-left: 20px;
	}
	ul.circle{
		margin-bottom: 20px;
	}
	ul.circle li {
		list-style-type: circle;
		list-style-position: inherit;
		padding-left: 20px;
		margin-left: 20px;
	}
	ul.numbered{
		margin-bottom: 20px;
	}
	ul.numbered li {
		list-style-type: decimal;
		list-style-position: inherit;
		padding-left: 17px;
		margin-left: 23px;
	}
	
	/* 
	--------------------------------------- [ IMAGE ALIGN ] */
	.img_left{
		float:left;
		margin:4px 15px 0 0;
	}
	.img_right{
		float:right;
		margin:4px 0 0 15px;
	}
	
	/* 
	--------------------------------------- [ GO TOP ] */
	.go_top_short{
		display:block; width:100%;
		text-align:right;
		border-bottom:1px solid #e2e2e2;
		margin:10px 0;
	}
	.go_top_short a{ color:#aaa;}
	.go_top_short a:hover{ color:#666;}
	/* 
	--------------------------------------- [ DROPCAP ] */
	.dropcap{
		float:left;
		font-size:40px;
		line-height:0px;
		margin:5px 0px 0 0; padding:18px 5px 5px 5px;
		font-weight:bold;
	}
	.dropcap2{
		background:#000;
		color:#fff !important;
		float:left;
		font-size:30px;
		line-height:40px;
		margin:0 5px 0 0;
		text-align:center;
		border-radius: 50%;
  		width: 40px;
  		height: 40px;
		font-weight:bold;
	}
	.dropcap3{
		float:left;
		font-size:80px;
		line-height:60px;
		margin:0 5px 0 0;
		text-align:center;
		font-weight:bold;
	}
	
	/* 
	--------------------------------------- [ PULL QUOTES ] */
	.pullquote{
		float: left;
		width: 200px;
		padding: 10px 15px; margin:10px 15px 10px 0;
		border-right: 5px solid #d4d4d4;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-style:italic;
		color:#666;
		background:#f9f9f9;
	}
	.pullquote_right{
		float: right;
		width: 200px;
		padding: 10px 15px; margin:10px 0 10px 15px;
		border-left: 5px solid #d4d4d4;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-style:italic;
		color:#666;
		background:#f9f9f9;
	}
	/* 
	--------------------------------------- [ BREAK and SEPARATORS ] */
	.break{
		display:block;
		clear:both;
		height:30px;
	}
	.break_line{
		background:#f9f9f9;
		border-bottom:1px solid #e2e2e2;
		display:block;
		clear:both;
		height:5px;
		margin:10px 20px;
	}
	

	/* 
	--------------------------------------- [ IMAGES FRAMED ] */
	.framed{
		padding:5px;
		color: #999;
		background: #F9F9F9;
		border: 1px solid #E9E9E9;
		-webkit-border-radius: 3px 3px 3px 3px;
		-khtml-border-radius: 3px 3px 3px 3px;
		-moz-border-radius: 3px 3px 3px 3px;
		-o-border-radius: 3px 3px 3px 3px;
		border-radius: 3px 3px 3px 3px;
		-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
		-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
		-o-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
		box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
	}
	.framed_left{
		float:left;
		margin:0 20px 0 0;
		padding:5px;
		color: #999;
		background: #F9F9F9;
		border: 1px solid #E9E9E9;
		-webkit-border-radius: 3px 3px 3px 3px;
		-khtml-border-radius: 3px 3px 3px 3px;
		-moz-border-radius: 3px 3px 3px 3px;
		-o-border-radius: 3px 3px 3px 3px;
		border-radius: 3px 3px 3px 3px;
		-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
		-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
		-o-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
		box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
	}
	.framed_right{
		float:right;
		margin:0 0 0 20px;
		padding:5px;
		color: #999;
		background: #F9F9F9;
		border: 1px solid #E9E9E9;
		-webkit-border-radius: 3px 3px 3px 3px;
		-khtml-border-radius: 3px 3px 3px 3px;
		-moz-border-radius: 3px 3px 3px 3px;
		-o-border-radius: 3px 3px 3px 3px;
		border-radius: 3px 3px 3px 3px;
		-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
		-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
		-o-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
		box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
	}
	#sidebar .framed{
		padding:2px;
		color: #999;
		background: #F9F9F9;
		border: 1px solid #E9E9E9;
		-webkit-border-radius: 3px 3px 3px 3px;
		-khtml-border-radius: 3px 3px 3px 3px;
		-moz-border-radius: 3px 3px 3px 3px;
		-o-border-radius: 3px 3px 3px 3px;
		border-radius: 3px 3px 3px 3px;
		-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
		-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
		-o-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
		box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
	}
	
	
	/* 
	--------------------------------------- [ WP GALLERY ] */
	.gallery-item{
		float:left;
		margin:0 20px 0 0;
		padding:5px;
		color: #999;
		background: #F9F9F9;
		border: 1px solid #E9E9E9;
		-webkit-border-radius: 3px 3px 3px 3px;
		-khtml-border-radius: 3px 3px 3px 3px;
		-moz-border-radius: 3px 3px 3px 3px;
		-o-border-radius: 3px 3px 3px 3px;
		border-radius: 3px 3px 3px 3px;
		-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
		-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
		-o-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
		box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
	}
	


	
	/* 
	--------------------------------------- [ LISTs ] */

	.list_simple li{ list-style:square; background:none; padding:3px 0 3px 23px;}
	.list_arrow li{ list-style:none !important; background:url(../images/grey_small_arrow.png) no-repeat left 50%; padding:3px 0 3px 23px;}
	.list_square li{ list-style:none !important; background:url(../images/icons/list_square.png) no-repeat left 50%; padding:3px 0 3px 23px;}
	.list_type1 li{ list-style:none !important; background:url(../images/icons/user_business_boss.png) no-repeat left 50%; padding:3px 0 3px 23px;}
	.list_type2 li{ list-style:none !important; background:url(../images/icons/user_black_female.png) no-repeat left 50%; padding:3px 0 3px 23px;}
	.list_type3 li{ list-style:none !important; background:url(../images/icons/doc_music_playlist.png) no-repeat left 50%; padding:3px 0 3px 23px;}
	.list_type4 li{ list-style:none !important; background:url(../images/icons/clock.png) no-repeat left 50%; padding:3px 0 3px 23px;}
	.list_type5 li{ list-style:none !important; background:url(../images/icons/mobile_phone.png) no-repeat left 50%; padding:3px 0 3px 23px;}
	.list_type6 li{ list-style:none !important; background:url(../images/icons/key.png) no-repeat left 50%; padding:3px 0 3px 23px;}
	.list_type7 li{ list-style:none !important; background:url(../images/icons/medal_gold_1.png) no-repeat left 50%; padding:3px 0 3px 23px;}
	.list_type8 li{ list-style:none !important; background:url(../images/icons/link.png) no-repeat left 50%; padding:3px 0 3px 23px;}
	.list_type9 li{ list-style:none !important; background:url(../images/icons/money_euro.png) no-repeat left 50%; padding:3px 0 3px 23px;}
	.list_type10 li{ list-style:none !important; background:url(../images/icons/money_dollar.png) no-repeat left 50%; padding:3px 0 3px 23px;}
	.list_type11 li{ list-style:none !important; background:url(../images/icons/arrow_right.png) no-repeat left 50%; padding:3px 0 3px 23px;}
	.list_type12 li{ list-style:none !important; background:url(../images/icons/tag_blue.png) no-repeat left 50%; padding:3px 0 3px 23px;}
	.heart li{ list-style:none !important; background:url(../images/icons/heart-16.png) no-repeat left 48%; padding:3px 0 3px 23px; }
	.comment li{ list-style:none !important; background:url(../images/icons/comment-16.png) no-repeat left 48%; padding:3px 0 3px 23px;}
	.mail li{ list-style:none !important; background:url(../images/icons/email-16.png) no-repeat left 48%; padding:3px 0 3px 23px;}
	.user li{ list-style:none !important; background:url(../images/icons/person-16.png) no-repeat left 48%; padding:3px 0 3px 23px;}
	.redcross li{ list-style:none !important; background:url(../images/icons/cross-16.png) no-repeat left 48%; padding:3px 0 3px 23px;}
	.pencil li{ list-style:none !important; background:url(../images/icons/pencil-16.png) no-repeat left 48%; padding:3px 0 3px 23px;}
	.check li{ list-style:none !important; background:url(../images/icons/check-16.png) no-repeat left 48%; padding:3px 0 3px 23px;}
	.arrow-right li{ list-style:none !important; background:url(../images/icons/arrow-right-16.png) no-repeat left 48%; padding:3px 0 3px 23px;}
	.arrow-down li{ list-style:none !important; background:url(../images/icons/arrow-down-16.png) no-repeat left 48%; padding:3px 0 3px 23px;}
	.badgecheck li{ list-style:none !important; background:url(../images/icons/badge-circle-check-16.png) no-repeat left 48%; padding:3px 0 3px 23px;}
	.plus li{ list-style:none !important; background:url(../images/icons/plus-16.png) no-repeat left 48%; padding:3px 0 3px 23px;}
	.search_list_icon li{ list-style:none !important; background:url(../images/icons/search-16.png) no-repeat left 48%; padding:3px 0 3px 23px;}
	
	.icon_dcb_check li{ list-style:none !important; background:url(../images/icons/icon_dcb_check.png) no-repeat left 48%; padding:3px 0 3px 23px;}
	.icon_dcb_dl li{ list-style:none !important; background:url(../images/icons/icon_dcb_dl.png) no-repeat left 48%; padding:3px 0 3px 23px;}
	.icon_dcb_links li{ list-style:none !important; background:url(../images/icons/icon_dcb_links.png) no-repeat left 48%; padding:3px 0 3px 23px;}
	.icon_dcb_arrow li{ list-style:none !important; background:url(../images/icons/icon_dcb_arrow_right.png) no-repeat left 48%; padding:3px 0 3px 23px;}


	/* 
	--------------------------------------- [ BUTTONS ] */

	a.the_button{ display:block; float:left; color:#FFF !important; margin:0 5px;}
	a:hover.nice_button{ }
	a.the_button .linker{ background-position:left top;  display:block; float:left; padding:0 0 0 15px; height:39px; line-height:38px;}
	a.the_button .end{ background-position:right top !important;  display:block; float:left; width:15px; height:39px;}
	
	a.the_button.red .linker{background:url(../images/button_red.png) no-repeat;}
	a.the_button.red .end{background:url(../images/button_red.png) no-repeat;}
	a.the_button.red2 .linker{background:url(../images/button_red_light.png) no-repeat;}
	a.the_button.red2 .end{background:url(../images/button_red_light.png) no-repeat;}
	
	a.the_button.blue .linker{background:url(../images/button_blue.png) no-repeat;}
	a.the_button.blue .end{background:url(../images/button_blue.png) no-repeat;}
	a.the_button.blue2 .linker{background:url(../images/button_blue_light.png) no-repeat;}
	a.the_button.blue2 .end{background:url(../images/button_blue_light.png) no-repeat;}
	
	a.the_button.green .linker{background:url(../images/button_green.png) no-repeat;}
	a.the_button.green .end{background:url(../images/button_green.png) no-repeat;}
	a.the_button.green2 .linker{background:url(../images/button_green_light.png) no-repeat;}
	a.the_button.green2 .end{background:url(../images/button_green_light.png) no-repeat;}
	
	
	a.the_button.pink .linker{background:url(../images/button_pink.png) no-repeat;}
	a.the_button.pink .end{background:url(../images/button_pink.png) no-repeat;}
	a.the_button.pink2 .linker{background:url(../images/button_pink_light.png) no-repeat;}
	a.the_button.pink2 .end{background:url(../images/button_pink_light.png) no-repeat;}
	
	a.the_button.orange .linker{background:url(../images/button_orange.png) no-repeat;}
	a.the_button.orange .end{background:url(../images/button_orange.png) no-repeat;}
	a.the_button.orange2 .linker{background:url(../images/button_orange_light.png) no-repeat;}
	a.the_button.orange2 .end{background:url(../images/button_orange_light.png) no-repeat;}
	
	a.the_button.yellow .linker{ color:#000 !important; background:url(../images/button_yellow.png) no-repeat;}
	a.the_button.yellow .end{background:url(../images/button_yellow.png) no-repeat;}
	
	a.the_button.black .linker{background:url(../images/button_black.png) no-repeat;}
	a.the_button.black .end{background:url(../images/button_black.png) no-repeat;}
	a.the_button.black2 .linker{background:url(../images/button_black_light.png) no-repeat;}
	a.the_button.black2 .end{background:url(../images/button_black_light.png) no-repeat;}
	
	a.the_button.brown .linker{background:url(../images/button_brown.png) no-repeat;}
	a.the_button.brown .end{background:url(../images/button_brown.png) no-repeat;}
	a.the_button.brown2 .linker{background:url(../images/button_brown_light.png) no-repeat;}
	a.the_button.brown2 .end{background:url(../images/button_brown_light.png) no-repeat;}
	
	a.the_button.grey .linker{ color:#000 !important; background:url(../images/button_grey.png) no-repeat;}
	a.the_button.grey .end{background:url(../images/button_grey.png) no-repeat;}
	
	a:hover.the_button .linker{ background-position:left -51px; color:#FFF !important;}
	a:hover.the_button .end{ background-position:right -51px !important;}
	
	a:active.the_button .linker{ background-position:left bottom;}
	a:active.the_button .end{ background-position:right bottom !important;}


	/* 
	--------------------------------------- [ CALENDAR ] */
	/* calendar widget */
.widget_calendar {float: left;}
#wp-calendar {width: 100%; }
#wp-calendar caption { text-align: center; font-size: 14px; margin-top: 10px; margin-bottom: 5px; font-weight:bold; }
#wp-calendar thead { font-size: 10px; }
#wp-calendar thead th { padding-bottom: 10px; }
#wp-calendar tbody { color: #888; }
#wp-calendar tbody td { background: rgba(0, 0, 0, 0.1); border: 1px solid #333; text-align: center; padding:3px 8px;}
#wp-calendar tbody td a{ display:block; text-decoration:underline;}
#wp-calendar tbody td:hover { background: rgba(255, 255, 255, 0.1); }
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; }
#wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; }
#wp-calendar #today{ background:rgba(255, 255, 255, 0.2); color:#FFF; }



	/* 
	--------------------------------------- [ ARCHIVES WIDGET ] */
	
	.widget_archive{
	}
	.widget_archive li{
		text-align:right;
		list-style:none;
		background:url(../images/list_separator.png) repeat-x left bottom;
		padding:4px 0;
	}
	.widget_archive a{
		display:block;
		float:left;
		text-align:left;
	}

	/* 
	--------------------------------------- [ CATEGORIES WIDGET ] */
	
	.widget_categories{
	}
	.widget_categories li{
		text-align:right;
		list-style:none;
		background:url(../images/list_separator.png) repeat-x left bottom;
		padding:4px 0;
	}
	.widget_categories a{
		display:block;
		float:left;
		text-align:left;
	}



/*
////////////////////////////////////////////////////////////////////////////////////////////// 

	ARCHIVES

//////////////////////////////////////////////////////////////////////////////////////////////
*/
.archive_list{
}
.archive_list li{
	text-align:right;
	list-style:none;
	background:url(../images/list_separator.png) repeat-x left bottom;
	padding:4px 0;
}
.archive_list a{
	display:block;
	float:left;
	text-align:left;
}




/*
////////////////////////////////////////////////////////////////////////////////////////////// 

	SOCIAL NETWORKS

//////////////////////////////////////////////////////////////////////////////////////////////
*/
	.bt_social_networks li{ height:32px; display:inline-block; line-height:32px;
		/* CSS3 Tranistion */
	-webkit-transition: all 0.3s ease;  /* Saf3.2+, Chrome */
	   -moz-transition: all 0.3s ease;  /* FF4+ */
		-ms-transition: all 0.3s ease;  /* IE10 */
		 -o-transition: all 0.3s ease;  /* Opera 10.5+ */
			transition: all 0.3s ease;
	}
	.bt_social_networks a{ padding:0 0 0 26px; display:inline-block; }
	.bt_social_networks .facebook{		background: transparent url(../images/social/social_network_facebook.png) 0 0  no-repeat;}
	.bt_social_networks .twitter{		background: transparent url(../images/social/social_network_twitter.png) 0 0  no-repeat;}
	.bt_social_networks .linkedin{		background: transparent url(../images/social/social_network_linkedin.png) 0 0  no-repeat;}
	.bt_social_networks .youtube{		background: transparent url(../images/social/social_network_youtube.png) 0 0  no-repeat;}
	.bt_social_networks .vimeo{			background: transparent url(../images/social/social_network_vimeo.png) 0 0  no-repeat;}
	.bt_social_networks .dribbble{		background: transparent url(../images/social/social_network_dribbble.png) 0 0  no-repeat;}
	.bt_social_networks .envato{		background: transparent url(../images/social/social_network_envato.png) 0 0  no-repeat;}
	.bt_social_networks .myspace{		background: transparent url(../images/social/social_network_myspace.png) 0 0  no-repeat;}
	.bt_social_networks .googleplus{	background: transparent url(../images/social/social_network_googleplus.png) 0 0  no-repeat;}
	.bt_social_networks .devianart{		background: transparent url(../images/social/social_network_devianart.png) 0 0  no-repeat;}
	.bt_social_networks .behance{		background: transparent url(../images/social/social_network_behance.png) 0 0  no-repeat;}
	.bt_social_networks .skype{			background: transparent url(../images/social/social_network_skype.png) 0 0  no-repeat;}
	.bt_social_networks .tumblr{		background: transparent url(../images/social/social_network_tumblr.png) 0 0  no-repeat;}
	.bt_social_networks .flickr{		background: transparent url(../images/social/social_network_flickr.png) 0 0  no-repeat;}
	.bt_social_networks .digg{			background: transparent url(../images/social/social_network_diggk.png) 0 0  no-repeat;}
	
	.bt_social_networks  li:hover{background-position:0 -32px ;}
	
/*
////////////////////////////////////////////////////////////////////////////////////////////// 

	HOME

//////////////////////////////////////////////////////////////////////////////////////////////
*/

.home #main .content {min-height:200px!important; background: url("images/widget_sep.png") repeat-y #E5E5E5 center top}

.home #main {border-top:10px solid #373737;}

.home .gfont {font-family: 'Quattrocento Sans', sans-serif;
		font-size:28px;
	color:#4aa502;
	padding-bottom:10px;
}

.home #sidebar .widget {background:none;}

#sidebar .textwidget {font-size:13px; line-height: 18px;}

.gfont {font-family: 'Quattrocento Sans', sans-serif;
}

#main .widget {padding:0px 25px 25px 25px;}


.home #main .widget {padding:25px;}

#main .one-third {width:330px;
	border-right:2px solid transparent;
	background: #e5e5e5;
}

.noborder {border-right:0px!important;}

.green {background:url(images/green.png) no-repeat !important;
		padding-top:6px!important;
}

.greener {background:url(images/greener.png) no-repeat !important;
	padding-top:6px!important;
}

.greenest {background:url(images/greenest.png) no-repeat !important;
	padding-top:6px!important;
}

#search-form {float:right; background:url(images/search-bckgrnd.png); width: 167px; height: 25px; margin:5px 0px 0px 0px; }
	
	#search-form #searchinput { background: none; border: none; float: left; margin: 2px 7px 0 27px; width: 130px; padding-left: 0px; font-size: 13px; color: #c1c1c1; text-shadow: none; font-style: regular; }

input, textarea {
    font-family: font-family: 'Quattrocento Sans', sans-serif;
}
				
				#search-form #searchsubmit { margin-top: 0px; margin-right: 0px; }
				
#topright {position:relative;right:0px;}

#topright a {float:right; margin-top:2px;margin-left:5px;}

.clear {
clear: both;
}

/*
////////////////////////////////////////////////////////////////////////////////////////////// 

	TOOL TIPS

//////////////////////////////////////////////////////////////////////////////////////////////
*/

.tooltip {
  color: #000000; outline: none;
  cursor: help; text-decoration: none;
  position: relative;
}
.tooltip span {
  margin-left: -999em;
  position: absolute;
  text-transform: none;
  text-align: left;
  background:url(images/tooltip-bckgrnd.png) no-repeat;
  height:191px;
  padding:20px;
  font-style: italic;
  font-size:18px;
}

.plan {top: -12em!important;}
.align {top: -12.5em!important;}
.achieve {top: -13em!important;}

.tooltip:hover span {
  position: absolute;
  left: -1em;
  top: -11.5em;
  z-index: 99;
  margin-left: 0;
  width: 207px;
}
.tooltip:hover img {
  border: 0;
  margin: -10px 0 0 -55px;
  float: left;
  position: absolute;
}
.tooltip:hover em {
  font-size: 1.2em;
  display: block;
  padding: 0.2em 0 0.6em 0;
}
.classic { padding: 0.8em 1em; }
.custom { padding: 0.5em 0.8em 0.8em 2em; }
* html a:hover { background: transparent; }

