/* Global Reset
=========================================== */
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, 
table, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent }
p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, address, fieldset { margin-bottom: 20px }
body { line-height: 1; }
ol, ul { list-style: none }
blockquote, q { quotes: none }
blockquote:before, q:before, blockquote:after, q:after { content: '' }
:focus { outline: 0 }
ins { text-decoration: none }
del { text-decoration: line-through }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0 }

/* Structure
=========================================== */
body { font-size: 62.5%; background: #e2f6a5; text-align: center }
#wrapper { width: 960px; font: 1.1em/1.6 Verdana,Tahoma,Arial,sans-serif; padding: 20px; text-align: left; margin: 0 auto }
#branding { margin-bottom: 20px; border-bottom: 1px #999 solid }

.graph { clear: both; background: #FFF; border: 1px #E1E1E1 solid; padding: 0 12px 12px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 12px 0; box-shadow: 3px 3px 3px #E6E6E6; -moz-box-shadow: 3px 3px 3px #E6E6E6; -webkit-box-shadow: 3px 3px 3px #E6E6E6}

#insights a, .powered, .gadget img, .gadget .title, .risingSearches, .gadget tbody > tr:first-child { display: none }

.keywordTrends, .risingSearches, .topSearches { float: left; position: relative; display: inline; width: 450px }
.risingSearches, .topSearches { width: 400px }
.keywordTrends { border: 1px #E1E1E1 solid; margin: 0 8px 8px 0; padding: 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px }
.keywordTrendsalt { margin-right: 0 }
.keywordTrends h4 { margin: 0 0 0 4px }

.tabs { margin: 0 }
.tabs li { float: left; position: relative; display: inline; margin: 0 12px 0 0 }
.tabs li a { display: block; padding: 4px; background:#EFEFEF; border: 1px #DBDBDB solid; color: #727272 }

/* Typography
=========================================== */
h1,h2,h3,h4,h5,h6 { clear: left; color: #DB0962; font-family: "Arial Black",Arial,sans-serif }
h2,h3,h4,h5,h6,p,dl,ul,ol { margin: 10px 0 }
h1 { font-size: 3em }
h2 { font-size: 2em }
h3 { font-size: 1.5em }
h4 { font-size: 1.35em }
ul, ol { margin: 0 0 20px 20px; }
ul { list-style: circle }
.pos { color: #009933 }
.neg { color: #990033 }

/* Forms
=========================================== */
fieldset { border: 1px #999 solid; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px }
legend { padding: 0 10px }
input { background: yellow }
form li { position: relative; clear: left }

#setOptions { display: block; width: 160px; font-size: 90% }
#setOptions label { width: 32px }
.date-pick { width: 60px; font-size: 95%; margin: 0 4px }
.dp-choose-date { display: block; width: 16px; height: 16px; text-indent: -9999em; background: red }

#setOptions label, #setOptions input, #setOptions .dp-choose-date { float: left; position: relative; display: inline; height: 16px }

/* Charts
=========================================== */

/* Tables
=========================================== */
.tableWrap { background: url(images/wrap.jpg) no-repeat bottom left; padding-bottom: 17px; margin: 22px -30px 6px }
.dataTable { font-size: 90%; background: #FFF; width: 100%; border: 1px #CCC solid }
.dataTable th, .dataTable td { font-weight: normal; text-align: left; padding: 2px }
.dataTable th, .dataTable .th { font-size: 90% }
.dataTable tbody td { font-size: 90%; border: 1px #BFBFBF solid }
.dataTable thead { background: #676767; color: #FFF }
.dataTable tbody tr { background: #F2F2F2 }
.dataTable tbody tr.total td { font-weight: bold }
.dataTable tbody tr.odd { background: #D8D8D8 }
.dataTable tbody td.archive, .dataTable tbody td.est { color: #808080; font-size: 70% }
.dataTable thead th.archive, .dataTable thead th.est { color: #C0C0C0; font-size: 70% }
#kpis table { font-size: 120% }
.dataTable tbody .est { font-style: italic }
.dataTable tbody .highlight { font-weight: bold }

/* Links 
=========================================== */
a { text-decoration: underline; color: #999 }
a:focus, a:hover { color: #999 }

/* Tools
=========================================== */
.discreet, hr, #logo img, .cal h2 { position: absolute; top: -9999em; left: -9999em; display: none }
.clear { clear: both }
div.clear { font-size: 1px; height: 1px; overflow: hidden }
.fee-field { background-color: #FFFFA5 !important; display: block }

/* Site Container
=========================================== */

#page-layout { width: 950px; height: 810px; margin: 20px auto; background: url('../images/backdrop.jpg') }

/* Header
=========================================== */

#logo { width: 185px; height: 90px; background: url('../images/abmdesign.png'); float: left; margin: 6px 0 0 5px }
#menu-holder { width: 700px; height: 47px; float: left; margin: 21px 5px 0 25px }
#menu-left { width: 9px; height: 47px; float: left; background: url('../images/menu-left-side.jpg')}
#menu-inner { height: 47px; background: url('../images/menu-inner-repeat.jpg') }
#menu-right { width: 9px; height: 47px; float: right; background: url('../images/menu-right-side.jpg')}
#main-image { width: 948px; height: 400px; background: url('../images/abm-expert-design.png'); position: relative; margin-top: 10px }

.menu-spacing { margin: 0; padding: 0 }
.home-link { height: 47px; width: 154px; float: left; background: black url('../images/home-link.jpg'); margin: 0; padding: 0; list-style: none }

#contact-envelope { width: 216px; height: 232px; position: absolute; bottom: 0; right: 25px }

/* Content Area - Homepage
=========================================== */

#main-content-holder { width:100%; height:36%; padding: 12px 0 0 0 }

#abm-home-para { width: 690px; height: 188px; background: #f3f8df; border: 1px #8ea640 dotted; margin: 0 0 0 10px; padding: 10px 10px 0 10px; font: 1em/1.6 Verdana,Tahoma,Arial,sans-serif; font-weight: bold; text-align: left; float: left  }
.abm-para { margin: 0; padding: 0 }

.green-highlight { color: #516522 }
.orange-highlight { color: #9a5700 }

.colour-title { margin: 0; padding: 0 }
.box-para { margin: 0; padding: 0 }

#comitment-para { width: 197px; height: 95px; float: left; margin: 30px 0 0 20px }
#experience-para { width: 197px; height: 95px; float: left; margin: 30px 0 0 30px }
#dedication-para { width: 197px; height: 95px; float: left; margin: 30px 0 0 30px }

#mini-portfolio { width: 213px; height: 201px; float: left; margin: 0 0 0 5px; background: url('../images/drafting-design-expert.png')  }

.mini-folio { font-size: 1.5em }

#footer { width: 940px; height: 75px; background: #acbf5e url('../images/footerbg.jpg'); margin: 10px 0 5px 5px }
#foot-logo { width: 200px; height: 75px; float: left; background: #acbf5e url('../images/footerlogo.jpg'); }