/*RESETS*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
body { line-height:1; }
ol, ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }

/* remember to define focus styles! */
:focus { outline:0; }

/* remember to highlight inserts somehow! */
ins { text-decoration:none; }
del { text-decoration:line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse:collapse; border-spacing:0; }

/* bespoke resets */
.field { padding-bottom:6px; zoom:1; }
.field:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.text { font:1em/12px Tahoma, Arial, Helvetica, sans-serif; padding:3px 2px 3px 3px; }
label { padding:0 10px 5px 0; }
textarea.text { padding:3px 2px 3px 3px; }


/*SITE STYLES*/
body { background:url(/images/body_bg.png) no-repeat 50% -800px #C61A1A; font:.6875em/15px Tahoma, Arial, Helvetica, sans-serif; color:#000; }
a { color:#8B492E; text-decoration:underline; }
a:hover { text-decoration:none; }
#wrapper { width:818px; height:538px; margin:-283px 0 0 -409px; background:url(/images/site_container.png) no-repeat 0 0; _background-image:url(/images/site_container_ie6.gif); position:absolute; top:50%; left:50%; }
#wrapper_sleeve2 { padding:53px 49px 0 46px; zoom:1; }
#logo { width:257px; height:106px; float:left; }
#logo a { display:block; position:relative; }
#logo img { display:block; position:absolute; top:0; left:0; }
#colour_changer { width:56px; float:right; padding:0 7px 0 0; }
#colour_changer a { float:right; width:49px; height:26px; margin-bottom:3px; }
#colour_changer a.cc_green { background-color:#4E9805; }
#colour_changer a.cc_brown, #contact div.submit #contact_submit, .scrollbar .handle { background-color:#C61A1A; }
#colour_changer a.cc_yellow { background-color:#0066CC; }
.content_container h2, .content_container h3, #nav ul li a { border-color:#C61A1A; }
#nav { width:500px; height:31px; overflow:hidden; padding-right:140px; position:relative; float:right; }
#nav ul { float:right; }
#nav ul li { float:left; }
#nav ul li a { float:left; text-decoration:none; padding:5px 8px 20px; margin-right:2px; text-transform:uppercase; color:#000 !important; background:url(/images/nav.gif) repeat-x 0 0; border-style:solid; border-width:2px 2px 0; position:relative; top:5px; }
#nav ul li.last a { margin-right:0; }
#nav ul li.current a { top:0 !important; }

#contact label { width:100px; float:left; }
#contact .text { width:300px; float:left; border:1px solid #8B492E; }
#contact #tel.text { width:200px; display:none; }
#contact .cb { float:left; margin-right:10px; margin-left:0; }
#contact div.submit { position:absolute; right:30px; top:14px; }
#contact div.submit #contact_submit { float:right; width:100px; height:30px; color:#FFF; border:2px solid #CCC; text-transform:uppercase; font-weight:bold; cursor:pointer; padding:0; }
#contact div.submit #contact_submit:hover, #contact div.submit #contact_submit:focus { border-color:#000; }
#contact #contact_result { display:none; }
#contact form { padding-top:5px; }


#content { clear:both; padding:20px 0 0 25px; zoom:1; }
#content_sleeve { width:675px; height:232px; position:relative; overflow:hidden; border:solid #CCC; border-width:0 1px; }
.content_section { width:675px; float:left; background:url(/images/work_scroller_bg.gif) no-repeat 100% 0; }
.content_container { width:565px; height:230px; overflow:hidden; float:left; }
.content_container_sleeve { padding-top:10px; padding-left:14px; width:550px; }
.content_wrapper { height:230px; border:solid #CCC; border-width:1px 0; }
#sliding_container { position:absolute; }
.content_container h2, .content_container h3 { font:bold 1.545em/19px Arial, Helvetica, sans-serif; width:400px; border-bottom-width:4px; border-style:solid; padding:0 0 3px; margin-bottom:8px; }
.content_container h3 { font-size:1.273em; line-height:16px; width:300px; }
.content_container p { padding-bottom:15px; }

/*scrollbars*/
.scrollbar { float:right; width:18px; height:230px; border:solid #CCC; border-width:0 0 0 1px; background:#EEE; }
.scrollbar .handle { width:18px; height:67px; background:url(/images/scrollbar.gif) no-repeat 4px 50%; }

.hide { position:absolute; left:-9999px; top:0; }
/*#nav ul li:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }*/

#work { border:0; }
#work .scrollbar { border-style:solid; border-color:#CCC; }
#work #content_work_thumbs { width:122px; padding:0; }
#work #content_work_thumbs .content_container_sleeve { padding:9px 0 0 9px; }
#work #scrollbar_work_thumbs { border-width:0 0 0 1px; }
#work #scrollbar_work { border-width:0 0 0 1px; }
#work #content_wrapper_work_thumbs { border-width:1px 1px 1px 0; border-style:solid; border-color:#CCC; width:146px; float:left; }
#work #content_wrapper_work { border-width:1px 0 1px 1px; border-style:solid; border-color:#CCC; width:500px; float:right; position:relative; overflow:hidden; }
#work #content_wrapper_work .work_section { width:500px; height:230px; float:left; background:url(/images/work_scroller_bg.gif) no-repeat 100% 0; }
#work #content_work { position:absolute; }
#work #content_work .work_scrollpane { width:360px; height:230px; overflow:hidden; float:left; }

#work .content_container_sleeve { width:auto; }
#work .content_container_sleeve li { padding-bottom:9px; }
#work .content_container_sleeve li a { display:block; width:104px; height:104px; }
#work .content_container_sleeve img { display:block; border:2px solid #8B492E; border-color:#CCC; }
#work .content_container_sleeve a:hover img, #work .content_container_sleeve a:focus img, #work .content_container_sleeve li.current img { border-color:#333; }

#footer { padding:48px 0 0; }
#footer ul { float:right; }
#footer li { float:left; border-left:1px solid #333; margin-left:5px; padding:0 0 2px 5px; }
#footer li.first { border:0; }
#footer a { color:#555; }

.strap {
  text-align: center;
  font-size: 18px;
}