/*  
Theme Name: Nutwork Custom Theme
Theme URI:
Description: This theme has been custom designed for you.  If you need to contact us, please do so on 08 9388 6918
Version: 
Author: Nutwork Web Design
Author URI: http://www.nutwork.com.au
*/

/* colours
Find and replace these terms... in reverse order
#body-bg
#main-font
#nav-link
#nav-link-hover
#nav-link-hover-bg
#heading-color 35aaa9
#heading-link 168887
#heading-link-hover f082b1
#main-link
#66e2B3-hover
#side-h3
#side-p 4b978b
#side-link 66c2b3
#side-link-hover 97fae3
*/


/*** Reset All ***/
* { margin: 0; padding: 0; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
a {
  outline:none;
}	


html {
	overflow-y: scroll;
}

body {
	background: url(images/bg.jpg) #000 repeat-x;
	text-align: left;
	margin: 0 auto;
	font: 12px arial, Geneva, sans-serif #313131;
	}
	

/* -------------------
Main Structure
------------------- */

#allWrap {
	background: url(images/allboatTextBg.gif) no-repeat top center;
}
	
#frame {
	width: 980px;
	text-align: left;
	background: url(images/middleBg.jpg) no-repeat left bottom #FFFFFF;
	margin: 0 auto 0px auto;
	}
	
#middle {
  overflow: auto;
	margin:0 auto;
	clear: both;
	padding: 0 0 200px 0;
	}

#content {
	width: 610px;
	margin-left: 250px;
	padding: 0 20px 0px 20px;
	overflow: hidden;
	}
	
#contentBottomClear {
	clear: both; 
	width: 800px; 
	height: 10px;
	background-color: #0F3;
	padding: 0;
	margin: 0;
}
	
#sidebar {
	float: left;
	width: 250px;
	margin: 0 0 0 0;
	padding: 0px 0px 0 0px;
	background: url(images/sideBarBg.jpg) repeat-y;
	}
	
#clear_nav {
  margin-top: 0px;
	height: 0px;
  clear: both;
	background-image: url(images/clearNavBg.jpg);
	background-repeat: no-repeat;
}
/* -------------------
Header
------------------- */

#header_flash {
    width: 980px;
    height: 245px;
    margin:0px auto;
    clear: both;
	padding: 0px;
}

#header {
    background: url(images/headerBg.jpg) no-repeat;
    width: 980px;
    height: 245px;
    margin:0px auto;
    clear: both;
	  padding: 0px;
}
#HeaderAbout {
    background: url(images/AboutHeader.jpg) no-repeat;
    width: 980px;
    height: 245px;
    margin:0px auto;
    clear: both;
	  padding: 0px;
}
#HeaderAccessories {
    background: url(images/AccessoriesHeader.jpg) no-repeat;
    width: 980px;
    height: 245px;
    margin:0px auto;
    clear: both;
	  padding: 0px;
}
#HeaderContact {
    background: url(images/ContactHeader.jpg) no-repeat;
    width: 980px;
    height: 245px;
    margin:0px auto;
    clear: both;
	  padding: 0px;
}
#HeaderService {
    background: url(images/ServiceHeader.jpg) no-repeat;
    width: 980px;
    height: 245px;
    margin:0px auto;
    clear: both;
	  padding: 0px;
}
#HeaderFinance {
    background: url(images/FinanceHeader.jpg) no-repeat;
    width: 980px;
    height: 245px;
    margin:0px auto;
    clear: both;
	  padding: 0px;
}

	
.headImgLink {
  display:block;
  width:900px;
  height:200px;
  text-indent:-9000px;
}	



/* -------------------------------
navigation
---------------------------------- */
	

#nav {
	font-family: arial, Geneva, sans-serif;
	width: 220px;
	margin: 45px 0 20px 0;
	background-image: url(images/navBg.jpg);
	clear: both; 
}

#nav ul {
	list-style: none;
  	margin-left: 20px;
	text-align: center;
}

#nav li {
	/*float: left;*/
}

#nav li a:link, #nav li a:active {
	display: block;
	text-decoration: none;
	text-transform: none;
	/*height: 15px;*/
	margin: 0px 0px 0px 0px;
	padding: 3px 20px 2px 20px;
	color: #eb81b4;
	font-size: 14px;
	font-family: arial,San-serif;
	font-weight: bold;
	text-transform: uppercase;
	border: none;
  outline: none;
  background: url(images/nav_buttons_bg.gif) 0px -105px;
}

#nav li a:visited {
	display: block;
	text-decoration: none;
	text-transform: none;
	/*height: 15px;*/
	margin: 0px 0px 0px 0px;
	padding: 3px 20px 2px 20px;
	color: #eb81b4;
	font-size: 14px;
	font-family: arial,San-serif;
	font-weight: bold;
	border: none;
	text-transform: uppercase;
  outline: none;
}


/*
#nav li a:visited {
	color: #nav-link-visited;
	display: block;
	text-decoration: none;
	text-transform: none;
	width: 100px;
	height: 25px;
	margin: 0px 0px 0px 0px;
	padding-top: 10px;
	font: 12px arial,San-serif normal;
  outline: none;
}
*/

#nav li a:hover {
  color:#FFF;
  background: url(images/nav_buttons_bg.gif) 0px -50px;
}

#nav .current_page_item {
	display: block;
	text-decoration: none;
	text-transform: none;
	font-size: 10px;
	font-family: arial,San-serif;
	font-weight: bold;
	text-transform: uppercase;
	border: none;
  	outline: none;
	color:#FFF;
  	background: transparent url(images/nav_buttons_bg.gif) 0px 0px !important;
}







/* -------------------
Content
------------------- */

#content .post {
	margin: 0 10px 20px 10px;
	}
	
/* Headings */
	
#content h1 {
	color: #35aaa9;
	font: 25px "Times New Roman", Times, serif; 
	margin: 10px 0px 5px 0px;
	}


#content h2 {
	color: #f082b1;
	font: 19px arial,San-serif; 
	font-weight: normal;
	margin: 12px 0 8px 0;
  padding: 4px 0px 5px 0;
}

#content h2 a {
	color: #d6568d;
	text-decoration: underline;
	font: 19px arial,San-serif; 
	font-weight: normal;
	outline: none;
}

#content h2 a:hover {
	color: #35aaa9;
}
	
#content h3 {
	font: 16px arial,San-serif;
	font-weight: bold;
	color: #828282;
	margin: 0;
  padding: 4px 0px 5px 0;
}

#content h3 a {
	font: 16px arial,San-serif;
	font-weight: bold;
	color: #828282;
	text-decoration: underline;
}

#content h3 a:hover {
	color: #828282;
}
	
#content h4 {
	font: 13px arial,San-serif;
	color: #828282;
	font-weight: bold;
	padding-top: 5px;
	margin: 0;
  padding: 4px 0px 2px 0;
}
	
#content h5 {
	font: 13px arial,San-serif;
	margin: 0;
  padding: 4px 0px 2px 0;
	color: #828282;
	font-weight: bold;
	padding-top: 5px;
}

#content h6 {
	color: #35aaa9;
	font: 10px "Times New Roman", Times, serif; 
	margin-top:10px;
	margin-bottom:10px;
	margin-right:5px;
	margin-left:50px;
}
			
#content p, #content dl, #widgetshoppingcart, .wpsc_container, .entry {
	font: 12px/22px arial,San-serif;
  color: #313131;
}
	
#content p, #content ul, #content ol, #content dl {
	margin: 0 0 10px 0;
}

#content li {
	margin: 0 0 0 30px;
	font: 12px/15px arial,San-serif;
  color: #313131;
}
	
#content dl dt {
	font-weight: bold;
}
	
#content dl dd {
	margin: 0 0 0.4em 0.5em;
}
	
#content blockquote {
	margin: 0 0 0 1em;
	border-left: 5px solid #15a1c4;
	padding: 0 0 0 1em;
}
	
#content a {
	color: #117f79;	
	font: 12px arial,San-serif;
	font-weight: normal;
 }
#content a:hover { color: #117f79; }
	
#content .post ul.post-data {	
	list-style: none;
	font: 12px arial,San-serif;
	padding: 0.1em 0 0.2em 0;
	color: #313131;
	margin: 1.3em 0 0 0;
	}

#content .post ul.post-data li {
	color: #313131;
	}
	
#content .post ul.post-data a {
	color: #117f79;
  text-decoration: underline;
  font-weight:normal;
	}
	
#content .post ul.post-data a:hover {
	color: #117f79;
	text-decoration: underline;
	font-weight: normal;
	}

#content .post ul.post-data li.comments {
	float: right;
	margin: 0 0.7em 0 0;
	display: inline;
	font: 12px arial,San-serif;
	}
	

#content .post ul.post-data li.comments a {
	padding: 0 0 0 15px;

	}
#content .post ul.post-data li.tags {
	margin: 0 0 0 0.7em;
	}

	
#content .post ul.post-data li.tags a {
	padding: 0 0 0 1px;

	}
	
#content .post ul.post-data li.posted {
	margin: 0 0 0 0.7em;

	}
	
#content .post ul.post-data li.posted a {
	padding: 0 0 0 1px;

	}
	
#content .post ul.post-data li.comments a:hover, #content .post ul.post-data li.posted a:hover, #content .post ul.post-data li.tags a:hover {
	background-position: 0 -38px;

	}

.entry {
	margin: 0px 0 0px 0;
	padding: 0px 0 5px 0;
	}

.entry  p {
	margin: 5px 0 5px 0;
	padding: 0;
	}


.entry  img { 
  padding: 5px;
}

.entry  img.alignleft { 
                float: left;
                margin: 3px 3px 1px 0;
                }

.entry  img.alignright { 
                 float: right;
                 margin: 0 3px 1px 3px;
                 }

.spacer {   padding: 0px;
            text-align: right;
            text-transform: lowercase;
            }
	

/* -------------------
Comments
------------------- */

#content #comments {
	margin: 0 20px 20px 25px;
	}
	
#content #comments .comment {
	margin: 0 0 2em 0;
	font: 12px arial,San-serif;
	}
	
#content #comments .comment p, #content #comments .comment li, #content #comments .comment a { 
	font: 12px arial,San-serif;
	color: #313131;	
}

#content #comments .comment a:hover { 
	font: 12px arial,San-serif;
	color: #313131; 
}
	
#content #comments .comment p {
	margin: 0 0 0.8em 0;
	font: 12px arial,San-serif;
	}
	
#content #comments .comment .comment-data p {
	font: 12px arial,San-serif;
	color: #313131;
	padding: 0 0 0 22px;
	margin: 1.5em 0 0 0;
}
	
#content #comments .comment .comment-data p a { 
	font: 12px arial,San-serif;
	color: #313131; 
}

#content #comments .comment .comment-data p a:hover { 
  color: #313131; 
}

#content #comments form {
	color: #313131;
	font: 12px arial,San-serif;
	}

#content #comments form a { color: #313131; }
#content #comments form a:hover { color: #313131; }
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
/* -------------------
Sidebar
------------------- */


#sidebar h3 {
	color: #ffffff;
	font: 16px/17px arial,San-serif;
	font-weight: bold;
	margin: 0 0 0px 10px;
  padding: 6px 0px 2px 0px;
	text-align: left;
	}
	
#sidebar h3.small {
  font-size: 12px;
}
	
#sidebar p, #sidebar li {
	color: #side-p;
	font: 12px/15px arial,San-serif;
  text-align: left;  
  list-style:none;      
}
#sidebar li {

}
	
#sidebar p, #sidebar ul, #sidebar ol {
	margin: 0 0 16px 20px;
	}
	
#sidebar ul { 
	list-style: none; 
	}

#sidebar ul li {
	padding: 2px 0px 1px 0px;
	list-style-type: none;
	}
	
#sidebar a {
	color: #66c2b3;
	text-decoration: none;
  font-weight:normal;
	}
	
#sidebar a:hover {
	color: #97fae3;
	text-decoration: none;
  font-weight:normal;
}




.newsdiv {
	width: 200px;	
	margin: 0 0 20px 20px;
}


div.textwidget p {
	color: #4b978b;	
}

div.textwidget a, div.textwidget a:visited {
	color: #66c2b3;
	text-decoration: none;
  font-weight:normal;
}

div.textwidget a:hover {
	color: #97fae3;
	text-decoration: none;
  font-weight:normal;
}










/* -------------------
Footer
------------------- */

#footer {
    clear: left;
    width: 1200px;
    height: 130px;
    background: url(images/footer_bg.png) no-repeat;
    margin:0 auto;
    padding: 0px;
	}

#footer_nav {
	position: relative;
	top:20px;
	text-align: center;
	width:110%;
	float:center;
	overflow:hidden;
}

#footer_nav ul {
	list-style:none;
	font-family: arial, Geneva, sans-serif;
	text-align:center;
	position:relative;

	float:left;
}


#footer_nav ul li {
  position:relative;
	display: block;
	border-left: 1px solid #1a7869;
	float:left;
	padding: 0px 2px; 
	height: 17px;

}

#footer_nav li:first-child {
  	border-left: 0px solid #FFF;
	padding: 0px 2px;  
	height: 17px;
	right:50%;
}


#footer_nav li a {
	text-decoration: none;
	text-transform: none;
	color:#4b978b;
	font-weight: normal;
	font-size:10px;
    outline: none;
}

#footer_nav li a:link {
	text-decoration:none;
	padding: 0px 2px; 
	height: 17px;
	right:50%;
}

#footer_nav li a:visited {
	text-decoration:none;
	padding: 0px 2px; 
	height: 17px;
	font-size:10px;
  	color: #66c2b3;
}

#footer_nav li a:hover {
	color:#97fae3;
}

#footer_nav li a:active {
	text-decoration:none;
}
	
#footertext {
	clear: both;
	width: 100%;
	position: relative;
	top: 40px;
	text-align:center;
}
		
#footer #footertext {
	color: #4b978b;
	font: 10px arial,San-serif; 
	padding: 0px 0 0 0;
	}
	
#footer #footertext a {
	color: #4b978b;
	text-decoration:underline;
	}

#footer #footertext a:hover {
	color: #97fae3;
	text-decoration:underline;
	}
	
#footer #searchform {
	padding: 32px 0 0 31px;
	}
	
#footer #searchform .searchfield {
	height: 18px;
	}
	
#footer #searchform .searchbutton {
   height:23px;
	}











.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	letter-spacing: 1px;

	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	font-weight: normal;
	}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	}
ol.commentlist .author_comment {
	background:#F5F5F5;
	border-bottom: 1px solid #0066CC;
	border-top: 1px solid #0066CC;
}

#commentform {
	margin: 2em 0;
	margin-left:2em;
	width: 565px;
}

#commentform textarea {
	border: 1px solid #333;
	width: 475px;
}

#commentform #email, #commentform #author, #commentform #url {
	font-size: 12px;
	border: 1px solid #333;
	width: 180px;
	height: 15px;
}

#commentform input{
	margin-bottom: 3px;
}

#commentform #submit {
	margin:0 auto;
	float:left;
  background:#000000;
  color: #ffffff;
	font: 12px arial,San-serif;
	border:1px solid #000000;
	padding:2px 8px 2px 8px;
  margin-bottom: 10px;
  height: 20px;
	}

.post{margin:0 0 25px 0;}

.post .info{

	background-color:#ffffff;
	font-size:12px;
	color:#000000;
}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
	
.aligncenter, div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}




/* -------------------
Extras
------------------- */

.roundMe {
  border: 1px #b21d24 solid;
  margin: 10px;
    padding: 0px 10px 10px 0;
  -moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.imgLink {
  border:0px;
}

small {
  font-family: arial, Arial;
  font-size:10px;  
}


table.shoppingcart {
  display:none;
}

.wpsc_container {
  float:left;
}

.clear {
  clear:both;
}
#search-submit  {
  /*width:175px;*/
  height:22px;
  float:left;

}
.search {
  margin:0 0 10px 20px;
  float:right;
  }
#search-text {
  width:125px;
  height:20px;
  float:left;
  margin-right:5px;
}
strong {
  font-weight:bold;
}
em {
  font-style:italic;
}
.ngg-galleryoverview {
  clear:none !important;
}
.ngg-albumoverview {
  clear:none !important;
}
div.navigation {
  height:30px;
}
input, select, textarea {
  border:1px solid #b4b4b4;
}

#vrp_box h3 a {
  color:#48aead;
}
#vrp_box p a {
  color:#313131;
}
.hideme {
  display:none;
}
.showme {
  display:block !important;
}

.front_feature {
  border: 2px solid #f082b1; 
  margin: 30px 0;
  -moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	min-height:270px;
}

#vrp_title_caption_mag {
  padding:0 0 0 140px !important;
}
#vrp_title_caption_mag h3 {
  padding-top:0;
}
.alignright h2 {
  margin:0 !important;
}
.gnavCurrent {
  font-weight:bold !important;
  font-size:16px;
}
.gnav {
  font-size:16px !important;
  margin:0 1px;
}
.gnav:hover {
  color:#EB81B4 !important;
}