/********* Gaffer Designs Pty Ltd ***********/
/********* www.gafferdesigns.com ************/
/********* web designsers for not for profit organisations ****/
/********* Australia ************************/

body {
font : 14px Arial, Helvetica, sans-serif;
margin : 0;
padding : 0;
text-align : center;
background-color : #996633;
}
.thrColFixHdr #container {
width : 960px;
background : #ffffff;
margin : 0 auto;
text-align : left;
border-bottom-width : thin;
border-bottom-style : dotted;
border-bottom-color : #cccccc;
}
.thrColFixHdr #header {
background : #996633;
padding : 0 10px 0 0;
}
.thrColFixHdr #header1 {
	float:left;
background : #996633;
padding : 0;
}
.thrColFixHdr #header h1 {
margin : 0;
padding : 10px 0;
}
.thrColFixHdr #sidebar1 {
float : left;
width : 200px;
background : #a4c2c2;
padding : 15px 10px 15px 15px;
}
.thrColFixHdr #sidebar2 {
float : right;
width : 160px;
background : #ffffff;
padding : 15px 10px 15px 20px;
}
.thrColFixHdr #mainContent {
margin : 0 220px;
padding : 10px 10px 10px 20px;
}
.thrColFixHdr #mainContent1 {
margin : 0 220px;
padding : 10px 10px 10px 20px;
min-height : 425px;
width : 600px;
}
.thrColFixHdr #footer {
padding : 0 10px 0 20px;
background : #996633;
}
.thrColFixHdr #footer p {
margin : 0;
padding : 10px 0;
}
.fltrt {
float : right;
margin-left : 8px;
}
.fltlft {
float : left;
margin-right : 8px;
}
.clearfloat {
clear : both;
height : 0;
font-size : 1px;
line-height : 0;
}
.nav_2nd {
text-align : left;
padding-top : 5px;
background-image : url(images/menu5.gif);
height : 28px;
font-size : 16px;
text-decoration : none;
position : relative;
top : -34px;
}
.nav_2nd a:link {
color : #333333;
text-decoration : none;
}
.nav_2nd a:visited {
color : #333333;
text-decoration : none;
}
.nav_2nd a:hover {
color : #990000;
background-color : #ffffff;
text-decoration : none;
}
.fsourcemenu {
background-image : url(images/menu5.gif);
height : 36px;
border-bottom : 1px solid #999999;
}
.fsourcemenu1 {
background-image : url(images/menu5.gif);
height : 36px;
border-bottom : 1px solid #999999;
}
.menubg {
width : 960px;
background : #a4c2c2;
border-top : 1px solid #ffffff;
}
.style11 {
font-family : Arial, Helvetica, sans-serif;
font-size : 75%;
color : #cccccc;
}
.style12 {
font-size : 12px;
color : #ffffff;
font-family : Tempus Sans ITC, Arial, Helvetica, sans-serif;
}
.style15 {
font-size : 100%;
color : #993300;
font-weight : bold;
font-family : Tempus Sans ITC, Arial, Helvetica, sans-serif;
}
.style17 {
font-size : 14px;
color : #993300;
text-align : center;
}
.pageName {
font : 32px Tempus Sans ITC, Arial, Helvetica, sans-serif;
color : #993300;line-height:13px;
}
a:hover {
color : #eeeeee;
background-color : #993300;
}
a {
color : #993300;
text-decoration : none;
font-weight : bold;
}
.blogb2 {
color : #996633;
}
.blogb2 A:hover {
color : #996633;
background-color : #996633;
}
.blogb2 A:link {
color : #996633;
}
.blogb2 A:visited {
background-color : #996633;
color : #996633;
}
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
.style18 {
font-size : 10px;
}
.style19 {
color : #993300;
}
.style22 {
font-weight : bold;
}
.style23 {
color : #993300;
font-weight : bold;
}
.host-table {
padding : 0;
margin : 0;
border-collapse : collapse;
font-family : "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size : 14px;
color : #000;
background : #ffffcc;
}
.host-table th, .host-table td {
border : 1px dotted #666;
padding : 4px;
}
.style23 {
font-size : 9pt;
font-weight : bold;
}
.sidebar1design {
height : 820px;
}
.sidebar1domain {
height : 2350px;
}
.sidebar1host {
height : 1390px;
}
.sidebar1refer {
height : 1200px;
}
.sidebar1home {
height : 420px;
}
.sidebar1contact {
height : 730px;
}
#gaffernavX {
width : 700px;
}
#gaffernav {
display : block;
float : left;
width : 70px;
height : 36px;
background-image : url(../images/home1.gif);
}
#gaffernav:hover {
background-position : 0% 36px;
}
#gaffernav span {
display : none;
}
#gaffernav1 {
display : block;
float : left;
width : 120px;
height : 36px;
background-image : url(../images/work1.gif);
}
#gaffernav1:hover {
background-position : 0% 36px;
}
#gaffernav1 span {
display : none;
}
#gaffernav2 {
display : block;
float : left;
width : 120px;
height : 36px;
background-image : url(../images/design1.gif);
}
#gaffernav2:hover {
background-position : 0% 36px;
}
#gaffernav2 span {
display : none;
}
#gaffernav3 {
display : block;
float : left;
width : 120px;
height : 36px;
background-image : url(../images/domains1.gif);
}
#gaffernav3:hover {
background-position : 0% 36px;
}
#gaffernav3 span {
display : none;
}
#gaffernav4 {
display : block;
float : left;
width : 120px;
height : 36px;
background-image : url(../images/web1.gif);
}
#gaffernav4:hover {
background-position : 0% 36px;
}
#gaffernav4 span {
display : none;
}
#gaffernav5 {
display : block;
float : left;
width : 120px;
height : 36px;
background-image : url(../images/contact1.gif);
}
#gaffernav5:hover {
background-position : 0% 36px;
}
#gaffernav5 span {
display : none;
}
.thrColFixHdr #sidebar2 {
width : 190px;
}