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

	RESET

//////////////////////////////////////////////////////////////////////////////////////////////
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ .none { display: none; } /* End Clearfix */

.alignleft { float: left; }
.alignright { float: right; }
.aligncenter {
    margin-left: auto;
    margin-right: auto;
    display: block;
    clear: both;
}
.alignleft img{ float: left; }
.alignright img{ float: right; }
.aligncenter img{
    margin-left: auto;
    margin-right: auto;
    display: block;
    clear: both;
}
img.alignleft{ float: left; margin:0 20px 0 0; }
img.alignright{ float: right; margin:0 0 0 20px; }
img.aligncenter{
    margin-left: auto;
    margin-right: auto;
    display: block;
    clear: both;
}
iframe{display:block;}
input,
textarea {
    font: 12px/21px "Helvetica Neue", Helvetica, Arial, sans-serif;
	outline:none 0;
}
.left{text-align:left;}
.center{text-align:center;}
.right{text-align:right;}

.clear{
	clear:both;
	height:0px;
	}
	
.inv{
	display:none;
}
em{ font-style:italic; }
a img { border: none; }
img{
	margin:0;
	padding:0;
	border:0;
	white-space:normal;
	display:block;
}
/*
////////////////////////////////////////////////////////////////////////////////////////////// 

	BODY

//////////////////////////////////////////////////////////////////////////////////////////////
*/
html {
	font-size: 100%;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
body{
	background:#5a5a5a url(images/steel1.png);
	color:#999888;
	text-shadow:#000 0px 0px 0px;
	font-family:  Helvetica, Arial, sans-serif;
    font-size: 15px;
    line-height: 22px;
	margin:0; padding:0;
	-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-text-size-adjust: 100%;
}


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

	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:hover{ color:#999; }


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

	HEADINGS

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

h1, h2, h3, h4, h5, h6{
	color:#adadad;
	text-shadow:#000 2px 3px 2px;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
	color:#5a5a5a;
}

h1{
	font-size:48px;
	line-height:60px;
	margin-bottom:10px;
}
h2{
	font-size:36px;
	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:16px;
	line-height:22px;
	margin-bottom:8px;
}
h6{
	font-size:14px;
	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{ color:#5a5a5a; font-weight:bold; }

small{ font-size:85%;}


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

	HEADER

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

#header{
	background:#000;
	background:rgba(0, 0, 0, 0.6);
	border-top: 2px solid #f01919;
	border-bottom:1px solid #f01919;
	position:fixed;
	top:0; left:0;
	width:100%;
	z-index:1000;
	  -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;
}
#header.dark{
	background:#000;
	background:rgba(0, 0, 0, 0.8);
	border-bottom:1px solid rgba(255, 255, 255, 0.3);
	position:fixed;
	top:0; left:0;
	width:100%;
	z-index:1000;
}

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


#header #header_logo{
	display:block;
}
#header #header_logo .logo_img{
	float:left;
}
#header #header_logo h1{
	float:left;
	vertical-align:middle;
	font-size:14px;
	line-height:50px;
	text-shadow:none;
	color:#fff !important;
	margin-left:50px;
	font-style:italic;
	font-weight:normal;
	margin-bottom:0px;
}
#header #header_logo h2{
	display:none;
	float:left;
	vertical-align:middle;
	font-size:14px;
	line-height:50px;
	text-shadow:none;
	color:#fff !important;
	margin-left:20px;
	font-style:italic;
	font-weight:normal;
	margin-bottom:0px;
}
#header #header_logo h1 a{
	color:#fff !important;
}

#header a{ color:#fff !important;
}


#header #phone_navigation{
	display:none;
	background:#000;
	background:rgba(0, 0, 0, 0.6);
	color:#000;
	padding:0;
	position:absolute;
	width:100%;
	z-index:300;
	top:50px;
}
#header.dark  #phone_navigation{
	background:#000;
	background:rgba(0, 0, 0, 0.8);
}
#header #phone_navigation ul{
	display:none;
}
#header #phone_navigation li{ padding:0 0px; display:inline; float:left; width:50%;}
#header #phone_navigation li a{
	padding:8px 14px;
	display:block;
	font-weight:bold;
}
#header #phone_navigation li a:hover{
	padding:8px 14px 8px 20px;
}
#header a.open_phone_nav{
	background-image:url(images/open_nav.png);
	background:#000 url(images/open_nav.png) no-repeat center center;
	background:rgba(0, 0, 0, 0.2) url(images/open_nav.png) no-repeat center center;
	/* CSS3 ROUND CORNER */
	-webkit-border-radius:		8px 8px 8px 8px;
	 -khtml-border-radius:		8px 8px 8px 8px;
	   -moz-border-radius:		8px 8px 8px 8px;
	     -o-border-radius:		8px 8px 8px 8px;
	        border-radius:		8px 8px 8px 8px;

	/* CSS3 SHADOW */
	-webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.2), 0px 1px 2px 0px rgba(0, 0, 0, 0.2) inset;
	   -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.2), 0px 1px 2px 0px rgba(0, 0, 0, 0.2) inset;
	     -o-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.2), 0px 1px 2px 0px rgba(0, 0, 0, 0.2) inset;
	        box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.2), 0px 1px 2px 0px rgba(0, 0, 0, 0.2) inset;
	cursor:pointer;
	display:none;
	width:31px;
	height:31px;
	position:absolute;
	bottom:-40px;
	right:10px;
	text-indent:-9999px;
}


#header #navigation{
	float:right;
	margin-right:162px;
}
#header #navigation ul li{
	display:inline-block;
	float:left;
	line-height:30px;
	padding:10px 0; margin:0 0px;
	position:relative;
  -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;
}
#header #navigation ul li a{
	font-size:18px;
	font-weight:bold;
	text-shadow: none;
	display:inline-block;
	padding:0 16px;
}
#header #navigation ul ul{
	background:#fff;
	background:rgba(0, 0, 0, 0.6);
	display:none;
	margin-left:-98px;
	padding:8px;
	position:absolute;
	left:50%;
	top:50px;
	width:180px;
	z-index:9000;
			/* CSS3 ROUND CORNER */
	-webkit-border-radius:		8px 8px 8px 8px;
	 -khtml-border-radius:		8px 8px 8px 8px;
	   -moz-border-radius:		8px 8px 8px 8px;
	     -o-border-radius:		8px 8px 8px 8px;
	        border-radius:		8px 8px 8px 8px;
	/* CSS3 SHADOW */
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
	   -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
	     -o-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
	        box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
	  -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-transform: translate3d( 0, 0, 0);
}
#header #navigation ul ul:before{
	content:'';
	width:0; height:0;
	border-bottom: 15px solid #fff; 
	border-right: 15px solid transparent; 
	border-left: 15px solid transparent;
	position:absolute;
	left:50%;
	top:-5px;
	margin-left:-15px;
}

#header #navigation ul li:hover > ul{opacity:0.9; top:99%;
  -webkit-transition: all .6s ease;  /* Saf3.2+, Chrome */
     -moz-transition: all .6s ease;  /* FF4+ */
       -o-transition: all .6s ease;  /* Opera 10.5+ */
          transition: all .6s ease;
}
#header #navigation ul ul li{
	line-height:normal;
	padding:0; margin:0;
	width:180px;
	line-height:normal;
	position:relative;
	/* CSS3 ROUND CORNER */
	-webkit-border-radius:		8px 8px 8px 8px;
	 -khtml-border-radius:		8px 8px 8px 8px;
	   -moz-border-radius:		8px 8px 8px 8px;
	     -o-border-radius:		8px 8px 8px 8px;
	        border-radius:		8px 8px 8px 8px;
}
#header #navigation ul ul li a:hover{
	background:#e6e6e6;
}
#header #navigation ul ul li:hover > a{
	background:#fff;
	font-size:12px;
	display:block;
	padding:10px;
	color:#000 !important;
	text-shadow:none;
}
#header #navigation ul ul li a{
	background:#000;
	font-size:12px;
	display:block;
	padding:10px;
	color:#fff !important;
	text-shadow:none;
}
#header #navigation ul ul ul{
	display:none;
	background:#fff;
	background:rgba(255, 255, 255, 0.6);
	padding:8px;
	position:absolute;
	left:270px;
	top:-28px;
	width:180px;
	z-index:9001;
	/* CSS3 SHADOW */
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
	   -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
	     -o-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
	        box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
}
#header #navigation ul ul li:hover > ul{
	top:-8px;
}

#header #navigation ul ul ul:before{
	display:none;
}
#header #navigation .subber{
	background:#fff url(images/subber.png) no-repeat right 50%;
}
#header #navigation .subber:hover{
	background:#e6e6e6 url(images/subber.png) no-repeat right 50%;
}

#header #navigation ul ul li:hover > a.subber{
	background:#e6e6e6 url(images/subber.png) no-repeat right 50%;
}



#header #search_top{
	position: absolute;
	right: 0px;
	padding:9px 0 0 0;
}
#header #search_top form{
	background:#000;
	background:rgba(0, 0, 0, 0.2);
	height:31px;
	/* CSS3 ROUND CORNER */
	-webkit-border-radius:		8px 8px 8px 8px;
	 -khtml-border-radius:		8px 8px 8px 8px;
	   -moz-border-radius:		8px 8px 8px 8px;
	     -o-border-radius:		8px 8px 8px 8px;
	        border-radius:		8px 8px 8px 8px;

	/* CSS3 SHADOW */
	-webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.2), 0px 1px 2px 0px rgba(0, 0, 0, 0.2) inset;
	   -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.2), 0px 1px 2px 0px rgba(0, 0, 0, 0.2) inset;
	     -o-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.2), 0px 1px 2px 0px rgba(0, 0, 0, 0.2) inset;
	        box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.2), 0px 1px 2px 0px rgba(0, 0, 0, 0.2) inset;
}
#header #search_top .field{
	background:none;
	border:none;
	width:82px;
	margin:5px 0 0 5px;
	color:#fff;
	letter-spacing:1px;
}
#header #search_top .submit{
	background:url(images/magnify.png) no-repeat center center;
	border:none;
	height:27px;
	width:31px;
	text-indent:-9999px;
	cursor:pointer;
}



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

	SLIDER

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

#slider{
	background:#ababab;
}
#slider .content{
	width:100%;
	max-width:960px;
	margin:0 auto;
	
	height:600px;
}



	/* Flex slider */


.space-slide-1{
	background:#ababab url(tmp/space-1.jpg) no-repeat center top;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.space-slide-2{
	background:#ababab url(tmp/space-2.jpg) no-repeat center top;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.space-slide-3{
	background:#C03 url(tmp/space-3.jpg) no-repeat center top;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.space-slide-4{
	background:#C03 url(tmp/space-4.jpg) no-repeat center top;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.space-slide-5{
	background:#C03 url(tmp/space-5.jpg) no-repeat center top;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.space-slide-6{
	background:#C03 url(tmp/space-6.jpg) no-repeat center top;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}


.side-flexslider{background:#fff;position:relative;zoom:1; margin-top:10px;} 
.side-flexslider  .slides{zoom:1} 
.side-flexslider  .slides>li{position:relative; border-bottom:0 !important;} 
.side-flexslider li{ border-bottom:0 !important;} 
.flex-container{zoom:1;position:relative} 
.side-flexslider .flex-control-nav{width:280px;position:absolute;text-align:center;margin-top:-30px; left:50%; margin-left:-140px;} 
.side-flexslider .flex-direction-nav{height:0}
.side-flexslider .flex-direction-nav li a{
	width:23px;
	height:25px;
	margin:-12px 0 0;
	display:block;
	position:absolute;
	top:50%;
	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;
} 
.side-flexslider .flex-direction-nav li .next{
	background:url(images/side-flex-arrow-right.png) no-repeat right top;
	right:0px;
	
} 
.side-flexslider .flex-direction-nav li .prev{
	background:url(images/side-flex-arrow-left.png) no-repeat left top;
	left:0px;
} 
.side-flexslider .flex-direction-nav li .next:hover{}
.side-flexslider .flex-direction-nav li .prev:hover{}




#gridSlider{
	height:100%;
}
#gridSlider ul{
	margin:0; padding:0;
	height:100%;
}
#gridSlider ul li{
	float:left;
	padding:0;
	margin:0 1px 1px 0;
	width:24.99%;
}


	/* Carousel slider */
#homeCarousel { background: #fff; width: 100%; height: 460px; }
#sliderCarousel {
	background: #fff;
	color:#eee;
	position: relative;
	float: left;
	width: 100%;
	height: 460px;
	overflow: hidden;
}
#sliderCarousel ul {
	width: 100%;
	float: left;
	height: 460px;
	z-index: 4;
}
#sliderCarousel ul li {
	float: left;
	overflow: hidden;
	position: relative;
	display: inline;
	height: 460px;
	margin-right: 1px;
}
#sliderCarousel ul li img {
	height: 460px;
	width:100%;
	float: left;
}
#sliderCarousel ul li .video-container iframe{
	display:block;
	min-height: 460px !important;
	width: 800px !important;
	float: left;
}
#sliderCarousel ul li .video-container {
	position: relative;
	overflow: hidden;
	padding-bottom: 0%;
	display:block;
	min-height: 460px !important;
	width: 800px !important;
	float: left;
}
#sliderCarousel ul li .caption-bar{
	background:#000;
	background:rgba(0, 0, 0, 0.7);
	padding:10px;
	position:absolute;
	bottom:10px;
	left:10px;
	z-index:200;
	/* CSS3 ROUND CORNER */
	-webkit-border-radius:		8px;
	 -khtml-border-radius:		8px;
	   -moz-border-radius:		8px;
	     -o-border-radius:		8px;
	        border-radius:		8px;
}

.list_carousel.responsive {
	width: auto;
	margin-left: 0;
}

#sliderCarousel #slide-next, #sliderCarousel #slide-prev{
	width:60px;
	height:61px;
	margin:-30px 0 0;
	display:block;
	position:absolute;
	top:50%;
	cursor:pointer;
	text-indent:-9999em;
	z-index:300;
	-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;
} 
#sliderCarousel #slide-next{
	background:url(images/slider_960_arrow_right.png) no-repeat right top;
	right:20px;
	
} 
#sliderCarousel #slide-prev{
	background:url(images/slider_960_arrow_left.png) no-repeat left top;
	left:20px;
}


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

	Grid Slider

//////////////////////////////////////////////////////////////////////////////////////////////
*/
#grid_container{
	display:block;
	position:relative;
	width:100%; height:100%;
	margin-bottom:-2px;
}
.grid_home_item{
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;   
	box-sizing: border-box;      
	width:0;
	float:left;
	overflow: hidden;
}

.grid_home_item .infoGridItem{
	position: relative;
	margin:0 1px 1px 0;
}
.grid_home_item .infoGridItem .infoGrid_detail_pos{
	opacity:0;
	visibility: hidden;
	
	position:absolute;
	left:0;
	top:0;
	
	width:100%;
	height:100%;
	z-index:100;
	
	background:rgba(0,0,0,0.7);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF000000,endColorstr=#BF000000);
	
	-webkit-transition:opacity 0.2s linear;
	   -moz-transition:opacity 0.2s linear;
	    -ms-transition:opacity 0.2s linear;
	     -o-transition:opacity 0.2s linear;
	        transition:opacity 0.2s linear;
			
	-webkit-box-sizing: border-box; 
	   -moz-box-sizing: border-box;   
	        box-sizing: border-box;
}
.grid_home_item .infoGridItem:hover{
	opacity:1;
}
.grid_home_item .infoGridItem:hover .infoGrid_detail_pos{
	opacity:1;
	visibility: visible;	
}
.grid_home_item .infoGrid_detail_text{
	text-align: left;
	position:absolute;
	height:60px;
	width:100%;
	top:50%;
	margin-top:-30px;
	left:0;
}
.grid_home_item .infoGrid_detail_text h4{
	color:#fff;
	text-shadow: 0px 2px 1px rgba(0,0,0,0.4);
	margin-bottom:0;
	padding:3px 20px;
	text-align: center;
}
.grid_home_item .infoGrid_detail_text em{
	color: #a1a1a1;
	text-align: center;
	display:block;
	width:100%;
}
/* Masonry pages */
#masonry, #masonryGallery {
	padding-bottom:1px;
	min-height:95%;
}

#preloader{
	background:#000 url(images/loader.gif) no-repeat center center;
	position:relative;
	display:block;
	width:100%; height:400px;
}
#preloader span{
	color:#fff;
	font-size:15px;
	font-weight:bold;
	width:100%;
	display:block;
	position:absolute;
	top:50%;
	padding:40px 0 0 0;
	text-align:center;
}

/********************/
/* Media Containers */
/********************/

.infoGridItem {
	opacity:1;
	-webkit-transition:opacity 0.3s linear;
	   -moz-transition:opacity 0.3s linear;
	    -ms-transition:opacity 0.3s linear;
	     -o-transition:opacity 0.3s linear;
	        transition:opacity 0.3s linear;
}

.infoGridItem:hover {
	opacity:0.8;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
}
.mediaContainer.video:hover{
	opacity:1;

}
.infoGridItem img {
	width:100%;
	height:auto;
	vertical-align: middle;
}



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

	TOP ILLUSTRATION

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

#top_illustration{
	
	background:#000;
    position: relative;
	top: 54px;
	min-height:50px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}



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

	TITLE BAR

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

#title_bar{
	background:#fff;
	border-top:1px solid #999;
	/* CSS3 SHADOW */
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
	   -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
	     -o-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
	        box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
}
#title_bar .content{
	width:100%;
	max-width:920px;
	margin:0 auto;
	padding:10px 0;
}
#title_bar h2{
	font-size:18px;
	text-transform:uppercase;
	margin-bottom:0px;
}



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

	MAIN

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

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

#main a{color:#5a5a5a; }

#before_content, #central_content, #after_content{
	padding:0 0 40px 0;
}


#page_content{}
#sidebar{
	width:293px;
	margin-left:20px;
	float:left;
}


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

	SIDEBAR

//////////////////////////////////////////////////////////////////////////////////////////////
*/
#sidebar{}
#sidebar.style_1 .side_widget{
	margin-bottom:40px;
	background:#fff;
	/* CSS3 SHADOW */
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
	   -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
	     -o-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
	        box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
}
#sidebar.style_1 .side_widget h4{
	color:#FFF;
	background:#000;
	padding:8px 0 8px 15px;
	text-shadow:none;
	margin-bottom:0;
}
#sidebar.style_1 .side_widget .inside{
	padding:15px 20px;
}
#sidebar.style_2{
	background:#fff;
	/* CSS3 SHADOW */
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
	   -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
	     -o-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
	        box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
	
	/* CSS3 ROUND CORNER */
	-webkit-border-radius:		8px 8px 8px 8px;
	 -khtml-border-radius:		8px 8px 8px 8px;
	   -moz-border-radius:		8px 8px 8px 8px;
	     -o-border-radius:		8px 8px 8px 8px;
	        border-radius:		8px 8px 8px 8px;
}
#sidebar.style_2 .side_widget{
	margin-bottom:10px;
}
#sidebar.style_2 .side_widget h4{
	background:#FBFBFB;
	border-bottom: 1px solid #E9E9E9;
	border-top: 1px solid #E9E9E9;
	padding:8px 0 8px 15px;
	margin-bottom:0;
	text-shadow:none;
	/* CSS3 ROUND CORNER */
	-webkit-border-radius:		0px;
	 -khtml-border-radius:		0px;
	   -moz-border-radius:		0px;
	     -o-border-radius:		0px;
	        border-radius:		0px;
}
#sidebar.style_2 .side_widget:nth-child(1) h4{
	/* CSS3 ROUND CORNER */
	border-top: none;
	-webkit-border-radius:		8px 8px 0px 0px;
	 -khtml-border-radius:		8px 8px 0px 0px;
	   -moz-border-radius:		8px 8px 0px 0px;
	     -o-border-radius:		8px 8px 0px 0px;
	        border-radius:		8px 8px 0px 0px;
}
#sidebar.style_2 .side_widget:last-child{
	margin-bottom:0px;
}

#sidebar.style_2 .side_widget .inside{
	padding:15px 20px;
}
#sidebar ul{
	margin:0; padding:0;
}
#sidebar ul li{
	border-bottom:1px solid #e9e9e9;
}
#sidebar ul li a{
	display:block;
	padding:4px 6px;
}




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

	FOOTER

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

#footer{
	background:#000;
	border-top: 2px solid #f01919;

}
#footer .content{
	width:100%;
	max-width:960px;
	margin:0 auto;
}
#footer .content h4{ color:#fff; text-shadow:none; }
#footer .content a{ color:#fff; }

#footer #footer_widgets .widget_col{
	background:url(images/footer_widget_bg.png) no-repeat top right;
	float:left;
	width:260px;
	min-height:140px;
	padding:30px;
}
#footer #footer_widgets .widget_col:nth-child(3){
	background:none;
}
#footer #footer_widgets{
	border-bottom:2px solid #f01919;
	padding-bottom:0px;
}






#footer .copyright{
	width:100%;
	float:left;
	line-height:30px;
	padding:10px 0;
	text-align:center;
	font-size:11px;
}

#footer .copyright p{
	padding:0 0 0 20px;
	margin-bottom:0;
}


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

	ELEMENTS DESIGN

//////////////////////////////////////////////////////////////////////////////////////////////
*/
/* Button */
.cr_btn{
	background:#999;
	color:#f01919;
	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:		8px 8px 8px 8px;
	 -khtml-border-radius:		8px 8px 8px 8px;
	   -moz-border-radius:		8px 8px 8px 8px;
	     -o-border-radius:		8px 8px 8px 8px;
	        border-radius:		8px 8px 8px 8px;
}
.cr_btn:hover{
	background:#ddd;
	color:#333;
}
/* Button */
.cr_btn_big{
	background:#999;
	color:#f01919;
	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:		8px 8px 8px 8px;
	 -khtml-border-radius:		8px 8px 8px 8px;
	   -moz-border-radius:		8px 8px 8px 8px;
	     -o-border-radius:		8px 8px 8px 8px;
	        border-radius:		8px 8px 8px 8px;
}
.cr_btn_big:hover{
	background:#ddd;
	color:#333;
}

/* separator_line */
.separator_line{
	border-top:1px solid #000;
	border-top:1px solid rgba(0, 0, 0, 0.2);
	border-bottom:1px solid #fff;
	margin:10px 20px 20px 20px;
}
/* biglines */
.biglines{
	font-size:18px;
}

/* shadow_block */
.shadow_block{
	background:#fff;
	/* CSS3 SHADOW */
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
	   -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
	     -o-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
	        box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
/* CSS3 ROUND CORNER */
	-webkit-border-radius:		8px 8px 8px 8px;
	 -khtml-border-radius:		8px 8px 8px 8px;
	   -moz-border-radius:		8px 8px 8px 8px;
	     -o-border-radius:		8px 8px 8px 8px;
	        border-radius:		8px 8px 8px 8px;
}

/* lined */
.lined{
	background:url(images/lined.png) repeat-x left 50%;
}
/* padding_20 */
.padding_20{ padding:20px; }

/* margin_0_20 */
.margin_0_20{ margin:0 20px; }

/* corner_full */
.corner_full{
/* CSS3 ROUND CORNER */
	-webkit-border-radius:		8px 8px 8px 8px;
	 -khtml-border-radius:		8px 8px 8px 8px;
	   -moz-border-radius:		8px 8px 8px 8px;
	     -o-border-radius:		8px 8px 8px 8px;
	        border-radius:		8px 8px 8px 8px;
}
/* corner_top */
.corner_top{
/* CSS3 ROUND CORNER */
	-webkit-border-radius:		8px 8px 0px 0px;
	 -khtml-border-radius:		8px 8px 0px 0px;
	   -moz-border-radius:		8px 8px 0px 0px;
	     -o-border-radius:		8px 8px 0px 0px;
	        border-radius:		8px 8px 0px 0px;
}
/* corner_bottom */
.corner_bottom{
/* CSS3 ROUND CORNER */
	-webkit-border-radius:		0px 0px 8px 8px;
	 -khtml-border-radius:		0px 0px 8px 8px;
	   -moz-border-radius:		0px 0px 8px 8px;
	     -o-border-radius:		0px 0px 8px 8px;
	        border-radius:		0px 0px 8px 8px;
}
/* corner_right */
.corner_right{
/* CSS3 ROUND CORNER */
	-webkit-border-radius:		0px 8px 8px 0px;
	 -khtml-border-radius:		0px 8px 8px 0px;
	   -moz-border-radius:		0px 8px 8px 0px;
	     -o-border-radius:		0px 8px 8px 0px;
	        border-radius:		0px 8px 8px 0px;
}
/* corner_left */
.corner_left{
/* CSS3 ROUND CORNER */
	-webkit-border-radius:		8px 0px 0px 8px;
	 -khtml-border-radius:		8px 0px 0px 8px;
	   -moz-border-radius:		8px 0px 0px 8px;
	     -o-border-radius:		8px 0px 0px 8px;
	        border-radius:		8px 0px 0px 8px;
}

/*
	-------------------------------------
	DROPCAP
	-------------------------------------
*/
.dropcap{
	float: left;
	color: #1c1c1c;
	font-size: 46px;
	font-weight:bold;
	line-height: 36px;
	padding-top: 6px;
	padding-right: 6px;
	padding-left: 3px;
}
.dropcap2{
	float: left;
	background: #1c1c1c;
	color: #FFF;
	font-size: 34px;
	font-weight:bold;
	line-height: 40px;
	text-align:center;
	width:40px;
	height:40px;
	margin-right:8px;
	margin-top:5px;
	/* CSS3 ROUND CORNER */
	-webkit-border-radius:		6px 6px 6px 6px;
	 -khtml-border-radius:		6px 6px 6px 6px;
	   -moz-border-radius:		6px 6px 6px 6px;
	     -o-border-radius:		6px 6px 6px 6px;
	        border-radius:		6px 6px 6px 6px;
}
.dropcap3{
	float: left;
	border-left:1px solid #666666;
	color: #1c1c1c;
	font-size: 46px;
	font-weight:bold;
	line-height: 36px;
	padding: 2px 6px;
	margin-top:5px;
}
.dropcap4{
	float: left;
	background: #1c1c1c;
	color: #FFF;
	font-size: 34px;
	font-weight: bold;
	line-height: 42px;
	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
	-------------------------------------
*/
.hightlight{
	padding:1px 6px;
	display:inline-block;
	font-weight:bold;
	margin:0 2px;
	/* 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;
}
.hightlight.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;
}
.hightlight.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;
}
.hightlight.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;
}
.hightlight.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;
}
.hightlight.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;
}
.hightlight.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;
}
.hightlight.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;
}
.hightlight.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;
}
.hightlight.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;
}
.hightlight.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;
}
.hightlight.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;
}

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

.info .icon{
	width:6px;
	left:19px;
	background-position:0 -30px;
}
.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 #e8e8e8;
}
.accordion .title a{
	font-size:15px;
	font-weight:700px;
	color:#777777;
	display: block;
	border-top:1px solid #e8e8e8;
	padding:15px 20px 15px 50px;
	background:url(images/plus.png) no-repeat 20px center;
}
.accordion .title a:hover{
	background: #f8f8f8 url(images/plus.png) no-repeat 20px center;
}
.accordion .title.active a{
	color:#000 !important;
	background: #ffffff url(images/minus.png) no-repeat 20px center;
}
.accordion .inner{
	height:100%;
	height:auto;
	margin-top:0;
}
.accordion .inner div{
	border-top:1px solid #e8e8e8;
	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: #f8f8f8;
    text-decoration: none;
    border-top:1px solid transparent;
    border:1px solid #d5d5d5;
    margin-right:-1px;
    color:#a6a6a6;
	  -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: #ffffff;
    color:#000;
    border-bottom:1px solid #ffffff;
    border-top:1px solid #000;
}

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

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

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

div.tabs{
	margin-bottom:20px;
}
/*
	-------------------------------------
	TOGGLE
	-------------------------------------
*/
.toggle{
	border:1px solid #e8e8e8;
	margin-bottom:20px;
}
.toggle .title{
	font-size:15px;
	font-weight:700px;
	color:#777777;
	display: block;
	padding:15px 20px 15px 50px;
	background: #fdfdfd url(images/togg_down.png) no-repeat 20px center;
	cursor: pointer;
}
.toggle .title:hover{
	color:#000;
	background: #fafafa url(images/togg_down.png) no-repeat 20px center;
}
.toggle .title.active{
	color:#000;
	background: #ffffff 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 #e8e8e8;
}

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

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

.pricing-table.col-2 .plan{
	float:left;
	width:920px;
	display: block;
}
.pricing-table.col-3 .plan{
	float:left;
	width:305px;
	display: block;
}
.pricing-table.col-4 .plan{
	float:left;
	width:228px;
	display: block;
}
.pricing-table.col-5 .plan{
	float:left;
	width:182px;
	display: block;
}

.plan{
	border:1px solid #d5d5d5;
	border-right:0px;
	text-align: center;
	
}
.pricing-table .plan:last-child{
	border-right:1px solid #d5d5d5;
}
.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 h3{
	font-weight:300;
	font-size:20px;
	margin:-1px -1px 0px -1px;
	padding:7px 0;
	background-color: #666666;
	color:#ffffff;
	text-shadow:#000 0px 1px 0px;
}
.plan.featured h3{
	font-size:18px;
	margin:-21px -1px 0px -1px;
	padding:17px 0;
	background-color: #000;
	color:#ffffff;
	text-shadow:#000 0px 1px 0px;
}

.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; 
	font-size: 18px;
	text-align: center;
	border-bottom:1px solid #efefef;
}
.plan li:last-child{
	border-bottom:0px;
}

/*
	-------------------------------------
	FLICKR BADGE
	-------------------------------------
*/
#flickr_badge_wrapper{
	padding:0 0 10px 0;
}
#flickr_badge_wrapper a{
	float:left;
	margin:2px;
	width:48px; height:48px;
}
#flickr_badge_wrapper a img{
	width: 100%; /* Scale down */
	width:48px; height:48px;
  -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;
}

/*
	-------------------------------------
	Testimonial Footer
	-------------------------------------
*/
.widget_col 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;
}
.widget_col cite{
	display:block;
	clear:both;
	color:#fff;
	text-align:right;
}


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

	PORTFOLIO

//////////////////////////////////////////////////////////////////////////////////////////////
*/
#placeHolder{
	padding-top:3px;
}
.image_grid{
	display:block;
	float:left;
	margin:0 0 20px 20px;
	position:relative;
}
.image_grid .overflow{
	overflow:hidden;
	position:relative;
	display:block;
	width:100%;
	height:100%;
}
.image_grid .overflow img{
	display:block;
	width:100%;
}
.image_grid .slide_infos{
	background:#000;
	background:rgba(0, 0, 0, 0.8);
	position:absolute;
	top:0;
	left:0;
	z-index:400;
	display:block;
	width:100%;
	height:100%;
	opacity:0;
  -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-transform: translate3d( 0, 0, 0);
}
.image_grid .overflow:hover .slide_infos{
	opacity:1;
}
.image_grid .slide_infos .zoom{
	background:url(images/magnify_big.png) no-repeat;
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	margin:-62px 0 0 -31px;
	width:62px; height:62px;
	text-indent:-9999px;
}
.image_grid .slide_infos .infos{
	display:block;
	position:absolute;
	top:50%;
	left:0;
	margin:10px 0 0 0;
	width:100%;
	text-align:center;
}
.image_grid .slide_infos .infos h4{
	margin-bottom:5px;
	padding:0 20px;
}
.image_grid .slide_infos .infos a{
	color:#FFF !important;
	text-shadow:#000 0px 1px 2px;
}

.image_grid .featured_1{
	background:url(images/featured_style_1.png);
	display:block;
	position:absolute;
	top:-3px;
	right:5px;
	z-index:600;
	width:32px; height:34px;
	text-indent:-9999px;
}

.image_grid .featured_2{
	background:url(images/featured_style_2.png);
	display:block;
	position:absolute;
	top:0px;
	right:0px;
	z-index:600;
	width:38px; height:39px;
	text-indent:-9999px;
}

.image_grid .featured_3{
	background:url(images/featured_style_3.png);
	display:block;
	position:absolute;
	top:0px;
	right:0px;
	z-index:600;
	width:38px; height:39px;
	text-indent:-9999px;
}

.portfolio_item{
}

.cols_5{
	width:168px;
}
.cols_5 h4{
	font-size:13px;
	margin-bottom:0 !important;
}
.cols_5 span{
	font-size:11px;
	margin-bottom:0 !important;
}
.cols_5 .zoom {
margin: -52px 0 0 -31px !important;
}

.cols_4{
	width:215px;
}
.cols_3{
	width:293px;
}
.cols_2{
	width:450px;
}
.cols_2 .zoom {
margin: -31px 0 0 -31px !important;
}
.cols_1{
	width:920px;
}
.cols_1 .zoom {
margin: -31px 0 0 -31px !important;
}

#filters{
	position:relative;
	padding:5px 0 0 0;
	margin-bottom:20px;
}
#filters ul{
	background:#f8f8f8;
	padding:0 0 0 20px;
	position:absolute;
	top:7px;
	right:0;
}
#filters ul li{
	display:inline;
	line-height:20px;
}
#filters ul li a{
	display:inline-block;
	font-weight:bold;
	padding:5px 15px;
}
#filters ul li a.active{
	font-weight:bold;
	background:#000;
	background:rgba(0, 0, 0, 0.05);
	/* CSS3 SHADOW */
	-webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.8), 0px 1px 2px 0px rgba(0, 0, 0, 0.2) inset;
	   -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.8), 0px 1px 2px 0px rgba(0, 0, 0, 0.2) inset;
	     -o-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.8), 0px 1px 2px 0px rgba(0, 0, 0, 0.2) inset;
	        box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.8), 0px 1px 2px 0px rgba(0, 0, 0, 0.2) inset;
	/* CSS3 ROUND CORNER */
	-webkit-border-radius:		8px 8px 8px 8px;
	 -khtml-border-radius:		8px 8px 8px 8px;
	   -moz-border-radius:		8px 8px 8px 8px;
	     -o-border-radius:		8px 8px 8px 8px;
	        border-radius:		8px 8px 8px 8px;
}

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

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

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

	CAROUSEL

//////////////////////////////////////////////////////////////////////////////////////////////
*/
/* Elastislide Style */
.es-carousel-wrapper{
	padding:10px 0 5px 2px;
	margin:0 15px;
	position:relative;
}
.es-carousel{
	overflow:hidden;
	padding:5px;
}
.es-carousel ul{
	display:none;
}
.es-carousel ul li{
	width:293px !important;
	height:100%;
	float:left;
	display:block;
}
.es-carousel ul li a{
	display:block;
	padding:0 0 4px 0;
}
.es-carousel ul li a img{
	display:block;
	border:none;
	max-height:100%;
	max-width:100%;
}
.es-nav{background:#f8f8f8;
	position:absolute;
	top: -30px;
	right: 0px;
	z-index: 30;
	padding:0 0 0 15px;
}
.es-nav span{
	background:#f8f8f8 url(images/carous_el_arrow_left.png) no-repeat center center;
	width:20px;
	height:20px;
	display:block; float:left;
	padding:0;
	text-indent:-9000px;
	cursor:pointer;
	opacity:0.7;
}
.es-nav span.es-nav-next{
	background:#f8f8f8 url(images/carous_el_arrow_right.png) no-repeat center center;
	right:0px;
	left:auto;
}
.es-nav span:hover{
	opacity:1.0;
}

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

	POSTS

//////////////////////////////////////////////////////////////////////////////////////////////
*/
.grid_post_info{
	position:relative;
	padding:8px 20px 10px 20px;
}
.grid_post_info h4{
	margin-bottom:0px;
}
.comment_bubble{
	-webkit-font-smoothing: antialiased;
	font-weight:bold;
	font-size:11px;
	text-align:center;
	padding:0px 6px;
	margin-top:-10px;
	background:#000;
	background:rgba(0, 0, 0, 0.05);
	/* CSS3 SHADOW */
	-webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.8), 0px 1px 2px 0px rgba(0, 0, 0, 0.2) inset;
	   -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.8), 0px 1px 2px 0px rgba(0, 0, 0, 0.2) inset;
	     -o-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.8), 0px 1px 2px 0px rgba(0, 0, 0, 0.2) inset;
	        box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.8), 0px 1px 2px 0px rgba(0, 0, 0, 0.2) inset;
	/* CSS3 ROUND CORNER */
	-webkit-border-radius:		8px 8px 8px 8px;
	 -khtml-border-radius:		8px 8px 8px 8px;
	   -moz-border-radius:		8px 8px 8px 8px;
	     -o-border-radius:		8px 8px 8px 8px;
	        border-radius:		8px 8px 8px 8px;
	position:absolute;
	top:50%;
	right:15px;
	z-index:8;
}
.comment_bubble:before{
	content:'';
	width:0; height:0;
	border-top: 8px solid rgba(0, 0, 0, 0.05); 
	border-left: 10px solid transparent;
	position:absolute;
	left:50%;
	bottom:-8px;
}
.grid_post_info .excerpt{
	border-top:1px solid #e9e9e9;
	padding:8px 0 0 0;
	margin-top:8px;
}

.blog_post_style_1{
	background:#fff;
	/* CSS3 SHADOW */
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
	   -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
	     -o-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
	        box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
	margin-bottom:20px;
	-webkit-font-smoothing: antialiased;
}
.blog_post_style_1 .grid_post_info .comment_bubble{
	position:absolute;
	top:25px;
	right:15px;
	z-index:8;
}


.post_preview{
	overflow:hidden;
	position:relative;
	display:block;
}
.post_preview:hover .zoom{ opacity:1; }
.post_preview .zoom{
	background:#000 url(images/magnify_big.png) no-repeat center center;
	background:rgba(0, 0, 0, 0.8) url(images/magnify_big.png) no-repeat center center;
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%; height:100%;
	text-indent:-9999px;
	opacity:0;
	-webkit-transform: translate3d( 0, 0, 0);
}

.icon_photo{
	background:url(images/icon_photo.png) no-repeat left 50%;
	padding:0 0 0 24px;
}
.icon_video{
	background:url(images/icon_video.png) no-repeat left 50%;
	padding:0 0 0 24px;
}
.icon_music{
	background:url(images/icon_music.png) no-repeat left 50%;
	padding:0 0 0 24px;
}
.icon_gallery{
	background:url(images/icon_gallery.png) no-repeat left 50%;
	padding:0 0 0 24px;
}
.icon_slider{
	background:url(images/icon_slider.png) no-repeat left 50%;
	padding:0 0 0 24px;
}

.post_head{
	position:relative;
	padding:15px 0 !important;
}
.post_head h2{
	line-height: 24px; max-width: 450px;
}
.post_head small{
	font-size:12px;
}
.post_head .comment_bubble{
	position:inherit;
	margin-left:20px;
	display:inline-block;
}
.post_head .sharing_buttons{
	background:#fff;
	position:absolute;
	text-align:left;
	top:50%;
	right:20px;
	margin-top:-16px;
	width:32px;
}
.post_head .sharing_buttons .plus_share{
	text-align:left;
	background:url(images/plus_share.png);
	display:block;
	height:32px;
	width:32px;
	text-indent:-9999px;
	cursor:pointer;
}
.post_head .sharing_buttons .socials{
	text-align:left;
	background:#fff;
	display:none;
	position:absolute;
	top:42px;
	right:-10px;
	width:120px;
	z-index:2000;
	padding:15px;
	overflow:hidden;
  -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;
	/* CSS3 SHADOW */
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
	   -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
	     -o-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
	        box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
}
.post_head .sharing_buttons .nt_soc{ display:block; margin-bottom:8px; border-bottom:1px solid #e9e9e9; max-width:120px; min-height:30px;overflow:hidden;}



#grid_blog{
	clear:both;
	height:100%;
	width:100%;
	display:block;
}
.masonry,
.masonry .masonry-brick {
  -webkit-transition-duration: 0.3s;
     -moz-transition-duration: 0.3s;
      -ms-transition-duration: 0.3s;
       -o-transition-duration: 0.3s;
          transition-duration: 0.3s;
}

.masonry {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.masonry .masonry-brick {
  -webkit-transition-property: left, right, top;
     -moz-transition-property: left, right, top;
      -ms-transition-property: left, right, top;
       -o-transition-property: left, right, top;
          transition-property: left, right, top;
}


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

	PAGINATION

/////////////////////////////////////////////////////////////////////////////////////////////
*/
.wp-paginate{
	background:#fff;
	padding:10px;
	text-align:center;
	/* CSS3 SHADOW */
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
	   -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
	     -o-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
	        box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
	/* CSS3 ROUND CORNER */
	-webkit-border-radius:		8px 8px 8px 8px;
	 -khtml-border-radius:		8px 8px 8px 8px;
	   -moz-border-radius:		8px 8px 8px 8px;
	     -o-border-radius:		8px 8px 8px 8px;
	        border-radius:		8px 8px 8px 8px;
}
.wp-paginate li{
	display:inline;
}
.wp-paginate li a{
	display:inline-block;
	font-weight:bold;
	padding:5px 15px;
}
.wp-paginate li .current{
	font-weight:bold;
	background:#000;
	background:rgba(0, 0, 0, 0.05);
	display:inline-block;
	padding:5px 15px;
	/* CSS3 SHADOW */
	-webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.8), 0px 1px 2px 0px rgba(0, 0, 0, 0.2) inset;
	   -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.8), 0px 1px 2px 0px rgba(0, 0, 0, 0.2) inset;
	     -o-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.8), 0px 1px 2px 0px rgba(0, 0, 0, 0.2) inset;
	        box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.8), 0px 1px 2px 0px rgba(0, 0, 0, 0.2) inset;
	/* CSS3 ROUND CORNER */
	-webkit-border-radius:		8px 8px 8px 8px;
	 -khtml-border-radius:		8px 8px 8px 8px;
	   -moz-border-radius:		8px 8px 8px 8px;
	     -o-border-radius:		8px 8px 8px 8px;
	        border-radius:		8px 8px 8px 8px;
}



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

	COMMENTS

/////////////////////////////////////////////////////////////////////////////////////////////
*/
#comments h3{
	background:#000;
	background:rgba(0, 0, 0, 0.8);
	color:#FFF;
	padding:15px;
	text-shadow:none;
}
#comments .commentlist{
	padding:0 20px;
}
#comments .commentlist li{
	padding:10px 10px;
	border-bottom:1px solid #e8e8e8;
	position:relative;
}

#comments .commentlist li:nth-child(even){
	background:#f9f9f9;
}
#comments .commentlist .avatar{
	position:absolute;
	top:5px;
	left:5px;
}
#comments .commentlist p{
	margin-bottom:0;
}
#comments .commentlist ul{
	margin-left:50px;
}
#comments .commentlist ul li .avatar{
	position:absolute;
	top:10px;
	left:8px;
	width:32px; height:32px;
}

.comment-des{float:right; width:89%; }
.comment-des strong{float:left; color:#464646; padding-right:5px; font-family: "Open Sans", Arial,sans-serif; font-size:14px; letter-spacing: -0.5px;}
.comment-des span{float:left; color:#777; font-family: Tahoma, Arial, sans-serif;}
.comment-by{float:left; width:100%; padding-bottom:5px; padding-top:5px; color: #000;}
.comment-by span.reply{color:#777; float:right;}
.comment-by span.reply a{color:#6f9c00; font-weight:bold; float:right; height:17px; margin-left:5px; font-weight: normal;}
.comment-by span.reply a:hover{border:none; color: #888;}
.comment-by span.date{color:#888; padding-right:7px; float:right;}


h4.black_title{
	background:#000;
	background:rgba(0, 0, 0, 0.8);
	color:#FFF;
	padding:15px;
	text-shadow:none;
}

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

	GRID

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

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

    .one-full{
        margin-left: 20px;
    }
	
    .one-half,
	.one-third,
	.two-third,
	.one-fourth,
	.two-fourth,
	.three-fourth,
	.one-fifth,
	.two-fifth,
	.three-fifth,
	.four-fifth{
        float: left;
        margin-left: 20px;
    }
	
    .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-left: 20px; }
	
    .one-full { 		width: 920px; }
    .one-half { 		width: 450px; }
    .one-third { 		width: 293px; }
    .two-third { 		width: 606px; }
    .one-fourth {		width: 215px; }
    .two-fourth { 		width: 450px; }
    .three-fourth { 	width: 685px; }
    .one-fifth { 		width: 168px; }
   	.two-fifth { 		width: 356px; }
   	.three-fifth { 		width: 544px; }
   	.four-fifth { 		width: 732px; }

	
    #page_content .one-half { 		width: 320px; }
    #page_content .one-third { 		width: 200px; }
    #page_content .two-third { 		width: 440px; }
    #page_content .one-fourth {		width: 140px; }
    #page_content .two-fourth {		width: 320px; }
    #page_content .three-fourth {	width: 500px; }
    #page_content .one-fifth { 		width: 104px; }
   	#page_content .two-fifth { 		width: 248px; }
   	#page_content .three-fifth { 	width: 392px; }
   	#page_content .four-fifth { 	width: 536px; }		
	
/*
///////////////////////////////////////////////////////////////////////////////////////////// 

	 FORM

/////////////////////////////////////////////////////////////////////////////////////////////
*/
.form_design{
}
.form_design .field{
	position:relative;
}
.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:		8px 8px 8px 8px;
	 -khtml-border-radius:		8px 8px 8px 8px;
	   -moz-border-radius:		8px 8px 8px 8px;
	     -o-border-radius:		8px 8px 8px 8px;
	        border-radius:		8px 8px 8px 8px;
	/* 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.inputError,
.form_design textarea.inputError{
	border:1px solid rgba(232, 3, 2, 0.5) !important;
		/* CSS3 SHADOW */
	-webkit-box-shadow: 0px 0px 3px 0px rgba(232, 3, 2, 0.3) !important;
	   -moz-box-shadow: 0px 0px 3px 0px rgba(232, 3, 2, 0.3) !important;
	     -o-box-shadow: 0px 0px 3px 0px rgba(232, 3, 2, 0.3) !important;
	        box-shadow: 0px 0px 3px 0px rgba(232, 3, 2, 0.3) !important;
}
.half_col{
	float:left;
	width:50%;
	margin-bottom:9px;
}
.full_col{
	margin-bottom:9px;
	clear:both;
	display:block;
}
.submit_col{
	float:right;
	min-width: 20%;
	margin-bottom:9px;
	text-align:right;
}
.submit_col input,
.submit_col button{ border: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;
}

#ajax_answer{
	background:#d4d4d4;
	padding:10px;
/* CSS3 ROUND CORNER */
	-webkit-border-radius:		8px 8px 8px 8px;
	 -khtml-border-radius:		8px 8px 8px 8px;
	   -moz-border-radius:		8px 8px 8px 8px;
	     -o-border-radius:		8px 8px 8px 8px;
	        border-radius:		8px 8px 8px 8px;
}

.form_design span.error{
	background:#e80308;
	color:#fff !important;
	font-weight:bold;
	font-size:11px;
	padding:3px;
	position:absolute;
	top: -10px;
	right:20px;
	z-index:200;
/* CSS3 ROUND CORNER */
	-webkit-border-radius:		8px 8px 8px 8px;
	 -khtml-border-radius:		8px 8px 8px 8px;
	   -moz-border-radius:		8px 8px 8px 8px;
	     -o-border-radius:		8px 8px 8px 8px;
	        border-radius:		8px 8px 8px 8px;
}


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

	THEME COLORS

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

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{ color:#f01919; }
#main a:hover, #footer a:hover{ color:#363636; }
#twitter_zone a:hover{ color:#f01919; }

#sliderCarousel ul li a{color:#fff;}
#sliderCarousel ul li a:hover{color:#f01919;}
.image_grid .slide_infos .infos a:hover{
	color:#f01919 !important;
}
#free_zone{
	background:#fff;
	border-top:2px solid #f01919;
}
#title_bar{
	background:#fff;
	border-top:5px solid #f01919;
}
.cr_btn, .cr_btn_big{
	background:#363636;
	color:#FFF;
}
#header #phone_navigation li a:hover{background:#ababab;}
#top_illustration{ background:#ababab; }
.mejs-controls .mejs-time-rail .mejs-time-loaded {
	background:#ababab;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
	background:#ababab !important;
}
.plan.featured{
	border:1px solid #f01919; 
}
.pricing-table .plan.featured:last-child{
	border-right:1px solid #f01919;
}
.plan.featured h3{
	background-color: #f01919;
	color:#ffffff;
}
.plan.featured .price{
	background-color: #f01919;
	color:#ffffff;
}

.plan.featured
{
	border-right:1px solid #f01919 !important;
}

.toggle .title:hover{
	color:#f01919;
}
.toggle .title.active{
	color:#f01919;
}
ul.tabNavigation li a.active{
    color:#f01919;
    border-top:1px solid #f01919;
}

ul.tabNavigation li a:hover {
	color:#f01919;
}
.accordion .title.active a{
	color:#f01919 !important;
}