@import url(reset.css);
@import url(ui.core.css);
@import url(ui.dialog.css);
@import url(ui.theme.css);
HTML
{
	overflow: -moz-scrollbars-vertical;
}
BODY
{
	font-family: verdana;
	background: #000000 url(../images/layout/bg.png) no-repeat center top;
	text-align: center;
}
#header
{
	width: 936px;
	height: 160px;
	margin: auto;
	position: relative;
	border: 0px dotted #FF0000;
}
#logo
{
	color: #FFF;
	height: 0px;
	width: 338px;
	position: absolute;
	top: 40px;
	left: 15px;
	padding-top: 106px;
	background: url(../images/layout/logo.png) no-repeat;
	overflow: hidden;
}
#smallMachine
{
	width: 171px;
	height: 186px;
	background: url(../images/layout/headermachine.png) no-repeat;
	position: absolute;
	top: 10px;
	right: 10px;
}
#navigation
{
	border: 1px solid transparent;
	height: 110px;
	background: url(../images/layout/bg_nav.png) repeat-x 0px 30px;
}
UL#primaryNav
{
	border: 0px solid #FFA500;
	overflow: auto;
	width: 882px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 17px;
	height: 80px;
}
#primaryNav LI
{
	float: left;
}
#primaryNav A
{
	display: block;
	border: 0px solid #808080;
	height: 0px;
	padding-top: 60px;
	overflow: hidden;
}
A#home
{
	width: 130px;
	background: url(../images/layout/primarynav.png) no-repeat 0px 0px;
}
A#home:hover
{
	background: url(../images/layout/primarynav.png) no-repeat 0px -60px;
}
A#features
{
	width: 175px;
	background: url(../images/layout/primarynav.png) no-repeat -130px 0px;
}
A#features:hover
{
	background: url(../images/layout/primarynav.png) no-repeat -130px -60px;
}
A#faq
{
	width: 119px;
	background: url(../images/layout/primarynav.png) no-repeat -305px 0px;
}
A#faq:hover
{
	background: url(../images/layout/primarynav.png) no-repeat -305px -60px;
}
A#links
{
	width: 139px;
	background: url(../images/layout/primarynav.png) no-repeat -424px 0px;
}
#links:hover
{
	background: url(../images/layout/primarynav.png) no-repeat -424px -60px;
}
A#videos
{
	width: 155px;
	background: url(../images/layout/primarynav.png) no-repeat -562px 0px;
}
A#videos:hover
{
	background: url(../images/layout/primarynav.png) no-repeat -562px -60px;
}
A#contact
{
	width: 163px;
	background: url(../images/layout/primarynav.png) no-repeat -717px 0px;
}
A#contact:hover
{
	background: url(../images/layout/primarynav.png) no-repeat -717px -60px;
}
#container
{
	width: 936px;
	margin: -20px auto auto;
	color: #C2B2FB;
	position: relative;
	text-align: left;
	overflow: auto;
	min-height: 500px;
	padding-top: 35px;
}
#hcontent
{
	position: relative;
}
#hcontent DIV
{
	/*[disabled]border:1px dashed #FFC0CB;*/
}
#largePicBox
{
	width: 361px;
	position: absolute;
	left: -32px;
	top: -12px;
	height: 480px;
	background: url(../images/layout/lgmachine.png);
}
#introContent
{
	width: 250px;
	float: left;
	margin-left: 340px;
	overflow: auto;
	font: 14px arial;
}
#introContent P
{
	margin-bottom: 10px;
	padding-right: 30px;
}
#introContent H1
{
	background: url(../images/titles/title-introheader.png) no-repeat;
}
.title
{
	height: 0px;
	padding: 24px 0 0;
	overflow: hidden;
	margin-bottom: 10px;
}
#footer
{
	clear: both;
	border-top: 1px solid #660099;
	margin-top: 20px;
	height: 150px;
	background: #000000;
}
#videoBox
{
	width: 333px;
	height: 234px;
	margin-bottom: 15px;
}
#videoJumpList
{
	width: 340px;
	float: left;
}
UL#videoJumpList
{
	border: 1px solid #FE1F1F;
}
#videoJumpList LI
{
	position: relative;
	overflow: auto;
	padding-top: 0;
	margin-top: 0;
	margin: 0 0 30px;
	/*[disabled]border:1px solid #BD0909;*/
}
#videoJumpList IMG
{
	border: 1px solid #8300E4;
	float: left;
}
#videoJumpList H2
{
	/*[disabled]float:right;*/
	/*[disabled]margin-right:122px;*/
	font: bold 12px verdana;
	margin-left: 123px;
}
#videoJumpList P
{
	float: right;
	width: 153px;
	margin-right: 65px;
	margin-top: 10px;
	font: 12px verdana;
}
A.btn-buy
{
	position: absolute;
	display: block;
	background: url(../images/btn/button.png) no-repeat;
	color: #100020;
	font: bold 12px verdana;
	padding: 4px 24px 4px 22px;
	text-decoration: none;
}
.btn-home
{
	left: 77px;
	top: 477px;
}
.btn-buystandard
{
	left: 800px;
	top: 30px;
}
/*features page*/
#rightColumn
{
	width: 440px;
	float: left;
	padding-left: 15px;
}
#leftColumn
{
	width: 440px;
	float: left;
	margin-left: 23px;
}
#videoOverviewLink
{
	background: url(../images/thumbs/thumb-video-overview.png);
}
#videoRepairLink
{
	background: url(../images/thumbs/thumb-video-repair.png);
}
#videoDiscoverLink
{
	background: url(../images/thumbs/thumb-video-discover.png);
}
#videoPasteLink
{
	background: url(../images/thumbs/thumb-video-paste.png);
}
#videoRestoreLink
{
	background: url(../images/thumbs/thumb-video-restore.png);
}
.thumbContent
{
	width: 440px;
	position: relative;
	overflow: auto;
	margin-bottom: 30px;
}
A.thumbLink
{
	display: block;
	width: 200px;
	float: left;
	padding: 153px 0 0;
	overflow: hidden;
	height: 0px;
}
.thumbContent IMG
{
	padding: 12px;
	background: url(../images/thumbs/thumb-bg.png);
	float: left;
}
.thumbContent H2
{
	font: 12px verdana;
	width: 228px;
	height: 0px;
	padding: 12px 0 0;
	overflow: hidden;
	margin: 0px;
}
.thumbContent A
{
	color: #8570FD;
}
.thumbContent P
{
	font: 12px arial;
	width: 220px;
	float: right;
	margin: 10px 7px 0px 0px;
	clear: right;
	/*[disabled]margin:-129px 7px 0px 0px;*/
}
#title-features
{
	background: url(../images/titles/title-features.png) no-repeat;
	margin-left: 20px;
	margin-bottom: 20px;
}
#title-videos
{
	background: url(../images/titles/title-videos.png) no-repeat;
	margin-left: 20px;
	margin-bottom: 20px;
}
#title-faq
{
	background: url(../images/titles/title-faq.png) no-repeat;
	margin-left: 20px;
	margin-bottom: 20px;
}
#title-links
{
	background: url(../images/titles/title-links.png) no-repeat;
	margin-left: 20px;
	margin-bottom: 20px;
}
#title-contact
{
	background: url(../images/titles/title-contact.png) no-repeat;
	margin-left: 20px;
	margin-bottom: 20px;
}
#title-ergo
{
	background: url(../images/titles/title-ergo.png) no-repeat;
	float: right;
}
#title-accurate
{
	background: url(../images/titles/title-accurate.png) no-repeat;
	float: right;
}
#title-ledlight
{
	background: url(../images/titles/title-ledlight.png) no-repeat;
	float: right;
}
#title-leftright
{
	background: url(../images/titles/title-leftright.png) no-repeat;
	float: right;
}
#title-variable
{
	background: url(../images/titles/title-variable.png) no-repeat;
	float: right;
}
#title-variable
{
	background: url(../images/titles/title-variable.png) no-repeat;
	float: right;
}
#title-accessories
{
	background: url(../images/titles/title-accessories.gif) no-repeat;
	float: right;
}
#title-video-overview
{
	background: url(../images/titles/title-video-overview.png) no-repeat;
	float: right;
}
#title-video-thinning
{
	background: url(../images/titles/title-video-thinning.png) no-repeat;
	float: right;
}
#title-video-beauty
{
	background: url(../images/titles/title-video-beauty.gif) no-repeat;
	float: right;
}
#title-video-paste
{
	background: url(../images/titles/title-video-paste.gif) no-repeat;
	float: right;
}
/*Frequently Asked Questions*/
#faq-container
{
	width: 600px;
	margin-left: 15px;
	border: 1px solid transparent;
	font: 12px arial;
}
#faq-container H2
{
	font: bold 14px arial;
	color: #EDD0FF;
	margin-bottom: 5px;
}
#faq-container P
{
	margin-bottom: 10px;
}
/*Links Page*/
#links-container
{
	width: 600px;
	margin-left: 15px;
	font: 12px arial;
}
#links-container A
{
	font: bold 14px arial;
	color: #EDD0FF;
	text-decoration: none;
	display: block;
}
#links-container LI
{
	margin-top: 10px;
}
/*Contact Us Page*/
#contact-info
{
	width: 330px;
	float: left;
	padding-left: 25px;
}
#contact-form
{
	width: 555px;
	float: left;
}
/*forms*/
#formbox
{
	height: 457px;
	width: 456px;
	position: relative;
	padding-left: 21px;
	margin-left: 15px;
}
FIELDSET
{
	margin-top: -5px;
	padding: 0px;
}
LABEL
{
	display: block;
	margin-top: 10px;
	margin-bottom: 5px;
	font: bold 12px arial;
	color: #C2B2FB;
}
.messageBtn
{
	width: 120px;
	margin-top: 13px;
	margin-left: 0px;
	font: bold 12px arial;
	color: #010020;
	/*[disabled]border:0px solid #FF0000;*/
	background: url(../images/btn/button.png) no-repeat;
	cursor: pointer;
	padding-top: 2px;
	height: 0px;
	padding-bottom: 20px;
}
INPUT.submit
{
	margin-top: 7px;
	cursor: hand;
	cursor: pointer;
	background: url(../images/btn/button.png) no-repeat;
	width: 95px;
	height: 0px;
	padding: 0px 0 0;
	overflow: hidden;
	display: block;
	border: none;
}
INPUT.submit:hover
{
	background: url(../images/btn/btn_SendNow.jpg) no-repeat 0px -18px;
}
/**html input.submit*/
INPUT, TEXTAREA
{
	font: 12px arial;
	padding: 0px;
	border: 1px solid transparent;
}
INPUT
{
	width: 410px;
	height: 27px;
	background: #FEFEFE;
	padding-top: 5px;
}
TEXTAREA
{
	width: 410px;
	background: #FEFEFE;
	height: 97px;
}
#contact-info H2, #contact-form H2
{
	font: bold 14px verdana;
	color: #EDD0FF;
	margin-bottom: 15px;
	/*[empty]margin-top:;*/
}
#contact-form H2
{
	margin-left: 35px;
}
#contact-info P
{
	font: 12px verdana;
	color: #C2B2FB;
}
.googleLink
{
	font: 12px verdana;
	color: #EDD0FF;
	text-decoration: none;
	margin-bottom: 20px;
	display: block;
}
.margin
{
	margin: 1px 2px 3px 4px;
}
#buyMachine
{
	width: 91px;
	height: 0px;
	background: url(../images/layout/buymachine.png) no-repeat;
	padding-top: 128px;
	position: absolute;
	top: 55px;
	left: 812px;
	overflow: hidden;
}
