#wrapper { width:990px; margin-right:auto; margin-left:auto; }
.p { font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#4a4a49; line-height:21px; }
img { border: none; }
ul, li { margin:0; padding:0; list-style:none; }
.clearer { clear:both; }
#nav { float:right; margin-right:10px; }
#nav li { float:left; }
#nav a { height:42px; display:block; text-indent:-2000px; }
/*------------------------- selected states ------------------------------*/
 
#nav li.navonIntro { height:42px; width:155px; text-indent:-2000px; background-image:url(images/intro-over.gif); }
#nav li.navonMakeOver { height:42px; width:119px; text-indent:-2000px; background-image:url(images/makeover-over.gif); }
#nav li.navonimatch { height:42px; width:161px; text-indent:-2000px; background-image:url(images/imatch-over.gif); }
/*-------------------------------------------------------------------------*/ 

/*------------------------- Nav items -------------------------------------*/ 
 
#nav #intro a { width:155px; background-image:url(images/intro-norm.gif); }
#nav #intro a:hover { background-image:url(images/intro-over.gif); }
#nav #makeover a { width:119px; background-image:url(images/makeover-norm.gif); }
#nav #makeover a:hover { background-image:url(images/makeover-over.gif); }
#nav #imatch a { width:161px; background-image:url(images/imatch-norm.gif); }
#nav #imatch a:hover { background-image:url(images/imatch-over.gif); }
/*--------------------- Intro pic -------------------------------------------------------*/ 
 
 
 #IntroImage { margin-left:-10px; }
/*----------------------------------------------------------------------------------------*/ 
 
 /*--------------------- centre content ---------------------------------------------------*/ 
 

#centercont { float:left; width:527px; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#4a4a49; line-height:21px; }
#txtBox { float:left; margin-left:-5px; }
#brush { float:right; margin-left:15px; }
.style2 { color: #7e111b }
.wid { width:627px; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#4a4a49; line-height:21px; margin-top:-300px; margin-left:-5px; }
#box { margin-left:-5px; margin-top:50px; padding-bottom:40px; }
/*--------------------------bottom button-----------------------------------------*/


#nav2 { float:right; padding-bottom:40px; }
#nav2 li { float:right; }
#nav2 a { height:35px; display:block; text-indent:-2000px; }
#nav2 #discover a { width:280px; background-image:url(images/discover.gif); }
#nav2 #discover a:hover { background-image:url(images/discover-over.gif); }
/*---------------------------------------------------------------------------------*/
 
 
 
 
#footer { margin-top:20px; }
/*--------------------------box nav-------------------------------------*/

 
#boxNav { position:absolute; margin-top:-210px; margin-left:437px; }
#boxNav p { font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#ffffff; }
#boxNav li { /*float:left;*/}
#boxNav a { height:31px; display:block; text-indent:-2000px; width:369px; margin-bottom:6px; background: url(images/nuv.gif) no-repeat; }
/*--------------------- boxNav2 ---------------------------------------*/ 
 
#boxMakeover { position:absolute; margin-top:-178px; margin-left:500px; }
#boxMakeover p { font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#ffffff; }
/*------------------------- Nav items -------------------------------------*/ 
 
#boxNav #see a {}
#boxNav #see a:hover { background-position: -377px top; }

#boxNav #system a { background-position:left -37px; }
#boxNav #system a:hover { background-position:-377px -37px; }

#boxNav #free a { background-position:left -74px; }
#boxNav #free a:hover { background-position:-377px -74px; }


/*------------------------- MAKE-OVER PAGE -------------------------------------*/ 


.style3 { font-family: Georgia, "Times New Roman", Times, serif; }
.style4 { font-family: Georgia, "Times New Roman", Times, serif; color:#7e111b; }
#experience { float:left; margin-top:20px; width:147px; }
#step1 { float:left; margin-top:-200px; margin-left:-5px; padding-right:20px; }
#lookText { float:right; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#4a4a49; line-height:21px; margin-top:-140px; margin-right:350px; width:470px; }
#experience2 { float:left; margin-top:20px; width:147px; }
#step2 { float:left; margin-top:-200px; margin-left:-5px; padding-right:20px; }
#lookText2 { float:right; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#4a4a49; line-height:21px; margin-top:-140px; margin-right:350px; width:470px; }
#experience3 { float:left; margin-top:20px; width:147px; }
#step3 { float:left; margin-top:-200px; margin-left:-5px; padding-right:20px; }
#lookText3 { float:right; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#4a4a49; line-height:21px; margin-top:-140px; margin-right:350px; width:470px; }
#experience4 { float:left; margin-top:20px; width:147px; }
#step4 { float:left; margin-top:-200px; margin-left:-5px; padding-right:20px; }
#lookText4 { float:right; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#4a4a49; line-height:21px; margin-top:-140px; margin-right:350px; width:470px; }

#splat { float:right; margin-top:-810px; margin-right:10px; }


#testiBox { width:707px; height:190px;  background: url(images/backbox.jpg) no-repeat; }
#testi { width:626px; margin-left:65px; padding-top:20px; }
#testi p { font-family: Georgia, "Times New Roman", Times, serif; color:#565655; }


#testiBox2 { width:707px; height:190px;  background: url(images/backbox.jpg) no-repeat; }
#testi2 { width:626px; margin-left:65px; padding-top:20px; }
#testi2 p { font-family: Georgia, "Times New Roman", Times, serif; color:#565655; }

#clicknav { float:right; padding-bottom:40px; }
#clicknav li { float:right; }
#clicknav a { height:35px; display:block; text-indent:-2000px; }
#clicknav #click a { width:380px; background:url(images/click.jpg) no-repeat; }
#clicknav #click a:hover { background:url(images/click-over.jpg) no-repeat; }

 /*------------------------------ IMATCH PAGE ------------------------------------------------*/


.style5 { font-size: 18px;color: #6D1118; }

#boxstep1 { margin-left: -5px; width:311px; float: left;}
#boxstep1 p { font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#4a4a49; line-height:21px; }


#boxstep2 { margin-left: -5px; width:311px; float: left; padding-left:30px; padding-right:30px; }
#boxstep2 p { font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#4a4a49; line-height:21px; }


#boxstep3 { margin-left: -5px; width:311px; float: left; }
#boxstep3 p { font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#4a4a49; line-height:21px; }