/* Copyright Matt Webb www.mattweb.com.au. Any Questions or comments feel free to contact me */
   
/* define the body */

* {
	margin: 0;
}
html, body {
	height: 100%;
}

body {
	font: 10px Verdana, Arial, Helvetica, sans-serif ;
	color: #ffffff;
	background: url("background.jpg") no-repeat top right;
	margin: 0 0 0 20px;
}

/* define the basics */

p {
	line-height: 17px;
	color: #000;
	background-color: #fff;
	margin: 5px 0 5px 0;
	padding: 5px;
	font-size: 10px;
}

h1 {
	color: #000;
	margin: 0 -5px 0 -5px;
	padding: 13px 0 0 0;
	font-size: 14px;
	font-weight: normal;
	height: 35px;
}

body#homepage h1 {
	background: #fff url("images/home-tile.png") repeat-x top;	
}

body#aboutpage h1 {
	background: #fff url("images/about-tile.png") repeat-x top;	
}

body#workpage h1 {
	background: #fff url("images/work-tile.png") repeat-x top;	
}

body#shoppage h1 {
	background: #fff url("images/shop-tile.png") repeat-x top;	
}

body#contactpage h1 {
	background: #fff url("images/contact-tile.png") repeat-x top;	
}

div#sidenav h1 {
	padding-left: 15px;
}

h2 {
 	color: #000;
 	margin: 0;
 	padding: 5px;
 	font-size: 10px;
 	font-weight: bold;
	background-color: #fff;
}

h3 {
	line-height: 17px;
	color: #000;
	background-color: #fff;
	margin: 5px 0 5px 0;
	padding: 5px;
	font-size: 10px;
	font-weight: bold;
}

h4 {
 	color: #000;
 	margin: 5px 0 0 0;
 	padding: 5px;
 	font-size: 14px;
 	font-weight: normal;
	background-color: #fff;
}

h4 a:link {
	float: right;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
}

a:link {
	color: #000;
}

a:visited {
	color: #000;
}
	
a:hover {
	color: #000;
}
	
a:active {
	color: #000;
}

strong {

}

img {
	border: 0px;
}

body#homepage img {
	width: 526px;
    height: 393px;
}

/* Navigation */

ul#nav {
	background: url("images/nav-bg.png") no-repeat;
	width: 536px;
	height: 35px;
	margin: 0 0 70px 0;
	padding: 0;
}

ul#nav li {
	float: left;
	width: 100px;
	padding: 15px 0 0 7px;	
}

ul#nav a:link {
	color: #000;
	text-decoration: none;
}

ul#nav a:visited {
	color: #000;
	text-decoration: none;	
}
	
ul#nav a:hover {
	color: #000;
	text-decoration: line-through;	
}
	
ul#nav a:active {
	color: #000;
	text-decoration: line-through;		
}

/* Sidenav */

div#sidenav {
	width: 176px;
	position: absolute;
	top: 170px;
	left: 556px;
    background: #fff url("images/shop-tile.png");
}

div#sidenav ul {
	margin: 0 0 0 10px;
	padding: 0 5px 5px 0;
	list-style-type: none;
	color: #000;
}

div#sidenav li {
	background-color: #fff;
	margin: 5px 0 5px 0;
	padding: 4px;
}

div#sidenav a:link {
	text-decoration: none;
	font-weight: bold;
	font-weight: normal;
}

div#sidenav a:visited {
	text-decoration: none;
	font-weight: normal;	
}
	
div#sidenav a:hover {
	text-decoration: line-through;
	font-weight: normal;	
}
	
div#sidenav a:active {
	text-decoration: line-through;
	font-weight: normal;			
}

/* Layout */

div#main-nav {
	width: 536px;
	height: 160px;
	margin: 0 0 10px 0;	
}

div#noFlash {
	width: 536px;
	height: 160px;	
}

div#content {
	float:left;
	padding:0 5px 20px;
	width:526px;
}

body#homepage div#content {
	background: #fff url("images/home-tile.png");	
}

body#aboutpage div#content {
	background: #fff url("images/about-tile.png");	
}

body#workpage div#content {
	background: #fff url("images/work-tile.png");	
}

body#shoppage div#content {
	background: #fff url("images/shop-tile.png");	
}

body#contactpage div#content {
	background: #fff url("images/contact-tile.png");	
}

div#footer {
	background: url("images/bg-tile.png") repeat-x bottom;
	margin: 0 0 0 -20px;
	padding: 0 0 0 0;
	clear: both;
}

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -70px; /* the bottom margin is the negative value of the footer's height */
}
#footer, .push {
	height: 70px; /* .push must be the same height as .footer */
}

div#footer p {
	background: url("images/footer-bg.png") no-repeat bottom left;
	padding: 40px 0 0 546px;
	margin: 0 0 0 20px;
	height: 30px;
	width: 650px;
}

/* Sub Items */

ul.sub-item {
	line-height: 17px;
	color: #000;
	background-color: #fff;
	margin: 5px 0 5px 0;
	padding: 5px;
	font-size: 10px;
    list-style-type: none;	
}

ul.subitem li {
	margin: 0;
    padding: 0;
}


ul.sub-item a:link {
	color: #000;
	text-decoration: none;
	font-weight: bold;
}

ul.sub-item a:visited {
	color: #000;
	text-decoration: none;
	font-weight: bold;
}
	
ul.sub-item a:hover {
	color: #000;
	text-decoration: line-through;
	font-weight: bold;
}
	
ul.sub-item a:active {
	color: #000;
	text-decoration: line-through;
	font-weight: bold;
}


/* Accordion */

ul.slide-list {
	list-style-type: none;
	padding: 5px 0 0 0;
}

h4.slide-title {
	cursor: pointer;
	font-size: 10px;
	margin: 5px 0 5px 0;
	padding: 5px;
	font-weight: normal;
	height: 14px;
	background: #fff url("images/plus.png") no-repeat top right;
}

div.slide-info img {
	width: 526px;
	height: 393px;
}

/* Shopping Cart */
	

table.cartSummaryTable {
	line-height: 17px;
	color: #000;
	background-color: #fff;
	margin: 5px 0 5px 0;
	width: 100%;
	float: none;
	border: none;
}

table.cartSummaryTable td {
	color: #000;
	font-size: 10px;
	width: 100%;
	padding: 5px;
}

td.cartSummaryItem {
	padding: 0;
}

td.cartSummaryItem a {
	
}

a.cartSummaryLink {
	margin: 0 0 0 18px;
}

/* Product Display */

table.productTable {
	border-collapse:collapse;
	border-spacing:0;
	border: none;
	margin: 0;
	padding: 0;
}

div.productdisplaysmall {
	background-color: #fff;
	margin: 0 0 5px 0;
	padding: 5px;
	float:left;
	width: 516px;
}

div.productdisplaysmall, div.smallprodimage {
	float: left;
	border: 1px solid #b2b2b2;
}

div.productdisplaysmall p {
	margin-left: 160px;
}

h2.proddisplay {
	margin-left: 160px;
}

div.productdisplaysmall h2 a {
	text-decoration:none;
}

input.productTextInput {
	width: 30px;
}

li.productItemNotFound {
	color: #000000;
	padding: 5px;
	background-color:#FFFFFF;
	display: block;
	width: 516px;
}

div.addtocart {
	color: #000000;
	float:right;
}

ul.productList {
	border:0 none;
	margin:0;
	padding:0;
	width: 516px;
	list-style: none;
}

li.productItem {
	padding: 0;
	margin: 0;
	border: none;
	float:left;
}

p.pagination {
	clear:both;
	margin-top: 10px;
}

div.bottomlinks {
	overflow: auto;
	background-color: #fff;
	color: #000;
	padding: 5px;
}

div.bottomlinks p {
	margin: 0;
	padding: 0;
}

div.productdisplaylarge h2 {
	margin: 0;
}

div#poplets {
	background-color: #FFF;
	padding: 5px;
	margin-top: 5px;
}

table.productPoplets {
	margin: 0;
	padding: 0;
}

table.productPoplets img {
	border: 1px solid #b2b2b2;
	margin: 0 5px 0 0;
}

/* Forms */

input {
	border: 1px solid #b2b2b2;
	font: 10px Verdana, Arial, Helvetica, sans-serif ;
	color: #000000;
	padding: 3px;
	outline: none;
    margin: 5px 0 5px 0;
}

select {
	margin: 5px 0 5px 0;
}

div.item {
	margin: 10px 0 10px 0;
}

/* Cart */

table.nina-cart {
	width: 100%;
	background-color: #FFFFFF;
	color:#000000;
}

table.nina-cart td {
	padding: 5px;
}

table.nina-cart th {
	background-color: #eeeeee;
	text-align:left;
	padding: 5px;
}

span.checkout {
	float: right;
}

div.shop-checkout {
	background-color: #fff;
	padding: 5px;
	color: #000000;
	float: none;
}

/* Easy Slider */

.slide ul, .slide li{
	margin:0;
	padding:0;
	list-style:none;
	}
.slide li{ 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	width:526px;
	height:393px;
	overflow:hidden; 
	}
span#prevBtn{}
span#nextBtn{}

div#catCartDetails {
	background-color: #fff;
	margin-top: 5px;
	padding: 5px;
}

.back {
	float: right;
}

/* Join Box */

div#joinbox {
	width: 171px;
	position: absolute;
	top: 170px;
	left: 556px;
	padding: 0 5px 5px 5px;
}

div#joinbox label {
	display: none;
}

div#joinbox .cat_textbox {
	width:163px;
}

div#joinbox p {
	line-height: 17px;
	color: #000;
	background-color: #fff;
	margin: 5px 0 5px 0;
	padding: 5px;
	font-size: 10px;
}

div#joinbox a:link {
	text-decoration: none;
	font-weight: bold;
	font-weight: normal;
}

div#joinbox a:visited {
	text-decoration: none;
	font-weight: normal;	
}
	
div#joinbox a:hover {
	text-decoration: line-through;
	font-weight: normal;	
}
	
div#joinbox a:active {
	text-decoration: line-through;
	font-weight: normal;			
}

body#homepage div#joinbox {
	background: #fff url("images/home-tile.png");	
}

body#aboutpage div#joinbox {
	background: #fff url("images/about-tile.png");	
}

body#workpage div#joinbox {
	background: #fff url("images/work-tile.png");	
}

body#shoppage div#joinbox {
	background: #fff url("images/shop-tile.png");	
}

body#contactpage div#joinbox {
	background: #fff url("images/contact-tile.png");	
}

.cat_button {
	background-color: #FFFFFF;
}

/* Blog stuff */

div#joinbox ul {
	margin: 0;
	padding: 0 0 5px 0;
	list-style-type: none;
	color: #000;
}

div#joinbox li {
	background-color: #fff;
	margin: 5px 0 5px 0;
	padding: 4px;
}

div#joinbox a:link {
	text-decoration: none;
	font-weight: bold;
	font-weight: normal;
}

div#joinbox a:visited {
	text-decoration: none;
	font-weight: normal;	
}
	
div#joinbox a:hover {
	text-decoration: line-through;
	font-weight: normal;	
}
	
div#joinbox a:active {
	text-decoration: line-through;
	font-weight: normal;			
}

h2.blogpost-title {
	margin-top: 5px;
	font-size: 14px;
	font-weight: normal;
}