/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -


* Filename: funkyone.css
* Version: 1.0.3 (24-01-2009) DD-MM-YYYY
* Website: http://www.funktion-one.com.au/
* Author: Michael Newton
* Description: Handles the site layout and text styles.

== STRUCTURE: ==============================
* Page width: 912 px
* Number of columns: 2-3
============================================


== INDEX: ===================================
_pagestyles : Overally page structure, body, html etc... defines width
_textstyles : All font styles, colouring, size, etc.
_header : styles for header content - logo, nav, flash promo
_content : styles for the three columns
_forms : styles for input forms
_footer : three column footer styles
============================================


*/


/* _pagestyles
==========================================*/


* {
	
	}
html {
	
	}
#container { /*bounding box for entire site*/
	width: 912px;
	\width: 932px;
	w\idth: 912px;
	_width: 912px;
	border: 0;
	margin: 0 auto;
	padding: 0;
	}
#stripe {
	position: relative;
	top: 0px;
	left: 0px;
	right: 0px; /* IE doesn't read this */
	bottom: 0px; /* IE doesn't read this */
	padding:0px;
	overflow: hidden;
	background:url(../images/site_images/striped_bg_fade.png) center repeat-y;

	/* IE only needs the next lines */
	height: expression(document.body.clientHeight - 0 + "px");
	width: expression(document.body.clientWidth - 0 + "px");
} 
	

/* _textstyles
==========================================*/


p {
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	margin:0;
	padding:0;
	}
p a:link,
p a:active {
	text-decoration:none;
	}
p a:visited {
	text-decoration:none;
	color:#CCCCCC;
	}
p a:hover {
	text-decoration:underline;
	}
h1 {
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:16px;
	color:#FFFFFF;
	margin:0;
	padding:0;
	}
h2 {
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:16px;
	color:#FFFFFF;
	margin:0;
	padding:0;
	}
h3 {
	
	}
h4 {
	
	}
h5 {
	
	}
h6 {
	
	}
ul {
	
	}
ol {
	
	}
li {
	
	}
a:link {
	color:#FFFFFF;
	}
a:visited {
	color:#F0F0F0;
	}
a:hover {
	color:#FFFFFF;
	}
a:active {
	color:#FFFFFF;
	}
.whiteReadingText {
	
	}
.footerText,
.footerText a:link,
.footerText a:visited,
.footerText a:active {
	color:#666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	margin:7px 0 0 0;
	padding: 0 0 0 3px;
	text-decoration:none;
	}
.footerText a:hover {
	color:#CCCCCC;
	text-decoration:underline;
	}
.photoText,
.photoText a:link,
.photoText a:visited,
.photoText a:active {
	color:#999999;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:normal;
	margin:0;
	padding:8px 0;
	text-decoration:none;
	}
.photoText a:hover {
	color:#CCCCCC;
	text-decoration:underline;
	}
.headingWhite {
	
	}
	


/* _header
==========================================*/


#header {
	height:500px;
	background-color: #452624;
	background-image:url(../images/common/header.gif);
	background-repeat:no-repeat;
	}


/* _content
==========================================*/


#content {
	width:615px;
	float:left;
	}
#logo {
	background:url(../images/site_images/logo_sideways.png) no-repeat;
	width:54px;
	height:734px;
	float:left;
	margin-top:23px;
	margin-left:13px;
	}
#textBox {
	background:url(../images/site_images/bg_black-50.png);
	padding:14px;
	margin-bottom:12px;
	margin-left:20px;
	display:block;
	clear:both;
	}
#textBox li {
	color: #FFFFFF;
	font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
	list-style: disc outside;
	padding-left: 0px;
	margin-left: -20px;
	}
#textBox th {
	padding:7px 0;
	background-image:url(../images/site_images/bg_white-10.png);
	}
#textBox td {
	padding:7px 0;
	text-align:center;
	}
#textBox .rightWhiteRule {
	border-right:#464c60 1px solid;
	}


#tableBox {
	background:url(../images/site_images/bg_black-50.png);
	padding:14px;
	margin-bottom:12px;
	margin-left:20px;
	display:block;
	clear:both;
	}
#tableBox li {
	color: #FFFFFF;
	font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
	list-style: disc outside;
	padding-left: 0px;
	margin-left: -20px;
	}
#tableBox th {
	padding:7px 0;
	background-image:url(../images/site_images/bg_white-10.png);
	}
#tableBox td {
	padding:7px 0;
	text-align:left;
	}
#tableBox .rightWhiteRule {
	border-right:#464c60 1px solid;
	}




#textList {	
	display:block;
	margin-bottom:12px;
	}
#textList a:link,
#textList a:active,
#textList a:visited {
	background:url(../images/site_images/bg_black-50.png);
	padding:14px;
	margin-left:20px;
	float:left;
	width:92%;
	#width:88%;
	display:block;
	text-decoration:none;
	margin-bottom:12px;
	}
#textList a:hover {
	background:url(../images/site_images/bg_purple-50.png);
	text-decoration:none;
	}
#textList img {	
	border:0;
	}
#textList .productImg {
	float:right;
	width:120px;
	text-align:center;
	}
#textFeatureBox {
	background:url(../images/site_images/bg_black-50.png);
	padding:14px;
	margin-bottom:12px;
	margin-left:20px;
	display:block;
	width:242px;
	float:left;
	}
#textFeatureBox li {
	color: #FFFFFF;
	font: 11px/20px Verdana, Arial, Helvetica, sans-serif;
	list-style: disc outside;
	padding-left: 0px;
	margin-left: -20px;
	}
#productBox {
	background:url(../images/site_images/bg_black-50.png);
	padding:14px;
	margin-bottom:12px;
	display:block;
	width:282px;
	float:right;
	border:	#33454D 1px solid;
	text-align:center;
	}
#pdfBox {	
	display:block;
	}
#pdfBox a:link,
#pdfBox a:active,
#pdfBox a:visited {
	float:right;
	border:	#33454D 1px solid;
	background:url(../images/site_images/bg_black-50.png);
	padding:14px;
	width:282px;
	line-height:22px;
	text-decoration:none;
	display:block;
	margin-bottom:12px;
	}
#pdfBox a:hover {
	background:url(../images/site_images/bg_purple-50.png);
	text-decoration:none;
	}
#pdfBox img {
	padding-left:18px;
	padding-right:10px;
	float:left;
	border:0;
	}
#sideBar {
	width:210px;
	float:right;
	margin-right:6px;
	}
#productHeading {
	height:18px;
	padding-left:11px;
	padding-top:8px;
	background-color:#303030;
	}
#logoGroup {
	margin-top:10px;
	width:200px;
	padding-left:10px;
	float:left;
	}
#newsBar {
	width:210px;
	margin-top: 23px;
	float:left;
	}
#newsBar .top {
	border-bottom:dashed 1px #9d937e;
	padding: 0px 11px 10px;
	}
#newsBar .content {
	padding: 15px 11px 0px;
	}
#newsBar p {
	font-size:10px;
	padding-bottom:10px;
	}
.photo {
	padding:1px;
	background-image:url(../images/site_images/bg_white-20.png);
	}
.techops a {
	display:block;
	width: 142px;
	height:26px;
	background: url(../images/site_images/logos_techops.png) 0 0 no-repeat;
	text-decoration: none;
	}
.techops a:hover { 
	background-position: 0 -26px;
	}
.techops a:active {
	background-position: 0 -70px;
	}
.nwa a {
	display:block;
	width: 142px;
	background: url(../images/site_images/logos_nwa.png) 0 0 no-repeat;
	text-decoration: none;
	height:26px;
	}
.nwa a:hover { 
	background-position: 0 -26px;
	}
.divWrap {
	clear:both;
	}
.flashTitle {
	margin-left:20px;
	float:left;
	}
	
#twitter_update_list {
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	margin:0 0 9px;
	padding:0;
	list-style:none;
	}
#twitter_update_list li {
	padding:0 0 9px;
	}
	


/* _forms
==========================================*/


/*textarea {
	background: url(../images/site_images/bg_black-50.png);
	border:none;
	color:#FFFFFF;
	padding:4px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	}
input {
	background: url(../images/site_images/bg_black-50.png);
	border:none;
	color:#FFFFFF;
	padding:4px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	}
.submit input {
	background:url(../images/site_images/bg_purple-50.png);
	margin-left:8.5em;
	}
.submit input:hover {
	background:url(../images/site_images/bg_purple-80.png);
	}
label {
	width: 8em;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block;
	margin-top:0.35em;
	}
fieldset {
	width: 26em;
	margin: 0 auto;
	padding:10px;
	border:none;
	background-image:url(../images/site_images/horiz_black_lines.gif);
	}*/
	


/* _footer
==========================================*/


#footer {
	float:left;
	width:606px;
	padding: 20px 0px 14px 9px;
	}
#footerLines {
	background-image:url(../images/site_images/horiz_white_lines.gif);
	width:606px;
	height:6px;
	}