/* 
Package:  AJ Roberts
Media:  Screen
Type:  Layout and Text styles
Author:  Turn Key
Author URL:  www.turnkey.eu.com
*/

/***** Resets *******/

/* * { border: 1px solid #fff !important; } */

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, b, u, i, 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; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }


/**** Base Styles ********/

html { height: 100.1% !important; }

body { height: 100.1% !important; font-family: Arial; font-size: 14px; color: #3A454F; background-color: #000; }


/**** Layout & Positioning ********/

#container { width: 925px; margin-top: 24px; margin-bottom:24px; margin-left:auto; margin-right:auto; border:none; }

#header { width: 756px; height: 75px; float: right; }

#branding { width: 100px; float: left; }

#tel { float: right; }

#content {  }

#nav { margin-top: 0 !important; padding-top: 0 !important; font-family: "Georgia", Times, Times New Roman, Serif; font-size: 14px; color: #ccc; font-weight: 100 !important; float: left; }

#content-main { float: right; width: 756px; }

#content-intro { font-family: "Georgia", Times, Times New Roman, Serif; font-size: 18px; color: #b7aa83; float: left; width: 756px; margin: 15px 0 15px 0; }

#content-left { font-family: "Georgia", Times, Times New Roman, Serif; font-size: 18px; color: #fff; float: left; width: 365px; }

#content-right { font-family: Arial, sans-serif; font-size: 13px; color: #bdbdbd; float: right; width: 365px; line-height: 15px; margin-top: 4px; }

#content-cta { padding: 35px 0 5px 0; }

.clearall { clear: both; }

#footer { font-family: Arial, sans-serif; font-size: 10px; color: #666; padding-top: 8px; *margin-bottom: 10px; }

#tel { margin-top: 33px; }

#casestudy-intro { font-family: "Georgia", Times, Times New Roman, Serif; font-size: 16px; color: #fff; float: left; width: 756px; margin: 0 0 35px 0; }

.accred { margin-top: 22px; }


/**** Formatting & Styling *******/

h1 { font-weight: 100; font-size: 18px; }

h2 { font-weight: 100; font-size: 16px; margin-bottom: 26px; line-height: 22px; }

#content-left p { margin-bottom: 24px; line-height: 22px; }

#content-right p { margin-bottom: 12px; line-height: 16px; }

#nav ul { margin-top: 0 !important; padding-top: 0 !important; }

#nav ul li { padding-top: 5px; color: #ccc; border-top: 1px solid #b7aa83; line-height: 29px; }

#nav ul li ul li { border-top: 0 !important; line-height: 12px; }

#nav ul li ul { border: 0 !important; }

#nav ul li ul.subnav { margin-top: 4px; margin-bottom: 2px; }

#nav a { letter-spacing: 0.5px; color: #999; font-size: 14px; font-weight: 100; text-decoration: none; }

#nav li { padding-bottom: 6px; text-width: 14px; letter-spacing: -1px; line-height: 16px; *list-style-position: outside; }

#nav a:link { color: #fff; }

#nav a:visited { color: #fff; }

#nav a:hover { color: #b7aa83 !important; }

#nav a:active { color: #999; }

li.currentpage {  }

li.currentpage a { color: #b7aa83 !important; }

#nav ul li.homelink { margin-top: 0 !important; padding-top: 0 !important; border-top: 0; }

a.homelink { margin-top: 0 !important; padding-top: 0 !important; }

.telno-gold { font-family: Arial, sans-serif; font-size: 16px; color: #b7aa83; }

.telno-white { font-family: Arial, sans-serif; font-size: 16px; color: #fff; }

#nav ul li ul.subnav li a { color: #999; }

#nav ul li ul.subnav li.subnavfirst a { color: #fff !important; }

#nav ul li ul.subnav li.subnavfirst a:hover { color: #b7aa83 !important; }

#nav ul li ul.subnav li.subnavfirst.currentpage a { color: #b7aa83 !important; }

.gold { color: #b7aa83 !important; margin: 0 !important; padding: 0 !important; }

.case-study { height: 130px; font-family: Arial, sans-serif; font-size: 15px; color: #bdbdbd; float: left; width: 365px;  }

.case-study-img { float: left; margin-right: 10px; margin-bottom: 50px; }

.case-study-text p { float: left; width: 300px; margin: 0 0 5px 0; padding: 0; line-height: 15px !important; }

.case-study-text p.gold { vertical-align: bottom; line-height: 12px !important; margin-bottom: 6px; *line-height: 15px !important; }

#content-right ul { margin-bottom: 5px; }

#content-cta a:hover { opacity: 0.7 }

.footer-copyright { float: left; }

#footer-links-list { list-style: none; margin: 0; padding: 0; float: right; }

#footer-links-list li { float: left; }

#footer-links-list li a { color: #666; text-decoration: none !important; display: block; margin-left: 6px; }

#footer-links-list li a:hover { color: #b7aa83; }

.gold a { color: #b7aa83 !important; text-decoration: none !important; }

.gold a:hover { text-decoration: underline !important; }

img.hidden { display: none; }

p.hidden { display: none; }

a.hidden { display: none; }

.small-grey { font-family: Arial, sans-serif; font-size: 11px; color: #929292; float: right; width: 365px; line-height: 14px; margin-top: 4px; }

.footer-turnkey { float: right; margin-top: 6px; margin-bottom: 30px; }

.footer-turnkey a { color: #666 !important; text-decoration: none !important; }

.footer-turnkey a:hover { color: #b7aa83 !important; }

.case-study-text a { font-family: Arial, sans-serif; font-size: 13px; color: #bdbdbd;  }

.case-study-text a:hover { color: #b7aa83 !important; }

li.mrpaddy { padding-top: 10px !important; }

.bold { font-weight: 700; }

.h2-contact { margin-bottom: 10px; }

a.small-white-link { font-family: Arial, sans-serif; font-size: 11px; color: #fff; text-decoration: none;  }

a:hover.small-white-link { color: #b7aa83 !important; }

.error { background-color: #929292; color: #fff; font-weight: 700; padding: 5px !important; margin: 0 0 9px 0 !important; }
 
.message { background-color: #929292; color: #fff; font-weight: 700; padding: 5px !important; margin: 0 0 0 0 !important; }


/**** Forms *******/

#theform { font-family: Arial, sans-serif; font-size: 11px; color: #929292; float: right; width: 365px; }

#theform label { font-family: Arial, sans-serif; position: absolute; text-align:left; width:90px; }

#theform input { font-family: Arial, sans-serif; font-size: 11px; margin-left: 90px; margin-bottom: 6px; width:268px; }

#theform textarea { padding: 3px; font-family: Arial, sans-serif; font-size: 11px; margin-left: 90px; margin-bottom: 5px; width:266px; height: 60px; }

#theform a { font-family: Arial, sans-serif; font-size: 11px; color: #fff; text-decoration: underline;  }

#theform a:hover { color: #b7aa83 !important; }


/**** Admin *******/

#addcase { font-family: Arial, sans-serif; font-size: 15px; color: #fff; float: left; width: 365px; }

#addcase label { font-family: Arial, sans-serif; position: absolute; text-align:left; width:170px; }

#addcase input { font-family: Arial, sans-serif; font-size: 11px; margin-left: 170px; margin-bottom: 15px; width:268px; }

#addcase textarea { padding: 3px; font-family: Arial, sans-serif; font-size: 11px; margin-left: 170px; margin-bottom: 15px; width:266px; height: 60px; }

#addcase select { font-family: Arial, sans-serif; font-size: 11px; margin-left: 170px; margin-bottom: 15px; }

#listall { width: 100%;font-family: Arial, sans-serif; font-size: 12px; color: #fff; }


#listall tr td { vertical-align: top; padding-bottom: 15px !important; padding-top: 15px !important; }

#listall tr { border-bottom: 1px solid #fff; }

.titlewidth { width: 120px; font-weight: 700; }

.descwidth { width: 160px; }

#listall a { color: #fff !important; }

#listall a:hover { color: #b7aa83 !important; }

#listall .image-large img { padding: 0; height: 50px !important; }

#listall .image-thumb { padding-left: 17px; }

.uploadtext { color: #fff !important; }

.cszeropad { margin-bottom: 4px !important; }

.importantinfo { font-family: Arial, sans-serif; margin-top: 10px; width: 117px; font-size: 12px; border: 1px solid #c3c3c3; padding: 10px; }