/* obrienjoinery.com.au css */

/*
blue - orig 00a - darker 006
yellow - orig ffff00 - darker e4e519 or ff2 or f0f020
*/

html, body { margin:0; padding:0; text-align:center; } 
#pagewidth { width:800px; text-align:left; margin-left:auto; margin-right:auto; background-color:#006; } 
#header { position:relative; height:97px; width:100%; background:#fff url(images/obrien-header-6.gif); /* border:1px solid #666; */ } 
#maincol { background-color: #fff; /* border:1px solid #666; */ padding:10px; padding-top:10px; margin-top:0px; }
#footer{  background-color:#006; clear:both; text-align:center; color:#fff; font-size:12px; padding:5px; } 
/*
#logo { float:left; margin-top:0px; margin-left:0px; width:100px; height:193px; 
    background-image:url(images/OJ-logo.gif); }
*/
#logo { display:none; }

 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#navbar { display:none; }
}

* { font-family:Arial,Helmet,Freesans,sans-serif; }

body { background:#eee url(images/bg3.gif); }

body,p,td,th,input,select,textarea {
	font-size:13px;
	color:#444;
}

a { color:#006; text-decoration:underline; font-weight:normal; }
a:link {}
a:visited {}
a:hover { background-color:#f0f020; font-weight:normal; }
a:active {}

.caption { font-size:10px; }

p { line-height:140%; margin-top:5px; margin-bottom:10px; }
li { line-height:140%; }

h1 { font-size:18px; font-weight:normal; text-transform:uppercase; 
    clear:both; background:#444; color:#fff; margin:0; padding:5px 5px 5px 15px;}
h2,h3,h4,h5,h6 { margin-top:2px; margin-bottom:3px; }
h2 { color:#006; font-size:18px; font-weight:bold; }
h3 { color:#666666; font-size:20px; font-weight:bold; }
h4 { color:#006; font-size:20px; font-weight:bold; }
h5 { color:#666666; font-size:18px; font-weight:bold; }
h6 { color:#666666; font-size:18px; font-weight:bold; font-style:italic; }

/* top navbar*/
#navbar { background:#006; width:100%; }
#navbar ul { margin:0; padding:0; }
#navbar ul li { list-style:none; line-height:normal; }
#navbar ul li a { color:#eee; text-decoration:none; font-size:12px; 
    display:block; padding:5px 8px 5px 8px;
    background-color:#006; 
    float:left;
    border-right:1px solid #666;
    }
#navbar ul li.active a { background-color:#f0f020; color:#006; }
#navbar ul li a:link {  }
#navbar ul li a:visited {  }
#navbar ul li a:hover { background-color:#f0f020; color:#006; }
#navbar ul li a:active {  }

/* twzContact form ========================================================================= */
form.twzContact table { background-color:transparent; border:0; }
form.twzContact caption { font-size:20px; color:#333366; background-color:#f0f0f0; border:solid 1px #aaa; }
form.twzContact td { padding:5px; }

form.twzContact td.formLabel { text-align:right; font-weight:normal; vertical-align:top; }
form.twzContact td.required { font-weight:bold; }

.missing { background-color:#ff8; }
.tiny { font-size:2px; } /* for blank form row */

div.postOK { color:#595; text-align:left; margin-bottom:10px; margin-top:10px; }
div.postError { color:#b40; text-align:left; margin-bottom:10px; margin-top:10px; }
form.twzContact input#submit { font-weight:normal; }	
.wide { width:250px; }
.widearea { width:250px; height:80px; }

img.image-border { border:1px solid #888; padding:0; }

blockquote { background-color:#eee; padding:5px; margin:0 0 15px 0; }
blockquote.other { background-color:#ddd !important; }
blockquote p.who { margin-bottom:0; margin-left:20px; }

table#logos td { text-align:center; padding:10px; }
table#logos a { text-decoration:none; }
table#logos a:hover { background-color:inherit; }

table#showrooms td { width:260px; height:352px; }
table#showrooms td#hobart { background:url(images/sr-hobart-DSC09860.jpg) no-repeat; }
table#showrooms td#glenorchy { background:url(images/sr-glenorchy-DSC09854.jpg) no-repeat; }
table#showrooms h3, table#showrooms p { color:#000; background-color:#fff; margin:0; }
td#hobart h3, td#hobart p { opacity:.6; filter:alpha(opacity=60); }
td#glenorchy h3, td#glenorchy p { opacity:.5; filter:alpha(opacity=50); }
table#showrooms p { line-height:17px; }


/* slideshow ============================================================ */

#slideshow { list-style:none; color:#fff; padding:0; }
/*
#slide-wrapper { border:1px solid red; }
*/
#slideshow span { display:none; }
#slide-wrapper { width:420px; margin:0; display:none; margin-top:-10px;
    font-style:oblique; color:#194b6e; font-size:12px; font-weight:bold; } /* margin:50px auto; */
#slide-wrapper * { margin:0; padding:0; }
#fullsize { position:relative; width:420px; height:278px; padding:0px; border:none; background:#fff; }
/*
#slide-info { position:absolute; left:0; top:144px; width:120px; margin-left:-10px; height:30px; background:#fff; color:#000; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70); } 
#slide-info h3 { color:#194b6e; text-align:center; padding:4px; font-size:10px; }
#slide-info p { display:none; padding:0 8px 8px; }
*/
#slide-info { display:none; }

#image { width:420px; }
#image img { position:absolute; left:0; z-index:25; width:auto; }
.imgnav { position:absolute; width:25%; height:278px; cursor:pointer; z-index:150; }
#imglink { position:absolute; height:278px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40); }

/*
.animright,.animright-border { width:142px; float:right; text-align:center; padding:10px; padding-bottom:35px; margin-left:10px !important;}
.animright-border { border:1px solid #6d0715; }
*/
.animright { width:142px; float:right; text-align:center; padding:0; 
    margin-left:10px !important; 
    margin-right:-10px !important; /* offset maincol padding */ 
    }

/* gallery pages */
#gallery-nav { padding:0 0 5px 5px; border-bottom:1px dotted #666; margin-bottom:10px; }
table#gallery td { text-align:center; }
table#gallery td a { text-decoration:none; background-color:transparent; }