/* reset
----------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre, a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt, var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
table { border-spacing: 0; }
acronym { cursor: help; }

html { height: 100.01%; overflow-y: auto; font-size: 100.01%; }
body { font-size: 62.5%; line-height: 1.2; }
input, button, select, textarea { font-size: 100%; }

input.text, textarea { padding: 1px 2px; font-size: 100%; font-family: Arial, sans-serif; }
input[type="submit"], input[type="button"], input[type="reset"], button, .submit { cursor/**/: /**/pointer; font-family: Arial, sans-serif; }
select { font-size: 100%; font-family: Arial, sans-serif; }
select > option { padding: 0 5px 0 3px; }

.alR { text-align: right; }
.alC { text-align: center; }
.hide { display: none; }
.clear { clear: both; }
.ir { position: relative; overflow: hidden; }
.ir span { position: absolute; width: 100%; height: 100%; left: 0; top: 0; text-indent: -1000em; }

a:link, a:visited { text-decoration: none; cursor/**/: /**/pointer; }
a:link:hover, a:visited:hover { text-decoration: underline; }

.cf:after,
#header:after, #container:after, #container2:after, #container3:after, #containerSec:after, #content:after, #footer:after
{ content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; }



/* custom
----------*/

a:link, a:visited {
	color: #e8567b;
}
a:visited { 
}
a:link:hover, a:visited:hover {
}

body {
	font-family: Arial, sans-serif;
	background: #e6cddc url(../img/page-1.jpg) repeat-x 0 0;
}
#page {
	font-size: 1.2em;
	color: #612986;
	background: url(../img/page-2.jpg) no-repeat 50% 0;
	width: 100%;
	position: relative;
}

#header {
	width: 900px;
	margin: 0 auto;
	z-index: 10;
	position: relative;
}
	#logo {
		float: left;
		margin: 0 0 0 -40px;
		position: relative;
		z-index: 10;
	}
		#logo a:link, #logo a:visited {
			display: block;
			width: 221px;
			height: 144px;
			text-indent: -1000em;
			background: url(../img/logo-1.png) no-repeat 0 0;
		}

	#menu {
		background: url(../img/menu.png) no-repeat 0 0;
		float: left;
		width: 669px;
		z-index: 10;
		position: relative;
	}
		#menu ul {
			margin: 0 0 0 42px;
		}
			#menu li {
				float: left;
			}
				#menu li a:link, #menu li a:visited {
					float: left;
					display: block;
					position: relative;
					text-indent: -1000em;
				}
					#menu li a:link span, #menu li a:visited span {
						position: absolute;
						left: 0;
						top: 0;
						width: 100%;
						height: 100%;
						background: url(../img/menu.png) no-repeat 0 0;
					}
				#menu #b1 a:link, #menu #b1 a:visited { width: 98px; height: 107px; }
				#menu #b1 a:link span, #menu #b1 a:visited span { background-position: -42px 0; }
				#menu #b1 a:link:hover span, #menu #b1 a:visited:hover span { background-position: -42px -120px; }
				#menu #b1.active a:link span, #menu #b1.active a:visited span { background-position: 0 -60px; }
				#menu #b2 a:link, #menu #b2 a:visited { width: 117px; height: 96px;}
				#menu #b2 a:link span, #menu #b2 a:visited span { background-position: -140px 0; }
				#menu #b2 a:link:hover span, #menu #b2 a:visited:hover span { background-position: -140px -120px;  }
				#menu #b2.active a:link span, #menu #b2.active a:visited span { background-position: 0 -60px; }
				#menu #b3 a:link, #menu #b3 a:visited { width: 127px; height: 89px; }
				#menu #b3 a:link span, #menu #b3 a:visited span { background-position: -257px 0; }
				#menu #b3 a:link:hover span, #menu #b3 a:visited:hover span { background-position: -257px -120px;  }
				#menu #b3.active a:link span, #menu #b3.active a:visited span { background-position: 0 -60px; }
				#menu #b4 a:link, #menu #b4 a:visited { width: 115px; height: 91px; }
				#menu #b4 a:link span, #menu #b4 a:visited span { background-position: -384px 0; }
				#menu #b4 a:link:hover span, #menu #b4 a:visited:hover span { background-position: -384px -120px;  }
				#menu #b4.active a:link span, #menu #b4.active a:visited span { background-position: 0 -60px; }
				#menu #b5 a:link, #menu #b5 a:visited { width: 124px; height: 85px; }
				#menu #b5 a:link span, #menu #b5 a:visited span { background-position: -499px 0; }
				#menu #b5 a:link:hover span, #menu #b5 a:visited:hover span { background-position: -499px -120px;  }
				#menu #b5.active a:link span, #menu #b5.active a:visited span { background-position: 0 -60px; }



#container {
	width: 100%;
	position: relative;
	z-index: 9;
	padding: 0 0 180px 0;
}
	#container2 {
		width: 100%;
		background: url(../img/container-t.png) no-repeat 50% -2px;
		position: absolute;
		height: 364px;
		top: -86px;
		left: 0;
		z-index: 11;
	}
		#container3 {
			background: url(../img/container-b2.png) no-repeat 50% 100%;
			position: absolute;
			height: 275px;
			left:0;
			bottom: 0;
			width: 100%;
			z-index: 26;
		}
		#container4 {
			background: url(../img/container-b2.png) no-repeat 100% 0;
			position: absolute;
			height: 210px;
			left: 50%;
			bottom: 275px;
			width: 225px;
			z-index: 26;
			margin: 0 0 0 363px;
		}

#contentBgHomepage {
		width: 1200px;
		background: url(../img/container-t3.png) no-repeat -21px 0;
		position: absolute;
		z-index: 10;
		height: 75%;
		left: 50%;
		margin: 0 0 0 -450px;
		top: 11px;
	}

	#contentBg {
		width: 941px;
		background: url(../img/container-t3.png) no-repeat -21px 0;
		position: absolute;
		z-index: 10;
		height: 75%;
		left: 50%;
		margin: 0 0 0 -450px;
		top: 11px;
	}
		#content2 {
			background: url(../img/container-bg.png) repeat-y 50% 0;
			position: absolute;
			height: 100%;
			left: 0;
			top: 21px;
			z-index: 10;
		}
			#content3 {
				margin: 12px auto 0 auto;
				width: 900px;
				padding: 0 0;
				position: absolute;
				z-index: 10;
				background: #f2dfea url(../img/content-bg.png) repeat-x 30px 0;
				height: 100%;
			}
				#content4 {
				margin: 0 auto;
				width: 1200px;
				padding: 0 0;
				position: relative;
				z-index: 10;
		
				height: 100%;
			}
	#tabBg {
		background: url(../img/content2-bg.png) repeat-y 50% 0;
		position: absolute;
		height: 95%;
		width: 100%;
		top: 66px;
		left: 0;
		z-index: 10;
	}
		#tabBg1 {
			background: url(../img/content2-t.jpg) no-repeat 50% 0;
			position: absolute;
			top: -21px;
			height: 40px;
			width: 100%;
			left: 0;
			z-index: 11;
		}
		#tabBg2 {
			background: #f9f2f7 url(../img/content2-bg2.jpg) repeat-x 0 0;
			position: absolute;
			width: 859px;
			/* height: 100%; /* CONTENT2 HEIGHT - 85px */
			left: 20px;
			top: 40px;
			z-index: 12;
		}


	#content {
		margin: 0 auto;
		width: 900px;
		overflow: hidden;
		position: relative;
		z-index: 25;
	}


#content p {
	line-height: 1.58;
	margin: 0 0 1.3em;
}
#content ul,
#content ol {
	list-style: disc;
	margin: 0 0 0em 2em;
}
#content ol {
	list-style: decimal;
}
#content .title {
	overflow: hidden;
}
#content h2 {
	font-size: 183.33%;
	font-weight: bold;
	margin: 0;
	background: url(../img/h2-l.png) no-repeat 0 0;
	padding: 0 0 0 12px;
	float: left;
	color: #fff;
	line-height: 32px;
}
	#content h2 span {
		background: url(../img/h2-r.png) no-repeat 100% 0;
		display: block;
		height: 32px;
		padding: 0 12px 0 0;
		float: left;
	}
#content h3 {
	font-size: 125%;
	font-weight: bold;
	margin: 0 0 .5em;
}
#content h4 {
	font-size: 125%;
	font-weight: bold;
	margin: 0 0 .5em;
}
.tabs1 {
	width: 860px;
	padding: 12px 0 0 0;
	position: relative;
	margin: 33px auto 0 auto;
}
	.tabs1 .nav {
		overflow: hidden;
	}
		#content .tabs1 .nav ul {
			margin: 0;
			list-style: none;
		}
			.tabs1 .nav ul li {
				float: left;
				overflow: hidden;
				margin: 0 5px 0 0;
			}
				.tabs1 .nav ul li h3 {
					margin: 0;
				}
				.tabs1 .nav ul li a:link, .tabs1 .nav ul li a:visited {
					padding: 0 0 0 10px;
					display: block;
					float: left;
					color: #b880b0;
					font-size: 113.33%;
				}
				.tabs1 .nav ul li a:link:hover, .tabs1 .nav ul li a:visited:hover {
					color: #612986;
					text-decoration: none;
				}
					.tabs1 .nav ul li a:link span, .tabs1 .nav ul li a:visited span {
						padding: 0 10px 0 0;
						display: block;
						height: 33px;
						line-height: 33px;
						float: left;
					}
				.tabs1 .nav ul li.active a:link, .tabs1 .nav ul li.active a:visited {
					background: url(../img/tab2-l.png) no-repeat 0 0;
					color: #fff;
				}
					.tabs1 .nav ul li.active a:link span, .tabs1 .nav ul li.active a:visited span {
						background: url(../img/tab2-r.png) no-repeat 100% 0;
					}

.title2 {
	overflow: hidden;
	margin: 0 0 5px 0;
}
	.title2 img {
		float: left;
		vertical-align: bottom;
	}
	#content .title2 h4 {
		float: left;
		margin: 18px 0 0 0;
		padding: 0 0 0 12px;
	}
.more:link, .more:visited {
	background: url(../img/more.png) no-repeat 0 0;
	padding: 0 0 0 28px;
	display: block;
	float: left;
	height: 21px;
	font-size: 108.33%;
	line-height: 22px;
}
	.more:link:hover, .more:visited:hover {
		background-position: 0 100%;
		text-decoration: none;
	}

#footer {
	font-size: 91.66%;
	position: absolute;
	bottom: 135px;
	text-align: center;
	z-index: 30;
	left: 0;
	width: 100%;
}
	#footer p.links {
		text-align: center;
		color: #76569f;
	}
		#footer p.links a:link, #footer p.links a:visited {
			color: #fff;
			font-weight: bold;
			padding: 0 .2em;
		}
	#footer p.copyright {
	}

#content .product {
	overflow: hidden;
	text-align: left;
	width: 860px;
	margin: 0 auto;
	padding:  0 0 0;
	margin-bottom: 60px !important;
}
#content #product-one {
	padding: 50px 60px 125px 260px;
	width: 540px;
}
	#content .img1 {
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: -1;
	}

#content #product-two {
	padding: 25px 0 250px 20px;
	clear: both;
	width: 840px;
	position: relative;
}
#content #product-two .text1 {
	width: 400px;
}


#girl {
	position: absolute;
	top: 170px;
	right: 67px;
}

#products {
}
	#products ul {
		margin: 30px 0 0 20px;
		list-style: none;
		overflow: hidden;
		padding: 0 0 50px 0;
	}
		#products ul li {
			float: left;
			overflow: hidden;
			margin: 0 15px 30px 0;
			position: relative;
			width: 270px;
			padding: 190px 0 40px 0;
		}
			#products ul li .img3 {
				position: absolute;
				top: 0;
				left: 10px;
			}
		#products ul li.last {
			margin-right: 0;
		}
		#products ul li .title {
			overflow: hidden;
			margin: 0 0 2px 0;
		}
			#products ul li .title .img2 {
				float: left;
			}
			#products ul li .title h4 {
				float: left;
				padding: 18px 0 0 5px;
				margin: 0;
			}
		#products ul li .more {
			position: absolute;
			bottom: 20px;
			left: 0px;
		}

#content #text1 {
	margin: 30px 0 100px 0;
	padding: 0 0 0 20px;
	width: 840px;
}
#text1 p {
	color: #222;
}
	#text1 .left {
		width: 400px;
		float: left;
	}
		.tip1 {
			background: url(../img/bkg-text1.png) no-repeat 0 0;
			height: 204px;
			width: 309px;
			padding: 50px 50px 0 40px;
			margin: 0 0 5px 0;
		}
			#text1 .tip1 .title2 {
				color: #788ab9;
				font-weight: bold;
				margin: 0 0 10px 0;
			}
			#text1 .tip1 em {
				font-style: italic;
				color: #222;
			}
			
		.call {
			background: url(../img/bkg-text1.png) no-repeat 0 0;
			height: 204px;
			width: 309px;
			padding: 50px 50px 0 40px;
			margin: 0 0 5px 0;
		}
			
			
	#text1 .right {
		width: 380px;
		float: right;
		padding: 0 20px 0 0;
	}
		#text1 .right .tip1  {
			float: right;
		}
		#text1 .right h4 {
			
		}
	.box1 {
		background: url(../img/box1-t.png) no-repeat 0 0;
		overflow: hidden;
		padding: 8px 0 0 0;
		width: 379px;
		margin: 0 0 15px 0;
		float: right;
	}
		.box1 .box2 {
			background: url(../img/box1-b.png) no-repeat 0 100%;
			padding: 0 0 10px 0;
		}
			.box1 .box3 {
				background: url(../img/box1-bg.png) repeat-y 0 0;
				padding: 20px 10px 0 10px;
			}
			
			
			
			
			
	.frmSurf {}
		.frmSurf ul {
			margin: 0;
			list-style: none !important;
		}
			.frmSurf ul li {
				overflow: hidden;
				margin: 0 0 10px 0;
				list-style: none !important;
			}
			.frmSurf ul li.last {
				margin: 0 !important;
			}
				.frmSurf ul li label {
					float: left;
					margin: 0 10px 0 0;
					width: 73px;
					color: #222;
					padding: 2px 0 0 0;
				}
				.frmSurf ul li label.sub {
					margin: 0 10px 0 83px;
					font-size: 80%;
					width: auto;
					line-height: 19px;
				}
				.frmSurf ul li input {
					float: left;
				}
				.frmSurf ul li input.text, .frmSurf ul li textarea {
					width: 258px;
					width: 224px;
					border: solid 1px #e6cddc;
					padding: 2px 5px;
					color: #4F354A;
				}
				.frmSurf ul li input.short {
					width: 130px;
				}
				.frmSurf ul li input.disabled {
					background: #DCBBD0;
				}
				.frmSurf ul li textarea {
					height: 60px;
				}
				.frmSurf ul li select {
					border: 1px solid #C98FB1;
					border: none;
					color: #4F354A;
					padding: 2px 5px;
				}
				.frmSurf ul li.checkbox input {
					margin: 4px 10px 0 0;
				}
				.frmSurf ul li.checkbox label {
					width: 315px;
					width: 280px;
					font-size: 90%;
					line-height: 1.58;
				}
				.frmSurf ul li .submit {
					background: url(../img/more.png) no-repeat 0 0;
					padding: 0 0 0 21px;
					display: block;
					float: right;
					height: 21px;
					font-size: 108.33%;
					line-height: 21px;
					border: none;
					color: #e8567b;
					margin: 10px 0 0 0;
				}
					.frmSurf ul li .submit:hover {
						background-position: 0 100%;
						text-decoration: none;
					}



#img3 {
	background: #a0d4ea url(../img/img3.jpg) no-repeat 0 0;
	width: 426px;
	height: 481px;
	position: absolute;
	right: 0;
	top: 35px;
	margin: -35px 0 0 0;
}

#img4 {
	background: #a0d4ea url(../img/img_twilightRight.jpg) no-repeat 0 0;
	width: 350px;
	height: 457px;
	position: absolute;
	right: 0;
	top: 35px;
	margin: -35px 0 0 0;
}
#img5 {
	background: #a0d4ea url(../img/img_twilightRight.jpg) no-repeat 0 0;
	width: 350px;
	height: 457px;
	position: absolute;
	right: 0;
	top: 85px;
	margin: 20 0 0 0;
	
}
#img6 {
	background: url(../img/img_stayintouchRight.png) no-repeat 0 0;
	width: 350px;
	height: 457px;
	position: absolute;
	right: 0;
	top: 200px;
	margin: 20 0 0 0;
	
}
#img7 {
	background: #a0d4ea url(../img/img_twilightRight.jpg) no-repeat 0 0;
	width: 350px;
	height: 457px;
	position: absolute;
	right: 0;
	top: 45px;
	margin: -35px 0 0 0;
}
#img8 {
	background: #a0d4ea url(../img/img_twilightRight.jpg) no-repeat 0 0;
	width: 350px;
	height: 457px;
	position: absolute;
	right: 0;
	top: 45px;
	
}