/* 960 GRID STYLES
-----------------------------------------------------------------*/

/* =Containers
---------------------------*/
.container_12 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}
/* =Grid >> Global
---------------------------*/
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}
/* =Grid >> Children (Alpha ~ First, Omega ~ Last)
---------------------------*/
.alpha {
	margin-left: 0;
}
.omega {
	margin-right: 0;
}
/* =Grid >> 12 Columns
---------------------------*/
.container_12 .grid_1 {
	width: 60px;
}
.container_12 .grid_2 {
	width: 140px;
}
.container_12 .grid_3 {
	width: 220px;
}
.container_12 .grid_4 {
	width: 300px;
}
.container_12 .grid_5 {
	width: 380px;
}
.container_12 .grid_6, #footer .grid_6 {
	width: 460px;
}
.container_12 .grid_7 {
	width: 540px;
}
.container_12 .grid_8 {
	width: 620px;
}
.container_12 .grid_9 {
	width: 700px;
}
.container_12 .grid_10 {
	width: 780px;
}
.container_12 .grid_11 {
	width: 860px;
}
.grid_12 {
	width: 940px;
}
/* =Prefix Extra Space >> 12 Columns
---------------------------*/
.container_12 .prefix_1 {
	padding-left: 80px;
}
.container_12 .prefix_2 {
	padding-left: 160px;
}
.container_12 .prefix_3 {
	padding-left: 240px;
}
.container_12 .prefix_4 {
	padding-left: 320px;
}
.container_12 .prefix_5 {
	padding-left: 400px;
}
.container_12 .prefix_6 {
	padding-left: 480px;
}
.container_12 .prefix_7 {
	padding-left: 560px;
}
.container_12 .prefix_8 {
	padding-left: 640px;
}
.container_12 .prefix_9 {
	padding-left: 720px;
}
.container_12 .prefix_10 {
	padding-left: 800px;
}
.container_12 .prefix_11 {
	padding-left: 880px;
}
/* =Suffix Extra Space >> 12 Columns
---------------------------*/
.container_12 .suffix_1 {
	padding-right: 80px;
}
.container_12 .suffix_2 {
	padding-right: 160px;
}
.container_12 .suffix_3 {
	padding-right: 240px;
}
.container_12 .suffix_4 {
	padding-right: 320px;
}
.container_12 .suffix_5 {
	padding-right: 400px;
}
.container_12 .suffix_6 {
	padding-right: 480px;
}
.container_12 .suffix_7 {
	padding-right: 560px;
}
.container_12 .suffix_8 {
	padding-right: 640px;
}
.container_12 .suffix_9 {
	padding-right: 720px;
}
.container_12 .suffix_10 {
	padding-right: 800px;
}
.container_12 .suffix_11 {
	padding-right: 880px;
}
/* `Clear Floated Elements
-----------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content:' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* BASIC & MISC. STYLES
-----------------------------------------------------------------*/



body {
	font: 12px/20px Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
	padding:0;
	color:#575757;
	background:#65bbcc;
}
a {
	text-decoration:none;
	color: #575757;
	outline:none;
}
a:hover {
	color:#222;
}

h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
}
h4 {
	color:#de1100;
	font-size:12px;
}
h5 {
	font-size:12px;
	margin-bottom:10px;
	margin-top:10px;
	font-weight:normal;
}
/*.thumbs img {margin:0 10px 35px 25px; float:left;}*/
.thumbs img {
}
.tn_container {
	width:194px;
	display:block;
	float:left;
	margin:0 10px 35px 25px;
	text-align:center;
}
.tn_container span {
	width:100%;
	display:block;
	float:left;
}
#definition {
	margin-bottom:30px;
	margin-top:30px;
}
.grey {
	color:#575757;
	font-weight:normal;
}
p {
	text-align:justify;
	margin-top:0;
}
.bottomrule {
	height:10px;
	background:url('../_img/bg_bottomrule.gif') 0 0 repeat-x;
	margin-bottom:75px;
	float:left;
}
.none {
	display:none;
}
a.active, a.active:hover {
	font-weight:bold;
	color:#de1100;
}
div#nav_wrap {
	margin:30px 0 0 70px;
	overflow:hidden;
}
ul#main_nav {
	list-style-type:none;
	padding:0;
}
ul#sub_nav_folio, ul#sub_nav_myspace_type, ul#sub_nav_buzzmedia_type, ul#sub_nav_buzzmedia_campaign, ul#sub_nav_buzzmedia_adproducts, ul#sub_nav_myspace_campaign, ul#sub_nav_myspace_process, ul#sub_nav_myspace_products, ul#sub_nav_dna_type, ul#sub_nav_g4_type, ul#sub_nav_tool_type, ul#sub_nav_dna_websites, #sub_nav_g4_campaign, #sub_nav_tool_commercials {
	list-style-type:none;
	padding:0;
}
#main_0, #sub_1, #sub_2 {
	display:inline-block;
	float:left;
	width:140px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	height:120px;
	overflow:hidden;
}

#sub_col {
	display:inline-block;
	float:left;
	width:145px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	overflow:hidden;
	height:120px;
}


ul#sub_nav_buzzmedia_campaign #sub_col:first-child{
	width:200px;
}

ul#sub_nav_buzzmedia_adproducts #sub_col{
	width:165px;
}


ul#sub_nav_buzzmedia_adproducts #sub_col:nth-child(4){
	width:185px;
}


#sub_3 {
	display:inline-block;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	height:120px;
	overflow:hidden;
}
#main_0 ul li, #sub_1 ul li, #sub_2 ul li, #sub_3 ul li {
	height:20px;
	text-indent:20px;
}
#main_0 ul {
	margin:4px 0 0 0;
	float:left;
	height:120px;
	width:140px;
}
#sub_1 ul, #sub_2 ul {
	margin:4px 0 0 0;
	float:left;
	background:url('../_img/border_nav.gif') left center no-repeat;
	width:140px;
	height:120px;
}
#sub_3 ul {
	margin:4px 0 0 0;
	float:left;
	background:url('../_img/border_nav.gif') left center no-repeat;
	height:120px;
}
#header {
	float:left;
	display:inline;
	clear:left;
	overflow:hidden;
	height:260px;
	background:#fff url('../_img/bg_header.jpg') 0 0 repeat-x;
	width:100%;
	margin-top:25px;
}
#loading {
	height:850px;
	float:left;
	display:inline;
	clear:left;
	width:100%;
}
#wrap {
	width:100%;
	background:#fff;
	float:left;
	height:auto;
	min-height:400px;
	text-align:left;
	display:inline-block;
	clear:left;
	overflow:hidden;
}
#content {
	margin-left:80px;
	background:#fff;
	margin-bottom:75px;
	float:left;
	clear:left;
	overflow:hidden;
}
#col_left, #col_right {
	margin-top:30px;
	margin-bottom:30px;
	text-align:left;
}
#process_pre_production ul, #process_production ul, #process_client_support ul {
	padding-left:15px;
	margin:0;
}

.favs li, .favs h4{
	text-align:left;
}


/*<<<< FOOTER STYLES >>>>-----------------------------------------------------
-----------------------------------------------------------------------------*/




#footer {
	background:#65bbcc url('../_img/bg_footer.gif') 0 0 repeat-x;
	width:100%;
	color:#fff;
	float:left;
	clear:left;
	overflow:hidden;
}
#footer #col_left {
	width:40%;
	margin:25px 0px 0 80px;
	float:left;
	text-align:left;
}
#footer #col_right {
	width:40%;
	margin:25px 80px 0 0;
	float:right;
	text-align:right;
}
/*<<<< CLEAR FIX >>>>----------------------------------------------------------
-----------------------------------------------------------------------------*/

/*<<<< HEADER TITLE STYLES >>>>------------------------------------------------
-----------------------------------------------------------------------------*/

h1#title_main {
	height:43px;
	margin:33px 0 0 90px;
	background:url('../_img/logo_et.png') 0 0 no-repeat;
	text-indent:-9999px;
}
#title_aboutme {
	height:46px;
	background:#fff url('../_img/header_title.gif') 0 0 no-repeat;
	text-indent:-9999px;
}
#title_profile {
	height:46px;
	background:#fff url('../_img/header_title.gif') 0 -46px no-repeat;
	text-indent:-9999px;
}
#title_favorites {
	height:46px;
	background:#fff url('../_img/header_title.gif') 0 -184px no-repeat;
	text-indent:-9999px;
}
#title_resume {
	height:46px;
	background:#fff url('../_img/header_title.gif') 0 -92px no-repeat;
	text-indent:-9999px;
}
#title_contact {
	height:46px;
	background:#fff url(../_img/header_title.gif) 0 -138px no-repeat;
	text-indent:-9999px;
}
#title_buzzmedia {
	height:46px;
	background:#fff url('../_img/header_title.gif') 0 -414px no-repeat;
	text-indent:-9999px;
}
#title_myspace {
	height:46px;
	background:#fff url('../_img/header_title.gif') 0 -230px no-repeat;
	text-indent:-9999px;
}
#title_dna {
	height:46px;
	background:#fff url('../_img/header_title.gif') 0 -276px no-repeat;
	text-indent:-9999px;
}
#title_g4 {
	height:46px;
	background:#fff url('../_img/header_title.gif') 0 -322px no-repeat;
	text-indent:-9999px;
}
#title_tool {
	height:46px;
	background:#fff url('../_img/header_title.gif') 0 -368px no-repeat;
	text-indent:-9999px;
}
/*<<<< FAVORITES STYLES >>>>------------------------------------------------
-----------------------------------------------------------------------------*/
#favs_social_networking, #favs_shopping, #favs_gadgets, #favs_music, #favs_news, #favs_tech_apps, #favs_health_fitness, #favs_lifestyle, #favs_food_travel {
	float:left;
	clear:left;
	margin:5px 0 25px 0;
	padding:0;
}
#favs_social_networking h4, #favs_shopping h4, #favs_gadgets h4, #favs_music h4, #favs_news h4, #favs_tech_apps h4, #favs_health_fitness h4, #favs_lifestyle h4, #favs_food_travel h4 {
	margin:0;
	padding:0;
}
#favs_social_networking li , #favs_shopping li, #favs_gadgets li, #favs_music li, #favs_news li, #favs_tech_apps li, #favs_health_fitness li, #favs_lifestyle li, #favs_food_travel li {
	background:url('../_img/bullet_red.png') no-repeat left center;
	list-style:none;
	text-indent:25px;
	display:block;
}

#favs_social_networking li, #favs_shopping li, #favs_gadgets li, #favs_music li, #favs_news li, #favs_tech_apps li, #favs_health_fitness li, #favs_lifestyle li, #favs_food_travel li {

}
/*<<<< RESUME STYLES >>>>------------------------------------------------------
-----------------------------------------------------------------------------*/

#container_resume {
	float:left;
	margin-bottom:30px;
	margin-top:30px;
}
#resume_block {
	margin-bottom:10px;
}
/*<<<< MYSPACE STYLES >>>>------------------------------------------------------
-----------------------------------------------------------------------------*/


#content ul {
	margin:0 0 15px 0;
	padding:0 0 0 15px;
}

#content ul li{
clear:left;
}


#content ul ul li{
	float:left;
	clear:left;
}

#content ul ul {
	margin:0;
	padding:0 0 0 15px;
}


#content h4 {
	margin-bottom:10px;
}

#content #col_right {
	text-align:right !important;
}
/*<<<< KEYWORDS STYLES >>>>----------------------------------------------------
-----------------------------------------------------------------------------*/

#keywords {
	font-size:26px;
	line-height:34px;
	color:#575757;
	text-align:left;
}
/*<<<< CONTACT STYLES >>>>----------------------------------------------------
-----------------------------------------------------------------------------*/

#content #social_links {
	margin:0;
	padding:0;
}
#content #social_links li {
	list-style:none;
	float:left;
	margin-right:15px;
	clear:none;
}
#download_resume {
	line-height:16px;
	margin-left:150px;
	position:absolute;
	top:295px;
}
#contact_downloadsite {
	line-height:16px;
}
#contact_email {
	background:url('../_img/email_icon.png') 0 0 no-repeat;
	line-height:16px;
	text-indent:27px;
}
#contact_phone {
	background:url('../_img/phone_icon.png') 0 0 no-repeat;
	line-height:16px;
	text-indent:27px;
}
#adobe_icon {
	display:inline;
	float:left;
	margin-right:10px;
}
/*<<<< COLORBOX STYLES >>>>----------------------------------------------------
-----------------------------------------------------------------------------*/
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between all ColorBox themes
*/
#colorbox, #cboxOverlay, #cboxWrapper {
	position:absolute;
	top:0;
	left:0;
	z-index:9999;
	overflow:hidden;
}
#cboxOverlay {
	position:fixed;
	width:100%;
	height:100%;
}
#cboxMiddleLeft, #cboxBottomLeft {
	clear:left;
}
#cboxContent {
	position:relative;
	overflow:visible;
}
#cboxLoadedContent {
	overflow:auto;
}
#cboxLoadedContent iframe {
	display:block;
	width:100%;
	height:100%;
	border:0;
}
#cboxTitle {
	margin:0;
}
#cboxLoadingOverlay, #cboxLoadingGraphic {
	position:absolute;
	top:0;
	left:0;
	width:100%;
}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
	cursor:pointer;
}
/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, 
    in hope that this will make the relationship easier to understand. Thanks, jack@colorpowered.com
*/
#cboxOverlay {
	background:url(../_img/overlay.png) 0 0 repeat;
}
#colorbox {
}
#cboxTopLeft {
	width:21px;
	height:21px;
	background:url(../_img/borderTopLeft.png) 0 0 no-repeat;
}
#cboxTopCenter {
	height:21px;
	background:url(../_img/borderTopCenter.png) 0 0 repeat-x;
}
#cboxTopRight {
	width:21px;
	height:21px;
	background:url(../_img/borderTopRight.png) 0 0 no-repeat;
}
#cboxBottomLeft {
	width:21px;
	height:21px;
	background:url(../_img/borderBottomLeft.png) 0 0 no-repeat;
}
#cboxBottomCenter {
	height:21px;
	background:url(../_img/borderBottomCenter.png) 0 0 repeat-x;
}
#cboxBottomRight {
	width:21px;
	height:21px;
	background:url(../_img/borderBottomRight.png) 0 0 no-repeat;
}
#cboxMiddleLeft {
	width:21px;
	background:url(../_img/borderMiddleLeft.png) 0 0 repeat-y;
}
#cboxMiddleRight {
	width:21px;
	background:url(../_img/borderMiddleRight.png) 0 0 repeat-y;
}
#cboxContent {
	background:#fff;
}
#cboxLoadedContent {
	margin-bottom:28px;
}
#cboxTitle {
	position:absolute;
	bottom:3px;
	left:0;
	text-align:center;
	width:100%;
	color:#949494;
}
#cboxCurrent {
	position:absolute;
	bottom:3px;
	left:58px;
	color:#949494;
}
#cboxSlideshow {
	position:absolute;
	bottom:3px;
	right:30px;
	color:#0092ef;
}
#cboxPrevious {
	position:absolute;
	bottom:0;
	left:0px;
	background:url(../_img/controls.png) -25px 0px no-repeat;
	width:25px;
	height:25px;
	text-indent:-9999px;
}
#cboxPrevious.hover {
	background-position:-25px -25px;
}
#cboxNext {
	position:absolute;
	bottom:0;
	left:27px;
	background:url(../_img/controls.png) 0px 0px no-repeat;
	width:25px;
	height:25px;
	text-indent:-9999px;
}
#cboxNext.hover {
	background-position:0px -25px;
}
#cboxLoadingOverlay {
	background:url(../_img/loading_background.png) center center no-repeat;
}
#cboxLoadingGraphic {
	background:url(../_img/loading.gif) center center no-repeat;
}
#cboxClose {
	position:absolute;
	bottom:0;
	right:0;
	background:url(../_img/controls.png) -50px 0px no-repeat;
	width:25px;
	height:25px;
	text-indent:-9999px;
}
#cboxClose.hover {
	background-position:-50px -25px;
}