/** COPYRIGHT DIGITAL TOMATO PTY LTD. ALL RIGHTS RESERVED. */

/** BASIC TEMPLATE. */
body {background:#efefef url(img/metallic-bg.jpg) repeat 0 0}
#masthead {background:transparent url(img/masthead-paper-bg.png) no-repeat 0 0; height: 192px}
#masthead h1 {background:transparent url(img/logo.png) no-repeat 0 0; text-indent:-9000px; height:87px; width:320px; overflow:hidden; margin: 87px 0 0 72px; float:left}
#masthead h2 {margin: 75px 72px 0 0;}
#masthead ul {float:right; margin:40px 10px 0 0; list-style-type: none}
#masthead ul li a {color: #fff; font-family: 'IM Fell DW Pica', sans-serif; font-size: 1.5em}
#masthead ul li a:hover {color: #b01f24}
#content {background:transparent url(img/paper-bg.png) repeat-y 11px 0; min-height: 800px}

/** Default Styling */
/*body {font-family: verdana, sans-serif}*/
h1, h2, h3, h4, h5 {font-family: 'Cantarell'}
h1 {font-family: 'Reenie Beanie'; font-size: 3.5em !important}
p {font-size:1.3em}
h5 {font-size: 1.5em}
h1 {font-size: 2.5em}
a {color: #000}
a:hover, .colour-a {color: #b01f24}
.colour-b, h3 {color: #599e53}
blockquote {color: #000}

/** Common */
.al {text-align:left !important}
.ar {text-align:right !important}
.bl {border-left: 2px solid #000}
.br {border-right: 2px solid #000}
hr.thick {background:transparent; color:#000; border: 2px solid #000; margin:1.5em 0}
hr.double {background:transparent; color:#fff;border: 3px double #000;  margin:1.5em 0}
hr.tomatoes {height: 29px; background: transparent url(img/divider-tomatoes.png) no-repeat scroll center;}

.postits {background: transparent url(img/post-its.gif) no-repeat 0 0;}

/** Closure TABS **/
/*#panel {background: transparent url(img/separated-tomato.gif) no-repeat scroll 85% 80px; height:auto}*/
#panel-nav {outline:none; height: 54px; padding:4px; text-align: center}
#panel-nav .goog-tab {font-size:2em; font-weight: bold; cursor: default; text-transform: uppercase;display:inline-block; cursor: pointer }
#panel-nav .goog-tab-hover {border-bottom:2px solid #b01f24}
#panel-nav .goog-tab-selected.goog-tab-hover {border:none; cursor: auto}
#panel-nav .goog-tab-selected h4 {color: #b01f24; background: transparent url(img/pointer.png) no-repeat 50% -11px; }
#panel-nav .goog-tab-bar-top .goog-tab-selected {margin-top: 0;padding-bottom: 5px;top: 1px;}
.panel-content {display:none; margin-top:18px}
.panel-header-space {margin: 0 25px;}

#panel .bio img, #panel .bio h3, #panel .bio h4 {padding-bottom:0.5em}
#panel .bio img {height: 216px}
#panel h3 {font-size: 2em; border-bottom: 1px solid #ccc}
.panel-content h4 {font-size: 1.5em}
#panel-services h3 {height:130px}

.box-sprite img {position:relative; top: 10%}
.box-sprite {background: url(img/portfolio-boxes.gif) no-repeat; height:160px; text-align: center; }
#panel-portfolio .span-1 {height:200px}
#panel-portfolio .box-1 {background-position: 0px 0px}
#panel-portfolio .box-2 {background-position: -244px 0px}
#panel-portfolio .box-3 {background-position: -496px 0px}
#panel-portfolio .box-3 img {top: 40px}
#panel-portfolio .box-4 {background-position: -0px -173px}
#panel-portfolio .box-6 {background-position: -496px -173px}
#panel-portfolio .box-7 {background-position: -0px -346px}
#panel-portfolio .box-8 {background-position: -245px -346px}
#panel-portfolio .box-9 {background-position: -496px -346px}