xhtml, body {
height: 100%;
margin: 0;
padding: 0;
}
 
* {
margin: 0px auto;
padding: 0;
}

img { border: none;}

a:link {font-family: Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 19px; color: #000; text-decoration: none; }
a:active {font-family: Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 19px; color: #000; text-decoration: none; }
a:visited {font-family: Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 19px; color: #000; text-decoration: none; }
a:hover {font-family: Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 19px; color: #000; text-decoration: underline; }

a.i:link {font-family: Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 19px; color: #399; text-decoration: none; }
a.i:active {font-family: Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 19px; color: #399; text-decoration: none; }
a.i:visited {font-family: Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 19px; color: #399; text-decoration: none; }
a.i:hover {font-family: Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 19px; color: #399; text-decoration: underline; }

a.ic:link {font-family: Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 19px; color: #666; text-decoration: none; }
a.ic:active {font-family: Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 19px; color: #666; text-decoration: none; }
a.ic:visited {font-family: Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 19px; color: #666; text-decoration: none; }
a.ic:hover {font-family: Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 19px; color: #666; text-decoration: underline; }

a.ib:link {font-family: Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 19px; color: #F3C; text-decoration: none; }
a.ib:active {font-family: Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 19px; color: #F3C; text-decoration: none; }
a.ib:visited {font-family: Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 19px; color: #F3C; text-decoration: none; }
a.ib:hover {font-family: Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 19px; color: #F3C; text-decoration: underline; }

a.f:link {font-family: Arial, sans-serif; font-size: 7px; font-weight: normal; line-height: 15px; color: #000; text-decoration: none; }
a.f:active {font-family: Arial, sans-serif; font-size: 7px; font-weight: normal; line-height: 15px; color: #000; text-decoration: none; }
a.f:visited {font-family: Arial, sans-serif; font-size: 7px; font-weight: normal; line-height: 15px; color: #000; text-decoration: none; }
a.f:hover {font-family: Arial, sans-serif; font-size: 7px; font-weight: normal; line-height: 15px; color: #000; text-decoration: underline; }

a.de:link {font-family: Arial, sans-serif; font-size: 7px; font-weight: normal; line-height: 15px; color: #fff; text-decoration: none; }
a.de:active {font-family: Arial, sans-serif; font-size: 7px; font-weight: normal; line-height: 15px; color: #fff; text-decoration: none; }
a.de:visited {font-family: Arial, sans-serif; font-size: 7px; font-weight: normal; line-height: 15px; color: #fff; text-decoration: none; }
a.de:hover {font-family: Arial, sans-serif; font-size: 7px; font-weight: normal; line-height: 15px; color: #fff; text-decoration: none; }

	#container
	{
		margin: 0 auto;
		width: 1020px;
		height: 760px;
		text-align: left;
	}
			
	#main
	{
		width: 800px;
		height: auto;
	}
	
	.maincontent
	{
		width: 800px;
		height: auto;
		position: absolute;
		top: 30%;
		display: table-cell;
		vertical-align: middle;
	}

	.maincontentarchive
	{
		width: 800px;
		height: 500px;
		position: absolute;
		top: 26%;
		display: table-cell;
		vertical-align: middle;
		padding-left: 120px;
	}
	
	.maincontenthair
	{
		width: 800px;
		height: 500px;
		position: absolute;
		top: 15%;
		display: table-cell;
		vertical-align: middle;
		padding-left: 120px;
		margin-top: -3px;
	}
	
	.maincontentvideo
	{
		width: 700px;
		height: auto;
	}

	.videorowone
	{
		width: 700px;
		height: 260px;
		float: right;
	}
	
	.videorowtwo
	{
		width: 700px;
		height: 260px;
		float: left;
		margin-top: 5px;
	}

	.videorowthree
	{
		width: 700px;
		height: 40px;
		float: left;
	}
	
	.videorowfour
	{
		width: 700px;
		height: 460px;
		float: left;
		margin-top: 5px;
	}
	
	.hairvideo
	{
		width: 500px;
		height: 390px;
		margin: 0 0 0 45px;
	}

	.hairvideoarchive
	{
		width: 520px;
		height: 300px;
		margin: 20px 0 0 45px;
	}
	
	.videoone
	{
		width: 340px;
		height: 260px;
		float: right;
	}
	
	.videotwo
	{
		width: 340px;
		height: 260px;
		float: left;
		margin-top: 40px;
	}
	
	.videothree
	{
		width: 340px;
		height: 250px;
		float: right;
	}
	
	.videofour
	{
		width: 340px;
		height: 250px;
		float: left;
	}
	
	.coming
	{
		width: 800px;
		height: 300px;
	}
	
	.maincontentsub
	{
		width: 800px;
		height: auto;
		position: absolute;
		top: 15%;
		display: table-cell;
		vertical-align: middle;
	}
	
	.maincontenttoprow
	{
		width: 800px;
		height: 85px;
	}
	
	.maincontentbtmrow
	{
		width: 800px;
		height: 185px;
		padding-top: 5px;
	}
	
	.mainlink1
	{
		width: 120px;
		height: 185px;
		float: left;
	}
	
	.mainlink2
	{
		width: 120px;
		height: 185px;
		float: left;
		padding-left: 16px;
	}
	
	.mainlink3
	{
		width: 120px;
		height: 185px;
		float: left;
		padding-left: 16px;
	}
	
	.mainlink4
	{
		width: 120px;
		height: 185px;
		float: left;
		padding-left: 16px;
	}
	
	.mainlink5
	{
		width: 120px;
		height: 185px;
		float: left;
		padding-left: 16px;
	}
	
	.mainlink6
	{
		width: 120px;
		height: 185px;
		float: left;
		padding-left: 16px;
	}
	
	.maincontentleftcol
	{
		width: 350px;
		height: 525px;
		float: left;
	}
	
	.maincontentbook
	{
		width: 700px;
		height: 525px;
		background-image: url(images/bookset.jpg);
	}
	
	.inlinebuy
	{
		width: 425px;
		height: 20px;
		float: left;
		margin-left: 325px;
	}

	.inlinebuy1
	{
		width: 215px;
		height: 20px;
		float: left;
	}
	
	.inlinebuy2
	{
		width: 210px;
		height: 20px;
		float: left;
	}
	
	.textbook
	{
		width: 425px;
		height: auto;
		float: left;
		margin-top: 20px;
		margin-left: 325px;
	}
	
	.textbookstrap
	{
		width: 350px;
		height: auto;
		float: left;
		margin-top: 290px;
	}
	
	.maincontentrightcol
	{
		width: 425px;
		height: 525px;
		float: right;
		padding-left: 25px;
	}
	
	.inlinenav
	{
		width: 360px;
		height: 20px;
		float: left;
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.inlinenavvideo
	{
		width: 340px;
		height: 20px;
		margin: 35px 0 0 0;
	}
	
	.inlinelink1
	{
		width: 90px;
		height: 20px;
		float: left;
	}
	
	.inlinelink2
	{
		width: 90px;
		height: 20px;
		float: left;
	}
	
	.inlinelink3
	{
		width: 90px;
		height: 20px;
		float: left;
	}
	
	.inlinelink4
	{
		width: 90px;
		height: 20px;
		float: left;
	}

	.inlinelink5
	{
		width: 120px;
		height: 20px;
		float: left;
	}
	.inlinelink6
	{
		width: 120px;
		height: 20px;
		float: left;
	}

	.text
	{
		width: 425px;
		height: auto;
		float: left;
	}
	
	.maincontentnav
	{
		width: 800px;
		height: 20px;
		float: left;
		padding-top: 5px;
	}
	
	.maincontentnavarchive
	{
		width: 800px;
		height: 20px;
		float: left;
		padding-top: 45px;
	}
	
	.navholder
	{
		width: 350px;
		height: 20px;
		float: left;
	}
	
	.navholderarchive
	{
		width: 85px;
		height: 20px;
		float: left;
		margin-left: -12px;
	}

	.navlink0
	{
		width: auto;
		height: 20px;
		float: left;
		padding-left: 24px;
	}
	
	.navlink1
	{
		width: auto;
		height: 20px;
		float: left;
		padding-left: 21px;
	}
	
	.navlink2
	{
		width: auto;
		height: 20px;
		float: left;
		margin-left: 19px;
	}
	
	.navlink3
	{
		width: auto;
		height: 20px;
		float: left;
		margin-left: 19px;
	}
	
	.navlink4
	{
		width: auto;
		height: 20px;
		float: left;
		margin-left: 20px;
	}
	
	.navlink5
	{
		width: auto;
		height: 20px;
		float: left;
		margin-left: 18px;
	}
	
	.navlink6
	{
		width: auto;
		height: 20px;
		float: left;
		margin-left: 18px;
	}
	
	.sociallink
	{
		width: auto;
		height: auto;
	}
	
	.socialbutton
	{
		width: auto;
		height: auto;
		float: left;
		padding-right: 5px;
		padding-top: 40px;
	}
	
	#footer
	{
		height: 15px;
		width: 800px;
		margin-top: 30%;
	}

	h1
	{
		font-family: Arial, sans-serif;
		font-size: 18px;
		font-weight: normal;
	}

	h2
	{
		font-family: Arial, sans-serif;
		font-size: 14px;
		font-weight: normal;
		line-height: 19px;
		text-align: justify;
	}
	
	strong
	{
		font-family: Arial, sans-serif;
		font-size: 14px;
		font-weight: bold;
		line-height: 19px;
		text-align: justify;
	}
	
	h3
	{
		font-family: Arial, sans-serif;
		font-size: 16px;
		font-weight: normal;
		color: #666;
		line-height: 19px;
	}

	h4
	{
		font-family: Arial, sans-serif;
		font-size: 9px;
		font-weight: normal;
		line-height: 12px;
		text-align: left;
	}

	h5
	{
		font-family: Arial, sans-serif;
		font-size: 7px;
		font-weight: normal;
		line-height: 15px;
		text-align: left;
	}

	.form 
	{
		width: auto;
		height: auto;
		float: left;
		padding-top: 90px;
	}

	.formname 
	{
		width : auto;
		height : 30px;
	}

	.formemail 
	{
		width : auto;
		height : 30px;
	}

	.formemail2 
	{
		width : auto;
		height : 30px;
	}

	.formthesubject 
	{
		width : auto;
		height : 30px;
	}

	.formthemessage 
	{
		width : auto;
		height : auto;
	}

	.formbutton 
	{
		width : auto;
		height : 30px;
		padding-top: 15px;
	}
	
	input 
	{
		background-color: white;
		color: black;
		border: 1px #999 solid;
	}

	textarea 
	{
		background-color: white;
		color: black;
		border: 1px #999 solid;
		overflow: auto;
	}
	
	.input2 
	{
		border: 0px white solid;
	}
	
	.contactsuc 
	{
		width: auto;
		height: auto;
		float: left;
		padding-top: 210px;
	}