/* --------------------------------------------- */
/* Author: http://themeforest.net/user/50andJACK */
/* --------------------------------------------- */



/* ----------------------------------------------------------- */
/*                           GENERAL                           */
/* ----------------------------------------------------------- */

html, body {
	
	/* ============= LAYOUT ============= */
	
	overflow-x: hidden;
	
}

body {

	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	background-color: #000;
	font: 12px Arial, Helvetica, sans-serif;
	color: #CCC;
	
	/* ============= LAYOUT ============= */
	
	line-height: 18px;
	min-width: 300px;
	
}


/* ----------------------------------------------------------- */
/*                       BACKGROUND IMAGE                      */
/* ----------------------------------------------------------- */

#background {
	
	/* ============= LAYOUT ============= */
	
	width: 100%;
	height: 100%;
	
	position: fixed;
	top: 0;
	left: 0;
	
	z-index: -1;
	overflow: hidden;
	
}

#background img {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
	opacity: 0;
	
	
	/* <<<<<<<<<<< TRANSITION >>>>>>>>>>> */
	
	-webkit-transition: opacity 0.75s linear;
	-moz-transition: opacity 0.75s linear;
	-o-transition: opacity 0.75s linear;
	-ms-transition: opacity 0.75s linear;
	transition: opacity 0.75s linear;
	
}

/* ----------------------------------------------------------- */
/*                        GLOBAL WRAPPER                        */
/* ----------------------------------------------------------- */

#wrapper {
	
	/* ============= LAYOUT ============= */
	
	width: 970px;
	margin: 0 auto 20px auto;
	visibility: hidden;
	position: relative;
	top: 0;
	
}

.fullscreen #wrapper {

	/* ============= LAYOUT ============= */

	width: auto;
	margin: 0 0 0 20px;
	position: fixed;
	
}

.wrapper-top {

	/* ============= LAYOUT ============= */

	margin-top: 20px !important;
	
}

.lt-ie9 #wrapper {
	
	/* ============= LAYOUT ============= */
	
	visibility: visible;
	position: fixed;
	margin-left: -10000px;
	
}

.lt-ie8 #wrapper {
	
	/* ============= LAYOUT ============= */
	
	visibility: hidden;
	position: relative;
	margin-left: auto;
	top: 20px;
	
}


/* ----------------------------------------------------------- */
/*                        LEFT WRAPPER                         */
/* ----------------------------------------------------------- */

#left {
	
	/* ============= LAYOUT ============= */	
	
	width: 160px;
	position: relative;
	float: left;
	z-index: 999;
	
}

.nav-close {

	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	cursor: pointer; 
	background: url(../img/graphics/menu_close.png) no-repeat;

	/* ============= LAYOUT ============= */

	position: absolute;
	left: 160px;
	top: 0;
	width: 22px;
	height: 55px;
	display: block;
	
}

.nav-close:hover {

	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */

	background-position: bottom left;
	
}

.lt-ie8 #left {

	/* ============= LAYOUT ============= */

	top: 0;
	
}

.left-fixed {

	/* ============= LAYOUT ============= */

	position: fixed !important;
	float: none !important;
	
}

.lt-ie8 .left-fixed {

	/* ============= LAYOUT ============= */

	margin-left: -170px !important;
	
}

.lt-ie8 .wrapper-top .left-fixed {

	/* ============= LAYOUT ============= */

	top: 20px !important;
	
}

#left-wrap {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	background-color: #151515;
	
	
	/* ============= LAYOUT ============= */
	
	padding-bottom: 14px;
	
}

.left-round {

	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */

	-webkit-border-top-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	border-top-left-radius: 6px;
	
}


/* ----------------------------------------------------------- */
/*                            LOGO                             */
/* ----------------------------------------------------------- */

#logo {
	
	/* ============= LAYOUT ============= */
	
	text-align: center; 
	padding: 20px 0 20px 0;
	
}


/* ----------------------------------------------------------- */
/*                          NAV MENU                           */
/* ----------------------------------------------------------- */

nav {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	font-size: 13px;
	
	
	/* ============= LAYOUT ============= */
	
	margin-top: 11px;
	line-height: 26px;
	
}

.lt-ie8 nav {
	
	/* ============= LAYOUT ============= */
	
	margin-top: 4px;
	
}

nav > ul > li {
	
	/* ============= LAYOUT ============= */
	
	float: right;
	clear: both;
	display: inline-block;
	padding-right: 20px;
	white-space: nowrap;

}

nav > ul > li > a {
	
	/* ============= LAYOUT ============= */
	
	float: right;

}

nav > ul > li > a.nav-hover {
	
	/* ============= LAYOUT ============= */
	
	right: 20px;

}

nav a {

	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */

	color: #a2a2a2;
	text-decoration: none;
	
	
	/* <<<<<<<<<<< TRANSITION >>>>>>>>>>> */
	
	-webkit-transition: opacity 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-moz-transition: opacity 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-o-transition: opacity 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-ms-transition: opacity 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	transition: opacity 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	
}

nav a:visited {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	color: #a2a2a2;
	
}

nav a.active {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	color: #FFF;
	
}

.nav-hover {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	color: #FFF;
	opacity: 0;
	
	
	/* ============= LAYOUT ============= */
	
	position: absolute;
	
}

nav > ul > li ul {
	
	/* ============= LAYOUT ============= */
	
	text-align: left;
	padding: 11px 0 14px 0;
	margin-top: -38px;
	
	position: absolute;
	left: 133px;
	
}

nav ul > li ul li {
	
	/* ============= LAYOUT ============= */
	
	width: 93px;
	padding: 0 20px 0 20px;
	
}

nav > ul > li > ul {
	
	/* ============= LAYOUT ============= */
	
	left: 160px;
	margin-top: -11px;
		
}

.light-sub {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	background-color: #333;
	
}

.dark-sub {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	background-color: #000 !important;
	
}

.nav-arrow {
	
	/* ============= LAYOUT ============= */
	
	width: 9px;
	height: 11px;
	
	position: absolute;
	left: -9px;
	top: 21px;
	
}

.light-arrow {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	background: url(../img/graphics/nav_arrow_light.png) no-repeat;
	
}

.dark-arrow {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	background: url(../img/graphics/nav_arrow_dark.png) no-repeat;
	
}

#ribbon {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	width: 160px;
	height: 99px;
	background: url(../img/graphics/ribbon.png) no-repeat;
	
}

.lt-ie8 #ribbon {
	
	/* ============= LAYOUT ============= */
	
	margin-top: -18px;
	
}

.nav-hr {
	
	/* ============= LAYOUT ============= */
	
	position: relative;
	top: 14px;
	
}

.lt-ie8 .nav-hr {
	
	/* ============= LAYOUT ============= */
	
	top: 3px;
	
}




/* ::::::::::::::::::::::::::::::::::::::::::::::::: */
/*                 menu ie7/8 fixes                  */
/* ::::::::::::::::::::::::::::::::::::::::::::::::: */

.lt-ie9 nav > ul li:hover > ul {
	
	/* ============= LAYOUT ============= */
	
	display: inline-block !important;
	
}

.lt-ie8 nav > ul li:hover > ul {
	
	/* ============= LAYOUT ============= */
	
	visibility: visible !important;
	
}

.lt-ie9 nav > ul > li ul {
	
	/* ============= LAYOUT ============= */
	
	left: 133px;
	margin-top: -12px;
	display: inline-block;
	
}

.lt-ie9 nav > ul > li > ul {
	
	/* ============= LAYOUT ============= */
	
	left: 160px;
		
}

.lt-ie9 nav > ul > li {
	
	/* ============= LAYOUT ============= */
	
	position: relative;
	width: 140px;
	padding-right: 20px;
	
}

.lt-ie9 nav > ul > li > a {
	
	/* ============= LAYOUT ============= */
	
	clear: both;

}

.lt-ie9 nav a:hover {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	color: #FFF;
		
}



/* ----------------------------------------------------------- */
/*                        MAIN CONTENT                         */
/* ----------------------------------------------------------- */

#main {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	background-color: #151515;
	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	
	-webkit-border-top-left-radius: 0;	
	-moz-border-radius-topleft: 0;
	border-top-left-radius: 0;
	
	
	/* ============= LAYOUT ============= */
	
	width: 800px;
	float: left;
	margin-left: 10px;	
	padding-top: 11px;
	
}

.main-margin {
	
	/* ============= LAYOUT ============= */
	
	float: none !important;
	margin-left: 170px !important;	
	
}

.lt-ie8 .main-margin {
	
	/* ============= LAYOUT ============= */
	
	top: 0 !important;
	margin-bottom: 20px !important;
	
}

.lt-ie8 #main {
	
	/* ============= LAYOUT ============= */
	
	position: relative;
	margin-top: 20px;
	bottom: 20px;
	
}

#content {
	
	/* ============= LAYOUT ============= */
	
	padding: 20px;
	
}

.lt-ie8 #content {
	
	/* ============= LAYOUT ============= */
	
	padding-top: 13px;
	
}

.content-hr {

	/* ============= LAYOUT ============= */

	margin-bottom: 26px;
	
}

.lt-ie8 .content-hr {
	
	/* ============= LAYOUT ============= */
	
	margin-bottom: 19px;
	
}

.banner {
	
	/* ============= LAYOUT ============= */	

	margin-bottom: 14px;
	
}

header {

	/* ============= LAYOUT ============= */
	
	padding: 0 20px 0 20px;
	
}

header h2 {
	
	/* ============= LAYOUT ============= */
	
	float: left;
	width: 601px;
	
}

.breadcrumbs {
	
	/* ============= LAYOUT ============= */
	
	float: right;
	font-size: 9px;
	padding-top: 2px;
	
}

.breadcrumbs a, .breadcrumbs span {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	font-size: 11px;
	color: #FFF;
	
	/* ============= LAYOUT ============= */
	
	margin: 0 2px 0 2px;
	
}

.breadcrumbs a:visited {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	color: #FFF;
	
}

.breadcrumbs span.active {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	color: #a2a2a2;
	
}

section {

	/* ============= LAYOUT ============= */

	margin-bottom: 30px;
	
}

.lt-ie8 section {
	
	/* ============= LAYOUT ============= */
	
	margin-bottom: 23px;
	
}

p {

	/* ============= LAYOUT ============= */

	margin: 0 0 17px 0;
	line-height: 20px;
	
}

img {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	image-rendering: optimizeSpeed;
	
}


/* ----------------------------------------------------------- */
/*                          COLUMNS                            */
/* ----------------------------------------------------------- */

.full-width {
	
	/* ============= LAYOUT ============= */
	
	margin-bottom: 6px;
	
}

.three-fourths {
	
	/* ============= LAYOUT ============= */
	
	width: 560px;
	float: left;
	
}

.one-half {

	/* ============= LAYOUT ============= */

	width: 370px;
	float: left;
	
	margin: 0 20px 9px 0;
	
}

.one-third {

	/* ============= LAYOUT ============= */

	width: 240px;
	float: left;
	
	margin: 0 20px 9px 0;
	
}

.one-fourth {

	/* ============= LAYOUT ============= */

	width: 181px;
	float: left;
	
	margin: 0 12px 2px 0;
	
}

.sidebar {
	
	/* ============= LAYOUT ============= */
	
	width: 160px;
	float: right;
	
}

.site-map .sidebar {
	
	/* ============= LAYOUT ============= */
	
	float: left;
	
}

.sidebar p {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	color: #a2a2a2;
	
}

.one-fifth {

	/* ============= LAYOUT ============= */

	width: 148px;
	float: left;
	
	margin: 0 5px -3px 0;
	
}

footer .one-fourth {

	/* ============= LAYOUT ============= */

	width: 153px;
	margin-right: 26px;
	padding-right: 14px;
	
}

footer .last-footer {
	
	/* ============= LAYOUT ============= */
	
	float: right;
	width: 160px;
	
	padding-right: 0;
	margin-right: 0;
	
}


/* ----------------------------------------------------------- */
/*                          HEADERS                            */
/* ----------------------------------------------------------- */

h1 {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	font-size: 24px;
	

	/* ============= LAYOUT ============= */
	
	margin: 0 0 11px 0;
	
}

h2 {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	font-size: 19px;
	

	/* ============= LAYOUT ============= */
	
	margin: 0 0 11px 0;
	
}

.lt-ie8 h2 {
	
	/* ============= LAYOUT ============= */
	
	margin-bottom: 5px;
	
}

h3 {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	font-size: 16px;
	
	
	/* ============= LAYOUT ============= */
	
	margin: 0 0 15px 0;
	
}

h4 {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	font-size: 13px;
	
	
	/* ============= LAYOUT ============= */
		
	margin: 0 0 13px 0;

}

h4.extra-margin, .sidebar h4 {
	
	/* ============= LAYOUT ============= */
	
	margin-bottom: 18px;
	
}

h4.smaller-margin {
	
	/* ============= LAYOUT ============= */
	
	margin-bottom: 11px;
	
}

h1, h2, h3, h4 {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	color: #FFF;
	
	
	/* ============= LAYOUT ============= */
	
	margin-left: -1px;
	
}


/* ----------------------------------------------------------- */
/*                         HYPERLINKS                          */
/* ----------------------------------------------------------- */

a {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	color: #FF6600;
	text-decoration: none;
	
}

a:hover {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	text-decoration: underline;
	
}

a.sitemap-link:hover {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	color: #FFF !important;
	
}

h2 a, h2 a:visited {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	color: #FFF;
	
}
	

footer a, ul.widget a {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	color: #a2a2a2;
	text-decoration: underline;
	
	
	/* <<<<<<<<<<< TRANSITION >>>>>>>>>>> */
	
	-webkit-transition: color 0.75s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-moz-transition: color 0.75s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-o-transition: color 0.75s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-ms-transition: color 0.75s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	transition: color 0.75s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	
}

#content a, .breadcrumbs a {

	/* <<<<<<<<<<< TRANSITION >>>>>>>>>>> */
	
	-webkit-transition: color 0.75s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-moz-transition: color 0.75s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-o-transition: color 0.75s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-ms-transition: color 0.75s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	transition: color 0.75s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	
}

#content h1 a, #content h2 a, #content h3 a, #content h4 a, #content a.sitemap-link {
	
	/* <<<<<<<<<<< TRANSITION >>>>>>>>>>> */
	
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
	transition: none;
	
}

footer a:visited, .sidebar ul.widget a:visited {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	color: #a2a2a2;
	
}

footer a:hover, .sidebar ul.widget a:hover {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	color: #FF6600;
	text-decoration: none;
	
}

span.contact-info a {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	color: #a2a2a2;
	text-decoration: none;
	
	/* <<<<<<<<<<< TRANSITION >>>>>>>>>>> */
	
	-webkit-transition: color 0.75s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-moz-transition: color 0.75s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-o-transition: color 0.75s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-ms-transition: color 0.75s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	transition: color 0.75s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	
}

span.contact-info a:visited {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	color: #a2a2a2;
	
}

span.contact-info a:hover, p.contact-email:hover > span.contact-info a {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	color: #FF6600;
	text-decoration: none;
	
}

.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
/* ----------------------------------------------------------- */
/*                           LISTS                             */
/* ----------------------------------------------------------- */


ul.widget {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	border-bottom: 1px solid #272727;
	border-top: 1px solid #000;
	

	/* ============= LAYOUT ============= */
	
	margin-left: 0 !important;
	margin-top: 18px;
	
}

ul.widget li {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	border-bottom: 1px solid #000;
	border-top: 1px solid #272727;
	
	list-style-type: none;
	cursor: pointer;
	

	/* ============= LAYOUT ============= */
	
	margin: 0 0 0 0 !important;
	padding: 8px 0 8px 0;
	
}

ul.widget a {

	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */

	color: #a2a2a2 !important;
	text-decoration: none !important;
	
}

ul.widget li:hover > a {

	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */

	color: #FF6600 !important;
	
}


/* ----------------------------------------------------------- */
/*                          ELEMENTS                           */
/* ----------------------------------------------------------- */


hr {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	border-bottom: 1px solid #272727;
	border-top: 1px solid #000;
	
	
	/* ============= LAYOUT ============= */
	
	height: 0;
	clear: both;
	
}

.reply hr {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	border-bottom: 1px solid #333;
	border-top: 1px solid #000;
	
	/* ============= LAYOUT ============= */
	
	margin: 17px 0 10px 0;
	
}


.lt-ie8 hr {

	/* ============= LAYOUT ============= */

	height: 2px;
	
}

img {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	-webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
	
}

::-moz-selection { 
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	color: #ff6600; 
	background-color: #151515;
	
}

::selection { 
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	color: #ff6600; 
	background-color: #151515;
	
}


/* ----------------------------------------------------------- */
/*                           SHADOWS                           */
/* ----------------------------------------------------------- */

.shadow_760 {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */

	background: url(../img/shadows/760.png) no-repeat center bottom;
	

	/* ============= LAYOUT ============= */
	
	padding-bottom: 14px;
	
}

.lt-ie9 .shadow_760 {

	background: url(../img/shadows/760_ie.png) no-repeat center bottom;
	
}

.lt-ie9 .portfolio-gallery .shadow_760 {

	background: url(../img/shadows/760.png) no-repeat center bottom;
	
}

.shadow_542 {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */

	background: url(../img/shadows/542.png) no-repeat center bottom;
	

	/* ============= LAYOUT ============= */
	
	padding-bottom: 11px;
	
}

.shadow_371 {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */

	background: url(../img/shadows/371.png) no-repeat center bottom;
	

	/* ============= LAYOUT ============= */
	
	padding-bottom: 12px;
	
}

.shadow_240 {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */

	background: url(../img/shadows/240.png) no-repeat center bottom;
	

	/* ============= LAYOUT ============= */
	
	padding-bottom: 11px;
	
}

.shadow_181 {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */

	background: url(../img/shadows/181.png) no-repeat center bottom;
	

	/* ============= LAYOUT ============= */
	
	padding-bottom: 10px;
	
}

.shadow_148 {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */

	background: url(../img/shadows/148.png) no-repeat center bottom;
	

	/* ============= LAYOUT ============= */
	
	padding-bottom: 8px;
	
}

.shadow_154 {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */

	background: url(../img/shadows/154.png) no-repeat center bottom;
	

	/* ============= LAYOUT ============= */
	
	padding-bottom: 10px;
	
}

.shadow_75 {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */

	background: url(../img/shadows/75.png) no-repeat center bottom;
	

	/* ============= LAYOUT ============= */
	
	padding-bottom: 5px;
	
}


/* ----------------------------------------------------------- */
/*                       BUTTONS, ICONS                        */
/* ----------------------------------------------------------- */

a.button, button {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	background: #151515;
	background: -moz-linear-gradient(top, #151515 0%, #000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #151515), color-stop(100%, #000));
	background: -webkit-linear-gradient(top, #151515 0%, #000 100%);
	background: -o-linear-gradient(top, #151515 0%, #000 100%);
	background: -ms-linear-gradient(top, #151515 0%, #000 100%);
	background: linear-gradient(top, #151515 0%, #000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#151515", endColorstr="#000000", GradientType=0);
	
	color: #FFF;
	font-size: 13px;
	border: 1px solid #333;
	
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;


	/* ============= LAYOUT ============= */
	
	line-height: normal;
	display: inline-block;
	padding: 3px 9px 8px 8px;
	
}

.lt-ie9 a.button, .lt-ie9 button {
	
	/* ============= LAYOUT ============= */
	
	padding-top: 2px;
	
}

.lt-ie8 a.button, .lt-ie8 button {
	
	/* ============= LAYOUT ============= */
	
	padding-top: 4px;
	padding-bottom: 6px;
	
}

a.button:hover, a.icon:hover, .tabs a.active, .toggle a.active, p.contact-email:hover > a.icon, button:hover {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	background: #000;
	background: -moz-linear-gradient(top, #000 0%, #151515 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #000), color-stop(100%, #151515));
	background: -webkit-linear-gradient(top, #000 0%, #151515 100%);
	background: -o-linear-gradient(top, #000 0%, #151515 100%);
	background: -ms-linear-gradient(top, #000 0%, #151515 100%);
	background: linear-gradient(top, #000 0%, #151515 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#151515", GradientType=0);
	
	border: 1px solid #494949;
	color: #CCC;
	
	-moz-box-shadow: inset 0 1px 0 #212121;
	-webkit-box-shadow: inset 0 1px 0 #212121;
	box-shadow: inset 0 1px 0 #212121;
	
}

.tabs a.active, .toggle a.active {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	cursor: auto;
	
}

a.button span, button span {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	background: url(../img/icons/button_arrow.png) no-repeat right center;
	
	
	/* ============= LAYOUT ============= */	
	
	display: inline-block;
	padding-right: 12px;
	
}

span.icon, a.icon {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	border: 1px solid #333;
	
	background: #151515;
	background: -moz-linear-gradient(top, #151515 0%, #000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #151515), color-stop(100%, #000));
	background: -webkit-linear-gradient(top, #151515 0%, #000 100%);
	background: -o-linear-gradient(top, #151515 0%, #000 100%);
	background: -ms-linear-gradient(top, #151515 0%, #000 100%);
	background: linear-gradient(top, #151515 0%, #000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#151515", endColorstr="#000000", GradientType=0);
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	
	/* ============= LAYOUT ============= */
	
	position: relative;
	width: 22px;
	height: 22px;
	
}

span.icon img, a.icon img {
	
	/* ============= LAYOUT ============= */
	
	position: absolute;
	left: 50%;
	top: 50%;
	
}

span.home img, a.home img {
	
	/* ============= LAYOUT ============= */
	
	margin: -6px 0 0 -7px;
	
}

span.phone img, a.phone img {
	
	/* ============= LAYOUT ============= */
	
	margin: -6px 0 0 -6px;
	
}

span.email img, a.email img {
	
	/* ============= LAYOUT ============= */
	
	margin: -5px 0 0 -7px;
	
}

span.twitter img, a.twitter img {
	
	/* ============= LAYOUT ============= */
	
	margin: -6px 0 0 -8px;
	
}

span.facebook img, a.facebook img {
	
	/* ============= LAYOUT ============= */
	
	margin: -7px 0 0 -5px;
	
}

span.google img, a.google img {
	
	/* ============= LAYOUT ============= */
	
	margin: -7px 0 0 -7px;
	
}

span.vimeo img, a.vimeo img {
	
	/* ============= LAYOUT ============= */
	
	margin: -5px 0 0 -7px;
	
}

span.flickr img, a.flickr img {
	
	/* ============= LAYOUT ============= */
	
	margin: -2px 0 0 -6px;
	
}

span.linkedin img, a.linkedin img {
	
	/* ============= LAYOUT ============= */
	
	margin: -7px 0 0 -7px;
	
}

span.tumblr img, a.tumblr img {
	
	/* ============= LAYOUT ============= */
	
	margin: -7px 0 0 -6px;
	
}

span.myspace img, a.myspace img {
	
	/* ============= LAYOUT ============= */
	
	margin: -6px 0 0 -6px;
	
}

span.share-this img, a.share-this img {
	
	/* ============= LAYOUT ============= */
	
	margin: -6px 0 0 -6px;
	
}

.pagination {
	
	/* ============= LAYOUT ============= */
	
	padding-bottom: 30px;
	line-height: normal;
	
}

.blog .pagination {
	
	/* ============= LAYOUT ============= */
	
	float: right;
	padding-bottom: 0;
	margin-top: -8px;
	
}

.blog .bottom {
	
	/* ============= LAYOUT ============= */
	
	margin: 20px 0 30px 0;
	
}

.blog .bottom-blog {
	
	/* ============= LAYOUT ============= */
	
	float: left;
	padding: 16px 0 9px 0;
	
}

.pagination a.button {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	font-size: 12px;
	text-align: center;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	/* ============= LAYOUT ============= */
	
	padding: 0;
	width: 25px;
	height: 24px;
	
}

.pagination a.button span {

	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	background: none;
	
	
	/* ============= LAYOUT ============= */	
	
	position: relative;
	top: 3px;
	padding-right: 0;
	
}

.pagination a.arrow-right span {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	width: 7px;
	height: 10px;
	background: url(../img/icons/button_arrow.png) no-repeat center center !important;
	
}

.pagination a.arrow-left span {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	width: 7px;
	height: 10px;
	background: url(../img/icons/arrow_left.png) no-repeat center center !important;
	
}

.pagination a.active, .pagination a.active:hover {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	background: #000;
	background: -moz-linear-gradient(top, #000 0%, #151515 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #000), color-stop(100%, #151515));
	background: -webkit-linear-gradient(top, #000 0%, #151515 100%);
	background: -o-linear-gradient(top, #000 0%, #151515 100%);
	background: -ms-linear-gradient(top, #000 0%, #151515 100%);
	background: linear-gradient(top, #000 0%, #151515 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#151515", GradientType=0);
	
	cursor: auto;
	border: 1px solid #494949;
	color: #CCC;

	-moz-box-shadow: inset 0 1px 0 #212121;
	-webkit-box-shadow: inset 0 1px 0 #212121;
	box-shadow: inset 0 1px 0 #212121;
	
}

.pagination a.active {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	pointer-events: none;
	
}


.ie9 a.button, .ie9 button, .ie9 a.icon, .ie9 span.icon {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
		
	/* gradient and border radius don't mix well in IE9 */
	border-radius: 0px;
	
}


/* ----------------------------------------------------------- */
/*                       SOCIAL ICONS                          */
/* ----------------------------------------------------------- */

.social img {
	
	/* <<<<<<<<<<< TRANSITION >>>>>>>>>>> */
	
	-webkit-transition: opacity 0.75s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-moz-transition: opacity 0.75s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-o-transition: opacity 0.75s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-ms-transition: opacity 0.75s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	transition: opacity 0.75s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	
}

.social img:hover {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
	opacity: 0.5;
	
}


/* ----------------------------------------------------------- */
/*                        THUMBNAILS                           */
/* ----------------------------------------------------------- */

a.thumbnail {

	/* ============= LAYOUT ============= */

	position: relative;
	float: left;
	
}

a.thumbnail span {

	/* ============= LAYOUT ============= */

	display: block;
	position: absolute;
	cursor: pointer;
	left: 0;
	
	/* <<<<<<<<<<< TRANSITION >>>>>>>>>>> */
	
	-webkit-transition: opacity 0.65s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-moz-transition: opacity 0.65s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-o-transition: opacity 0.65s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-ms-transition: opacity 0.65s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	transition: opacity 0.65s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	
}

a.hover-magnify span {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	background: #333 url(../img/icons/magnify.png) no-repeat center center;

}

a.hover-link span {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	background: #333 url(../img/icons/arrow.png) no-repeat center center;

}

a.hover-video span {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	background: #333 url(../img/icons/play.png) no-repeat center center;

}


/* ----------------------------------------------------------- */
/*                           FORMS                             */
/* ----------------------------------------------------------- */

form {
	
	/* ============= LAYOUT ============= */
	
	position: relative;
	margin-bottom: 25px;
	
}

input, textarea {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	font: 12px Arial, Helvetica, sans-serif;
	color: #CCC;
	
}

input[type=text], 
input[type=email], 
input[type=tel], 
input[type=search], 
input[type=password],
textarea {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	background-color: #272727;
	
	border: none;
	border-top: 1px solid #353535;
	border-bottom: 1px solid #454545;
	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	
	-webkit-appearance: none;
	-moz-appearance: none;
	
	
	/* ============= LAYOUT ============= */
	
	width: 146px;
	padding: 5px 7px 5px 7px;
	
	
	/* <<<<<<<<<<< TRANSITION >>>>>>>>>>> */
	
	-webkit-transition: background-color 0.75s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-moz-transition: background-color 0.75s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-o-transition: background-color 0.75s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-ms-transition: background-color 0.75s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	transition: background-color 0.75s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	
}

.contact-form input[type=text], 
.contact-form input[type=email], 
.contact-form input[type=tel], 
.contact-form input[type=search], 
.contact-form input[type=password] {
	
	/* ============= LAYOUT ============= */
	
	width: 200px;
	margin-bottom: 10px;
	float: left;
	clear: both;
	
}

.sidebar .search input[type=text] {
	
	/* ============= LAYOUT ============= */
	
	width: 146px;
	
}

.contact-form {

	/* ============= LAYOUT ============= */

	padding-top: 5px;
	
}

.contact-form textarea {
	
	/* ============= LAYOUT ============= */
	
	width: 356px;
	height: 271px;
	margin-bottom: 10px;
	float: left;
	clear: both;
	
}

.contact-form button {
	
	/* ============= LAYOUT ============= */
	
	padding: 7px 9px 11px 9px;
	float: right;
	
}

.button-big {
	
	/* ============= LAYOUT ============= */
	
	padding: 7px 9px 11px 9px !important;

}

.blog .contact-form button {
	
	/* ============= LAYOUT ============= */
	
	margin-right: 190px;
	
}

/* applies to webkit to better style border-radius + border-color */
.fix-borders {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	border-left: 1px solid #272727 !important;
	border-right: 1px solid #272727 !important;
	
}

input[type=text]:focus, 
input[type=email]:focus, 
input[type=tel]:focus, 
input[type=search]:focus, 
input[type=password]:focus,
input[type=email]:focus + button,
textarea:focus {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	background-color: #454545;
	outline: none;
	
}

input[type=text]:invalid, 
input[type=email]:invalid, 
input[type=tel]:invalid, 
input[type=search]:invalid, 
input[type=password]:invalid,
textarea:invalid {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	outline: none;
	box-shadow: none;
	
}

form.search button {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	filter: none;
	background: url(../img/icons/submit_arrow.png) no-repeat 3px center;
	outline: none;
	border: none;
	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	
	
	/* ============= LAYOUT ============= */
	
	position: absolute;
	right: -6px;
	top: 1px;
	
	width: 25px;
	height: 24px;
	
	/* <<<<<<<<<<< TRANSITION >>>>>>>>>>> */
	
	-webkit-transition: background-position 0.15s linear, background-color 0.75s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-moz-transition: background-position 0.15s linear, background-color 0.75s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-o-transition: background-position 0.15s linear, background-color 0.75s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-ms-transition: background-position 0.15s linear, background-color 0.75s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	transition: background-position 0.15s linear, background-color 0.75s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	
}

.sidebar form.search button {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	background: url(../img/icons/submit_search.png) no-repeat 3px center;
		
	/* ============= LAYOUT ============= */
	
	right: 0;
	
}

.lt-ie8 form.search button {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	background-position: 3px 6px;
	
}

.lt-ie8 form.search button {
	
	/* ============= LAYOUT ============= */
	
	top: 2px;
	
}

/* applied to above button in webkit because hover breaks the button style */
.no-transition {
	
	/* <<<<<<<<<<< TRANSITION >>>>>>>>>>> */
	
	-webkit-transition: background-color 0.75s cubic-bezier(0.230, 1.000, 0.320, 1.000) !important;
	transition: background-color 0.75s cubic-bezier(0.230, 1.000, 0.320, 1.000) !important;
	
}

.no-transition:hover {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	background-position: 3px center !important;
	
}

form.search button:hover {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	background-position: 0 center;
	border: 0;
	
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	
}

.lt-ie8 form.search button:hover {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	background-position: 0 6px;
	
}

::-webkit-input-placeholder {
	
   /* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */	
	
   color: #CCC;

}

:-moz-placeholder {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	color: #CCC;
	
}


/* ----------------------------------------------------------- */
/*                          WIDGETS                            */
/* ----------------------------------------------------------- */

.one-fourth .widget-thumb {
	
	/* ============= LAYOUT ============= */
	
	margin-right: 10px;
	
}

div.widget-thumb {
	
	/* ============= LAYOUT ============= */
	
	float: left;
	
}

.widget-thumb {
	
	/* ============= LAYOUT ============= */

	margin-bottom: 5px;
	
}

.lt-ie8 .widget-thumb span {
	
	/* ============= LAYOUT ============= */
	
	position: absolute;
	top: -1px;
	
}


/* ----------------------------------------------------------- */
/*                       BOTTOM SLOGAN                         */
/* ----------------------------------------------------------- */

.slogan {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	font-size: 34px;
	
	
	/* ============= LAYOUT ============= */
	
	text-align: center;
	margin-bottom: 49px;
	
}


/* ----------------------------------------------------------- */
/*                          FOOTER                             */
/* ----------------------------------------------------------- */

footer {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	background: url(../img/shadows/800.png) no-repeat;
	
	
	/* ============= LAYOUT ============= */
	
	padding: 49px 20px 0 20px;
	
}

footer.no-slogan {
	
	/* ============= LAYOUT ============= */
	
	margin-top: 63px;
	
}

footer.no-slogan-blog {
	
	/* ============= LAYOUT ============= */
	
	margin-top: 21px;
	
}

footer.contact-no-slogan {
	
	/* ============= LAYOUT ============= */
	
	margin-top: 43px;
	
}

footer section {
	
	/* ============= LAYOUT ============= */
	
	padding-bottom: 39px;
	
}

footer p {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	color: #a2a2a2;
	
}

footer section.contact p {
	
	/* ============= LAYOUT ============= */
	
	margin-bottom: 10px;
	
}

p.contact-email {
	
	/* ============= LAYOUT ============= */
	
	display: inline-block;
	
}

.sidebar p.contact-email {
	
	/* ============= LAYOUT ============= */
	
	display: block;
	margin-bottom: 10px;
	
}

section.contact a.icon,
section.contact span.icon,
.sidebar a.icon,
.sidebar span.icon {
	
	/* ============= LAYOUT ============= */
	
	float: left;
	
}

.footer-hr {
	
	/* ============= LAYOUT ============= */
	
	position: relative;
	top: -10px;
	
}

.lt-ie8 .footer-hr {
	
	/* ============= LAYOUT ============= */
	
	top: -5px;
	
}

span.contact-info {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	color: #a2a2a2;
	
	
	/* ============= LAYOUT ============= */
	
	float: left;
	margin: 3px 0 0 7px;
	
}

.lt-ie9 span.contact-info {
	
	/* ============= LAYOUT ============= */
	
	margin-top: 1px;
	
}

/* ----------------------------------------------------------- */
/*                          COPYRIGHT                          */
/* ----------------------------------------------------------- */

#copyright {
	
	/* ============= LAYOUT ============= */
	
	height: 33px;
	padding: 0 20px 0 20px;
	overflow: hidden;
	
}

.name {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	font-size: 10px;
	
	
	/* ============= LAYOUT ============= */
	
	margin-top: 1px;
	float: left; 
	
}

#copyright .social {

	/* ============= LAYOUT ============= */

	float: right;
	
}

.social a {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	outline: none;
	
}


/* ----------------------------------------------------------- */
/*                         BLOCKQUOTES                         */
/* ----------------------------------------------------------- */

.typography section {
	
	/* ============= LAYOUT ============= */
	
	margin-top: 45px;
	
}

.typography section:first-child {
	
	/* ============= LAYOUT ============= */
	
	margin-top: 0;
	
}

blockquote {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	font-style: italic;
	background: url(../img/graphics/blockquote.png) no-repeat;
	
	
	/* ============= LAYOUT ============= */
	
	margin-left: 50px;
	padding-left: 52px;
	
}

.reply blockquote {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	color: #999;
	
	
	/* ============= LAYOUT ============= */
	
	margin-left: 20px;
	margin-right: 0;
	padding-right: 0;
	
}


/* ----------------------------------------------------------- */
/*                         CHECKLISTS                          */
/* ----------------------------------------------------------- */


#content ul {
	
	/* ============= LAYOUT ============= */
	
	margin: 0 0 0 40px;
	padding-top: 0;
	
}

#content ol {
	
	/* ============= LAYOUT ============= */
	
	margin: 0 0 0 45px;
	padding-top: 0;
	
}

#content li {
	
	/* ============= LAYOUT ============= */
	
	margin: 4px 0 0 3px;
	
}

#content ul.checklist {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	list-style-image: url(../img/graphics/checklist.png);
	
}

#content ul.slider {
	
	/* ============= LAYOUT ============= */
	
	margin: 0;
	padding: 0;
	
}

#content ul.slider li {
	
	/* ============= LAYOUT ============= */
	
	margin: 0;
	
}


/* ----------------------------------------------------------- */
/*                        TOGGLE WIDGET                        */
/* ----------------------------------------------------------- */

#content ul.toggle {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	list-style-type: none;
	
	
	/* ============= LAYOUT ============= */
	
	margin: 0;
	padding: 10px 0 0 0;
	
}

#content ul.toggle li {
	
	/* ============= LAYOUT ============= */
	
	margin-bottom: 5px;
	
}

#content ul.toggle li .toggle-content {
	
	/* ============= LAYOUT ============= */
	
	display: none;
	margin-top: 5px;
	
}

#content ul.toggle li:first-child .toggle-content {
	
	/* ============= LAYOUT ============= */
	
	display: block;
	
}

#content ul.toggle a.button {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	font-size: 16px;
	
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	
	/* ============= LAYOUT ============= */
	
	display: block;
	padding: 6px 11px 11px 13px;
	
}

#content ul.toggle a.button span {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	background: url(../img/graphics/toggle.png) no-repeat top left;
	
	
	/* ============= LAYOUT ============= */
	
	padding-right: 0;
	padding-left: 15px;
	
}

#content ul.toggle a.active span {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	background-position: bottom left;
	
}


/* ----------------------------------------------------------- */
/*                         TAB WIDGET                          */
/* ----------------------------------------------------------- */


.tabs {
	
	/* ============= LAYOUT ============= */

	padding-top: 10px;
	
}

.tabs a.button {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	-webkit-border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius-bottomright: 0;
	-moz-border-radius-bottomleft: 0;
	
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
		
}

.tabs a.button span {
	
	/* ============= LAYOUT ============= */
	
	background: none;
	padding-right: 0;
	
}

.tabs a.button, .toggle a.button {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	color: #999;
	
}

.tabs a.button:hover, .toggle a.button:hover, .tab-active {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	color: #FFF;
	
}

.tab-content > div, .toggle-content > div {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	background-color: #1e1e1e;
	border: 1px solid #333;
	
	
	/* ============= LAYOUT ============= */
	
	display: none;
	padding: 15px;
	margin-top: 3px;
	
}

.tab-content > div:first-child, .toggle-content > div:first-child {
	
	/* ============= LAYOUT ============= */
	
	display: block;
	
}



/* ----------------------------------------------------------- */
/*                           TOOLTIP                           */
/* ----------------------------------------------------------- */


.tooltip {
	
	/* ============= LAYOUT ============= */
	
	position: absolute;
	top: -40px;
	left: 50%;
	
	z-index: 1;
	margin-left: -24px;
	pointer-events: none;
	
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
	
	
	/* <<<<<<<<<<< TRANSITION >>>>>>>>>>> */
	
	-webkit-transition: opacity 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-moz-transition: opacity 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-o-transition: opacity 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-ms-transition: opacity 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	transition: opacity 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	
}

a.tip {
	
	/* ============= LAYOUT ============= */
	
	position: relative;
	
}

a.tip:hover > .tooltip {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
	
}

a.tip span.tooltip-text {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	background-color: #FFF;
	color: #151515;
	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	
	
	/* ============= LAYOUT ============= */
	
	padding: 4px 8px 4px 8px;
	white-space: nowrap;
	display: block;
	
}

.tooltip-arrow {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	background: url(../img/graphics/tip_arrow.png) no-repeat;
	
	
	/* ============= LAYOUT ============= */
	
	width: 9px;
	height: 7px;
	margin: 0 0 0 19px;
	display: block;
	
}


/* ----------------------------------------------------------- */
/*                       SOCIAL WIDGET                         */
/* ----------------------------------------------------------- */


.social-popup {
	
	/* ============= LAYOUT ============= */
	
	float: right;
	position: relative;
	
}

.social-popup a.button span {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	background-image: url(../img/icons/plus.png);
	background-position: center right;
	
}

.social-popup .social-pop {
	
	/* ============= LAYOUT ============= */
	
	position: absolute;
	top: -50px;
	right: 0;
	z-index: 0;
	visibility: hidden;
	padding-bottom: 7px;
	
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
	
	
	/* <<<<<<<<<<< TRANSITION >>>>>>>>>>> */
	
	-webkit-transition: opacity 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-moz-transition: opacity 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-o-transition: opacity 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-ms-transition: opacity 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	transition: opacity 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	
}

.ie9 .social-popup .social-pop, .lt-ie9 .social-popup .social-pop {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	visibility: visible;
	
}

.social-pop .tooltip-arrow {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	background: url(../img/graphics/tip_arrow.png) no-repeat;
	
	
	/* ============= LAYOUT ============= */
	
	width: 9px;
	height: 7px;
	margin: 0 0 0 -5px;
	display: block;
	position: relative;
	left: 100%;
	margin-left: -42px;
	
}

.blog-feature {
	
	/* ============= LAYOUT ============= */
	
	float: left;
	margin-bottom: 30px;
	
}

.blog-feature .social-pop {
	
	/* ============= LAYOUT ============= */
	
	right: auto;
	left: 0;
	
}

.blog-feature .tooltip-arrow {
	
	/* ============= LAYOUT ============= */
	
	left: 0;
	margin-left: 34px;
	
}

.socialize {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	background-color: #FFF;
	padding: 8px;
	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	
	
	/* ============= LAYOUT ============= */
	
	height: 20px;
	width: 189px;
	overflow: hidden;
	
}

.ie9 .socialize, .lt-ie9 .socialize {

	width: 185px;
	
}

.show-social {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	opacity: 1 !important;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
    filter: alpha(opacity=100) !important;
	
	visibility: visible !important;
	
}


/* ----------------------------------------------------------- */
/*                            MISC                             */
/* ----------------------------------------------------------- */


.dropcap {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	font-size: 24px;
	background-color: #333;
	
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	
	
	/* ============= LAYOUT ============= */
	
	float: left;
	display: inline-block;
	
	width: 13px;
	height: 16px;
	line-height: none;
	margin: 5px 8px 0 0;
	padding: 4px 10px 10px 7px;
	
}

.alert {
	
	/* ============= LAYOUT ============= */
	
	position: relative;
	padding: 15px;
	top: 9px;
	
}

.alert h2 {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	background-color: #151515;
	
	
	/* ============= LAYOUT ============= */
	
	position: absolute;
	top: -11px;
	left: 50px;
	display: inline-block;
	padding: 0 10px 0 10px;
	
}

.warning {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	border: 1px solid #CC0000;
	
}

.warning h2 {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	color: #CC0000;
	
}

.info {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	border: 1px solid #ff9900;
	
}

.info h2 {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	color: #ff9900;
	
}

.success {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	border: 1px solid #339900;
	
}

.success h2 {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	color: #339900;
	
}



/* ----------------------------------------------------------- */
/*                          PORTFOLIO                          */
/* ----------------------------------------------------------- */


.portfolio {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	background-color: #222;
	
	
	/* ============= LAYOUT ============= */
	
	display: inline-block;
	
}

.portfolio-description {
	
	/* ============= LAYOUT ============= */
	
	margin-top: -20px;
	
}

.portfolio-description > div {

	/* ============= LAYOUT ============= */
	
	padding: 20px 20px 7px 20px;
	
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	background-color: #222;
	
}

.portfolio-description h3, 
.portfolio-description h2 {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	text-align: center;
	
	
	/* ============= LAYOUT ============= */
	
	margin: 0 0 10px 0;
	
}

.portfolio-description h2 a,
.portfolio-description h3 a,
.portfolio-description h2 a:visited,
.portfolio-description h3 a:visited {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	color: #FFF;
	
}

.portfolio-description h2 a:hover,
.portfolio-description h3 a:hover {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	color: #999;
	
}

.portfolio-description hr {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	border-bottom: 1px solid #3c3c3c;
	border-top: 1px solid #000;
	margin-bottom: 10px;
	
}

.portfolio-description p:last-of-type {
	
	/* ============= LAYOUT ============= */
	
	margin-bottom: 12px;
	
}

.portfolio-category {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	text-align: center;
	font-size: 11px;
	font-style: italic;
	
	
	/* ============= LAYOUT ============= */
	
	width: 100%;
	
}

.portfolio-category span {
	
	/* ============= LAYOUT ============= */
	
	position: relative;
	top: -3px;
	
}

.fullscreen {
	
	/* ============= LAYOUT ============= */
	
	width: 100%;
	height: 100%;
	overflow: hidden;
	
}

#content section.contact p.clearfix {
	
	/* ============= LAYOUT ============= */
	
	margin-bottom: 10px;
	
}

#content section.contact hr {
	
	/* ============= LAYOUT ============= */
	
	margin-top: 5px;
	margin-bottom: 18px;
		
}

#content section.contact .one-fourth {
	
	/* ============= LAYOUT ============= */
	
	width: 179px;
	
}

#content section.contact .one-fourth p.contact-email {
	
	/* ============= LAYOUT ============= */
	
	float: left;
	clear: both;
	
}

h2.social-profile {
	
	/* ============= LAYOUT ============= */
	
	margin-bottom: 21px;
	
}

.sidebar-item {
	
	/* ============= LAYOUT ============= */
	
	margin-bottom: 31px;
	
}

.social-widget {
	
	/* ============= LAYOUT ============= */
	
	margin-bottom: 26px;

}

.social-widget p {
	
	/* ============= LAYOUT ============= */
	
	display: inline-block !important;
	float: left;
	clear: both;
	
}



/* ----------------------------------------------------------- */
/*                            BLOG                             */
/* ----------------------------------------------------------- */

.blog-title {
	
	/* ============= LAYOUT ============= */
	
	margin-bottom: 20px;
	
}

.blog-meta {
	
	/* ============= LAYOUT ============= */
	
	float: left;
	margin: 2px 0 0 10px;
	
}

.blog-meta hr {
	
	/* ============= LAYOUT ============= */
	
	width: 489px;
	margin-top: 5px;
	margin-bottom: 0;
	
}

.blog-meta h2 {
	
	/* ============= LAYOUT ============= */
	
	margin-bottom: 12px;
	
}

.blog-meta span {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	font-size: 11px;
	font-style: italic;
	
}

.posted-in {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	background: url(../img/icons/meta_arrow.png) no-repeat;
	
	
	/* ============= LAYOUT ============= */
	
	padding-left: 24px;
	
}

.posted-by {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	background: url(../img/icons/meta_user.png) no-repeat left center;
	
	
	/* ============= LAYOUT ============= */
	
	padding-left: 16px;
	margin-left: 10px;
	
}

.posted-comments {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	background: url(../img/icons/meta_comment.png) no-repeat;
	
	
	/* ============= LAYOUT ============= */
	
	padding-left: 24px;
	margin-left: 10px;
	
}

.blog-meta h2 a {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	color: #FFF;
	
}

.blog-meta h2 a:hover {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	color: #999;
	
}

.blog-meta a {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	color: #FFF;
	
}

.blog-meta a:hover {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	color: #FF6600;
	text-decoration: none;
	
}

.blog-date {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	color: #272727;
	text-align: center;
	background-color: #FFF;
	
	
	/* ============= LAYOUT ============= */
	
	float: left;
	padding: 5px 6px 7px 7px;
	line-height: 11px;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	
}

.blog-date span {
	
	/* ============= LAYOUT ============= */
	
	display: block;
	
}

.date-number {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	font-size: 37px;
	
}

.date-text {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	font-size: 11px;
	font-weight: bold;
	font-style: italic;
	
}

.tags a {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	color: #a2a2a2;
	background-color: #333;
	text-decoration: none;
	
	
	/* ============= LAYOUT ============= */
	
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	
	display: inline-block;
	padding: 1px 3px 1px 3px;
	margin: 0 1px 5px 0;
	
	
	/* <<<<<<<<<<< TRANSITION >>>>>>>>>>> */
	
	-webkit-transition: all 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-moz-transition: all 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-o-transition: all 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-ms-transition: all 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	transition: all 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	
}

.tags a:hover {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	color: #333;
	background-color: #a2a2a2;
	
}

.tags a:visited {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	color: #a2a2a2;
	
}

.comment {
	
	/* ============= LAYOUT ============= */
	
	clear: both;
	padding-top: 20px;
	
}

.comment .comment {
	
	/* ============= LAYOUT ============= */
	
	float: right;
	
}

.avatar {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	border: 1px solid #333;
	
	
	/* ============= LAYOUT ============= */
	
	float: left;
	vertical-align: top;
	
}

.avatar span {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	border: 1px solid #000;
	background-color: #212121;
	
	
	/* ============= LAYOUT ============= */
	
	display: inline-block;
	padding: 1px 11px 1px 11px;
	
}

.reply {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	border: 1px solid #333;
	
	
	/* ============= LAYOUT ============= */
	
	width: 478px;
	float: left;
	margin-left: 20px;
	
}

.comment .comment .reply {
	
	/* ============= LAYOUT ============= */
	
	width: 398px;
	
}

.reply-date, a.reply-button, a.reply-button:visited {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	color: #CCC;
	
}

a.reply-button {
	
	/* ============= LAYOUT ============= */
	
	float: right;
	
}

a.reply-button:hover {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	color: #FFF;
	
}

.reply div {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	border: 1px solid #000;
	background-color: #212121;
	
	
	/* ============= LAYOUT ============= */
	
	padding: 17px 20px 6px 20px;
	
}

.comment-author {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	color: #999;
	
	
	/* ============= LAYOUT ============= */
	
	display: block;
	
}

.post-footer {
	
	/* ============= LAYOUT ============= */
	
	margin-bottom: 40px;
	
}

ul.sitemap {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	list-style-type: none;
	
	
	/* ============= LAYOUT ============= */
	
	margin: 0 !important;
	padding: 0;
	
}

ul.sitemap ul.widget {
	
	/* ============= LAYOUT ============= */
	
	width: 310px;
	margin: 17px 0 4px 0 !important;
	
}

ul.sitemap ul.widget li a {
	
	/* ============= LAYOUT ============= */
	
	margin-left: 50px;
	
}

ul.sitemap ul.widget li li a {
	
	/* ============= LAYOUT ============= */
	
	margin-left: 100px;
	
}

ul.sitemap ul.widget li li li a {
	
	/* ============= LAYOUT ============= */
	
	margin-left: 150px;
	
}

ul.sitemap ul.no-margin {
	
	/* ============= LAYOUT ============= */
	
	margin-top: 7px !important;
	margin-bottom: 0 !important;
	
}

.no-padding-bottom {
	
	/* ============= LAYOUT ============= */
	
	padding-bottom: 0 !important;
	
}

.no-border-bottom {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	border-bottom: 0 !important;
	
}

.extra-margin-top {
	
	/* ============= LAYOUT ============= */
	
	margin-top: 16px !important;
	
}

ul.sitemap > li {
	
	/* ============= LAYOUT ============= */
	
	margin-bottom: 12px !important;
	
}

.last {

	/* ============= LAYOUT ============= */

	margin-right: 0 !important;
	
}

.extra-padding {
	
	/* ============= LAYOUT ============= */
	
	padding-bottom: 21px;
	
}

#formresponse {
	
	/* ============= LAYOUT ============= */
	
	display: none;
	overflow: auto;
	
}

.message-success {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
	
	
	/* ============= LAYOUT ============= */
	
	float: left;
	clear: both;
	
	
	/* <<<<<<<<<<< TRANSITION >>>>>>>>>>> */
	
	-webkit-transition: opacity 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-moz-transition: opacity 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-o-transition: opacity 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-ms-transition: opacity 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	transition: opacity 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	
}


/* ----------------------------------------------------------- */
/*                         ADDITIONAL                          */
/* ----------------------------------------------------------- */


.frame {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	opacity: 0;
	
	
	/* <<<<<<<<<<< TRANSITION >>>>>>>>>>> */
	
	-webkit-transition: opacity 1.5s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-moz-transition: opacity 1.5s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-o-transition: opacity 1.5s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-ms-transition: opacity 1.5s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	transition: opacity 1.5s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	
}

.gif-preloader {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	background: url(../img/graphics/frame_preloader.gif) no-repeat center center;
	
}

/* IE8 png transparency fix */
.lt-ie9 .social img {
	
	/* ^^^^^^^^^^^^^ STYLE ^^^^^^^^^^^^^^ */
	
	background: transparent;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF)"; 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF);   
	zoom: 1;
	
}

.icon-preload {
	
	/* ============= LAYOUT ============= */
	
	height: 0;
	line-height: 0;
	overflow: hidden;
	
}