/*

		Sonetto Sinkware
		Style Sheet
		Site by TripleZero
		www.triplezero.com.au
		
*/

/* layout
----------------------------------------------- */

body {font:12px/1.4 Arial, Verdana, Helvetica, sans-serif;background:#595959;text-align:center;padding:0;margin:0;}
#container {margin:30px auto;width:750px;text-align:left;background:#fff;padding:0 0 20px;}

p, table {font:12px/1.4 Arial, Verdana, Helvetica, sans-serif;}
table tr td {vertical-align:top;}

.inner {margin:0 28px;}

.fixer {clear:both;font-size: .1em;line-height: .01em;color: #FFFFFF;}

hr {margin:0; padding:0; height:1px; background:#fff; color:#fff; border:0; border-bottom:1px dashed #ccc;}

ul {margin:0 0 0 5px;padding:0;list-style: none;}
li {margin:0;padding:0 0 3px 12px;background: url("images/arrow.gif") 0 5px no-repeat;font-size:11px}

a:link, a:active, a:visited {color:#185584;text-decoration:underline;}
a:hover {color:#999;text-decoration:underline;}

.photo {border:1px solid #ccc;padding:8px;}
.fr {clear:right;float:right;margin:20px 0 20px 20px;}
.fl {clear:left;float:left;margin:20px 20px 0 20px;}

h1, h1.blue {font-size:24px;padding:3px 8px;background:#90A8B4;color:#fff;}
h1.brown {background:#DBA452;}
h1.grey {background:#808284;}
h1.blue span, h1 span {color:#C0D2DB;font-weight:normal;}
h1.brown span {color:#FFD18B;font-weight:normal;}
h1.grey span {color:#BABBBC;font-weight:normal;}
h2 {font-size:18px;border-top:8px solid #3C84BB;padding-top:10px;}
h3 {font-size:22px;}
h4 {font-size:14px;background:#DEEDF8;padding:7px;font-weight:normal;}
h4 span {font-weight:bold;}
h5 {font-size:16px;font-weight:bold;}
h6 {font-size:12px;}

.header {text-align:center;}

.footer {width:694px;text-align:left;margin:0 auto 20px;font-size:14px;color:#999;}
.footer span {margin:0 10px;}
.footer a:link, .footer a:active, .footer a:visited, .footer a:hover {color:#999;}

.side {background:#fff;width:110px;float:left;}
.side ul {margin:0;padding:0;list-style:none;border-top:1px solid #E5E5E5;}
.side li {margin:0;padding:0;font-weight:bold;background:none;}
.side a:link, .side a:active, .side a:visited {display:block;background:none;color:#3976A4;;padding:5px 10px;text-decoration:none;border-bottom:1px solid #E5E5E5;}
.side a:hover {background:url('images/nav-on.gif') 0 10px no-repeat;color:#000;}
.side li.on a:link, .side li.on a:active, .side li.on a:visited, .side li.on a:hover {background:url('images/nav-on.gif') 0 10px no-repeat;color:#000;}
.side ul li span {display:block;background:none;color:#777;;padding:5px 10px;text-decoration:none;border-bottom:1px solid #E5E5E5;}

.info {float:left;width:168px;padding-right:20px;border-right:1px solid #cacaca;margin-left:23px;}
.info p {font-size:11px;margin:0 0 12px;}

.images {float:left;margin-left:33px;}
.images img {margin-bottom:10px;}

.banner tr td {vertical-align:middle;text-align:left;color:#697487;font-size:14px;line-height:1.3;}
.banner {margin:20px 0;background:#E4ECF7;width:100%;}
.banner img {float:left;}

div.desc {float:left;width:234px;margin-right:30px;}
.desc p {font-size:14px;color:#4C4C4C;line-height:1.3;margin-top:0;}

div.sinks {float:right;width:430px;}

div.sink {float:left;margin-right:18px;margin-bottom:20px;background:#E6E6E6;}
div.sink p, div.sinkright p {margin:4px 13px;font-size:11px;font-weight:bold;color:#222;}
div.sink p span, div.sinkright p span {color:#999;margin-left:5px;}
div.sinkright {float:left;margin-right:0;margin-bottom:20px;background:#E6E6E6;}

div.sink a:link, div.sink a:active, div.sink a:visited {color:#222;text-decoration:none;}
div.sink a:hover {color:#222;text-decoration:none;}
div.sinkright a:link, div.sinkright a:active, div.sinkright a:visited {color:#222;text-decoration:none;}
div.sinkright a:hover {color:#222;text-decoration:none;}