/*Eric Meyer's Global 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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

ol, ul {
	list-style: none;
}


body {
	line-height: 1;
	color: black;
	background: #222;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
}

a{
	color: #383935;
	text-decoration: none;
}

a:hover, a.highlight, a.current{
	color: #FFF;
}

a.inactive, a.inactive:hover{
	color:#222;
	cursor:default;
}

h1, h2{
	color: #7BDAFE;
	padding-bottom: 10px;
	background: url(../img/bar_section.gif) bottom left repeat-x;
}

h4{
	color: #FFF;
}

h4 span.contrast{
	color: #7BDAFE
}

h1{
	font-size: 2em;
}

	h1.welcome_title{
		text-indent:-3000px;
		background: url(../img/titles/title_home_welcome.jpg) top left no-repeat;
		width: 110px;
		height: 24px;
	
	}
	
	h1.naughty_step_title{
		text-indent:-3000px;
		background: url(../img/titles/title_naughty_step.jpg) top left no-repeat;
		width: 110px;
		height: 24px;
	
	}
	
	h1.disney_mmm_title{
		text-indent:-3000px;
		background: url(../img/titles/title_disney_mmm.jpg) top left no-repeat;
		width: 110px;
		height: 24px;
	
	}
	
	h1.adidas_title{
		text-indent:-3000px;
		background: url(../img/titles/title_adidas.jpg) top left no-repeat;
		width: 200px;
		height: 24px;
	
	}
	
	h1.disney_sw_title{
		text-indent:-3000px;
		background: url(../img/titles/title_disney_sw.jpg) top left no-repeat;
		width: 110px;
		height: 24px;
	
	}
	
	h1.lucozade_title{
		text-indent:-3000px;
		background: url(../img/titles/title_lucozade.jpg) top left no-repeat;
		width: 110px;
		height: 24px;
	
	}
	
	h1.gillette_banners_title{
		text-indent:-3000px;
		background: url(../img/titles/title_gillette_banners.jpg) top left no-repeat;
		width: 110px;
		height: 24px;
	
	}
	
	h1.football_fun_title{
		text-indent:-3000px;
		background: url(../img/titles/title_football_fun.jpg) top left no-repeat;
		width: 110px;
		height: 24px;
	
	}
	
	h1.gillette_facebook_title{
		text-indent:-3000px;
		background: url(../img/titles/title_gillette_facebook.jpg) top left no-repeat;
		width: 110px;
		height: 24px;
	
	}
	
	h1.hsamuel_title{
		text-indent:-3000px;
		background: url(../img/titles/title_hsamuel.jpg) top left no-repeat;
		width: 110px;
		height: 24px;
	
	}
		h1.contact_me_title{
		text-indent:-3000px;
		background: url(../img/titles/title_contact_me.jpg) top left no-repeat;
		width: 110px;
		height: 24px;
	}
		
		h1.about_me_title{
		text-indent:-3000px;
		background: url(../img/titles/title_about_about_me.jpg) top left no-repeat;
		width: 150px;
		height: 24px;
		margin: 20px 0px 0px 20px
	}	
		h1.about_check_out_title{
		text-indent:-3000px;
		background: url(../img/titles/title_about_check_out.jpg) top left no-repeat;
		width: 250px;
		height: 24px;
		margin: 20px 0px 0px 20px
	}	
		h1.about_likes_title{
		text-indent:-3000px;
		background: url(../img/titles/title_about_likes.jpg) top left no-repeat;
		width: 47px;
		height: 13px;
		margin: -5px 0px 10px 10px;

	}	
		h1.about_dislikes_title{
		text-indent:-3000px;
		background: url(../img/titles/title_about_dislikes.jpg) top left no-repeat;
		width: 110px;
		height: 15px;
		margin: 5px 0px 10px 82px
	}	
		h1.about_loving_this_title{
		text-indent:-3000px;
		background: url(../img/titles/title_about_loving_this.jpg) top left no-repeat;
		width: 110px;
		height: 16px;
		margin: 0px 20px 0px 0px
	
	}
		h1.about_but_wait_title{
		display: block;
		Float: right;
		text-indent:-3000px;
		background: url(../img/titles/title_about_but_wait.jpg) top left no-repeat;
		width: 166px;
		height: 14px;
		margin: -300px 268px 15px 0px
	
	
	}
	




h2{
	font-size: 2em;
}	
	h2.latest_title{
		text-indent:-3000px;
		background: url(../img/titles/title_home_latest.jpg) top left no-repeat;
		width: 110px;
		height: 20px;
		margin: 0px 0px 0px -50px;
}

h3{
	font-size: 2em;
}	
	h3.client_brands_title{
		text-indent:-3000px;
		background: url(../img/titles/title_home_client_brands.jpg) top left no-repeat;
		width: 270px;
		height: 24px;
		margin: 30px 20px 0px 30px;
}

	h3.about_latest_tweet_title{
		background: url(../img/titles/title_about_latest_tweet.jpg) top left no-repeat;
		width: 106px;
		height: 13px;
		margin: 5px 0px 15px 85px;

}

	h3.about_app_of_the_month_title{
		text-indent:-3000px;
		background: url(../img/titles/title_about_app_of_the_month.jpg) top left no-repeat;
		width: 200px;
		height: 13px;
		margin: 5px 0px 15px 85px;

}

	h3.about_xbox_game_title{
		text-indent:-3000px;
		background: url(../img/titles/title_about_xbox_game.jpg) top left no-repeat;
		width: 225px;
		height: 13px;
		margin: 5px 0px 15px 85px;

}

p{
	font-size: 1.1em;
	color: #CCC;
}

object{
	margin-left: -6px;
}

#wrap{
	width: 917px;
	margin: 0px auto;
}

#upper{
	width: 917px;
	height: 75px;
}

a#home-link{
	width: 160px;
	height: 60px;
	float: left;
	background: url(../img/logo.png) top left no-repeat;
	text-indent: -2090px;
	margin: 30px 0 0 10px;
}

ul#primary-menu{
	display: block;
	width: 260px;
	height: 45px;
	float: right;
	margin: 26px -22px -20px;
	
}

ul#primary-menu li{
	float: left;
	margin: 12px 5px 0px 5px;
}

ul#primary-menu li.menu-first{
	margin-left: 22px
}

ul#primary-menu li a{
	font-weight: bold;
	font-size: 1.2em;
	display: block;
	text-transform: capitalize;
	
}

ul#secondary-menu{
	display: block;
	width: 280px;
	height: 20px;
	float: right;
	margin: 24px -241px 40px;
	
}

ul#secondary-menu li{
	float: left;
	margin: 30px 5px 0px 5px;
}

ul#secondary-menu li.menu-first{
	margin-left: 20px
}

ul#secondary-menu li a{
	font-weight: regular;
	font-size: 1.1em;
	display: block;
	text-transform: capitalize;
	
}


#content-upper{
	width: 913px;
	height: 350px;
	background: no-repeat center top;
	margin: 10px 0px 10px 6px;
	position: relative;
}

#content-upper object{
	display: block;
	position: absolute;
	top: 0px;
	left: 2px;
}

#sub-panel{
	position: absolute;
	background: url(../img/sub_about_panel.png) top left no-repeat;
	width: 227px;
	height: 79px;
	bottom: 15px;
	right: 15px;
}

#sub-panel h4{
	font-size: 1.2em;
	font-weight: bold;
	margin: 15px 0 0 40px;
}

#sub-panel p{
	margin: 5px 20px 0 40px;
}

#left-home-panel{
	width: 359px;
	height: 266px;
	background: url(../img/home_left_panel.png) no-repeat top left;
	margin: 20px 0 0 25px;
	float: left;
	line-height: 14px;
	position: relative;


/* this is the control for the homepage wecome header */

}

#left-home-panel h1{
	margin: 24px 0px 0px 28px;
	width: 115px;
	font-size: 2.4em;


/* this is the control for the homepage wecome copy */

}

#left-home-panel p{
	margin: 6px 0px 0px 28px;
	line-height: 16px;
	font-size: 1.2em;
}

#left-home-panel a{
	color: #7BDAFE;
}

#left-home-panel a.pdf-icon{
	background:url(../img/pdf_icon.png) top right no-repeat;
	width: 130px;
	height: 40px;
	display: block;
	position: absolute;
	top: 157px;
	left: 97px;
	
}

#right-about-panel{
	width: 500px;
	height: 151px;
	background: url(../img/home_right_panel.png) top left no-repeat;
	margin: 20px 30px 0 0;
	float: right;
	position: relative;
}

#right-about-panel h2{
	width: 61px;
	margin: 18px 0 0 35px;
	font-size: 1.8em;


/* this is the control for homepage latest panel copy */

}

#right-about-panel p{
	margin: 6px 0px 0px 35px;
	width: 250px;
	float: left;
	line-height: 16px;
	font-size: 1.2em;
}

#right-about-panel a{
	color: #7BDAFE;
}

#right-about-panel img{
	position: absolute;
	right: 25px;
	top: 23px;
	display: block;


/* this is the control for homepage some client brands panel */

}

#home_right_lower_panel {
	width: 480px;
	height: 119px;
	background: url(../img/home_right_lower_panel.png) top left no-repeat;
	margin: 0px 33px 0px 7px;
	float: right;
	position: relative;
	
	
/* this is the control for homepage some client brands panel header */
	
	}
	
	#home_right_lower_panel h2{
	width: 164px;
	margin: 28px 0 0 27px;
	font-size: 1.6em;
	}
	
	#home_right_lower_panel img{
	display:block;
	float: right;
	}
	

#home_right_lower_panel a{
	display: block;
	position: absolute;
	
}

#home_right_lower_panel a#adidas{
	width: 28px;
	height: 22px;
	background: url(../img/logo_adidas_on.png) no-repeat top right;
	right: 240px;
	top: 30px;
}

#home_right_lower_panel a#gillette{
	width: 52px;
	height: 20px;
	background: url(../img/logo_gillette_on.png) no-repeat top right;
	right: 173px;
	top: 34px;
}

#home_right_lower_panel a#disney{
	width: 52px;
	height: 22px;
	background: url(../img/logo_disney_on.png) no-repeat top right;
	right: 108px;
	top: 29px;
}

#home_right_lower_panel a#palm{
	width: 42px;
	height: 16px;
	background: url(../img/logo_palm_on.png) no-repeat top right;
	right: 54px;
	top: 34px;
}

#home_right_lower_panel a#renault{
	width: 15px;
	height: 20px;
	background: url(../img/logo_renault_on.png) no-repeat top right;
	right: 29px;
	top: 31px;
}






#home_right_lower_panel a:hover#adidas{
	background: url(../img/logo_adidas_on.png) no-repeat top right;
}

#home_right_lower_panel a:hover#gillette{
	background: url(../img/logo_gillette_on.png) no-repeat top right;
}

#home_right_lower_panel a:hover#disney{
	background: url(../img/logo_disney_on.png) no-repeat top right;
}

#home_right_lower_panel a:hover#palm{
	background: url(../img/logo_palm_on.png) no-repeat top right;
}

#home_right_lower_panel a:hover#renault{
	background: url(../img/logo_renault_on.png) no-repeat top right;
}





#portfolio-content{
	width: 917px;
	height: 260px;
	margin: 20px auto;
	position: relative;
}

a.left-control{
	background: url(../img/left_switch.png) top left no-repeat;
	width: 70px;
	height: 41px;
	display: block;
	position: absolute;
	padding: 9px 0px 0px 11px;
	font-weight: bold;
	font-size: 1.2em;
	left: 9px;
	top: 100px;
}

a.right-control{
	background: url(../img/right_switch.png) top left no-repeat;
	width: 70px;
	height: 41px;
	display: block;
	position: absolute;
	padding: 10px 2px 0px 15px;
	font-weight: bold;
	font-size: 1.2em;
	right: -21px;
	top: 100px;
}


#portfolio-inner{
	width: 754px;
	height: 250px;
	margin: 0 auto;
	left: 7px;
	position: relative;
	background: url(../img/portfolio_center_item.gif) top left no-repeat;
	line-height: 14px;
}

#portfolio-inner img{
	display: block;
	position: absolute;
	top: 20px;
	left: 50px;
}

#portfolio-inner h1{
	font-size: 1.6em;
	color: #FFF;
	width: 300px;
	top: 20px;
	left: 373px;
	position: absolute;


/* this is the control for the header with icon */

}

#portfolio-inner h4{
	left: 373px;
	top: 40px;
	width: 350px;
	height: 40px;
	font-size: 1.2em;
	position: absolute;
	padding: 2px 0 0 30px;
	background:url(../img/graphic_info.png) top left no-repeat;
}

#portfolio-inner span.underline{
	display: block;
	background: url(../img/bar_section.gif) bottom left repeat-x;
	width: 200px;
	height: 20px;
	border: 1px solid red;
	position: relative;
}


#portfolio-inner h4 span.contrast, #portfolio-inner p span.contrast{
	color: #7BDAFE;


/* this is the control for the copy */

}
#portfolio-inner p{
	position: absolute;
	width: 340px;
	top: 68px;
	left: 376px;
	font-size: 1.1em;
	}
	
div#portfolio-inner p.left_block{
	position: relative;
	margin-bottom: 10px;
	left: 352px;
	top: 50px;
}	
	
	
#portfolio-inner a{
	color: #7BDAFE;
	}




#portfolio-inner-thumbs{
	width: 753px;
	height: 250px;
	margin: 0 auto;
	position: relative;
	background: url(../img/portfolio_center_item.gif) top left no-repeat;
	line-height: 14px;
}

#portfolio-inner-thumbs img{
	display: block;
	position: absolute;
	top: 20px;
	left: 130px;
}

#portfolio-inner-thumbs h1{
	font-size: 1.6em;
	color: #FFF;
	width: 250px;
	top: 20px;
	left: 430px;
	position: absolute;


/* this is the control for the adidas header with icon */

}

#portfolio-inner-thumbs h4{
	left: 430px;
	top: 54px;
	width: 260px;
	height: 40px;
	font-size: 1.2em;
	position: absolute;
	padding: 2px 0 0 30px;
	background:url(../img/graphic_info.png) top left no-repeat;
}

#portfolio-inner-thumbs span.underline{
	display: block;
	background: url(../img/bar_section.gif) bottom left repeat-x;
	width: 200px;
	height: 20px;
	border: 1px solid red;
	position: relative;
}


#portfolio-inner-thumbs h4 span.contrast, #portfolio-inner-thumbs p span.contrast{
	color: #7BDAFE;
	


/* this is the control for the adidas copy */
	
}
#portfolio-inner-thumbs p{
	position: absolute;
	width: 300px;
	top: 82px;
	left: 430px;
	font-size: 1.1em;
	}
	
#portfolio-inner-thumbs a{
	color: #7BDAFE;
	}


/* this is the thumbnail container  */


#portfolio-thumbnails{
	width: 122px;
	float: left;
	height: 180px;
	position: absolute;
	top: 21px;
	left: 25px;
}


/* this is the control for the thumbnail itself */

#portfolio-thumbnails span{
	width: 51px;
	height: 41px;
	margin: 0px -2px -2px 0px;
	float: left;
	cursor: pointer;
	}
	
	
	
/* these control the Adidas thumbnail images */	
	
	
	.port-thumb-1{
	background: url(../img/adidas_thumbnail_off_1.png) top left no-repeat;	
	}
	.port-thumb-1:hover{
	background: url(../img/adidas_thumbnail_on_1.png) top left no-repeat;	
	}
	.port-thumb-2{
	background: url(../img/adidas_thumbnail_off_2.png) top left no-repeat;	
	}
	.port-thumb-2:hover{
	background: url(../img/adidas_thumbnail_on_2.png) top left no-repeat;	
	}
	.port-thumb-3{
	background: url(../img/adidas_thumbnail_off_3.png) top left no-repeat;	
	}
	.port-thumb-3:hover{
	background: url(../img/adidas_thumbnail_on_3.png) top left no-repeat;	
	}
	.port-thumb-4{
	background: url(../img/adidas_thumbnail_off_4.png) top left no-repeat;	
	}
	.port-thumb-4:hover{
	background: url(../img/adidas_thumbnail_on_4.png) top left no-repeat;	
	}
	.port-thumb-5{
	background: url(../img/adidas_thumbnail_off_5.png) top left no-repeat;	
	}
	.port-thumb-5:hover{
	background: url(../img/adidas_thumbnail_on_5.png) top left no-repeat;	
	}
	.port-thumb-6{
	background: url(../img/adidas_thumbnail_off_6.png) top left no-repeat;	
	}
	.port-thumb-6:hover{
	background: url(../img/adidas_thumbnail_on_6.png) top left no-repeat;	
	}
	.port-thumb-7{
	background: url(../img/adidas_thumbnail_off_7.png) top left no-repeat;	
	}
	.port-thumb-7:hover{
	background: url(../img/adidas_thumbnail_on_7.png) top left no-repeat;	
	}
	.port-thumb-8{
	background: url(../img/adidas_thumbnail_off_8.png) top left no-repeat;	
	}
	.port-thumb-8:hover{
	background: url(../img/adidas_thumbnail_on_8.png) top left no-repeat;	
	}
	
	.port-thumb-9{
	background: url(../img/adidas_thumbnail_off_9.png) top left no-repeat;	
	}
	.port-thumb-9:hover{
	background: url(../img/adidas_thumbnail_on_9.png) top left no-repeat;	
	}
	.port-thumb-10{
	background: url(../img/adidas_thumbnail_off_10.png) top left no-repeat;	
	}
	.port-thumb-10:hover{
	background: url(../img/adidas_thumbnail_on_10.png) top left no-repeat;	
	}


object#portfolio-container{
	display: block;
	width:286px;
	height: 194px;
	position: absolute;
	top: 13px;
	left: 129px;
	z-index: 200;
}


/* about page controls */

#about-content{
	width: 917px;
	margin: 20px auto;
	position: relative;
}

#about-content h2{
	margin: 20px 20px 10px 25px;
	font-size: 1.6em;
}

#about-content p{
	width: 400px;
	font-size: 1.1em;
	margin: -10px 0px 0px 20px;

}

	#about-content .about-left p{
		margin-left: 10px;
	}
	
	#about-content .about-right p{
		position: relative;
		left: 10px;
		width: 400px;
		display:block;
	}
	
	#about-content .about-interests-inner1 p, #about-content .about-interests-inner2 p, #about-content .about-interests-inner3 p{
		width: 400px;
		display:block;
		top: 0px;
		left: 15px;
		position: relative;
	}
	


div.about-narrow-box-left{
	width: 450px;
	height: 193px;
	background: url(../img/about_narrow_box_left.gif) no-repeat;
	float:left;
	margin: 0px 0px 10px 0px;

	
}

	.about-narrow-box-left img{
	display:block;
	float:left;
	border: 1px solid green;
}

div.about-narrow-box-right{
	width: 450px;
	height: 193px;
	background: url(../img/about_narrow_box_right.gif) no-repeat;
	margin: 0px 0px 10px 11px;
	float:left;
	
}


div.about-thumb-carrier{
	margin: 8px 0px 10px 20px;
	
}

div.about-thumb-carrier a{
	width: 100px;
	height: 65px;
	float:left;
	display:block;
	margin: -20px 10px 22px -4px;
}


	div.about-thumb-carrier a.thumb1{
		background: url(../img/about/about_thumbnail_off_1.png) no-repeat;
	}
	div.about-thumb-carrier a.thumb1:hover{
		background: url(../img/about/about_thumbnail_on_1.png) no-repeat;
	}
	
	div.about-thumb-carrier a.thumb2{
		background: url(../img/about/about_thumbnail_off_2.png) no-repeat;
	}
	div.about-thumb-carrier a.thumb2:hover{
		background: url(../img/about/about_thumbnail_on_2.png) no-repeat;
	}
	
	div.about-thumb-carrier a.thumb3{
		background: url(../img/about/about_thumbnail_off_3.png) no-repeat;
	}
	div.about-thumb-carrier a.thumb3:hover{
		background: url(../img/about/about_thumbnail_on_3.png) no-repeat;
	}
	
	div.about-thumb-carrier a.thumb4{
		background: url(../img/about/about_thumbnail_off_4.png) no-repeat;
	}
	div.about-thumb-carrier a.thumb4:hover{
		background: url(../img/about/about_thumbnail_on_4.png) no-repeat;
	}
	
	div.about-thumb-carrier a.thumb5{
		background: url(../img/about/about_thumbnail_off_5.png) no-repeat;
	}
	div.about-thumb-carrier a.thumb5:hover{
		background: url(../img/about/about_thumbnail_on_5.png) no-repeat;
	}
	
	div.about-thumb-carrier a.thumb6{
		background: url(../img/about/about_thumbnail_off_6.png) no-repeat;
	}
	div.about-thumb-carrier a.thumb6:hover{
		background: url(../img/about/about_thumbnail_on_6.png) no-repeat;
	}
	
	div.about-thumb-carrier a.thumb7{
		background: url(../img/about/about_thumbnail_off_7.png) no-repeat;
	}
		div.about-thumb-carrier a.thumb7:hover{
		background: url(../img/about/about_thumbnail_on_7.png) no-repeat;
	}
	
	div.about-thumb-carrier a.thumb8{
		background: url(../img/about/about_thumbnail_off_8.png) no-repeat;
	}
	div.about-thumb-carrier a.thumb8:hover{
		background: url(../img/about/about_thumbnail_on_8.png) no-repeat;
	}
	
/* likes section */

	div.about-large-box{
		width: 921px;
		height: 128px;
		background: url(../img/about_likes_panel.gif) no-repeat;
		float:left;
		margin: 0px 0px 10px 0px;
		position: relative;
		
}

.about-large-box img, .about-interests-panel img, .about-interests-inner1 img, .about-interests-inner2 img, .about-interests-inner3 img{
	display:block;
	float:left;
	
}

.about-interests-inner1 p, .about-interests-inner2 p, .about-interests-inner3 p{
	width: 10px;
	left: 10px;
	top: 15px;
	/*border: 1px solid blue;*/
}


		div.about-large-inner{
			width: 422px;
			height: 100px;
			
			position: absolute;
		}
		
		.about_content_inner{
			width: 200px;
			position:relative;
			float:left;
			top:10px;
		}
		
		.about_content_inner p{
			width: 80px;
			/*border: 1px solid green;*/
			margin: 10px 0px 0px 0px;	
		}
		
		
		
		.about-left{
			left: 20px;
			top: 15px;
		}
		
		
		.about-right{
			right: 20px;
			top: 15px;
		}

/* interests section */

	div.about-interests-panel{
		clear:both;
		height: 318px;
		width: 923px;
		background: url(../img/about_interests_panel.gif) no-repeat;
		margin: 10px 0px 0px 0px;
	

}


		div.about-interests-inner1{
			width: 422px;
			height: 80px;
			
			position: absolute;
			margin: -276px 0px 0px 480px;
		}
		
		
		
		div.about-interests-inner2{
			width: 422px;
			height: 80px;
		
			position: absolute;
			margin: -180px 0px 0px 480px;
		}
		
		div.about-interests-inner3{
			width: 422px;
			height: 76px;
			
			position: absolute;
			margin: -90px 0px 0px 480px;
		}
		
		div.about-interests-inner-left{
			width: 360px;
			height: 290px;
			position: absolute;
			margin: 15px 0px 0px 28px;
		}


/* footer styles */

#footer{
	background: url(../img/lower_bar.gif) top center no-repeat;
	height: 20px;
	clear: both;
	position: relative;
	margin: -10px auto;
	padding: 10px 0;
}

#footer p{
	text-align: center;
	width: 100%;
	font-size: .9em;
	color: #383935;
}


/* sn styles */
div.twitter_button{
	width: 150px;
	height: 60px;
	position: absolute;
	bottom: 50px;
	right: 230px;
}

a.linkedin_button{
	display:block;
	width:128px;
	height: 40px;
	background: url(../img/linkedin_btn.gif) top left no-repeat;
	text-indent: -3000px;
	position: absolute;
	right: 100px;
	bottom: 55px;
}


.imageheadline{margin-left:323px}


/*utils*/

.doclear{
	clear: both;
}