/* 
Two2Twelve Networks
---------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------
*/
* { padding: 0; margin: 0; }
/*--------------------------------------------
Fonts
---------------------------------------------*/
@font-face {
	font-family: 'Myriad Pro';
	src: url('../fonts/MyriadPro-Regular.eot');
	src: local('Myriad Pro Regular'), 
			 local('MyriadPro-Regular'), 
			 url('../fonts/MyriadPro-Regular.woff') format('woff'), 
			 url('../fonts/MyriadPro-Regular.otf') format('opentype'), 
			 url('../fonts/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
}
@font-face {
	font-family: 'Decker';
	src: url('../fonts/Decker.eot');
	src: local('Decker Regular'), 
	     local('Decker'), 
			 url('../fonts/Decker.woff') format('woff'), 
			 url('../fonts/Decker.ttf') format('truetype'), 
			 url('../fonts/Decker.svg#Decker') format('svg');
}
@font-face {
	font-family: 'Skia';
	src: url('../fonts/Skia.eot');
	src: local('Skia Regular'), 
			 local('Skia'), 
			 url('../fonts/Skia.woff') format('woff'), 
			 url('../fonts/Skia.ttf') format('truetype'), 
			 url('../fonts/Skia.svg#Skia') format('svg');
}
/*--------------------------------------------
Network Bar
---------------------------------------------*/
div#network_bar {
	height: 33px;
	background: url('../images/global/top_bar.png') repeat-x top;
}
	div#network_bar div.menu {
		float: left;
		width: 400px;
		position: relative;
	}
		div#network_bar div.menu a.dr_d{
			width: 151px;
			height: 32px;
			background: url('../images/global/network.png') no-repeat top;
			text-indent: -99999px;
			display: block;
		}
			div#network_bar div.menu a:hover.dr_d{ background-position: 0px -32px; }
			div#network_bar div.menu a:active.dr_d,
			div#network_bar div.menu a.active.dr_d{ background-position: bottom; }
		ul#network {
			display: none;
			width: 150px;
			background: url('../images/global/dr_bg.png') repeat top left;
			position: absolute;
			top: 32px;
			left: 0;
			border: 1px solid #434648;
			border-top: 0;
			-moz-border-radius-bottomleft: 6px;
			-moz-border-radius-bottomright: 6px;
			z-index: 99999;
			list-style: none;
		}
			ul#network li{
				font-family: "Decker";
				font-size: 11px;
				margin: 7px 0px 6px 0px;
				padding: 3px 0px 4px 15px;
				letter-spacing: 0.03em;
			}
				ul#network li.hover { background: url('../images/global/dr_highlight.png') repeat-x top; }
				ul#network li.group{
					color: #868787;
					text-transform: uppercase;
					margin-top: 25px;
				}
				ul#network li.first{ margin-top: 10px; }
				ul#network li.last{ margin-bottom: 15px; }
			ul#network li a{
				color: #fff;
				text-decoration: none;
			}
	div#network_bar div.contact {
		width: 102px;
		float: right;
	}
		div#network_bar div.contact a.cm{
			width: 102px;
			height: 32px;
			background: url('../images/global/contact_me.png') no-repeat top;
			text-indent: -99999px;
			display: block;
		}
			div#network_bar div.contact a:hover.cm{ background-position: 0px -32px; }
			div#network_bar div.contact a:active.cm{ background-position: bottom; }
/*--------------------------------------------
Element Details
---------------------------------------------*/
div#element_details {
	margin-top: 30px;
}
	div#element_details div.logo{
		float: left;
		width: 500px;
	}
		div#element_details div.logo a{
			display: block;
			text-indent: -99999px;
			float: left;
		}
			div#element_details div.logo a.brand{ height: 96px; }
			div#element_details div.logo a.two2twelve{
				background: url('../images/global/two2twelve.png') no-repeat left;
				width: 187px;
				height: 21px;
				margin: 40px 0px 0px 15px;
			}
	div#element_details div.nav{
		float: right;
		width: 400px;
	}
		div#element_details div.nav ul{
			list-style: none;
			float: right;
			margin-top: 40px;
		}
			div#element_details div.nav ul li{
				float: left;
				margin-left: 50px;
			}
				div#element_details div.nav ul li a{
					font-family: "Skia";
					font-size: 14px;
					text-decoration: none;
					color: #8e8e8e;
					text-transform: lowercase;
					text-shadow: #222 0px 3px 5px;
					
				}
				div#element_details div.nav ul li.active a{
					color: #fff;
				}
					div#element_details div.nav ul li.active a:hover{ color: #fff; }
				div#element_details div.nav ul li a:hover{
					color: #a7a7a7;
				}
/*--------------------------------------------
Footer
---------------------------------------------*/
div#footer {
	width: 950px;
	height: 31px;
	background: url('../images/from/line_horizontal.png') repeat-x top;	
	clear:both;
	margin: 0 auto;
	margin-top: 40px;
	margin-bottom: 20px;
}				
	div#footer div.social { float: left; padding-top:5px; }
		div#footer div.social ul {
			list-style: none;
			margin-top: 10px;
		}
			div#footer div.social ul li{
				float: left;
				margin-right: 15px;
			}
				div#footer div.social ul li a{
					background: url('../images/global/social.png') no-repeat left;
					width: 16px;
					height: 16px;
					display: block;
					text-indent: -99999px;
					opacity: .5;
					filter:alpha(opacity=50);
				}
					div#footer div.social ul li a.twitter{ background-position: top left; }
					div#footer div.social ul li a.facebook{ background-position: -28px 0px; }
					div#footer div.social ul li a.linked_in{ background-position: -56px 0px; }
					div#footer div.social ul li a.rss{ background-position: -84px 0px; }
				div#footer div.social ul li a:hover{
					opacity: 1.0;
					filter:alpha(opacity=100);	
				}
	div#footer div.copyright {
		float: right;
	}
		div#footer div.copyright {
			font-family: "Skia";
			font-size: 11px;
			color: #aaa;
			padding-top: 15px;
		}
		div#footer div.copyright a { color: #5CAB71; } 
/*--------------------------------------------
Containers
---------------------------------------------*/
div.inner { width: 950px; margin: 0 auto; }
/*--------------------------------------------
Utility
---------------------------------------------*/
img {border: 0;}
.clear {clear:both;}
a { outline: none; }
.fr_loading {
	visibility: hidden;
}