/* -----------------------------------------------
   CSS Framework v2.2
   Copyright to James Kirby - www.jameskirby.me.uk
   Creative Commons Attribution-Noncommercial-No Derivative Works 2.0 UK: England & Wales License (http://creativecommons.org/licenses/by-nc-nd/2.0/uk/)
   Updated: Feb 24th 2009 12:43pm
----------------------------------------------- */

html { margin:0; padding:0; }
body { margin:0; padding:0; color:#292929; background:#e6e6e6 url("background.gif") top center repeat; font-size:0.8em; font-family:Arial,Helvetica,Sans-serif; }

img { border-style:none; display:block; }
img.inline,
#article img,
#sidebar img { display:-moz-inline-stack; display:inline-block; }
img.block, embed, object { display:block!important; }
img.icon,
img.arrow { display:-moz-inline-stack; display:inline-block; vertical-align:middle; }

form { margin:0 0 16px 0; padding:0; }
blockquote { margin:16px; }
hr { border:none 0; margin:16px 0; border-top:1px solid #b18560; height:0; }
p { padding:0; margin:0 0 16px 0; }

dt { font-weight:bold; margin-bottom:4px; }
dd { margin-bottom:16px; }

h1 { color:#48311f; font-size:1.4em; margin:0 0 20px 0; }
h2 { color:#48311f; font-size:1.3em; margin-top:0; }
h3 { color:#48311f; font-size:1.2em; margin-top:0; }
h4, h5, h6 { color:#48311f; font-size:1em; }

a,
a:visited { color:#48311f; text-decoration:underline; outline:none; }
a:focus,
a:hover { color:#815c41; text-decoration:underline; }
a:active { color:#48311f; text-decoration:underline; }

ul.none { list-style:none; margin:0 0 16px 0; padding:0; }
ul.none li { padding:0 0 1px 0; }

ul.arrow { list-style:none; margin:0 0 16px 0; padding:0; }
ul.arrow li { background:url("arrow.gif") left 0 no-repeat; padding:0 0 4px 24px; }

ul.social { list-style:none; margin:0 0 10px 0; padding:0; }
ul.social li { padding:0 0 3px 0; }
ul.social li.social_email { padding:10px 0 3px 0; } 
ul.social li img { display:-moz-inline-stack; display:inline-block; vertical-align:top!important; }

.clear { clear:both; height:0; overflow:hidden; }
.hide { display:none; }
.error { color:#FF0000; font-weight:bold; }
.nowrap { white-space:nowrap; }

.photoRight { float:right; margin:3px 0 7px 10px; }
.photoPortfolio { float:right; margin:3px 0 7px 10px; }
.photoLeft { float:left; margin:3px 10px 7px 0; }
.photoCentre { display:block; margin:0 auto; }
.center { text-align:center; }
.justify { text-align:justify; }

.uppercase { text-transform:uppercase; }
.nomargins { margin:0!important; padding:0!important; }

.article-left { width:48%; float:left; }
.article-right { width:48%; float:right; }
.article-rightalt { width:48%; float:right; text-align:right; }

.protection { unicode-bidi:bidi-override; direction:rtl; }

/* ----------------------
   Interface CSS
---------------------- */


#container { width:910px; margin:0 auto; position:relative; }

#accessibility { height:0; overflow:hidden; }
#accessibility p { text-indent:-9000px; }

#header { width:910px; height:212px; background:url("header.png") left top no-repeat; margin:13px 0 5px 0; }
#header p { margin:0; padding:73px 0 0 0; }
#header p a,
#header p a:visited { width:490px; height:56px; display:block; text-indent:-9000px; }

#header_title { margin:0 0 17px 151px; }

#header_branch { width:13px; height:17px; background:url("branch.png") left top no-repeat; position:absolute; top:58px; left:910px; }

#nav { margin-left:30px; }
#nav ul { margin:0; padding:0; list-style:none; }
#nav ul li { display:block; float:left; font-weight:bold; }
#nav ul li.alt { font-weight:normal; }
#nav ul li ul { display:none; -moz-border-radius:5px; -webkit-border-radius:5px; }
#nav ul li a { display:block; text-decoration:none; color:#ffffff; padding:4px 11px 4px 11px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#758e15 url("nav.png") left top repeat-x; margin-right:5px; white-space:nowrap; }
#nav ul li a:hover { background:#758e15 url("nav_over.png") left top repeat-x; }

#nav ul li:hover ul { display:block; position:absolute; padding-top:3px; }
#nav ul li:hover ul li { float:none; font-weight:normal; }

/* Flash Object Colour */
#photography { width:910px; overflow:hidden; margin-bottom:5px; }
#photography p { margin:0; padding:0; }
#photography p img { border:5px solid #b18560; }

#content { width:910px; background:#FFFFFF url("content_background.png") left top repeat-y; }
#content_header { width:850px; background:url("content_header.png") left top no-repeat; padding:40px 30px 4px 30px; line-height:1.4em; min-height:100px; position:relative; }
#content_footer { width:910px; height:33px; background:#FFFFFF url("content_footer.png") left top no-repeat; overflow:hidden; }

#contact { border-top:2px solid #b18560; padding-top:7px; margin-top:23px; font-size:0.93em; }
#contact h3 { margin-bottom:7px; color:#48311f; }
#contact a,
#contact a:visited { text-decoration:none; }

#leaf { width:23px; height:75px; background:url("leaf.png") left top no-repeat; position:absolute; top:49px; left:910px; }

#base { height:30px; }


/* ----------------------
   Content CSS
---------------------- */

.icon { display:-moz-inline-stack; display:inline-block; vertical-align:top!important; }
.right-padding { padding-right:90px; }

.col1 { float:left; width:263px; margin-right:30px; }
.col2 { float:left; width:263px; margin-right:30px; }
.col3 { float:left; width:263px; }

.wide-left { float:left; width:550px; }
.thin-right { float:right; width:270px; padding-top:13px; }


/* ----------------------
   Tables
---------------------- */

.table { margin-bottom:16px; width:100%; border-collapse:collapse; }
.table caption { text-align:left; font-size:0.85em; }
.table th,
.table td { border-bottom:1px solid #B4B4B4; padding:3px 0 3px 3px; }
.table th { text-align:left; vertical-align:bottom; }
.table th a,
.table th a:visited { text-decoration:none; }
.table th a:hover { text-decoration:underline; }
.table td { text-align:left; vertical-align:top; }
.table thead th,
.table thead td { border-bottom:2px solid #B4B4B4!important; font-weight:bold; }
.table tbody tr:hover { background-color:#E8E8E8; }
.table tbody tr.alt { background-color:#E8E8E8; }
.table tbody tr.alt:hover { background-color:#D1D1D1; }

/* ----------------------
   Contact Form
---------------------- */

#form { width:549px; clear:both; }
#form p { clear:both; }
#form label { width:150px; float:left; text-align:right; font-weight:bold; line-height:100%; margin-bottom:15px; }
#form input.field { float:right; margin:0; padding:3px; width:373px; margin-bottom:5px; font-family:Arial,Helvetica,Sans-serif; font-size:1em; }
#form select.field { float:right; margin:0; padding:3px; width:383px; margin-bottom:5px; font-family:Arial,Helvetica,Sans-serif; font-size:1em; }
#form textarea { float:right; margin:0; padding:4px; width:375px; margin-bottom:15px; font-family:Arial,Helvetica,Sans-serif; font-size:1em; }
#form small { color:#666; }
#form .submit { float:right; width:387px; display:block; margin-bottom:16px; }
#form .submit input { margin:0; padding:0; }
.form-error { color:#D20000; margin-left:166px; font-size:0.87em; font-weight:bold; padding:2px 0 0 0; }