#wrapper {
	position:relative;
	width:770px;
	z-index:1;
	margin: auto;
	height: 700px;
		
} 

/* navbar */

#uppernav {
	position:relative;
	width:770px;
        height:22px;
	z-index:8;
        background:  #666354;
}

#navitem {
	position:relative;
        height: 22px;
	z-index:8;
        padding-right: 34px;
        float:left;
        padding-top:4px;
}

#subnavitem {
	position:relative;
        height: 22px;
	z-index:8;
        float:left;
        padding-top:4px;
}

#subnavitem2 {
	position:relative;
        height: 22px;
	z-index:8;
        padding-right: 30px;
        float: right;
        padding-top:4px;
}

#subnav {
	position:relative;
	width:770px;
        height:22px;
	z-index:8;
        background:  #AFA486;
}

#button {
	position:relative;
	width:150px;
        margin-top:50px;
	z-index:1;
}


#bead_tip_headline {
	float: left;
	height: 90px;
	width: 770px;
	position: relative;
	padding-top: 20px;
}

/*beautybar starts here*/

#splash_content{
	position:relative;
	width:770px;
	height:640px;
	float: left;
	padding-top: 10px;
}


#beautybar_left {
	position:relative;
	width:470px;
	height:600px;
	float: left;
	
}


#beautypic_left {
	position:relative;
	height: 275px;
	width: 470px;
	float: left;
}



#beautytext_left {
	width:448px;
	height:178px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	float: left;
	position: relative;
	padding-top: 10px;
	padding-right: 20px;
}


#beautybar_top_right {
	position:relative;
	width:200x;
	height:198px;

	float: left;
	
}


#widgitbox {
	position:relative;
	width: 100%;
	height:640px;
	float:left;
}

#widgeta1{
	position:relative;
	width:330px;
	height:270px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	float: left;
}
#thumbnaila1 {
	position:relative;
	width:135px;
	height:135px;
	z-index:2;
	float: left;
	border: 1px solid #999999;
}
#namea1 {
	position:relative;
	width:60%;
	z-index:7;
	float: left;
	padding-left: 15px;
} 

#widgeta2 {
	position:relative;
	width:400px;
	height:auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	float: right;
}
#thumbnaila2 {
	position:relative;
	width:400px;
	height:270px;
	z-index:2;
	float: left;
	border: 1px solid #999999;
}
#namea2 {
	position:relative;
	width:60%;
	z-index:7;
	float: left;
	padding-left: 15px;
}
#widgeta3 {
	position:relative;
	width:350px;
	height:auto;
	float: left;
	padding-bottom: 4px;
}
#thumbnaila3 {
	position:relative;
	width:135px;
	height:135px;
	z-index:2;
	float: left;
	border: 1px solid #999999;
}
#namea3 {
	position:relative;
	width:60%;
	z-index:7;
	float: left;
	padding-left: 15px;
}


#widgeta4 {
	position:relative;
	width:400px;
	height:232px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	float: right;
	padding-bottom: 4px;
}

#thumbnaila4 {
	position:relative;
	width:135px;
	height:135px;
	z-index:2;
	float: left;
	border: 1px solid #999999;
}
#namea4 {
	position:relative;
	width:55%;
	z-index:7;
	float: left;
	padding-left: 15px;
}


#widgeta5 {
	position:relative;
	width:350px;
	height:240;
	float: left;
	padding-bottom: 4px;
}
#thumbnaila5 {
	position:relative;
	width:135px;
	height:135px;
	z-index:2;
	float: left;
	border: 1px solid #999999;
}
#namea5 {
	position:relative;
	width:60%;
	z-index:7;
	float: left;
	padding-left: 15px;
}

#widgeta6{
	position:relative;
	width:400px;
	height:240px;
	float: right;
	padding-bottom: 4px;
}

#thumbnaila6 {
	position:relative;
	width:135px;
	height:135px;
	z-index:2;
	float: left;
	border: 1px solid #999999;
}
#namea6 {
	position:relative;
	width:60%;
	z-index:7;
	float: left;
	padding-left: 15px;
}

#widgeta7{
	position:relative;
	width:350px;
	height:auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	float: left;
	padding-bottom: 4px;
}

#thumbnaila7 {
	position:relative;
	width:135px;
	height:135px;
	z-index:2;
	float: left;
	border: 1px solid #999999;
}
#namea7 {
	position:relative;
	width:60%;
	z-index:7;
	float: left;
	padding-left: 15px;
}

#widgeta8{
	position:relative;
	width:400px;
	height:auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	float: right;
	padding-bottom: 4px;
}

#thumbnaila8 {
	position:relative;
	width:135px;
	height:135px;
	z-index:2;
	float: left;
	border: 1px solid #999999;
}
#namea8 {
	position:relative;
	width:60%;
	z-index:7;
	float: left;
	padding-left: 15px;
}

#widgeta9{
	position:relative;
	width:50%;
	height:auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	float: left;
	padding-bottom: 4px;
}

#thumbnaila9 {
	position:relative;
	width:135px;
	height:135px;
	z-index:2;
	float: left;
	border: 1px solid #999999;
}
#namea9 {
	position:relative;
	width:60%;
	z-index:7;
	float: left;
	padding-left: 15px;
}

#widgeta10{
	position:relative;
	width:50%;
	height:auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	float: right;
	padding-bottom: 4px;
}

#thumbnaila10 {
	position:relative;
	width:135px;
	height:135px;
	z-index:2;
	float: left;
	border: 1px solid #999999;
}
#namea10 {
	position:relative;
	width:60%;
	z-index:7;
	float: left;
	padding-left: 15px;
}

#widgeta11{
	position:relative;
	width:50%;
	height:auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	float: left;
	padding-bottom: 4px;
}

#thumbnaila11 {
	position:relative;
	width:135px;
	height:135px;
	z-index:2;
	float: left;
	border: 1px solid #999999;
}
#namea11 {
	position:relative;
	width:60%;
	z-index:7;
	float: left;
	padding-left: 15px;
}

#widgeta12{
	position:relative;
	width:50%;
	height:auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	float: right;
	padding-bottom: 4px;
}

#thumbnaila12 {
	position:relative;
	width:135px;
	height:135px;
	z-index:2;
	float: left;
	border: 1px solid #999999;
}
#namea12 {
	position:relative;
	width:60%;
	z-index:7;
	float: left;
	padding-left: 15px;
}

#beadnews {
	position:relative;
	width:770px;
	height:460px;
	
	float: left;
	
}


#beautybar-tall {
	position:relative;
	height:430px;
	z-index:1;
	float: left;
        margin-bottom: 15px;
}

#beautyleft-image {
	position:relative;
	left:0px;
	top:15px;
	width:250px;
	height:350px;
	z-index:2;
	float: left;
        border: 1px solid #999999
}

#beautyright-left-image {
	position:relative;
	left:0px;
	top:0px;
	width:95px;
	height:100px;
	z-index:2;
	float: left;
        margin-right:10px;

        margin-top: 0px;
        border: 1px solid #999999
}
#beautyright-text {
	position:relative;
	left:0px;
	top:15px;
	width:340px;
	z-index:2;
	float: left;  
        margin-left: 10px;
        margin-top: 0px;
}

#beautyright-right-image {
	position:relative;
	left:0px;
	top:0px;
	width:95px;
	height:100px;
	z-index:2;
	float: right;
        margin-left: 10px;
        border: 1px solid #999999
}



#beautybar {
	position:relative;
	width:768px;
	height:330px;
	z-index:1;
	float: left;
	border: thin solid #666666;
}
#beautypic {
	position:relative;
	left:0px;
	top:0px;
	width:742px;
	height:300px;
	z-index:2;
	background-image: url(../images/coming_soon.jpg);
	background-repeat: no-repeat;
	float: left;
}


#beautytext {
	position:absolute;
	left:72px;
	top:69px;
	width:619px;
	height:138px;
	z-index:3;
	text-align: left;
	right: 440px;
	visibility: visible;
}


#beautytext-left-top {
	position:absolute;
	left:0px;
	top:0px;
	width:619px;
	height:138px;
	z-index:3;
	text-align: left;
	visibility: visible;
}

#beautytext-center-top {
	position:absolute;
	left:70px;
	top:0px;
	width:619px;
	height:138px;
	z-index:3;
	text-align: left;
	visibility: visible;
}

#beautytext-right-top {
	position:absolute;
	top:0px;
	width:619px;
	height:138px;
	z-index:3;
	text-align: left;
	right: 0px;
	visibility: visible;
}

#beautytext-left-middle {
	position:absolute;
	left:0px;
	top:100px;
	width:619px;
	height:138px;
	z-index:3;
	text-align: left;
	visibility: visible;
}

#beautytext-center-middle {
	position:absolute;
	left:75px;
	top:105px;
	width:619px;
	height:138px;
	z-index:3;
	text-align: left;
	visibility: visible;
}

#beautytext-right-middle {
	position:absolute;
	top:1-0px;
	width:619px;
	height:138px;
	z-index:3;
	text-align: left;
	right: 0px;
	visibility: visible;
}

#beautytext-left-bottom {
	position:absolute;
	left:0px;
	top:200px;
	width:619px;
	height:138px;
	z-index:3;
	text-align: left;
	visibility: visible;
}

#beautytext-center-bottom {
	position:absolute;
	left:70px;
	top:200px;
	width:619px;
	height:138px;
	z-index:3;
	text-align: left;
	visibility: visible;
}

#beautytext-right-bottom {
	position:absolute;
	top:200px;
	width:619px;
	height:138px;
	z-index:3;
	text-align: left;
	right: 0px;
	visibility: visible;
}
#beautytext2 {
	position:absolute;
	left:1px;
	top:252px;
	width:435px;
	height:48px;
	z-index:3;
	text-align: left;
	right: 440px;
	visibility: visible;
}

#categoryone {
	position:relative;
	width:770px;
	height:60px;
	border-top-width: 1px;
	padding-top: 3px;
	float: left;
}




#beautybar_bot {
	position:relative;
	width:770px;
	height:198px;
	z-index:3;
	float: left;
	margin-top: 20px;
	margin-bottom: 20px;
}


#beautypic_bot {
	position:relative;
	float:left
	width:510px;
	height:198px;
	z-index:2;
	width: 470px;
	float: left;
	border: 1px solid #999999;
}



#beautytext_bot {
	width:235px;
	height:178px;
	z-index:1;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	float: left;
	position: relative;
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
	border: 1px solid #999999;
	margin-right: 20px;
}



/*category one starts here*/
#tip_one {
	float: left;
	width: 770px;
	position: relative;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	padding-top: 15px;
	padding-bottom: 10px;
}


#wheel_text_wrapper {
	float: left;
	width: 338px;
	height: 250px;
	position: relative;
}



#tip_one_photo {
	float: left;
	width: 338px;
	position: relative;
}

#description {
	float: left;
	width: 338px;
	position: relative;
	padding-top: 15px;
}

#tip_one_text {
	float: left;
	width: 770px;
	position: relative;
	padding-top: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	height: 70;
}


#bluegreen_text {
	float: left;
	width: 110px;
	position: relative;
	padding-left: 20px;
	padding-top: 10px;
}


#color_example {
	float: left;
	position: relative;
	height: 150;
	width: 300px;
}




#step {
	float: left;
	width: 770px;
	position: relative;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	padding-top: 15px;
	padding-bottom: 10px;
}

#step_photo {
	float: left;
	width: 338px;
	position: relative;
}



#step_text {
	float: left;
	width: 412px;
	position: relative;
	padding-left: 20px;
}

#content_bottom  {
	position: relative;
	float: left;
}