@charset "utf-8";
@font-face { 
	font-family: Prociono;
	src: url("http://www.freeotoole.com.au/fonts/Prociono-Regular.otf") format("opentype"); } 




/* 

Client: Tasmanian Home Inventory
Date of last edit: Today
Media: Screen

*/
 
 
/*
Font Stacks -
Sans Serif:Lucida Grande','Lucida Sans Unicode','Lucida Sans',Arial,Sans-serif;
Serif: Garamond, Georgia, "Times New Roman", Times, serif;

Colours -

*/ 



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 {
border:0;
outline:0;
vertical-align:baseline;
margin:0;
padding:0;
}


body {
background: url(../images/bg_gradient.jpg) 50% 0 no-repeat #dbd893;
color: #333;
font-family:'Lucida Grande','Lucida Sans Unicode','Lucida Sans',Arial,Sans-serif;
}

p,blockquote,pre,abbr,acronym,address,big,cite,code,del,dfn,dl,ol,ul {
font-size:16px;
line-height: 1.5em;
margin-bottom:1.5em;
}

:focus {
outline:0;
}

ol,ul {
list-style:disc;
}

li,dd {
margin-left:1.6em;
}

table {
border-collapse:separate;
border-spacing:0;
}

caption,th,td {
text-align:left;
font-weight:400;
}

strong {
font-weight:700;
}

h1,h2,h3 {
color: #6d6c49;
font-family: prociono, Garamond, Georgia, "Times New Roman", Times, serif;
font-weight:400;
letter-spacing:-1px
word-spacing: 1px;
text-shadow: 1px 1px 1px #f4f3de;
}

h1 {
background: url(../images/under-big.png) 50% 100% no-repeat;
font-size: 24px;
line-height: 36px;
margin: 1em auto;
padding-bottom: 56px;
text-align: center;
width: 520px;}



h2 {
font-size: 20px;
line-height: 36px;
margin-bottom: .5em;}

h3 {
font-size:18px;
line-height:2em;
}

h4 {
font-size:14px;
font-weight: 700;
letter-spacing: -1px;
line-height:1.2857em;}

a {
color: #14416f;
}

a:hover {
color: #b03930;
}


#brand {
text-align: center; 
padding-top: 1em; 
font-family: prociono;
font-size: 18px;
color: #c5b358;}


#content {
width: 520px;
margin: 0 auto;}




img#prodShot, img#mainImage {margin: 0 auto 1em; display: block;}
img#mainImage {margin-top: 8px; border: 1px solid rgb(128, 128, 128); border: 1px solid rgba(128, 128, 128, 0.2);}

#nav ul {width: 520px; margin: 0 auto; background: rgba(128, 128, 128, 0.2); overflow: hidden; text-align: center;
border-top: 1px solid rgb(128, 128, 128); border-top: 1px solid rgba(128, 128, 128, 0.2);
border-bottom: 1px solid rgba(128, 128, 128); border-bottom: 1px solid rgba(128, 128, 128, 0.2);
border-left: 1px solid rgba(128, 128, 128); border-left: 1px solid rgba(128, 128, 128, 0.2);}
#nav ul li {list-style: none; margin: 0;}
#nav ul a {float: left; padding: .5em 0; width: 103px; border-right: 1px solid rgba(128, 128, 128, 0.2);}
#nav ul a:hover, #nav ul li.active a {background: rgba(128, 128, 128, 0.1);}

#footer {
clear: both;width: 520px;margin: 2em auto 0; padding: 1em 0; border-top: 1px solid #CAC787; overflow: hidden;}

#footer p {font-size: 87.5%; color: #79785C}
#footer a {color: #79785C;}



div.left, p.left {width: 240px; margin-right: 40px; float: left;}
div.right, p.right {width: 240px; float: left;}


a.btn-pt-next, a.btn-pt-last {
background: url(../images/next.png) 95% 50% no-repeat #f7f7f7;
font-size: 24px; 
line-height: 32px; 
font-family: Garamond, Georgia, "Times New Roman", Times, serif; 
padding: .5em 46px .5em .5em;
text-decoration: none;
margin-left: 0em;;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
box-shadow: 2px 2px 5px #979562;
-moz-box-shadow: 2px 2px 5px #979562;
-webkit-box-shadow: 2px 2px 5px #979562;}


#productTour {max-width: 940px; margin: 0 auto; position: relative;}
a.btn-pt-next {
z-index: 10;
position: absolute; top: 160px; right: 0;}
a.btn-pt-last {
background: url(../images/back.png) 5% 50% no-repeat #f7f7f7;
float: left;
padding: .5em .5em .5em 46px;
position: absolute; top: 160px; left: 0;}


a.btn-pt:hover {background-color: #e7e7e7;}

ul.prodJump {}
ul.prodJump li {list-style:none; display: inline; margin: 0 1em 0 0;}

a.more {font-size: 90%; text-transform: lowercase;}
.clear {clear: both;}

form#EmailForm {width: 40%; position: relative; float: left; margin-right: 6%;}
form#EmailForm .hide {display: none;}
form p input, form p textarea {width: 100%}