/* general styles */
body, p, td, input, select, textarea, li, a, button { font-family: "Lucida Sans", "Tahoma", "Verdana", "sans-serif"; font-size: 7.5pt; color: #111; }
body { background: #6e574d url(images/bg.png) 0 -50px repeat-x; margin: 0; padding: 0; }
.small { font-size: 7pt; }
form { display: inline; }
.hidden { display: none; }

/* links */
a:focus, a:active, input:focus, input:active { -moz-outline: none; outline: none; border: none; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
a:visited { background: url(images/v-tick.png) no-repeat top right; padding-right: 9px; }
a.small:visited, a.plain:visited { background: none; padding: 0; }
a.small:hover, a.plain:hover { text-decoration: none; }
#rhc p { margin: 10px 0 0 17px; }

/* id specific */
#container { margin-top: 40px; }
#header { height: 105px; width: 863px; background: url(images/header.png) top left no-repeat; text-align: left; }
#body { height: 487px; width: 863px; background: url(images/body.png) top left no-repeat; text-align: left; }
#text_container { padding: 24px 0 0 32px; width: 455px; }
#box_container { padding: 0 0 0 21px; width: 440px; }
#box_text_container div { padding: 10px 0 0 22px; }
#lhc { float: left; width: 526px; position: relative; height: 475px; }
#rhc { float: left; background: url(images/flowers-bg.png) bottom right no-repeat; width: 325px; height: 475px; position: relative; }

/* footer */
#footer { clear: both; padding: 12px 13px 0 12px; }
#need_help { float: left; width: 335px; height: 8px; background: url(images/more-info.png) top left no-repeat; overflow: hidden; }
#legal_info { float: right; width: 321px; height: 18px; background: url(images/legal-info.png) top left no-repeat; overflow: hidden; }
#need_help span, #legal_info span { visibility: hidden; }

/* navigation */
#header div { padding: 68px 0 0 20px; }
#header img { display: none; }
#header a { display: block; float: left; height: 33px; overflow: hidden; }
#header a:hover { text-decoration: none; }
#header a:visited { padding: 0; }
#header a span { visibility: hidden; }
#home_link, #home_static { width: 65px; }
#home_link { background-image: url(images/nav-home-default.png); }
#home_link:hover { background-image: url(images/nav-home-hover.png); }
#home_static { background-image: url(images/nav-home-current.png); }
#portfolio_link, #portfolio_static { width: 92px; }
#portfolio_link { background-image: url(images/nav-portfolio-default.png); }
#portfolio_link:hover { background-image: url(images/nav-portfolio-hover.png); }
#portfolio_static { background-image: url(images/nav-portfolio-current.png); }
#services_link, #services_static { width: 85px; }
#services_link { background-image: url(images/nav-services-default.png); }
#services_link:hover { background-image: url(images/nav-services-hover.png); }
#services_static { background-image: url(images/nav-services-current.png); }
#contact_link, #contact_static { width: 84px; }
#contact_link { background-image: url(images/nav-contact-default.png); }
#contact_link:hover { background-image: url(images/nav-contact-hover.png); }
#contact_static { background-image: url(images/nav-contact-current.png); }

/* headings and paragraphs */
h1 { height: 12px; background: top left no-repeat; overflow: hidden; padding: 0; margin: 0 0 12px 0; }
h2 { background: top left no-repeat; overflow: hidden; padding: 0; margin: 0; display: block; }
h3 { height: 32px; width: 317px; background: top left no-repeat; overflow: hidden; padding: 0; margin: 0; display: block; }
h1 span, h2 span, h3 span { visibility: hidden; }
p { margin: 0 0 12px 0; line-height: 10.5pt; }
p.first_paragraph { text-transform: uppercase; color: #666; }

/* lists */
ul { list-style: none; padding: 0; margin: 0; }

/* contact page */
#contact_details td { vertical-align: top; padding: 5px 12px 7px 0; }
.contact_form { margin: 5px 0 0 17px; }
.contact_form td { vertical-align: middle; padding: 1px 12px 2px 0; }
.contact_form input { background: #D9EAD4 url(images/contact-input-bg.png); border: none; width: 200px; height: 15px; padding: 2px 4px; color: #53A43F; }
.contact_form .fake_textarea { background: #D9EAD4 url(images/contact-textarea-bg.png); border: none; width: 204px; height: 106px; padding: 2px 2px; color: #53A43F; overflow: hidden; float: left; }
.contact_form textarea { background: none; border: none; width: 200px; height: 98px; padding: 0; color: #53A43F; overflow: hidden; }
#send_details_btn { margin: 5px 0 0 155px; }
#send_callback_btn { margin: 5px 0 0 206px; }
#error_container { visibility: hidden; position: absolute; left: 0; top: 0; width: 325px; }

/* portfolio page */
.port_image_container { width: 476px; }
.port_image { width: 219px; position: relative; height: 181px; float: left; margin-right: 15px; border: 2px solid #333; }
.port_image a { position: relative; top: 153px; left: 149px; }
.port_image img { border: 0; }
.port_image div { display: none; cursor: pointer; position: absolute; top: 0; left: 0; background-image: url(images/caption-bg.png); width: 219px; height: 181px; }
.port_image div span { display: block; }
.port_image div p { color: #fff; padding: 10px 0 0 10px; margin: 0; width: 190px }
#other_portfolio_items { position: absolute; top: 215px; overflow: visible; }
#other_portfolio_items img { float: left; border: 2px solid #333; margin: 5px 13px 8px 0; height: 82px; width: 82px; }
#other_portfolio_items div { padding: 5px 0 0 17px; width: 350px; }

/* contact - callback selector */
#callback_when { background: #D9EAD4 url(images/contact-input-bg.png); width: 208px; color: #53A43F; }
#fake_callback_when { display: none; background-image: url(images/callback-when-bg.png); height: 15px; width: 200px; padding: 2px 4px; cursor: pointer; color: #53A43F; }
#callback_options { visibility: hidden; background: #D9EAD4 url(images/contact-callback-options-bg.png); position: absolute; bottom: 39px; width: 200px; height: 119px; padding: 4px 4px 2px 4px; opacity: 0.95; } 
#callback_options a { padding: 1px 0 1px 3px; display: block; border-bottom: 1px solid #b7d8af; color: #53A43F; }
#callback_options a:visited { padding: 1px 0 1px 3px; background: none; }
#callback_options a:hover { text-decoration: none; background-color: #b7d8af; }

/* contact - large editor */
#mask { display: none; position: absolute; right: -1px; top: 1px; width: 334px; height: 474px; background: #fff url(images/right-panel-bg.png) top right no-repeat; }
#editor_container { visibility: hidden; position: absolute; right: 32px; top: 17px; padding: 1px; width: 275px; }
#editor_container2 { padding: 0; border: 1px solid #b7d8af; margin-top: 8px; background: #D9EAD4; }

/* labels */
#map_link { display: block; height: 16px; width: 84px; background: url(images/labels/map-and-directions.png) top left no-repeat; overflow: hidden; margin-top: 3px; }
#map_link span { visibility: hidden; }
#not_in_uk_link { display: block; height: 7px; width: 59px; background: url(images/labels/not-in-the-uk.png) top left no-repeat; overflow: hidden; margin-top: 1px; }
#not_in_uk_link span { visibility: hidden; }
#more_space_link { display: none; height: 18px; width: 55px; background: url(images/labels/more-space.png) top left no-repeat; overflow: hidden; margin-top: 3px; }
#more_space_link span { visibility: hidden; }

/* services */
#other_services { margin: 10px 0 0 17px }
#other_services li { margin: 0 0 2px 0; width: 280px; }

.plain_page { height: 430px !important; width: 485px !important; margin-top: 2px; overflow: auto; padding-bottom: 20px !important; }
.plain_page h1 { height: 25px; }
.plain_column #other_services { line-height: 12.5px; }