/* --------------------------------------------
|  GLOBAL STYLES											
--------------------------------------------- */
html { border: none; }

body{
	margin: 0;
	padding: 0;
	line-height: 13px; 
	color:#666;
	background: #FFFFFF;
}

body, td{
	font-size: 12px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

img{border: 0; line-height:0; font-size:0;}
p{margin: 0 0 15px 0;}

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

a:hover{
	color: #535353;
}

br.clearBoth{clear: both; line-height: 0; font-size: 0;}

.clearBoth{clear: both}

h1, h2, h3, h4, h5, form{margin: 0;}

/* --------------------------------------------
|  Navigation												
--------------------------------------------- */
#subNav{
	margin:10px 0 30px 5px;
	padding:0;
	list-style:none;
	}
	#subNav li{
			margin-bottom:6px;
			font-size:12px;
	}
/* --------------------------------------------
|  STRUCTURE												
--------------------------------------------- */

#siteContainer{
	width:807px;
	margin:0 auto;
}

/* -- HEADER -- */
#header{
	width:807px;
	height:606px;
	margin-top:0px;
	margin-bottom:9px;
	background:url(bg_top.gif) no-repeat;
}

#headerfb{
	width:807px;
	height:606px;
	margin-top:10px;
	margin-bottom:9px;
	background:url(bg_top_fb.png) no-repeat;
}

#tTurnYourselfIntoACartoon{
	background:url(t_turn_yourself_into_a_cartoon.gif) no-repeat;
	width:257px;
	height:158px;
	text-indent:-99999px;
	position:absolute;
	margin:-35px 0 0 586px;
	z-index:100;
}
#logo{
	/*text-indent:-99999px;*/
	outline:none;
	height:;
	width:;
	}
	#logo a{
		display:block;
		height:;
		width:;
		outline:none;
		text-decoration:none;
	}
/* -- BODY -- */
#content{
	background:url(bg_bottom.jpg) no-repeat #0688d2;
	color:#fff;
	font-size:11px;
	line-height:16px;
	}
	#content .pad{
		padding:49px  35px;
	}

#colLeft { float:left; }
#colRight { float:left; } 

#sideMenu{
	background: url(bg_menu.gif) no-repeat;
	height:556px;
	width:273px;
	position:absolute;
	margin:-33px 0 0 622px;
	color:#2d9dde;
	z-index:500;
	}
	#sideMenu .pad{
		padding:50px 50px 0 49px;
	}
	#sideMenu a{
		color:#0688d2;
		background:#dde5ea;
		}
		#sideMenu a:hover{
			background:#0688d2; 
			color:#fff; 
		}
/* -- FOOTER -- */
#footer{ clear:both; font-size:10px;}
#footerNav{
	margin:0 0 10px 0;
	padding:0;
	list-style:none;
	}
	#footerNav li{
		float:left;
		letter-spacing:5px;
		}
		#footerNav li a{
			letter-spacing:normal;
			margin-right:5px;
		}

/* --------------------------------------------
|  CONTENT SPECIFIC										
--------------------------------------------- */
#comicStrip{
	text-indent:-99999px;
	background:url(comic.gif) no-repeat;
	height:207px;
	width:866px;
	position:absolute;
	margin:340px 0 0 -20px;
}

#comicStrip1{
	text-indent:-99999px;
	background:url(cartoon.jpg) no-repeat;
	height:421px;
	width:393px;
	position:absolute;
	margin:150px 0 0 1px;
}

#startMaking{
	position:absolute;
	background:url(t_start_now.gif) no-repeat;
	height:24px;
	width:694px;
	position:absolute;
	text-indent:-9999px;
	margin:130px 0 0 50px;
}

#bFemale{
	background:url(b_female.jpg) no-repeat;
	display:block;
	height:128px;
	width:346px;
	text-indent:-99999px;
	position:absolute;
	margin:180px 0 0 50px;
	}
	#bFemale:hover{
		background-position: 0 -128px;
	}
	
#bMale{
	background:url(b_male.jpg) no-repeat;
	display:block;
	height:128px;
	width:346px;
	text-indent:-99999px;
	position:absolute;
	margin:180px 0 0 410px;
	}
	#bMale:hover{
		background-position: 0 -128px;
	}
	
#bStart{
	background:url(b_start_now.gif) no-repeat;
	display:block;
	height:88px;
	width:346px;
	text-indent:-99999px;
	position:absolute;
	margin:210px 0 0 0
	}
	#bStart:hover{
		background-position: 0 -88px;
	}

#startMaking1{
	position:absolute;
	background:url(are_u_female.gif) no-repeat;
	height:46px;
	width:392px;
	position:absolute;
	text-indent:-9999px;
	margin:170px 0 0 410px;
}

#bFemale1{
	background:url(b_female.jpg) no-repeat;
	display:block;
	height:128px;
	width:346px;
	text-indent:-99999px;
	position:absolute;
	margin:240px 0 0 430px;
	}
	#bFemale1:hover{
		background-position: 0 -128px;
	}
	
#bMale1{
	background:url(b_male.jpg) no-repeat;
	display:block;
	height:128px;
	width:346px;
	text-indent:-99999px;
	position:absolute;
	margin:390px 0 0 430px;
	}
	#bMale1:hover{
		background-position: 0 -128px;
	}
	
#bStart1{
	background:url(b_start_now.gif) no-repeat;
	display:block;
	height:88px;
	width:346px;
	text-indent:-99999px;
	position:absolute;
	margin:210px 0 0 0
	}
	#bStart1:hover{
		background-position: 0 -88px;
	}
	
#userReview{
	background:url(bg_user_review.gif) no-repeat;
	height:134px;
	width:245px;
	text-indent:-9999px;
	position:absolute;
	margin:-85px 0 0 -114px
}

#tMoreFunStuff{
	text-indent:-99999px;
	background:url(t_more_fun_stuff.gif) no-repeat;
	height:19px;
	width:176px;
}
#tFeatures{
	text-indent:-99999px;
	background:url(t_features.gif) no-repeat;
	height:19px;
	width:176px;
	margin-bottom:10px;
}

#start{
	background:url(bg_start_the_transformation_process.gif) no-repeat;
	height:288px;
	width:838px;
	text-indent:-99999px;
	position:absolute;
	margin:50px 0 0 -67px;
}