@charset "utf-8";
/* CSS Document */
* {
  margin: 0;
  padding: 0;
}

body {
	background-color: #181818;
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	color:#C4C4C4;
}

img {
	display:block;
	border:none;
}

h1 {
	color:black;
	padding:25px;
}

#attract-b {
	padding:35px 40px;
	width:240px;
}
#attract-b h1 {
	color:black;
	font-size:26px;
}
#attract-b p {
	font-size:14px;
	color:black;
	text-align:justify;
}

#attract-j {
	padding:35px 10px;
	width:200px;
}
#attract-j h1 {
	color:white;
	font-size:28px;
	padding:0;
}
#attract-j p {
	font-size:14px;
	color:white;
	text-align:justify;
}

td {
	vertical-align:top;
	padding:0px;
	margin:0px;
}
#container {
	margin-top:20px;
	position:relative;
	width:960px;
	margin-left:auto;
	margin-right:auto;
	text-align:right;
	direction:rtl;
	color:#999999;
}

#content {
	float:left;
	height:610px;
	width:690px;
}

#mainMenuContainer {
	float:right;
	background:#000000;
	height:610px;
	width:260px;
}


#mainMenuContent {
	margin-right:15px;
}

#mainMenuTable {
	height:600px;
	width:250px;
}
#mainMenuContainer a{
	color:#999999;
	text-decoration:none;
}
#mainMenuContainer a:visited{
	text-decoration:none;
}
#mainMenuContainer a:hover{
	color:white;
}
#address {
	margin-top:30px;
	color:#C4C4C4;
}

#phone {
	font-size:200%;
	color:white;
}

.phone1 {
	font-size:200%;
	color:white;
}
#yukoLogo {
	font-size:12px;
	margin-right:-9px;
	margin-top:30px;
	margin-bottom:40px;
	text-align:center;
	letter-spacing:2px;
}

#facebookLogo {
	margin-top:7px;
	text-align:right;
}

#mainMenuNavTable td{
	border-right:solid thin #999999;
	padding-right:10px;
	font-size:110%;
}

#spacer {
	float:none;
	clear:both;
	background:#171717;
	height:4px;
}
#news-main {
	background-color:white;
	color:black;
	width:942px;
}


/* Products page */

#productsContainer {
	background-color:#205B08;
	width:100%
	height:100%;
}

#productsContainerTable {
	background-color:#205B08;
	width:100%;
	height:100%;
}

.productTable {
	width:630px;
}

.allProductsContent {
	height:596px;
	overflow-x:hidden;
	overflow-y:scroll;
}
#productDiv {
	padding-right:20px;
	width:620px;
	margin-top:5px;
}
.productTitleTable {
	width:470px;
	border-top:2px solid white;
	padding-top:2px;
	text-align:left;
}

.productTitleTable h2 {
	padding-left:5px;
}

.productTitleTable td {
	background-color: #376C21;
	color:#D1DDCC;
	font-family:Arial, Helvetica, sans-serif;
}

.productDescCell {
	width:500px;
}

/* Professional Info */
#professionalInfo {
	background-image:url(images/professional-info.jpg);
	width:690px;
	height:610px;
}
#professionalInfoText {
	color:black;
	height:404px;
	margin-right:5px;
	padding-right:5px;
	padding-left:5px;
	margin-top:13px;
	overflow:auto;
	padding-top:0;
	width:430px;
}
#professionalInfoText h1 {
	padding-top:50px;
	padding-bottom:107px;
}

#professionalInfoText p {
	line-height:24px;
	margin-bottom:28px;
}

#professionalInfoText h2 {
	margin-top:10px;
}

#professionalInfoText h3 {
	margin-top:5px;
}

.question {
	background-image:url(images/question.png);
	background-position:right 3px;
	background-repeat:no-repeat;
	margin-top:10px;
	padding-right:20px;
}
.answer {
	background-image:url(images/answer.png);
	background-position:right 3px;
	background-repeat:no-repeat;
	margin-top:10px;
	padding-right:20px;
}
/* Video */
#videoDiv {
	background-image:url(images/video-background.jpg);
	width:690px;
	height:610px;
}

/* Contact us */
#contactUsContainer {
	position:relative;
	width:690px;
	height:610px;
	background-image:url(images/contactUs_background.jpg);
	background-repeat:no-repeat;
}
input {
	background-color:transparent;
	border:medium none;
	color:white;
	font-size:20px;
	height:27px;
	/* opacity:0.5; */
}
#firstNameDiv {
	position:absolute;
	right:110px;
	top:197px;
} 
#firstNameInput {
	width:100px;
}
#lastNameDiv {
	position:absolute;
	right:408px;
	top:197px;
}
#lastNameInput {
	width:200px;
}


#addressDiv {
	position:absolute;
right:147px;
top:233px;
	
}
#addressInput {
	width:187px;
}

#cityDiv {
	position:absolute;
	right:410px;
	top:233px;
}
#cityInput{
	width:200px;
}


#phoneDiv {
	position:absolute;
	right:150px;
	top:271px;
}
#phoneInput {
	width:200px;
}

#emailDiv {
	position:absolute;
	right:150px;
	top:308px;
}
#emailInput{
	width:200px;
}


#questionsDiv {
	position:absolute;
	right:42px;
	top:385px;
}
#questionsInput {
	height:100px;
	width:610px;
}

#submitDiv {
	position:absolute;
	right:508px;
	top:494px;
}

#submitBtn {
	height:36px;
	opacity:0;
	width:147px;
}

#contactError {
	position:relative;
	color:red;
	font-size:180%;
	right:48px;
	top:496px;
}

#contactSuccess {
	position:relative;
	color:green;
	font-size:180%;
	right:48px;
	top:496px;
}

/* Hair Weaving */
#hairWeaving {
	background-image:url(images/hair-weaving_background.png);
	background-repeat:no-repeat;
	width:690px;
	height:610px;
}

#hairWeavingText {
	width:400px;
	height:400px;
	margin-right:25px;
	line-height:30px;
}

#strixex {
	margin-top:25px;
	width:250px;
	padding-right:25px;
	font-weight:bold;
}

#hairWeaving h1{
	color:white;
}

#hairWeaving {
	color:white;
}

/* Makeup */
#makeup_rightside {
	height:610px;
	width:465px;
	float:right;
	position:relative;
	line-height:30px;
}
#makeup_rightside h1 {
	color:white;
	padding-right:15px;
	padding-top:15px;
}
#makeup_rightside p {
	color:white;
	margin-top: 15px;
	padding-right:15px;
}
#makeup_leftside {
	width:225px;
	height:610px;
	background-image:url(images/makeup_background_left.png);
	background-repeat:no-repeat;
	float:left;
}

#credit {
	font-size: 12px;
	text-align:center;
	width:100%;
	color:darkgrey;
}
#credit a {
	text-decoration:none;
	color:darkgrey;
	font-weight:bold;
}
#credit a:hover {
	text-decoration:underline;
}
/* Under Construction */
#underConstruction {
	padding-top:200px;
	text-align:center;
	width:100%;
}

#underConstruction h2{
	font-size:130%;
	color:#CC0000;
}

/* Before-after gallery */

#beforeAfter {
	height:596px;
	width:100%;
	overflow-x:hidden;
	overflow-y:scroll;
}

.beforeAfterPart {
	margin-bottom:5px;
}

.beforeAfterImg {
	display:inline;
	width:320px;
	margin-right: 10px;
}
.beforeImg {
}
.afterImg {
}