/* 
		Danny Maireroa
		http://www.dmaireroa.com
		
		#000000	- black
		

*/

/* 
	CSS Reset By B
*/

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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}
body, html {
	font-size: 80%;
	font-family: Verdana, Geneva, sans-serif;
	line-height: 1;
	color:#000;
	background-image: url(images/bg-pattern.jpg);
	background-repeat: repeat-x;
	background-position: left top;

}
body	{
	background-color: #white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

a:link,
a:visited {
	color:#000;
	text-decoration: none;
}

a:active,
a:focus,
a:hover {
	color:#333;
}


/* 
	TOOLBOX 
*/
.floatleft 			{float:left;}
.floatright 		{float:right;}
.clear				{
	clear: both;
}

h1 {
	position:relative;
	width:798px;
	letter-spacing:1px;
	text-transform:uppercase;
	text-align:center;
	font:bold 32px/32px arial,helvetica,sans-serif;
	color:#B4E2F1;
	height: 138px;
}

h1 strong {
	display:block;
	font:bold 48px/48px arial,helvetica,sans-serif;
	color:white;
}

h1 span {
	position:absolute;
	top:0;
	left:0;
	width:798px;
	height:138px;
	background-image: url(images/logo.png);
	background-repeat: no-repeat;
	float: right;
	background-position: right top;
}

h2	{
	font-family: "Times New Roman", Times, serif;
	font-size: 36px;
	font-weight: bold;
	color: #900;
	padding-bottom: 15px;
}
h3	{
	Sfont-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #330066;
	text-decoration: none;
	padding-top: 40px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#container #content #channels {
	width: 780px;
	float: left;
}
#container #content #latest-videos {
	width: 780px;
	float: left;
}

h4	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	line-height: 18px;
	padding-top: 5px;
}
#container {
	height: 100%;
	width: 798px;
	margin-top: 57px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 15px;
}

#container #image {
	background-image: url(images/david.png);
	background-repeat: no-repeat;
	position: absolute;
	float: left;
	height: 440px;
	width: 314px;
	top: 57px;
	z-index: 1;
	clip: rect(auto,auto,auto,-62px);
	margin-left: -62px;
}


/* SET WIDTH FOR NAV */
#container #nav 		{
	background-image: url(images/bg-nav.jpg);
	background-repeat: repeat-x;
	height: 40px;
	width: 538px;
	padding-left: 260px;
}
#container #nav li		{list-style: none; display: inline; margin-top: 3px; margin-bottom: 3px;}
#container #nav li a	{
	text-decoration: none;
	color: white;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 40px;
	margin-right: 10px;
	font-family: Verdana, Geneva, sans-serif;
	text-decoration: none;
	position: static;
}
#container #nav li a:hover					
					{
	color: #0FF;
}

/* SET WIDTH FOR BANNER */

#container #banner	{
	background-image: url(images/banner.png);
	height: 254px;
	width: 798px;
	margin-top: 8px;
	background-repeat: no-repeat;
}

#container #content {
	height: 100%;
	margin-top: 15px;
}

#container #content p {
	padding-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

#container #content a {
	padding: 15px;
	height: 100%;
}

.omega {
	float: left;
}
#container #content img	{
	padding-right: 15px;
}

/* LINKS + COLORS*/
a.red:link, a.red:visited				{
	text-decoration: none;
	color: #900;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
a.red:hover, a.red:active				{
	text-decoration: underline;
	margin: 0px;
	padding: 0px;
}

.blue								{
	color: #039;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

/* SET WIDTH FOR FOOTER */
#footer {
	overflow:hidden; /* wrap floats */
	zoom:1; /* trip haslayout, wrap floats IE */
	font:normal 12px/14px verdana,arial,helvetica,sans-serif;
	height: 102px;
	width: 798px;
	padding-top: 15px;
	clear: both;
}

#footer .column {
	float:left;
	width:174px;
	height: 87px;
	text-align:left;
	padding-top: 15px;
	padding-left: 15px;
}

#footer-blog {
	margin-right: 14px;
	background-image: url(images/footer-blog.jpg);
	background-repeat: no-repeat;
	padding-left: 15px;
}

#footer-video {
	background-image: url(images/footer-video.jpg);
	background-repeat: no-repeat;
	margin-right: 14px;
	
}

#footer-store {
	background-image: url(images/footer-e-store.jpg);
	background-repeat: no-repeat;
	margin-right: 14px;
}

#footer h2 {
	color:white;
	font-family: "Times New Roman", Times, serif;
	font-size: 30px;
	margin-bottom: 10px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
#footer-tonga {
	background-image: url(images/footer-tonga.jpg);
	background-repeat: no-repeat;
}

#footer p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: white;
	text-decoration: none;

}
#container #signature {
	height: 100px;
	background-image: url(images/bn.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#container #signature .copyright {
	float: left;
	width: 300px;
	height: 26px;
	padding-top: 30px;
	font-size: 12px;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
}
#container #signature .breakthrough {
	width: 310px;
	height: 26px;
	padding-top: 30px;
	font-size: 12px;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	text-align: right;
	padding-right: 20px;
}
#container #signature .webmaster {
	text-align: center;
	width: 798px;
	float: left;
	height: 20px;
	padding-top: 20px;
	color: #000;
	font-size: 12px;
}

#container #signature .webmaster a:link, #container #signature .webmaster a:visited	{
	color: #09C;
	text-decoration: none;
}
#container #signature .webmaster a:hover, #container #signature .webmaster a:active	{
		color: #069;
}

#footer a:link, #footer a:visited	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: white;
	text-decoration: none;
}
#footer a:hover	{
	color: #000;
}
#container #content #blog {
	float: left;
	width: 480px;
	height: 100%;
}
#container #content #sidebar {
	float: right;
	width: 260px;
	height: 100%;
}
#container #content .column-top {
	width: 220px;
	float: left;
	margin-right: 52px;
	margin-top: 30px;
}
#container #content .column-top img {
	border: 2px solid #CCCCCC;
	margin: 0px;
	padding: 0px;
}
#container #content .column-last {
	width: 220px;
	float: right;
	margin-top: 30px;
}
#container #content .column-last img {
	border: 2px solid #CCCCCC;
	margin: 0px;
	padding: 0px;
}#container #content .latest {
	background-color: #c8dde7;
	float: left;
	height: 100%;
	width: 250px;
	padding-bottom: 20px;
}
#container #content .latest ul {
	padding-bottom: 10px;
}

#container #content .latest h3 {
	margin: 0px;
	padding: 10px;
}
#container #content .latest ul li a .star {
	font-size: 18px;
	font-weight: bold;
	margin: 0px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#container #content .latest ul li a:hover, #container #content .latest ul li a:active {
	margin: 0px;
	text-decoration: underline;
}
#container #content .latest ul li a:link, #container #content .latest ul li a:visited {
	font-size: 12px;
	font-family: Verdana, Geneva, sans-serif;
}

#container #content .latest ul li {
	padding-left: 10px;
		margin-top: 10px;
}

#container #content .main-article {
	text-align: left;
	float: right;
	width: 535px;
	margin: 0px;
	padding: 0px;
	background-color: #FFF;
}
#container #content .main-article h3 {
	background-image: url(images/main-bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 54px;
	width: 535px;
	line-height: 54px;
	color: #FFF;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#container #content .main-article p {
	padding-left: 20px;
}
#container #content .new-arrivals {
	width: 410px;
	height: 100%;
	float: left;
	background-color: #FFF;
}
#container #content .new-arrivals h3 {
	margin: 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: bold;
	color: #006699;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 20px;
}
#container #content .new-arrivals a:link, 
#container #content .new-arrivals a:visited  {
	margin: 0px;
	padding: 0px;
}

#container #content hr {
	width: 800px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #066DA7;
	float: left;
	border-top-style: solid;
}
#container #content .omega-gen {
	background-color: #FFF;
	float: right;
	width: 375px;
}
#container #content .omega-gen h3 {
		margin: 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: bold;
	color: #006699;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 20px;
}
#container #content .omega-gen .left {
	float: left;
	margin: 0px;
}