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

	Theme Name: Spreadr
	Theme URI: http://themeforest.net/user/Devilcantburn/portfolio
	Description: The ultimate Theme for your company.
	Version: 1.2
	Author: Devilcantburn
	License: GNU General Public License
	License URI: http://themeforest.net/wiki/support/legal-terms/licensing-terms/
	Author URI: http://themeforest.net/user/Devilcantburn
	Tags: flexible-width, theme-options, translation-ready, photoblogging, right-sidebar

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

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

	BODY

//////////////////////////////////////////////////////////////////////////////////////////////
*/
html {
	font-size: 100.1%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
body{
	background:#121212;
	color:#999;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 21px;
	margin:0; padding:0;
	-webkit-text-size-adjust: 100%;
}

.layout_boxed,
.layout_boxed #slider, .layout_boxed #main, .layout_boxed #footer, .layout_boxed #grey_bottom{
	max-width:960px; margin:0 auto;
}
.layout_boxed{
	margin-top: 90px;
	margin-bottom:30px;
		/* CSS3 SHADOW */
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
	   -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
	     -o-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
	        box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
}
.layout_boxed #slider{
	padding-top:0px;
}
.layout_boxed #illustration_page {
min-height: 0px;
padding-top: 0px;
background-attachment:scroll!important;
}
.layout_boxed #illustration_page .content {
padding: 0px 0 0px 0;
}
.layout_boxed #block_zone .content {
margin: 0 auto;
}
/*
////////////////////////////////////////////////////////////////////////////////////////////// 

	LINKS

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

a{
text-decoration:none;
  -webkit-transition: all 0.4s ease;  /* Saf3.2+, Chrome */
     -moz-transition: all 0.4s ease;  /* FF4+ */
       -o-transition: all 0.4s ease;  /* Opera 10.5+ */
          transition: all 0.4s ease;
}

a:active, a:visited{}

a{}
a:hover{ color:#999; }


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

	HEADINGS

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

h1, h2, h3, h4, h5, h6{
	-webkit-font-smoothing: antialiased;
	color:#f0f0f0;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
}

h1{
	font-size:48px;
	line-height:60px;
	margin-bottom:10px;
}
h2{
	font-size:34px;
	line-height:39px;
	margin-bottom:10px;
}
h3{
	font-size:30px;
	line-height:30px;
	margin-bottom:10px;
}
h4{
	font-size:18px;
	line-height:24px;
	margin-bottom:10px;
}
h5{
	font-size:13px;
	line-height:19px;
	margin-bottom:3px;
}
h6{
	font-size:11px;
	line-height:17px;
	margin-bottom:5px;
}

.small_titles{
	font-size:18px;
}
.small_titles span{
	background:#f8f8f8;
	padding:0 20px 0 0;
}
	

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

	TYPOGRAPHY

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

#main p{ margin-bottom:20px; }
strong{ font-weight:bold; }
small{ font-size:85%;}



.wrap_header{
	position:fixed;
	top:0;
	left:0;
	z-index:10000;
	width:100%;
	/* CSS3 SHADOW */
	-webkit-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.8);
	   -moz-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.8);
	     -o-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.8);
	        box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.8);
}
/*
////////////////////////////////////////////////////////////////////////////////////////////// 

	SLIDE ZONE

//////////////////////////////////////////////////////////////////////////////////////////////
*/
#slide_zone{
	background:#1c1c1c;
}
#slide_zone .content{
	border-bottom:4px solid;
	width:100%;
	max-width:960px;
	margin:0 auto;
	position:relative;
}
#slide_zone .content .active,
#slide_zone .content .opener{
	position:absolute;
	bottom:-22px;
	left:50%;
	z-index:11000;
	margin-left:-16px;
	width:33px;
	height:18px;
	text-indent:-9999px;
	cursor:pointer;
}
#slide_zone .content .active{ display:none; 
	z-index:11001;}
#slide_zone .content .slide_zone_panel{
	padding:20px 0;
	display:none;
}


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

	HEADER

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

#header{
	background:#121212;
	width:100%;
}

#header .content{
	background:#121212;
	margin:0 auto;
	max-width:960px;
	position:relative;
	width:100%;
	z-index:10000;
}

/* Social Links */
#header .slogan{
	color:#000;
	color:rgba(0, 0, 0, 0.5);
	font-weight:bold;
	line-height:16px;
	position:absolute;
	left:20px;
	top:30px;
}

/* Social Links */
#social_links{
	height:64px;
	width:50px;
	position:absolute;
	right:51px;
	top:0px;
}
#social_links a.opener{
	background:url(images/share_top_icon.png) no-repeat center center;
	width:50px; height:63px;
	display:block;
	text-indent:-9999px;
	border-bottom:4px solid transparent;
	cursor:pointer;
}
#social_links a.opener:hover{
	 background:rgba(255, 255, 255, 0.05) url(images/share_top_icon.png) no-repeat center center;
	border-bottom:4px solid rgba(255, 255, 255, 0.2);
}

#social_links a.opener.close{
	background:url(images/closeB.png) no-repeat center 50%;
}

#social_links ul{ list-style:none; margin:0; padding:0; position:absolute; top:74px; left:10px; display:none;}
#social_links ul:before{
	content:"";
	width:0; height:0;
	position:absolute;
	top:-6px;
	left:50%;
	margin-left:-6px;
	border-bottom:6px solid #171717;
	border-left:6px solid transparent;
	border-right:6px solid transparent;
}
#social_links ul li{
	background:#171717;
	display:block;
	width:32px; height:32px;
	line-height:32px;
}
#social_links ul li a{
	display:block; float:left;
	width:32px; height:32px;
	line-height:32px;
	border:none;
	margin-bottom:0;
}
#social_links ul li a span{
	background:#171717;
	color:#FFF;
	display:block;
	position:absolute;
	right:40px;
	height:32px;
	line-height:32px;
	padding:0 8px;
	text-transform:uppercase;
	font-size:9px;
	letter-spacing:2px;
}
#social_links ul li.vimeo a{ background:url(images/icons/social_top/social_network_vimeo.png) no-repeat right 50%; }
#social_links ul li.twitter a{ background:url(images/icons/social_top/social_network_twitter.png) no-repeat right 50%; }
#social_links ul li.behance a{ background:url(images/icons/social_top/social_network_behance.png) no-repeat right 50%; }
#social_links ul li.envato a{ background:url(images/icons/social_top/social_network_envato.png) no-repeat right 50%; }
#social_links ul li.googlePlus a{ background:url(images/icons/social_top/social_network_googleplus.png) no-repeat right 50%; }
#social_links ul li.linkedin a{ background:url(images/icons/social_top/social_network_linkedin.png) no-repeat right 50%; }
#social_links ul li.facebook a{ background:url(images/icons/social_top/social_network_facebook.png) no-repeat right 50%; }
#social_links ul li.myspace a{ background:url(images/icons/social_top/social_network_myspace.png) no-repeat right 50%; }
#social_links ul li.dribbble a{ background:url(images/icons/social_top/social_network_dribbble.png) no-repeat right 50%; }
#social_links ul li.youtube a{ background:url(images/icons/social_top/social_network_youtube.png) no-repeat right 50%; }
#social_links ul li.deviantart a{ background:url(images/icons/social_top/social_network_deviantart.png) no-repeat right 50%; }
#social_links ul li.flickr a{ background:url(images/icons/social_top/social_network_flickr.png) no-repeat right 50%; }
#social_links ul li.pinterest a{ background:url(images/icons/social_top/social_network_pinterest.png) no-repeat right 50%; }
#social_links ul li.instagram a{ background:url(images/icons/social_top/social_network_instagram.png) no-repeat right 50%; }
#social_links ul li.tumblr a{ background:url(images/icons/social_top/social_network_tumblr.png) no-repeat right 50%; }
#social_links ul li.digg a{ background:url(images/icons/social_top/social_network_digg.png) no-repeat right 50%; }
#social_links ul li.skype a{ background:url(images/icons/social_top/social_network_skype.png) no-repeat right 50%; }



/* Logo */
#header_logo{
	float:left;
	padding-top:10px;
	padding-left:20px;
}

/* Navigation */
#navigation{
	position:absolute;
	right:101px;
	bottom:0;
}

#navigation ul{ list-style:none; margin:0; padding:0;}
#navigation ul li{
	display:block; float:left;
	position:relative;
	border-bottom:4px solid transparent;
	  -webkit-transition: all 0.4s ease;  /* Saf3.2+, Chrome */
     -moz-transition: all 0.4s ease;  /* FF4+ */
       -o-transition: all 0.4s ease;  /* Opera 10.5+ */
          transition: all 0.4s ease;
}
#navigation ul li:hover{border-bottom:4px solid rgba(255, 255, 255, 0.2);}
#navigation ul li a{ color:#fff; font-weight:bold; font-size:13px; padding:0px 12px; display:block; line-height:63px; text-shadow:none;}
#navigation ul li a:hover{ color:#fff; background:rgba(255, 255, 255, 0.05);}
#navigation ul li.current-menu-item a{ color:#fff; background:rgba(255, 255, 255, 0.05); }

#navigation ul li:hover ul{display:block;}
#navigation ul ul{ list-style:none; margin:0; padding:0;
display:none;
position:absolute;
top:67px;
left:0;
z-index:9000;
width:160px;
}
#navigation ul ul li{
	display:block; float:none;
	border-bottom:1px solid rgba(255, 255, 255, 0.2);
}
#navigation ul ul li:hover{ border-bottom:1px solid rgba(255, 255, 255, 0.6) !important; }
#navigation ul ul li a{ color:#fff; font-weight:normal; font-size:13px; padding:6px 10px; display:block; line-height:21px; text-shadow:none; display:block;}


/* MOBILE NAV */

#header nav .select-drop,
#header nav select{
	display:none;
}

#header nav .select-drop{
	background:url(images/select-drop.png) no-repeat center center;
	overflow: hidden;
	float:left;
	outline:none;
	padding:0px;
	font-size:13px;
	width:50px; height:69px;
	margin:0;
	position:absolute;
	right:0px;
	bottom:0;
	cursor:pointer;
}
#header nav select{
	background: transparent !important;
	color:#ddd;
	text-shadow:#000 1px 1px 1px;
   width: 100%;
   font-size: 13px;
   border:none;
   -webkit-appearance: none;
   outline:none;
   padding-left:50px; height:69px;
	cursor:pointer;
}



/* SEARCH TOP */
#search_top{
	position:absolute;
	right:0px;
	top:0;
	width:50px; height:63px;
}
#search_top a.opener{
	background:url(images/search_top_icon.png) no-repeat center 50%;
	width:50px; height:63px;
	display:block;
	text-indent:-9999px;
	border-bottom:4px solid transparent;
	cursor:pointer;
}
#search_top a.opener:hover{
	background:rgba(255, 255, 255, 0.05) url(images/search_top_icon.png) no-repeat center 50%;
	border-bottom:4px solid rgba(255, 255, 255, 0.2);
}
#search_top a.opener.close{
	background:url(images/closeB.png) no-repeat center 50%;
	cursor:pointer;
}
#search_top form{
	background:#171717;
	display:none;
	width:260px;
	padding:10px;
	position:absolute;
	top:73px; right:0;
	z-index:4000;
}
#search_top form:before{
	content:"";
	width:0; height:0;
	position:absolute;
	top:-6px;
	right:20px;
	border-bottom:6px solid #171717;
	border-left:6px solid transparent;
	border-right:6px solid transparent;
}
#search_top form .field{
	width:210px;
	padding:5px;
	background:#fff;
	border:none;
}
#search_top .subm{
	background:url(images/search_top_icon.png) no-repeat center center;
	border:none;
	text-indent:-9999px;
	width: 32px; height:32px;
	padding: 0;
	float: right;
	cursor:pointer;
}

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

	SLIDER

//////////////////////////////////////////////////////////////////////////////////////////////
*/
#slider{
	position:relative;
	padding-top:67px;
}
#slider .overline{ height:30px; width:100%; background:url(images/1x1.png) repeat;
position:absolute; bottom:0; left:0; z-index:2000;
}
#slider .content{
	width:100%; height:550px;
	margin:0 auto;
	max-width:960px;
}
#slider.static_slider .content{
	width:100%; height:auto !important;
	margin:0 auto;
	max-width:960px;
}


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

	illustration_page

//////////////////////////////////////////////////////////////////////////////////////////////
*/
#illustration_page{
	min-height:80px;
	padding-top:65px;
}
#illustration_page .content{
	margin:0 auto; padding:20px 0 65px 0;
	width:100%;
	max-width:960px;
}


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

	page_title

//////////////////////////////////////////////////////////////////////////////////////////////
*/
.page_highlight{
	background:#121212 url(images/highlight_box.png) no-repeat right top !important;
}
.page_title{
	padding:20px 0 20px 0;
	margin:0 20px 0;
	border-bottom:1px solid rgba(255, 255, 255, 0.1);
}
.page_title h2{
	margin-bottom:0px;
}
.page_title .subline{
	margin-bottom:0px;
	font-size:11px;
	text-transform:uppercase;
}
.page_title.author_page_title{
	padding:20px 0 20px 105px;
	position:relative;
}

.page_title.author_page_title .author_thumb{
	position:absolute;
	left:-5px;
	top:-15px;
	z-index:500;
	width:90px;
	height:90px;
	border:4px solid #121212;
	overflow:hidden;
		/* CSS3 SHADOW */
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.8);
	   -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.8);
	     -o-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.8);
	        box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.8);
	/* CSS3 ROUND CORNER */
	-webkit-border-radius:		90px;
	 -khtml-border-radius:		90px;
	   -moz-border-radius:		90px;
	     -o-border-radius:		90px;
	        border-radius:		90px;
}
.page_title.author_page_title .author_thumb img{
	/* CSS3 ROUND CORNER */
	-webkit-border-radius:		90px;
	 -khtml-border-radius:		90px;
	   -moz-border-radius:		90px;
	     -o-border-radius:		90px;
	        border-radius:		90px;
}
/*
////////////////////////////////////////////////////////////////////////////////////////////// 

	BLOCK ZONE

//////////////////////////////////////////////////////////////////////////////////////////////
*/
#block_zone{}
#block_zone .content{
	background:#121212;
	width:100%;
	max-width:960px;
	margin:-50px auto 0 auto;
	position:relative;
	z-index:5000;
}

#block_zone .box{
	background: url(images/highlight_box.png) no-repeat right top;
	padding:20px;
	float:left;
	width:25%;
	text-align:center;
	
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
#block_zone .box img{ margin:0 auto; }

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

	MAIN

//////////////////////////////////////////////////////////////////////////////////////////////
*/
#main{}
#main .content{
	width:100%;
	max-width:960px;
	margin:0 auto; padding-bottom:30px;
}


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

	FOOTER

//////////////////////////////////////////////////////////////////////////////////////////////
*/
#footer{
	background:#000;
	color:#FFF;
}
#footer .content{
	width:100%;
	max-width:960px;
	margin:0 auto;
	position:relative;
}
.widget_col{
	padding:30px 0px;
	float:left;
	width:30.7%;
	margin:0 0 0 2%;
}
.widget_on_2cols .widget_col{
	padding:30px 0px;
	float:left;
	width:48%;
	margin:0 0 0 2%;
}
.widget_on_3cols .widget_col{
	padding:30px 0px;
	float:left;
	width:30.7%;
	margin:0 0 0 2%;
}
.widget_on_4cols .widget_col{
	padding:30px 0px;
	float:left;
	width:23%;
	margin:0 0 0 2%;
}
#footer .goTop{
	display:block;
	position:absolute;
	top:-22px;
	left:50%;
	z-index:9000;
	margin-left:-25px;
	width:52px;
	height:26px;
	background:url(images/go_top.png);
	text-indent:-9999px;
	  -webkit-transition: all 0.2s ease;  /* Saf3.2+, Chrome */
     -moz-transition: all 0.2s ease;  /* FF4+ */
       -o-transition: all 0.2s ease;  /* Opera 10.5+ */
          transition: all 0.2s ease;
}
#footer .goTop:hover{
	top:-26px;
}
#footer ul, #footer ol{
	margin:0; padding:0;
}
#footer li{
	margin:0; padding:0;
}

#bottom_nav{
	font-size:10px;
	text-transform:uppercase;
	float:left;
	width:50%; height:50px;
	line-height:50px;
	padding-left:20px;
}
#bottom_nav ul{ list-style:none; margin:0; padding:0;}
#bottom_nav ul li{
	display:inline-block;
	position:relative;
	margin-right:10px;
}
#bottom_nav ul li a{}
#bottom_nav ul li a:hover{ color:#999;}
#bottom_nav ul li.current-menu-item a{}

.copyright{
	float:left;
	width:50%; height:50px;
	line-height:50px;
	padding-right:20px;
	text-align:right;
	font-size:10px;
	text-transform:uppercase;
}

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

	grey_bottom

//////////////////////////////////////////////////////////////////////////////////////////////
*/
#grey_bottom{
	background:#222;
		/* CSS3 SHADOW */
	-webkit-box-shadow: 0px -1px 0px 0px rgba(255, 255, 255, 0.2);
	   -moz-box-shadow: 0px -1px 0px 0px rgba(255, 255, 255, 0.2);
	     -o-box-shadow: 0px -1px 0px 0px rgba(255, 255, 255, 0.2);
	        box-shadow: 0px -1px 0px 0px rgba(255, 255, 255, 0.2);
}
#grey_bottom .content{
	margin:0 auto; padding:10px 0;
	max-width:960px;
	width:100%;
}

#grey_bottom ul{ margin:0; padding:0; list-style:none; text-align:center;}
	
#grey_bottom ul li{
	display:inline;
	margin:0 15px;
	padding:0 10px;
}
#grey_bottom ul li a{ display:inline-block; }

#grey_bottom #twitter_update{
}
#grey_bottom #twitter_update ul{
	text-align:left;
}
#grey_bottom #twitter_update ul li{
	padding:0;
	display:block;
}
#grey_bottom #twitter_update .twit_avatar{
	display:block; float:left;
	width:48px;
	height:48px;
	border:1px solid #121212;
	margin-right:20px;
	overflow:hidden;
		/* CSS3 SHADOW */
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.8);
	   -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.8);
	     -o-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.8);
	        box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.8);
	/* CSS3 ROUND CORNER */
	-webkit-border-radius:		48px;
	 -khtml-border-radius:		48px;
	   -moz-border-radius:		48px;
	     -o-border-radius:		48px;
	        border-radius:		48px;
}
#grey_bottom #twitter_update .twit_avatar img{
	display:block;
	/* CSS3 ROUND CORNER */
	-webkit-border-radius:		48px;
	 -khtml-border-radius:		48px;
	   -moz-border-radius:		48px;
	     -o-border-radius:		48px;
	        border-radius:		48px;
}
#grey_bottom #twitter_update .twit_status{
	font-size:20px;
	text-align:left !important;
	text-shadow:0px 1px 1px rgba(0, 0, 0, 0.2);
} 
#grey_bottom #twitter_update a:hover{
	color:#121212;
}

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

	SINGLE PORTFOLIO

//////////////////////////////////////////////////////////////////////////////////////////////
*/
.entry_big_image{
	float:left;
	margin:0 0 0 20px;
	width:580px;
}

.entry_infos{
	float:left;
	margin:0 0 0 20px;
	position:relative;
	width:320px;
}
.entry_infos .single_folio_title{
	max-width:230px;
}




/* -------------------------------------
	Gallery item
*/
.the_gallery_item{
	float:left;
	margin:5px 5px 0 0;
	width:50px !important;
	height:50px !important;
}
.the_gallery_item a{
	float:left;
}
.the_gallery_item img{
	width:50px;
	height:50px;
}



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

	FILTERS

//////////////////////////////////////////////////////////////////////////////////////////////
*/
.filterable_grid_widget{
	position:relative;
}
.filterable_grid_widget h4{ float:left; margin-left:20px;}
#filters{
	position:absolute;
	right:20px;
}
#filters{ list-style:none; margin:0; padding:0; }
#filters li{
	display:inline-block;
	margin-left:10px;
}
#filters li a{ font-weight:bold; font-size:13px;}



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

	GRID ITEMS

//////////////////////////////////////////////////////////////////////////////////////////////
*/
.filterable_grid_items{
	padding-top:20px;
}
.filterable_grid_items .grid_item{
	float:left;
	margin:0 0 2% 2%;
	position:relative;
	overflow:hidden;
	border-bottom:4px solid #000;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
.filterable_grid_items .grid_item img{
	width:100%;
	-webkit-transform: scaleY(1);
   -moz-transform: scaleY(1);
   -o-transform: scaleY(1);
   -ms-transform: scaleY(1);
   transform: scaleY(1);
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
.filterable_grid_items .grid_item:hover img{
	-webkit-transform: scale(1.1);
   -moz-transform: scale(1.1);
   -o-transform: scale(1.1);
   -ms-transform: scale(1.1);
   transform: scale(1.1);
}

.filterable_grid_items .grid_item .overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	z-index:5;
	width:100%; height:100%;
	background:url(images/1x1.png) repeat;
}
.filterable_grid_items .grid_item .overlay a{
	color:#fff !important;
}
.filterable_grid_items .grid_item .overlay h4{
	display:block;
	width:100%;
	position:absolute;
	top:-20%;
	left:0;
	margin:-30px 0 0 0;
	text-align:center;
}
.filterable_grid_items .grid_item .overlay .zoom{
	background:url(images/icon_zoom.png) no-repeat center center;
	display:block;
	width:32px; height:32px;
	position:absolute;
	top:50%;
	left:-20%;
	margin:30px 0 -16px -40px;
	text-indent:-9999px;
}
.filterable_grid_items .grid_item .overlay .info{
	background:url(images/icon_infoplus.png) no-repeat center center;
	display:block;
	width:32px; height:32px;
	position:absolute;
	top:50%;
	left:120%;
	margin:30px 0 -16px 8px;
	text-indent:-9999px;
}
.filterable_grid_items .grid_item.cols_2{ width: 47%; }
.filterable_grid_items .grid_item.cols_3{ width: 30.7%; }
.filterable_grid_items .grid_item.cols_4{ width: 22.5%; }
.filterable_grid_items .grid_item.cols_5{ width: 17.7%; }

.filterable_grid_items .grid_item.cols_5 h4{ font-size:95%;}
.filterable_grid_items .grid_item.cols_5 .overlay .zoom,
.filterable_grid_items .grid_item.cols_5 .overlay .info{
	margin-top:10px;
}



.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.3s;
     -moz-transition-duration: 0.3s;
      -ms-transition-duration: 0.3s;
       -o-transition-duration: 0.3s;
          transition-duration: 0.3s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-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;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}


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

	ELEMENTS

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

/*slogan_center*/
.slogan_center{
	display:block;
	padding:20px 20px 0 20px;
	text-align:center;
}
.slogan_center p{
	margin-bottom:0px;
}
/*biglines*/
.biglines{
	color:#a9a9a9;
	font-size:16px;
	font-weight:lighter;
}

/*separator*/
.separator{
	background:#000;
	margin:50px 20px;
	position:relative;
	height:4px;
		/* CSS3 SHADOW */
	-webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.2);
	   -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.2);
	     -o-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.2);
	        box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.2);
}
.separator .color{
	display:block;
	width:2%;
	min-width:20px;
	height:4px;
	position:absolute;
	top:0; left:0;
	z-index:2;
}
/*view_project_button*/
.view_project_button{
	display:block;
	margin:10px 0;
	background:#000;
	color:#FFF;
	font-size:18px;
	padding:18px 16px;
	border-left:4px solid #999;
}
/*prev_entry & next_entry*/
.post_nav_block{
	position:relative;
	height:32px;
}
.next_entry a{
	background:#000 url(images/small_arrow_right.png) no-repeat center center;
	right:0px;
}
.prev_entry a{
	background:#000 url(images/small_arrow_left.png) no-repeat center center;
	margin-right:1px;
	left:0;
}
.next_entry a, .prev_entry a{
	position:absolute;
	top:0;
	display:block;
	text-indent:-9999px;
	width:32px; height:32px;
		/* CSS3 SHADOW */
	-webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.2);
	   -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.2);
	     -o-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.2);
	        box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.2);
}



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

	PAGE CONTENT

//////////////////////////////////////////////////////////////////////////////////////////////
*/
#page_content{
	float:left;
	width:680px;
	margin-left:20px;
}
#page_content.sidebar_left{
	float:right;
	width:680px;
	margin-left:20px;
}



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

	BLOG ENTRY

//////////////////////////////////////////////////////////////////////////////////////////////
*/
.post_rentry{
	margin-bottom:30px;
}
.post_rentry .post_entry_head{
	margin-bottom:15px;
	padding-left:80px;
	position:relative;
}

.post_rentry .date_post{
	display:block;
	position:absolute;
	top:-4px;
	left:0px;
	z-index:900;
	text-transform:uppercase;
	border-right:4px solid #fff;
	width:60px;
}
.post_rentry .date_post span{
	display:block;
	clear:both;
	text-align:center;
	height:20px; line-height:20px;
	font-size:11px;
	letter-spacing:5px;
}
.post_rentry .date_post span.day{
	font-size:36px;
	height:28px; line-height:28px;
}
.post_rentry .post_info{
	font-size:10px;
	text-transform:uppercase;
}

.post_rentry .preview{
	margin-bottom:15px;
	padding-left:80px;
	width:600px;
}

.post_rentry .preview.square{
	width:100px;
	margin-right:20px;
	float:left;
}
.post_rentry .preview.square img{
	max-width:100px;
}

.post_rentry .excerpt{
	margin-bottom:0px;
	padding-left:80px;
}
.post_rentry .end_post{
	width:240px;
	margin-left:60px;
	display:block;
	clear:both;
}


#full_content .post_rentry{
	margin:0 20px 30px 20px;
}
#full_content .post_rentry .preview{
	margin-bottom:15px;
	padding-left:80px;
	width:auto;
}

.icon_standard{ background:url(images/icons/icon_standard.png) no-repeat center center; }
.icon_video{ background:url(images/icons/icon_video.png) no-repeat center center; }
.icon_citation{ background:url(images/icons/icon_citation.png) no-repeat center center; }
.icon_audio{ background:url(images/icons/icon_audio.png) no-repeat center center; }
.icon_slider{ background:url(images/icons/icon_slider.png) no-repeat center center; }

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

	TAG LIST

//////////////////////////////////////////////////////////////////////////////////////////////
*/
.entry-tags a{
	padding: 4px 8px;
	background: #999;
	margin-right: 15px;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	position:relative;
	text-shadow: 0px 1px 1px #000 !important;
	/* CSS3 ROUND CORNER */
	-webkit-border-radius:		2px 2px 2px 2px;
	 -khtml-border-radius:		2px 2px 2px 2px;
	   -moz-border-radius:		2px 2px 2px 2px;
	     -o-border-radius:		2px 2px 2px 2px;
	        border-radius:		2px 2px 2px 2px;
}

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

	REALATED POSTS

//////////////////////////////////////////////////////////////////////////////////////////////
*/
.related_post {
	margin: 15px 0 0 0px;
	width: 50%;
	min-width: 280px;
	float: left;
}
.thumbnail_related_post {
	float: left;
	margin-right: 15px;
	margin-bottom:10px;
}
.thumbnail_related_post img {
	width: 50px;
	height: 50px;
}
.related_post h6 {
	font-size: 13px;
	margin-bottom: 0px !important;
	padding: 0;
}
.related_post em {
	font-size: 11px;
}
.related_post p {
	margin-bottom:0px;
}


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

	PAGINATION

/////////////////////////////////////////////////////////////////////////////////////////////
*/
.wp-paginate{
	padding:10px;
	text-align:center;
}
#grid_blog .wp-paginate{
	margin:0 20px;
}
.wp-paginate li{
	display:inline;
	margin:0 3px;
}
.wp-paginate li a{
	background:url(images/1x1.png) repeat;
	border:none;
	display:inline-block;
	font-weight:bold;
	padding:3px 10px;
		/* CSS3 SHADOW */
	-webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.2);
	   -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.2);
	     -o-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.2);
	        box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.2);
}
.wp-paginate li a:hover{
	background:url(images/1x1_b90.png) repeat;
}
.wp-paginate li .current{
	border:none;
	font-weight:bold;
	background:url(images/1x1_b90.png) repeat;
	display:inline-block;
	padding:3px 10px;
}







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

	COMMENTS

//////////////////////////////////////////////////////////////////////////////////////////////
*/
#comments{
	padding-top:30px;
}
#comments ul, #comments ol{ list-style:none; }
.comment-details {
	border-left: 4px solid #999;
	position: relative;
	margin-left: 90px;
	background:url(images/1x1-w10.png) repeat;
	padding: 15px;
}
.comment-details::after {
content: "";
display: block;
width: 0px;
height: 0px;
position: absolute;
top: 0;
left: -10px;
border-top:10px solid transparent;
border-right:10px solid #d4d4d4;
border-bottom:10px solid transparent;
}

.bypostauthor .comment-details {
	border-left:4px solid #999;
}
.bypostauthor .comment-details::after {
border-right:10px solid #999;
}
.comment-details p{
	margin-bottom:8px;
}
.comment-avatar {
	position: absolute;
	left: -90px;
	top: 0;
}
.comment-avatar img {
	display: block;
	background:url(images/1x1-w20.png) repeat;
	padding:5px;
}
.comment-author{
	margin-bottom:0px;
}
.comment-author .author a:link, .comment-author .author a:visited {
	color: black;
	font-weight: normal;
	text-transform: uppercase;
}
.comment-author .author a:link, .comment-author .author a:visited {
color: black;
font-weight: normal;
text-transform: uppercase;
}
.comment-date {
font-size: 11px;
font-weight: normal;
}
.comment-content {
margin-top: -10px;
}
.comment-content p:last-child {
margin: 0;
}
.comment-reply-link, #cancel-comment-reply-link {
display: inline-block;
font-size: 11px;
}
.comment-reply-link {
margin-top: 0px;
color: #444;
font-size: 11px;
}
.commentlist .children {
margin: 0;
}
.children li.depth-2 {
margin: 0 0 0px 65px;
}
.comment-body {
margin-bottom: 25px;
}
.comment-details .reply{
	position:absolute;
	right:0;
	bottom:-1px;
}
.comment-details .reply a{
	background:url(images/1x1-w20.png) repeat;
	padding:0 6px;
	display:block;
}

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

	FORM POST

//////////////////////////////////////////////////////////////////////////////////////////////
*/
.form_design{
}
.form_design .field{
	margin-bottom:10px;
}
.form_design .field label{
	color:#fff;
	width:100%;
	display:block;
	font-weight:bold;
}
.form_design label.error{
	color:#F00;
}
.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; marign: 0; display: block; }
.form_design .submit_col .the-fix { padding: 0; padding-right: 10px; marign: 0; display: block; }

.form_design .submit_col input{
	border:none;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:1px;
	font-size:11px;
	padding:3px; margin-top:10px;
	width:30%;
	float:right;
}
.form_design .cr_btn_big{
	border:none;
}
.form_design .dsgn{
	background:#f0f0f0;
	border:none;
	color:#666;
	padding:12px;
	/* Box Sizing */
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
/* CSS3 ROUND CORNER */
	-webkit-border-radius:		2px 2px 2px 2px;
	 -khtml-border-radius:		2px 2px 2px 2px;
	   -moz-border-radius:		2px 2px 2px 2px;
	     -o-border-radius:		2px 2px 2px 2px;
	        border-radius:		2px 2px 2px 2px;
			
	/* 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:#fff url(../images/error_form.png) no-repeat right top;
}


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

	SIDEBAR

//////////////////////////////////////////////////////////////////////////////////////////////
*/
#sidebar{
	float:left;
	width:220px;
	margin-left:20px;
}
#sidebar .separator{
	margin:30px 0;
}

.widget_side{
	padding:0 20px;
}


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

	COLUMNS

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

.col{
	float:left;
	margin-bottom:20px;
  -webkit-transition: width 0.4s ease;  /* Saf3.2+, Chrome */
     -moz-transition: width 0.4s ease;  /* FF4+ */
       -o-transition: width 0.4s ease;  /* Opera 10.5+ */
          transition: width 0.4s ease;
 -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		 box-sizing: border-box;         /* Opera/IE 8+ */
}

    .one-full{
        margin-left: 2%;
        margin-right: 2%;
    }
	
    .one-half,
	.one-third,
	.two-third,
	.one-fourth,
	.two-fourth,
	.three-fourth,
	.one-fifth,
	.two-fifth,
	.three-fifth,
	.four-fifth{
        float: left;
        margin-left: 2%;
        margin-right: 2%;
    }
	
    .one-full { 		width: 96%; }
    .one-half { 		width: 46%; }
    .one-third { 		width: 29.3%; }
    .two-third { 		width: 62.4%; }
    .one-fourth {		width: 21%; }
    .two-fourth { 		width: 46%; }
    .three-fourth { 	width: 71%; }
    .one-fifth { 		width: 16%; }
   	.two-fifth { 		width: 36%; }
   	.three-fifth { 		width: 56%; }
   	.four-fifth { 		width: 76%; }
	


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

	ELEMENTS

//////////////////////////////////////////////////////////////////////////////////////////////
*/
/* Button */
.cr_btn{
	background:#f0f0f0;
	color:#4d4d4d;
	display:inline-block;
	font-size:10px;
	font-weight:bold;
	margin:0px 0 0 0;
	padding:2px 8px;
	text-transform:uppercase;
/* CSS3 ROUND CORNER */
	-webkit-border-radius:		2px 2px 2px 2px;
	 -khtml-border-radius:		2px 2px 2px 2px;
	   -moz-border-radius:		2px 2px 2px 2px;
	     -o-border-radius:		2px 2px 2px 2px;
	        border-radius:		2px 2px 2px 2px;
}
.cr_btn:hover{
	background:#ddd !important;
	color:#333 !important;
}
/* Button */
.cr_btn_large{
	background:#f0f0f0;
	color:#4d4d4d;
	display:inline-block;
	font-size:13px;
	font-weight:bold;
	margin:0px 0 0 0;
	padding:6px 12px;
	text-transform:uppercase;
/* CSS3 ROUND CORNER */
	-webkit-border-radius:		2px 2px 2px 2px;
	 -khtml-border-radius:		2px 2px 2px 2px;
	   -moz-border-radius:		2px 2px 2px 2px;
	     -o-border-radius:		2px 2px 2px 2px;
	        border-radius:		2px 2px 2px 2px;
}
.cr_btn_large:hover{
	background:#ddd !important;
	color:#333 !important;
}
/* Button */
.cr_btn_big{
	background:#f0f0f0;
	color:#4d4d4d;
	display:inline-block;
	font-size:16px;
	font-weight:bold;
	margin:0 0 0 0;
	padding:10px 16px;
	text-transform:uppercase;
/* CSS3 ROUND CORNER */
	-webkit-border-radius:		2px 2px 2px 2px;
	 -khtml-border-radius:		2px 2px 2px 2px;
	   -moz-border-radius:		2px 2px 2px 2px;
	     -o-border-radius:		2px 2px 2px 2px;
	        border-radius:		2px 2px 2px 2px;
}
.cr_btn_big:hover{
	background:#ddd !important;
	color:#333 !important;
}



/*
	-------------------------------------
	Recent Post widget
	-------------------------------------
*/
#widget_post_list{ padding-top:10px; }
#widget_post_list li{
	list-style:none;
	padding:0 0 5px 0;
	margin-bottom:15px;
}
#widget_post_list li:last-child{
	margin-bottom:0px;
}
#widget_post_list .widget_post_list-thumbnail{
	margin-right:15px;
	float:left;
	width:50px; height:50px;
	background:#000;
	/* CSS3 SHADOW */
	-webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.2);
	   -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.2);
	     -o-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.2);
	        box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.2);
	  -webkit-transition: all 0.4s ease;  /* Saf3.2+, Chrome */
     -moz-transition: all 0.4s ease;  /* FF4+ */
       -o-transition: all 0.4s ease;  /* Opera 10.5+ */
          transition: all 0.4s ease;
}
#widget_post_list .widget_post_list-thumbnail a,
#widget_post_list .widget_post_list-thumbnail img{
	display:block;
	padding:0;
	width:50px; height:50px;
}
#widget_post_list .widget_post_list-thumbnail img{}
#widget_post_list .widget_post_list-infos h5{ margin:0px; padding:0; font-size:13px; }
#widget_post_list .widget_post_list-infos p{ margin-bottom:0px; font-size:11px; }



/*
	-------------------------------------
	SOCIAL NET WORKS LINKS ICONS
	-------------------------------------
*/
.ul_columns{
	clear:both;
	height:100%;
	overflow:hidden;
	margin:0;
}
.ul_columns li{
	float: left;
	width: 50%;
	margin:0;
}
.ul_columns li a{
	display: block;
}

.ul_columns li a:hover{
	display: block;
	border:none!important;
}
	
.ul_columns.social_links li{
	list-style:none;
	width: 50% !important;
	padding: 6px 0 4px 30px !important;
	  -webkit-transition: all 0.4s ease;  /* Saf3.2+, Chrome */
     -moz-transition: all 0.4s ease;  /* FF4+ */
       -o-transition: all 0.4s ease;  /* Opera 10.5+ */
          transition: all 0.4s ease;
		/* Box Sizing */
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
	.ul_columns.social_links .facebook{		background: transparent url(images/icons/social/social_network_facebook.png) 0 0  no-repeat;}
	.ul_columns.social_links .twitter{		background: transparent url(images/icons/social/social_network_twitter.png) 0 0  no-repeat;}
	.ul_columns.social_links .linkedin{		background: transparent url(images/icons/social/social_network_linkedin.png) 0 0  no-repeat;}
	.ul_columns.social_links .youtube{		background: transparent url(images/icons/social/social_network_youtube.png) 0 0  no-repeat;}
	.ul_columns.social_links .vimeo{		background: transparent url(images/icons/social/social_network_vimeo.png) 0 0  no-repeat;}
	.ul_columns.social_links .dribbble{		background: transparent url(images/icons/social/social_network_dribbble.png) 0 0  no-repeat;}
	.ul_columns.social_links .envato{		background: transparent url(images/icons/social/social_network_envato.png) 0 0  no-repeat;}
	.ul_columns.social_links .myspace{		background: transparent url(images/icons/social/social_network_myspace.png) 0 0  no-repeat;}
	.ul_columns.social_links .googleplus{	background: transparent url(images/icons/social/social_network_googleplus.png) 0 0  no-repeat;}
	.ul_columns.social_links .deviantart{	background: transparent url(images/icons/social/social_network_devianart.png) 0 0  no-repeat;}
	.ul_columns.social_links .behance{		background: transparent url(images/icons/social/social_network_behance.png) 0 0  no-repeat;}
	.ul_columns.social_links .skype{		background: transparent url(images/icons/social/social_network_skype.png) 0 0  no-repeat;}
	.ul_columns.social_links .tumblr{		background: transparent url(images/icons/social/social_network_tumblr.png) 0 0  no-repeat;}
	.ul_columns.social_links .flickr{		background: transparent url(images/icons/social/social_network_flickr.png) 0 0  no-repeat;}
	.ul_columns.social_links .digg{			background: transparent url(images/icons/social/social_network_digg.png) 0 0  no-repeat;}

.ul_columns.social_links li:hover{
	background-position:0 -33px;
}

/* ------------ Twitter widget
*/
.twitter_update{
    font-style:italic;
	margin:0; padding:0;
}
.twitter_update li{
	margin:0; padding:10px 0;
	border-top:1px solid #222;
	border-bottom:1px solid #000;
}
.twitter_update li:first-child{
	border-top:none;
}
.twitter_update li:last-child{
	border-bottom:none;
}
.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;
	color:#fff;
}

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


/*
	-------------------------------------
	DROPCAP
	-------------------------------------
*/
.dropcap{
	float: left;
	color: #999;
	font-size: 46px;
	font-weight:bold;
	line-height: 36px;
	padding-top: 6px;
	padding-right: 6px;
	padding-left: 3px;
}
.dropcap2{
	float: left;
	background: #171717;
	color: #FFF;
	font-size: 34px;
	font-weight:bold;
	line-height: 40px;
	text-align:center;
	width:40px;
	height:40px;
	margin-right:8px;
	margin-top:5px;
}
.dropcap3{
	float: left;
	border-bottom:1px solid #999;
	color: #999;
	font-size: 46px;
	font-weight:bold;
	line-height: 35px;
	padding: 2px 0px 10px 0px;
	margin-top: 0;
	margin-right: 5px;
}
.dropcap4{
	float: left;
	background: #171717;
	color: #FFF;
	font-size: 34px;
	font-weight: bold;
	line-height: 38px;
	text-align:center;
	vertical-align:middle;
	margin-right:8px;
	margin-top:5px;
	width:40px;
	height:40px;
	/* CSS3 ROUND CORNER */
	-webkit-border-radius:		50%;
	 -khtml-border-radius:		50%;
	   -moz-border-radius:		50%;
	     -o-border-radius:		50%;
	        border-radius:		50%;
}

/*
	-------------------------------------
	HIGHLIGHTS
	-------------------------------------
*/
.highlight{
	padding:1px 6px;
	display:inline-block;
	font-weight:bold;
	margin:0 2px;
	/* CSS3 ROUND CORNER */
	-webkit-border-radius:		2px 2px 2px 2px;
	 -khtml-border-radius:		2px 2px 2px 2px;
	   -moz-border-radius:		2px 2px 2px 2px;
	     -o-border-radius:		2px 2px 2px 2px;
	        border-radius:		2px 2px 2px 2px;
}
.highlight.blood{ background:#C00;
color:#FFF;
	/* CSS3 SHADOW */
	-webkit-box-shadow: 0px 1px 2px 0px #C00;
	   -moz-box-shadow: 0px 1px 2px 0px #C00;
	     -o-box-shadow: 0px 1px 2px 0px #C00;
	        box-shadow: 0px 1px 2px 0px #C00;
}
.highlight.red{ background:#F00;
color:#FFF;
	/* CSS3 SHADOW */
	-webkit-box-shadow: 0px 1px 2px 0px #F00;
	   -moz-box-shadow: 0px 1px 2px 0px #F00;
	     -o-box-shadow: 0px 1px 2px 0px #F00;
	        box-shadow: 0px 1px 2px 0px #F00;
}
.highlight.pink{ background:#F06;
color:#FFF;
	/* CSS3 SHADOW */
	-webkit-box-shadow: 0px 1px 2px 0px #F06;
	   -moz-box-shadow: 0px 1px 2px 0px #F06;
	     -o-box-shadow: 0px 1px 2px 0px #F06;
	        box-shadow: 0px 1px 2px 0px #F06;
}
.highlight.purple{ background:#639;
color:#FFF;
	/* CSS3 SHADOW */
	-webkit-box-shadow: 0px 1px 2px 0px #639;
	   -moz-box-shadow: 0px 1px 2px 0px #639;
	     -o-box-shadow: 0px 1px 2px 0px #639;
	        box-shadow: 0px 1px 2px 0px #639;
}
.highlight.night{ background:#339;
color:#FFF;
	/* CSS3 SHADOW */
	-webkit-box-shadow: 0px 1px 2px 0px #339;
	   -moz-box-shadow: 0px 1px 2px 0px #339;
	     -o-box-shadow: 0px 1px 2px 0px #339;
	        box-shadow: 0px 1px 2px 0px #339;
}
.highlight.blue{ background:#06C;
color:#FFF;
	/* CSS3 SHADOW */
	-webkit-box-shadow: 0px 1px 2px 0px #06C;
	   -moz-box-shadow: 0px 1px 2px 0px #06C;
	     -o-box-shadow: 0px 1px 2px 0px #06C;
	        box-shadow: 0px 1px 2px 0px #06C;
}
.highlight.tropic{ background:#0CF;
color:#FFF;
	/* CSS3 SHADOW */
	-webkit-box-shadow: 0px 1px 2px 0px #0CF;
	   -moz-box-shadow: 0px 1px 2px 0px #0CF;
	     -o-box-shadow: 0px 1px 2px 0px #0CF;
	        box-shadow: 0px 1px 2px 0px #0CF;
}
.highlight.lime{ background:#BFFF00;
color:#000;
	/* CSS3 SHADOW */
	-webkit-box-shadow: 0px 1px 2px 0px #BFFF00;
	   -moz-box-shadow: 0px 1px 2px 0px #BFFF00;
	     -o-box-shadow: 0px 1px 2px 0px #BFFF00;
	        box-shadow: 0px 1px 2px 0px #BFFF00;
}
.highlight.yellow{ background:#FF0;
color:#000;
	/* CSS3 SHADOW */
	-webkit-box-shadow: 0px 1px 2px 0px #FF0;
	   -moz-box-shadow: 0px 1px 2px 0px #FF0;
	     -o-box-shadow: 0px 1px 2px 0px #FF0;
	        box-shadow: 0px 1px 2px 0px #FF0;
}
.highlight.green{ background:#3C0;
color:#FFF;
	/* CSS3 SHADOW */
	-webkit-box-shadow: 0px 1px 2px 0px #3C0;
	   -moz-box-shadow: 0px 1px 2px 0px #3C0;
	     -o-box-shadow: 0px 1px 2px 0px #3C0;
	        box-shadow: 0px 1px 2px 0px #3C0;
}
.highlight.forest{ background:#060;
color:#FFF;
	/* CSS3 SHADOW */
	-webkit-box-shadow: 0px 1px 2px 0px #060;
	   -moz-box-shadow: 0px 1px 2px 0px #060;
	     -o-box-shadow: 0px 1px 2px 0px #060;
	        box-shadow: 0px 1px 2px 0px #060;
}

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

/*
	-------------------------------------
	CODE DISPLAYED
	-------------------------------------
*/
	pre, code{
		font-family:"Courier New", Courier, monospace;
		color:#444;
	}
	pre {
	font-size: 12px;
	margin: 20px 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: 18px 0;
		display: block;
	}

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


/*
	-------------------------------------
	LIST ICON
	-------------------------------------
*/
	.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;}
	
	
/*
	-------------------------------------
	NOTIFICATIONS
	-------------------------------------
*/
.notification{
	text-align:left;
	display:block;
	clear:both;
	margin-bottom:15px;
	padding:10px 20px 10px 40px;
	min-height:20px;
	font-family:Arial,Tahoma,sans-serif;
	font-size:12px;
	font-weight:normal;
	line-height:20px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	-moz-box-shadow:0 1px 0 0 rgba(255,255,255,0.5) inset;
	-webkit-box-shadow:0 1px 0 0 rgba(255,255,255,0.5) inset;
	-o-box-shadow:0 1px 0 0 rgba(255,255,255,0.5) inset;
	box-shadow:0 1px 0 0 rgba(255,255,255,0.5) inset;
}
.icon{
	position:absolute;
	background-image:url(images/notification.png);
	background-repeat:no-repeat;height:15px;top:14px;
}
.notification span{
	font-weight:bold;
	margin-right:10px;
}

/* Notification Close Button */
.notification .close-notification{
	position:absolute;
	width:5px;
	height:6px;
	top:18px;
	right:10px;
	cursor:pointer;
	background-image:url(images/close.png);
	background-repeat:no-repeat;
}

/* Success */
.success{
	border:1px solid #accc5d;
	color:#70892b;
	background-color:#c8e185;
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#d0e98e),color-stop(100%,#c1da7f));
	background-image:-webkit-linear-gradient(#d0e98e,#c1da7f);
	background-image:-moz-linear-gradient(#d0e98e,#c1da7f);
	background-image:-o-linear-gradient(#d0e98e,#c1da7f);
	background-image:linear-gradient(#d0e98e,#c1da7f);
	-moz-text-shadow:0px 1px rgba(255,255,255,0.3);
	text-shadow:0px 1px rgba(255,255,255,0.3);
}
.success .icon{
	width:14px;
	left:16px;
	background-position:0 -15px;
}

.success .close-notification{ background-position:0 -6px; }

/* Fail */
.fail{
	border:1px solid #dc4e4d;
	color:#b52525;
	background-color:#ec8282;
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#f48888),color-stop(100%,#e17575));
	background-image:-webkit-linear-gradient(#f48888,#e17575);
	background-image:-moz-linear-gradient(#f48888,#e17575);
	background-image:-o-linear-gradient(#f48888,#e17575);
	background-image:linear-gradient(#f48888,#e17575);
	-moz-text-shadow:0px 1px rgba(255,255,255,0.2);
	text-shadow:0px 1px rgba(255,255,255,0.2);
}

.fail .icon{
	width:13px;
	left:16px;
	background-position:0 0;
}

.fail .close-notification{ background-position:0 0; }

/* Information */
.notification.info{
	border:1px solid #69c0ca;
	color:#3d8d98;
	background-color:#8aced6;
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#99e2eb),color-stop(100%,#79c6cd));
	background-image:-webkit-linear-gradient(#99e2eb,#79c6cd);
	background-image:-moz-linear-gradient(#99e2eb,#79c6cd);
	background-image:-o-linear-gradient(#99e2eb,#79c6cd);
	background-image:linear-gradient(#99e2eb,#79c6cd);
	-moz-text-shadow:0px 1px rgba(255,255,255,0.2);
	text-shadow:0px 1px rgba(255,255,255,0.2);
}

.notification.info .icon{
	width:6px;
	left:19px;
	background-position:0 -30px;
}
.notification.info .close-notification{background-position:0 -12px; }

/* Warning */
.warning{
	border:1px solid #f9b516;
	color:#c2721b;
	background-color:#fbb160;
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#ffd57f),color-stop(100%,#ffa544));
	background-image:-webkit-linear-gradient(#ffd57f,#ffa544);
	background-image:-moz-linear-gradient(#ffd57f,#ffa544);
	background-image:-o-linear-gradient(#ffd57f,#ffa544);
	background-image:linear-gradient(#ffd57f,#ffa544);
	-moz-text-shadow:0px 1px rgba(255,255,255,0.2);
	text-shadow:0px 1px rgba(255,255,255,0.2);
}

.warning .icon{
	width:14px;
	left:16px;
	top:13px;
	background-position:0 -45px;
}

.warning .close-notification{background-position:0 -18px; }

/* Edit */
.edit{
	border:1px solid #e9c95f;
	color:#ae8500;
	background-color:#f3dc8f;
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#ffeaa7),color-stop(100%,#f3d573));
	background-image:-webkit-linear-gradient(#ffeaa7,#f3d573);
	background-image:-moz-linear-gradient(#ffeaa7,#f3d573);
	background-image:-o-linear-gradient(#ffeaa7,#f3d573);
	background-image:linear-gradient(#ffeaa7,#f3d573);
	-moz-text-shadow:0px 1px rgba(255,255,255,0.2);
	text-shadow:0px 1px rgba(255,255,255,0.2);
}
.edit .icon{
	width:13px;
	left:16px;
	top:13px;
	background-position:0 -60px;
}
.edit .close-notification{ background-position:0 -18px; }

/* Lock */
.lock{
	border:1px solid #CCC;
	color:#666;
	background-color:#e8e8e8;
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#f4f4f4),color-stop(100%,#e0e0e0));
	background-image:-webkit-linear-gradient(#f4f4f4,#e0e0e0);
	background-image:-moz-linear-gradient(#f4f4f4,#e0e0e0);
	background-image:-o-linear-gradient(#f4f4f4,#e0e0e0);
	background-image:linear-gradient(#f4f4f4,#e0e0e0);
	-moz-text-shadow:0px 1px rgba(255,255,255,0.2);
	text-shadow:0px 1px rgba(255,255,255,0.2);
}
.lock .icon{
	width:11px;
	left:17px;
	top:13px;
	background-position:0 -75px;
}
.lock .close-notification{
background-position:0 -24px;
}
/* Tip */
.tip{
	border:1px solid #e6b96f;
	color:#b1802f;
	background-color:#f5dcb2;
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#ffedcf),color-stop(100%,#f8d69e));
	background-image:-webkit-linear-gradient(#ffedcf,#f8d69e);
	background-image:-moz-linear-gradient(#ffedcf,#f8d69e);
	background-image:-o-linear-gradient(#ffedcf,#f8d69e);
	background-image:linear-gradient(#ffedcf,#f8d69e);
	-moz-text-shadow:0px 1px rgba(255,255,255,0.2);
	text-shadow:0px 1px rgba(255,255,255,0.2);
}
.tip .icon{
	width:9px;
	left:18px;
	top:12px;
	background-position:0 -90px;
}
.tip .close-notification{
background-position:0 -30px;
}
/* Download */
.download{
	border:1px solid #3178c0;
	color:#0c4fa3;
	background-color:#6dacea;
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#8ed0fa),color-stop(100%,#4e95dc));
	background-image:-webkit-linear-gradient(#8ed0fa,#4e95dc);
	background-image:-moz-linear-gradient(#8ed0fa,#4e95dc);
	background-image:-o-linear-gradient(#8ed0fa,#4e95dc);
	background-image:linear-gradient(#8ed0fa,#4e95dc);
	-moz-text-shadow:0px 1px rgba(255,255,255,0.2);
	text-shadow:0px 1px rgba(255,255,255,0.2);
}
.download .icon{
	width:10px;
	left:18px;
	background-position:0 -105px;
}
.download .close-notification{
background-position:0 -36px;
}

/* Chat */
.chat{
	border:1px solid #5d902f;
	color:#366f11;
	background-color:#89bc5a;
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#8dcb3d),color-stop(100%,#74a547));
	background-image:-webkit-linear-gradient(#8dcb3d,#74a547);
	background-image:-moz-linear-gradient(#8dcb3d,#74a547);
	background-image:-o-linear-gradient(#8dcb3d,#74a547);
	background-image:linear-gradient(#8dcb3d,#74a547);
	-moz-text-shadow:0px 1px rgba(255,255,255,0.2);
	text-shadow:0px 1px rgba(255,255,255,0.2);
}
.chat .icon{
	width:14px;
	left:16px;
	background-position:0 -120px;
}
.chat .close-notification{
background-position:0 -42px;
}
/* Task */
.task{
	border:1px solid #71502b;
	color:#432c12;
	background-color:#92724e;
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#a58868),color-stop(100%,#886640));
	background-image:-webkit-linear-gradient(#a58868,#886640);
	background-image:-moz-linear-gradient(#a58868,#886640);
	background-image:-o-linear-gradient(#a58868,#886640);
	background-image:linear-gradient(#a58868,#886640);
	-moz-text-shadow:0px 1px rgba(255,255,255,0.2);
	text-shadow:0px 1px rgba(255,255,255,0.2);
}
.task .icon{
	width:14px;
	left:16px;
	top:13px;
	background-position:0 -135px;
}
.task .close-notification{
background-position:0 -48px;
}

/*
	-------------------------------------
	ACCORDIONS
	-------------------------------------
*/
.accordion{
	border-bottom:1px solid #333;
}
.accordion .title a{
	font-size:15px;
	font-weight:700px;
	color:#FFF;
	display: block;
	border-top:1px solid #333;
	padding:15px 20px 15px 50px;
	background:#222 url(images/plus.png) no-repeat 20px center;
}
.accordion .title a:hover{
	background: #292929 url(images/plus.png) no-repeat 20px center;
}
.accordion .title.active a{
	background: #292929 url(images/minus.png) no-repeat 20px center;
}
.accordion .inner{
	height:100%;
	height:auto;
	margin-top:0;
}
.accordion .inner div{
	border-top:1px solid #333;
	display:block;
	padding:20px;
}

/*
	-------------------------------------
	TABS
	-------------------------------------
*/

ul.tabNavigation {
	list-style: none;
	margin: 0 0 -9px 0 !important;
	padding: 0;
	border-bottom:none !important;
	overflow: hidden;
}

ul.tabNavigation li {
    display: block;
    float:left;
    margin:0 !important;
    padding:0;
}

ul.tabNavigation li a {
	display: block;
	padding:10px 20px;
    float:left;
    background-color: #292929;
    text-decoration: none;
    border-top:1px solid transparent;
    border:1px solid #333;
    margin-right:-1px;
    color:#FFF;
	  -webkit-transition: all 0.4s ease;  /* Saf3.2+, Chrome */
     -moz-transition: all 0.4s ease;  /* FF4+ */
       -o-transition: all 0.4s ease;  /* Opera 10.5+ */
          transition: all 0.4s ease;
}

ul.tabNavigation li a.active{
    background-color: #222;
    color:#FFF;
    border-bottom:1px solid #333;
    border-top:1px solid #333;
}

ul.tabNavigation li a:hover {
	color:#fff;
}

ul.tabNavigation li a:focus {
	outline: 0;
}

div.tabs div {
	color:#fff;
	padding:20px;
	margin:8px 0 0 0;
	display: none;
	border:1px solid #333;
	border-top:1px solid #333;
	background:#222; 
}

div.tabs{
	margin-bottom:20px;
}
/*
	-------------------------------------
	TOGGLE
	-------------------------------------
*/
.toggle{
	border:1px solid #333;
	background:#292929;
}
.toggle .title{
	font-size:15px;
	font-weight:700px;
	color:#FFF;
	display: block;
	padding:15px 20px 15px 50px;
	background: #292929 url(images/togg_down.png) no-repeat 20px center;
	cursor: pointer;
}
.toggle .title:hover{
	background: #292929 url(images/togg_down.png) no-repeat 20px center;
}
.toggle .title.active{
	color:#FFF;
	background: #292929 url(images/togg_up.png) no-repeat 20px center;
}
.toggle .inner{
	display: none;
}
.toggle .inner div{
	padding:20px 20px 20px 20px;
	border-top:1px solid #333;
}

/*
	-------------------------------------
	PRICING TABLE
	-------------------------------------
*/

.pricing-table.col-2, .pricing-table.col-3, .pricing-table.col-4, .pricing-table.col-5{
	margin:20px 0 30px 0;
}

.pricing-table.col-2 .plan{
	float:left;
	width:49.9%;
	display: block;
}
.pricing-table.col-3 .plan{
	float:left;
	width:32.9%;
	display: block;
}
.pricing-table.col-4 .plan{
	float:left;
	width:24.9%;
	display: block;
}
.pricing-table.col-5 .plan{
	float:left;
	width:12.5%;
	display: block;
}

.plan{
	background:#f0f0f0;
	border:1px solid #d5d5d5;
	text-align: center;
		 -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		 box-sizing: border-box;         /* Opera/IE 8+ */
}
.plan.featured{
	position: relative;
	z-index: 200;
	margin:-20px -1px 0 0;
	padding:20px 0px 0 0;
	border:1px solid #000;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
}
.pricing-table .plan.featured:last-child{
	border-right:1px solid #000;
}
.plan.featured:before{
	content:"";
	width:0;
	height:0;
	position:absolute;
	top: -1px;
	left: -21px;
	z-index: 900;
	border-top: 21px solid transparent;
	border-right: 10px solid #444;
	border-left: 10px solid transparent;
}
.plan.featured:after{
	content:"";
	width:0;
	height:0;
	position:absolute;
	top: -1px;
	right: -21px;
	z-index: 900;
	border-top: 21px solid transparent;
	border-left: 10px solid #444;
	border-right: 10px solid transparent;
}

.pricing-table.col-4 .plan:nth-child(4n).featured:after{
	display:none !important;
}
.pricing-table.col-3 .plan:nth-child(2n).featured:after{
	display:none !important;
}
.pricing-table.col-2 .plan:nth-child(1n+1).featured:after{
	display:none !important;
}

.plan h3{
	font-weight:300;
	font-size:16px;
	margin:-1px -1px 0px -1px;
	padding:7px 0;
	background-color: #666666;
	color:#ffffff;
}
.plan.featured h3{
	font-size:18px;
	margin:-21px -1px 0px -1px;
	padding:17px 0;
	background-color: #000;
	color:#ffffff;
}

.plan .price{
	font-size:18px;
	font-weight:600;
	margin:0 -1px 0 -1px;
	padding:10px 0px 10px 0px;
	background: #666666 url(images/pixel-dark.png) repeat;
	color:#ffffff;
}
.plan.featured .price{
	background-color: #000;
	color:#ffffff;
}
.plan.featured .price span{
	color: rgba(255, 255, 255, 0.5);
}
.plan .price span{
	font-weight:400;
	font-size:10px;
	color: rgba(255, 255, 255, 0.5);
}
.plan .signup{
	border-top:1px dotted #d5d5d5;
	padding:10px 0px;
	text-align: center;
	background-color: #f3f3f3;
}
.plan.featured .signup{
	padding:16px 0 16px 0;
}
.plan ul{
	margin:0 !important;
	list-style: none !important;
	padding:0 !important;
}
.plan li{
	margin:0 20px;
	padding:7px 0px; 
	text-align: center;
	border-bottom:1px solid #efefef;
}
.plan li:last-child{
	border-bottom:0px;
}

/*
	-------------------------------------
	FRAMED IMAGES
	-------------------------------------
*/
.framed{
		padding:5px;
		color: #999;
		background:url(images/1x1.png) repeat;
		border: 1px solid rgba(255, 255, 255, 0.2);
		-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:url(images/1x1.png) repeat;
		border: 1px solid rgba(255, 255, 255, 0.2);
		-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:url(images/1x1.png) repeat;
		border: 1px solid rgba(255, 255, 255, 0.2);
		-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);
	}
	
/*
	-------------------------------------
	FLICKR BADGE
	-------------------------------------
*/
#flickr_badge_wrapper{
	padding:0 0 10px 0;
}
#flickr_badge_wrapper a{
	float:left;
	float: left;
	margin: 1%;
	width: 31%;
	height: inherit;

}
#flickr_badge_wrapper a img{
	width: 100%; /* Scale down */
	width:100%; height:100%;
  -webkit-transition: all 0.4s ease;  /* Saf3.2+, Chrome */
     -moz-transition: all 0.4s ease;  /* FF4+ */
       -o-transition: all 0.4s ease;  /* Opera 10.5+ */
          transition: all 0.4s ease;
-webkit-font-smoothing: subpixel-antialiased;
}
#flickr_badge_wrapper:hover img{
	opacity:0.4;
}
#flickr_badge_wrapper:hover a:hover img{
	opacity:1;
}

#footer #flickr_badge_wrapper a{
	float:left;
	float: left;
	margin: 1%;
	width: 22%;
	height: inherit;

}
/*
	-------------------------------------
	BLOCKQUOTE
	-------------------------------------
*/
blockquote p{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:14px;
	position:relative;
z-index:1;
}
.widget_col blockquote p:before{
	display: block;
content: "\201C";
font-size: 200px;
position: absolute;
padding:20px;
right: 0px;
top: 30px;
color: #fff;
z-index:0;
opacity:0.1;
}


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

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

	 SEARCH FORM

//////////////////////////////////////////////////////////////////////////////////////////////
*/
#search_form .searchField{
	background:#f0f0f0;
	color:#171717 !important;
	border:none;
	font-weight:bold;
	color:#2c2c2c;
	padding: 0 0 0 10px;
	width: 144px;
	min-height: 32px;
	line-height: 32px;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;   
	box-sizing: border-box;
}
#search_form .subm{
	background:url(images/search_top_icon.png) no-repeat center center;
	border:none;
	text-indent:-9999px;
	width: 32px; height:32px;
	padding: 0;
	float: right;
}
.widget_side #search_form .subm{
	background:#000 url(images/search_top_icon.png) no-repeat center center;
}
	
/*
////////////////////////////////////////////////////////////////////////////////////////////// 

	list_infos_contact

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

.list_infos_contact{
}

.list_infos_contact .list_infos_profil{
	padding-left:24px;
	background:url(images/icons/list_infos_profil.png) no-repeat left top;
}
.list_infos_contact .list_infos_phone{
	padding-left:24px;
	background:url(images/icons/list_infos_phone.png) no-repeat left top;
}
.list_infos_contact .list_infos_email{
	padding-left:24px;
	background:url(images/icons/list_infos_email.png) no-repeat left top;
}
	
/*
////////////////////////////////////////////////////////////////////////////////////////////// 

	author-info

//////////////////////////////////////////////////////////////////////////////////////////////
*/
#author-info{
	background:url(images/1x1.png) repeat;
	-webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.2);
	-moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.2);
	-o-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.2);
	box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.2);
	min-height:80px;
}
#author-image{
	float: left;
	margin-right: 20px;
}
#author-bio{
	padding:10px 20px;
	font-size:11px;
	line-height:17px;
}

#quote_wrap { 
	margin:0; padding: 0;
	}
aside #quote_wrap blockquote {
	width: 200px; /* required */
	margin: 0 auto;
	}
aside #quote_wrap blockquote p{
	margin-bottom:0;
}
aside #quote_wrap blockquote cite{font-style: normal;
color: 
#ccc;
font-family: arial;
display: block;
text-align: right;
}

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

	Icon Dark...

//////////////////////////////////////////////////////////////////////////////////////////////
*/
.icon_dark #social_links a.opener{
	background:url(images/icons/dark/share_top_icon.png) no-repeat center center;
}
.icon_dark #social_links a.opener:hover{
	 background:rgba(255, 255, 255, 0.05) url(images/icons/dark/share_top_icon.png) no-repeat center center;
}
.icon_dark #social_links a.opener.close{
	background:url(images/icons/dark/closeB.png) no-repeat center 50%;
}
.icon_dark #header nav .select-drop{
	background:url(images/icons/dark/select-drop.png) no-repeat center center;
}
.icon_dark #search_top a.opener{
	background:url(images/icons/dark/search_top_icon.png) no-repeat center 50%;
}
.icon_dark #search_top a.opener:hover{
	background:rgba(255, 255, 255, 0.05) url(images/icons/dark/search_top_icon.png) no-repeat center 50%;
}
.icon_dark #search_top a.opener.close{
	background:url(images/icons/dark/closeB.png) no-repeat center 50%;
}
.icon_dark .list_infos_contact .list_infos_profil{
	background:url(images/icons/dark/list_infos_profil.png) no-repeat left top;
}
.icon_dark .list_infos_contact .list_infos_phone{
	background:url(images/icons/dark/list_infos_phone.png) no-repeat left top;
}
.icon_dark .list_infos_contact .list_infos_email{
	background:url(images/icons/dark/list_infos_email.png) no-repeat left top;
}

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

	BOX SIZING ELEMENTS

//////////////////////////////////////////////////////////////////////////////////////////////
*/
.col,
#bottom_nav,
.copyright,
#footer .widget_col,
.filterable_grid_items .grid_item,
#block_zone .box{
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}