body{
	width: 100%;
	margin: 0px;
	background: #CAE3E8 url(../images/bg.jpg) repeat;
	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-size: 11px;
	text-align: center;
}

@font-face {
	font-family: Rabiohead;
	src: url('Rabiohead.eot');
  src: local(Rabiohead), url('Rabiohead.ttf') format('opentype');
}

@font-face {
	font-family: Bomb_Factory;
	src: url('Bomb_Factory.eot');
  src: local(Bomb_Factory), url('Bomb_Factory.ttf') format('opentype');
}

@font-face {
	font-family: Unibody8;
	src: url('Unibody8IndieBlack.eot');
  src: local(Unibody8IndieBlack), url('Unibody8IndieBlack.ttf') format('opentype');
}

img{
	border-style: none;
}

.container{
	position: relative;
	margin: 0 auto;
	width: 1024px;
	width /**/: 1024px;
	text-align: left;
}


/*--- topBar Section
--------------------------------------------------------------------------------------------------------------- */
#bg_topBar{
	background: url(../images/bg_topBar.jpg) repeat-x;
	position: relative;
	width: 100%;
	height: 55px;
	z-index: 7;
}

#logo_watermarked{
	margin-top: 9px;
	margin-left: 20px;
}

#btn_dropLogo{
	background: url(../images/btn_drop.png) no-repeat;
	position: absolute;
	top: 20px;
	left: 305px;
	width: 24px;
	height: 24px;
}

#txt_slogan{
	position: absolute;
	top: -3px;
	left: 220px;
	display: none;
}

#logo_dropdown{
	position: absolute;
	top: -265px;
	left: 10px;
}

#btn_hideLogo{
	background: url(../images/btn_close-contact.png) no-repeat;
	position: absolute;
	top: 19px;
	left: 196px;
	width: 11px;
	height: 11px;
	display: none;
}

#bg_quickLinks{
	background: url(../images/bg_quickLinks.png) no-repeat;
	position: absolute;
	top: 0px;
	right: 10px;
	width: 160px;
	height: 32px;
}

#quickLinks{
	color: #FFF;
	margin: 8px 0px 0px 4px;
}

#quickLinks a, #quickLinks a:visited{
	color: #FFF;
	font-size: 11px;
	text-decoration: none;
	margin: 0px 15px;
}

#quickLinks a:hover{
	color: #02283D;
	border-bottom: #02283D 1px dotted;
}


/*--- NavBar Section
--------------------------------------------------------------------------------------------------------------- */
#bg_navArea{
	background: url(../images/bg_navArea.png) repeat-x;
	position: relative;
	width: 100%;
	height: 49px;
	color: #FFF;
}

#bg_showNav{
	background: url(../images/bg_show-navBar.png) no-repeat;
	position: absolute;
	top: 9px;
	right: 15px;
	width: 77px;
	height: 25px;
}

#btn_show-navBar{
	background: url(../images/btn_eject.png) no-repeat;
	position: absolute;
	top: 4px;
	right: 6px;
	width: 14px;
	height: 14px;
}

#bg_navBar{
	background: url(../images/bg_navBar.png) no-repeat;
	position: absolute;
	width: 455px;
	height: 40px;
	top: 0px;
	right: 10px;
}

#navBar{
	text-align: right;
	padding-top: 4px;
}

#btn_close-navBar{
	background: url(../images/btn_close-contact.png) no-repeat;
	position: absolute;
	top: 24px;
	right: 6px;
	width: 11px;
	height: 11px;
}


/*--- Navigation Link Buttons
--------------------------------------------------------------------------------------------------------------- */
a#btn_home{
	display: inline-block;
	margin: 0 auto;
	margin-right: 25px;
	padding: 0;
	width: 64px; 
	height: 30px;
	background: url(../images/navBar/home.png);
	background-position: top left;
	zoom: 1;
	*display: inline;
	_height: 30px;
}

a#btn_home:hover{
	background-position: top center;
}

a#btn_web{
	display: inline-block;
	margin: 0 auto;
	margin-right: 25px;
	padding: 0;
	width: 53px; 
	height: 30px;
	background: url(../images/navBar/web.png);
	background-position: top left;
	zoom: 1;
	*display: inline;
	_height: 30px;
}

a#btn_web:hover{
	background-position: top center;
}

a#btn_print{
	display: inline-block;
	margin: 0 auto;
	margin-right: 25px;
	padding: 0;
	width: 142px; 
	height: 30px;
	background: url(../images/navBar/print.png);
	background-position: top left;
	zoom: 1;
	*display: inline;
	_height: 30px;
}

a#btn_print:hover{
	background-position: top center;
}


a#btn_play{
	display: inline-block;
	margin: 0 auto;
	margin-right: 25px;
	padding: 0;
	width: 55px; 
	height: 30px;
	background: url(../images/navBar/play.png);
	background-position: top left;
	zoom: 1;
	*display: inline;
	_height: 30px;
}

a#btn_play:hover{
	background-position: top center;
}


/*--- GameBar Section
--------------------------------------------------------------------------------------------------------------- */
#gameArea{
	height: 139px;
}

#txt_buddy{
	position: absolute;
	background: url(../images/txt_buddy.png);
	top: 8px;
	left: 119px;
	width: 130px;
	height: 62px;
}

#lives{
	position: absolute;
	top: 20px;
	left: 153px;
	font-family: Bomb_Factory;
	font-size: 72px;
}

#life_up{
	position: absolute;
	top: 20px;
	left: 150px;
	display: none;
}

#heart{
	position: absolute;
	background: url(../images/heart.png);
	top: 46px;
	left: 283px;
	width: 51px;
	height: 24px;
}

#heart_points{
	position: absolute;
	top: 20px;
	left: 345px;
	font-family: Bomb_Factory;
	font-size: 72px;
}

#item_container{
	position: absolute;
	background: url(../images/item_container.png);
	top: 9px;
	left: 530px;
	width: 87px;
	height: 87px;
}

#item_feather{
	position: absolute;
	background: url(../images/item_feather.png);
	top: 12px;
	left: 12px;
	width: 63px;
	height: 63px;
	display: none;
}

#item_fire{
	position: absolute;
	background: url(../images/item_fire.png);
	top: 12px;
	left: 12px;
	width: 63px;
	height: 63px;
	display: none;
}

#item_hammer{
	position: absolute;
	background: url(../images/item_hammer.png);
	top: 12px;
	left: 12px;
	width: 63px;
	height: 63px;
	display: none;
}

#item_moon{
	position: absolute;
	background: url(../images/item_moon.png);
	top: 12px;
	left: 12px;
	width: 63px;
	height: 63px;
	display: none;
}

#item_life{
	position: absolute;
	background: url(../images/item_life.png);
	top: 12px;
	left: 12px;
	width: 63px;
	height: 63px;
	display: none;
}

#txt_time{
	position: absolute;
	background: url(../images/txt_time.png);
	top: 19px;
	left: 734px;
	width: 55px;
	height: 20px;
}

#time{
	position: absolute;
	top: 46px;
	left: 713px;
	width: 75px;
	font-family: Unibody8;
	font-size: 14px;
	text-align: right;
}

#skittles{
	position: absolute;
	background: url(../images/skittles.png);
	top: 14px;
	left: 910px;
	width: 45px;
	height: 24px;
}

#skittle_count{
	position: absolute;
	width: 43px;
	top: 20px;
	left: 965px;
	font-family: Unibody8;
	font-size: 17px;
	text-align: right;
}

#score{
	position: absolute;
	top: 46px;
	left: 901px;
	font-family: Unibody8;
	font-size: 14px;
	text-align: rightd;
}


/*--- Buddy Area Section
--------------------------------------------------------------------------------------------------------------- */
#platform{
	background: url(../images/platform.jpg) repeat-x;
	position: relative;
	width: 100%;
	height: 58px;
}

#buddy_hover{
	position: absolute;
	top: -157px;
	left: 10px;
	width: 102px;
	height: 211px;
	z-index: 7;
}
	

#buddy_home{
	position: absolute;
	background: url(../images/buddy_home.png) no-repeat;
	top: -157px;
	left: 10px;
	width: 102px;
	height: 211px;
	z-index: 6;
}

#buddy_hammer{
	position: absolute;
	background: url(../images/buddy_hammer.png) no-repeat;
	top: -157px;
	left: 10px;
	width: 102px;
	height: 211px;
	z-index: 6;
	display: none;
}

#buddy_feather{
	position: absolute;
	background: url(../images/buddy_feather.png) no-repeat;
	top: -157px;
	left: 10px;
	width: 102px;
	height: 211px;
	z-index: 6;
	display: none;
}

#buddy_fire{
	position: absolute;
	background: url(../images/buddy_fire.png) no-repeat;
	top: -157px;
	left: 10px;
	width: 102px;
	height: 211px;
	z-index: 6;
	display: none;
}

#buddy_moon{
	position: absolute;
	background: url(../images/buddy_moon.png) no-repeat;
	top: -157px;
	left: 10px;
	width: 102px;
	height: 211px;
	z-index: 6;
	display: none;
}

#bubble_aboutMe{
	position: absolute;
	background: url(../images/bubble_aboutMe.png) no-repeat;
	top: -115px;
	left: 104px;
	width: 225px;
	height: 72px;
	display: none;
}

#contact{
	background: url(../images/bg_contact.png) no-repeat;
	position: absolute;
	top: -115px;
	left: 104px;
	width: 319px;
	height: 72px;
	display: none;
}

#txt_email{
	margin: 24px 0px 0px 30px;
}

#btn_close-contact{
	background: url(../images/btn_close-contact.png) no-repeat;
	position: absolute;
	top: 15px;
	right: 10px;
	width: 11px;
	height: 11px;
}

#txt_portfolio{
	position: absolute;
	background: url(../images/txt_portfolio.png) no-repeat;
	top: -26px;
	left: 113px;
	width: 265px;
	height: 35px;
}


/*--- Blue Area Section [content wrappers]
--------------------------------------------------------------------------------------------------------------- */
#bg_blueArea{
	background: url(../images/bg_blueArea.jpg) repeat-x;
	position: relative;
	width: 100%;
	height: 440px;
}

#left_container{
	position: absolute;
	width: 585px;
	height: 435px;
	top: 0px;
	left: 0;
	z-index: 5;
	overflow: hidden;
}

#right_container{
	background: url(../images/divider_pixeld.png) no-repeat;
	position: absolute;
	width: 465px;
	height: 436px;
	top: -8px;
	left: 559px;
	z-index: 8;
}

.rightSide_title{
	position: relative;
	top: 0px;
	left: 0px;
}

.rightSide_text{
	position: relative;
	top: 10px;
	left: 0px;
}


/*--- About Me Section
--------------------------------------------------------------------------------------------------------------- */
#about_me{
	position: absolute;
	top: 12px;
	left: 20px;
	width: 520px;
	color: #FFF;
	line-height: 140%;
	text-align: justify;
	display: none;
}

#about_skills{
	position: absolute;
	top: 11px;
	left: 20px;
	width: 418px;
	color: #043047;
	line-height: 140%;
	display: none;
}

#about_skills a, #about_skills a:visited{
	color: #64981E;
	text-decoration: none;
}

#about_me a:hover, #about_skills a:hover{
	color: #E15D37;
	border-bottom: #E15D37 1px dotted;
}

a#txt_kid, a#txt_kid:visited{
	position: relative;
	z-index: 8;
	color: #70D1C8;
	text-decoration: none;
	border-bottom: #70D1C8 1px dotted;
}

a#txt_kid:hover{
	z-index: 9;
	color: #E15D37;
	border-bottom: #E15D37 1px dotted;
}

a#txt_kid span{ display: none; }

a#txt_kid:hover span{
	display: block;
	position: absolute;
	top: -55px;
	left: -35px;
}

#bg_me{
	position: relative;
	background: url(../images/me.png);
	width: 291px;
	height: 152px;
	margin-top: 17px;
}


/*--- Services Section
--------------------------------------------------------------------------------------------------------------- */
#services{
	position: absolute;
	top: 12px;
	left: 20px;
	width: 470px;
	color: #FFF;
	display: none;
}

#srv_whyMe{
	width: 350px;
	margin: 5px 0px -13px 0px;
	border-bottom: #6E979F 1px dotted;
	font-family: Rabiohead;
	font-size: 22px;
}

#services_prices{
	position: absolute;
	top: 16px;
	left: 23px;
	width: 418px;
	color: #00273D;
	line-height: 140%;
	font-size: 12px;
	display: none;
}

.chng_font{
	font-family: Rabiohead;
	font-size: 24px;
}

.srv_separator{
	border-left: #6E979F 1px dotted;
}

.srv_title{
	color: #64981E;
}


/*--- Home Section
--------------------------------------------------------------------------------------------------------------- */
#home-left{
	position: absolute;
	top: 12px;
	left: 20px;
	width: 520px;
	color: #FFF;
	line-height: 150%;
	text-align: justify;
}

#home-right{
	position: absolute;
	top: 11px;
	left: 20px;
	width: 418px;
	color: #043047;
	line-height: 160%;
}

a#txt_thx, a#txt_thx:visited{
	position: relative;
	z-index: 8;
	color: #70D1C8;
	text-decoration: none;
	border-bottom: #70D1C8 1px dotted;
}

a#txt_thx:hover{
	z-index: 9;
	color: #E15D37;
	border-bottom: #E15D37 1px dotted;
}

a#txt_thx span{ display: none; }

a#txt_thx:hover span{
	display: block;
	position: absolute;
	top: -78px;
	left: -24px;
}


/*--- Galleries Stuff
--------------------------------------------------------------------------------------------------------------- */
.gallery{
	margin: 0 0 0 14px;
	position: relative; /*keep this intact*/
	visibility: hidden; /*keep this intact*/
}

.gallery .gallerydesctext{
	text-align: left;
	padding: 2px 5px;
}

.txt_header{
	margin: 24px 0 0 14px;
}


/*--- Web Portfolio
--------------------------------------------------------------------------------------------------------------- */
#re-family, #foh2, #foh1, #me_catalog, #four56, #fame3, #fame2, #tk, #maloney,  
#skinny, #posh, #bike, #candles, #afuwi, #luke, #paige, #salon, #chocolate, #pdb{
	display: none;
}

#web_portfolio{
	background: url(../images/bg_portfolio.png) no-repeat;
	position: absolute;
	width: 585px;
	height: 430px;
	top: -8px;
	left: 585px;
}

.tech_used{
	position: absolute;
	width: 185px;
	top: 54px;
	left: 378px;
	color: #043047;
	line-height: 165%;
}

.txt_technology{
	margin-left: 38px;
}

.tech_used p{
	margin-left: 40px;
}

.tech_used b{
	background: #033C5A;
	font-weight: normal;
	color: #FFF;
	padding: 2px 7px;
	margin: 0 7px 7px 0;
	display: inline-block;
	zoom: 1;
	*display: inline;
	_height: 22px;
}

a.btn_viewSite{
	background: url(../images/btn_viewSite.png) no-repeat;
	background-position: top left;
	position: absolute;
	width: 95px;
	height: 25px;
	top: 270px;
	left: -20px;
	display: block;
	z-index: 1000;
}

a.btn_viewSite:hover{
	background-position: top right;
}

#web_projects{
	position: absolute;
	top: 11px;
	left: 20px;
	width: 470px;
	color: #043047;
	line-height: 210%;
	display: none;
}

#web_projects p{
	margin: 8px 0 0 15px;
}

#web_projects a, #web_projects a:visited{
	color: #043047;
	text-decoration: none;
}

#web_projects a:hover{
	color: #E15D37;
	border-bottom: #E15D37 1px dotted;
}

.score{
	position: relative;
}

a.score span{
	display: none;
	position: absolute;
	top: -17px;
	left: -7px;
}


/*--- Identity & Print Portfolio
--------------------------------------------------------------------------------------------------------------- */
#id-print_portfolio{
	background: url(../images/bg_id-print.png) no-repeat;
	position: absolute;
	width: 567px;
	height: 465px;
	top: -25px;
	left: 0px;
	display: none;
}

#idp_box{
	position: absolute;
	width: 524px;
	height: 316px;
	top: 55px;
	left: 22px;
}

#id-print_projects{
	position: absolute;
	top: 11px;
	left: 20px;
	width: 470px;
	color: #043047;
	line-height: 150%;
	display: none;
}

#id-print_projects a, #id-print_projects a:visited{
	color: #043047;
	text-decoration: none;
}

#id-print_projects a:hover{
	color: #E15D37;
	border-bottom: #E15D37 1px dotted;
}

#idp_wrap{
	position: relative;
	top: 7px;
	left: 0;
	width: 420px;
	height: 335px;
	overflow: hidden;
}

#idp_panel{
	position: relative;
	top: 0px;
	left: 0px;
	width: 1260px;
	height: 335px;
}

#idp_1{
	position: absolute;
	width: 420px;
	height: 335px;
	top: 0;
	left: 0;
	z-index: 2;
}

#idp_2{
	position: absolute;
	width: 420px;
	height: 335px;
	top: 0;
	left: 420px;
	z-index: 2;
}

#idp_3{
	position: absolute;
	width: 420px;
	height: 335px;
	top: 0;
	left: 840px;
	z-index: 2;
}

a#prevBtn{
	background: url(../images/btn_left.png);
	position: absolute;
	display: inline-block;
	width: 22px;
	height: 22px;
	top: 180px;
	left: -20px;
	z-index: 4;
}

a#nextBtn{
	background: url(../images/btn_right.png);
	position: absolute;
	display: block;
	width: 22px;
	height: 22px;
	top: 180px;
	right: 24px;
	z-index: 4;
}

.xtra_space{ 
	height: 10px;
	display: block;
}

.xtra_space-id{ 
	height: 7px;
	display: block;
}


/*--- Play Portfolio
--------------------------------------------------------------------------------------------------------------- */
#play_portfolio{
	background: url(../images/bg_play.png) no-repeat;
	position: absolute;
	width: 559px;
	height: 423px;
	top: -423px;
	left: 0px;
	z-index: 2;
}

#btn_close-play{
	background: url(../images/btn_close-contact.png) no-repeat;
	position: absolute;
	top: 3px;
	right: 10px;
	width: 11px;
	height: 11px;
	display: none;
}

#play_canvas{
	width: 547px;
	height: 360px;
	margin: 56px 0 0 6px;
}

#gal_cameraPics, #gal_sketches, #vid_bvi, #vid_fame, #vid_flip, #vid_life, #vid_frog{
	display: none;
}

#play_projects{
	position: absolute;
	top: 11px;
	left: 20px;
	width: 470px;
	color: #043047;
	line-height: 150%;
	display: none;
}

#bg_camera-pics{
	background: url(../images/title_camera.png);
	width: 334px;
	height: 60px;
	margin-top: 15px;
}

a#btn_camera{
	display: inline-block;
	margin: 20px 0 0 89px;
	padding: 0;
	width: 105px; 
	height: 22px;
	background: url(../images/btn_camera.png);
	background-position: top left;
}

a#btn_camera:hover{
	background-position: top right;
}

#bg_sketches{
	background: url(../images/title_sketches.png);
	width: 334px;
	height: 60px;
	margin-top: 10px;
}

a#btn_sketches{
	display: inline-block;
	margin: 23px 0 0 89px;
	padding: 0;
	width: 81px; 
	height: 22px;
	background: url(../images/btn_sketches.png);
	background-position: top left;
}

a#btn_sketches:hover{
	background-position: top right;
}

#bg_videos{
	background: url(../images/title_videos.png);
	width: 334px;
	height: 157px;
	margin-top: 10px;
}

#videos{
	padding: 49px 0 0 95px;
	line-height: 20px;
}

#videos a, #videos a:visited{
	color: #043047;
	text-decoration: none;
}

#videos a:hover{
	color: #CE4F2E;
	text-decoration: none;
	border-bottom: 1px dotted #CE4F2E;
}


/*--- Footer Stuff
--------------------------------------------------------------------------------------------------------------- */
#bg_footer{
	position: relative;
	background: url(../images/bg_footer.png) repeat-x;
	width: 100%;
	height: 80px;
	margin-top: 150px;
}

#footer{
	color: #FFF;
	padding: 55px 0 0 25px;
}

#grass{
	background: #009608;
}