* { margin: 0; padding: 0; }
body { font: 12px arial, verdana, helvetica, sans-serif;  /* 16px × 62.5% = 10px */ background: #0591D6 url(../images/layout/wallpapers/wallpaper-3.jpg) top left repeat; color: #626465; position: relative; }
.cmswizardcover { display: none; }

/*content styles*/
h1 { font-size: 20px; margin: 0px 0 12px 0; color: #0591D6; font-weight: normal; font-family: 'century gothic', arial, helvetica, sans-serif; text-transform: lowercase; }
h2 { font-size: 16px; margin: 0px 0 12px 0; color: #0591D6; font-weight: normal; font-family: 'century gothic', arial, helvetica, sans-serif; text-transform: lowercase; }
h3 { font-size: 14px; margin: 0px 0 12px 0; color: #0591D6; font-weight: normal; font-family: 'century gothic', arial, helvetica, sans-serif; text-transform: lowercase; }
h4, h5, h6 { font-size: 13px; margin: 12px 0 12px 0; color: #0591D6; font-weight: normal; font-family: 'century gothic', arial, helvetica, sans-serif; text-transform: lowercase; }

p { margin: 0 0 12px 0; }

ol { margin: 12px 0 12px 0px; padding: 0 0 0 16px; }
ul { margin: 12px 0 12px 0px; padding: 0 0 0 14px; list-style-image: url(../images/layout/list-bullet.png); }
dl { margin: 8px 0 8px 0; padding: 0 0 0 10px; }
dl dd { margin: 0; padding: 0 0 0 20px; }
dl dt { margin: 0; padding: 0; font-weight: bold; }

code, samp { font: 10px 'lucida console', 'andale mono', 'courier new', courier; margin: 0 0 12px 0; }
kbd { font: 13px 'courier new', courier, 'lucida console', 'andale mono'; }
var { font-style: normal; font: 12px 'lucida console', 'andale mono', 'courier new', courier; font-weight: bold; }
pre { font-size: 13px; margin: 0 0 0px 0; padding: 0 0 0 0; }
blockquote { margin: 20px 0px; padding: 0px; font-style: italic; }
blockquote p { padding: 0; margin: 0; }

table { font-size: 12px; border: 1px solid #dddddd; margin: 6px 0 18px; text-align: left; clear: both; border-collapse: collapse; }
tr th { font-size: 12px; font-weight: bold; text-align: left; padding: 4px; border: 1px solid #dddddd; vertical-align: middle; background: transparent; }
table tr td { padding: 4px; font-size: 12px; border: 1px solid #dddddd; vertical-align: top; }
table tr td p { font-size: 12px; vertical-align: top; margin: 0; padding: 0; }

a img { border: 0; }

/*basic form and fieldset setup*/

form {  }
form fieldset { border: 1px solid #cccccc; padding: 10px; margin: 0 0 12px 0; }
form fieldset div { clear: both; margin: 0 0 12px 0; }
div#content input, div#content select, div#content textarea, div#content checkbox { margin: 8px 0 0 0; border: 1px solid #9E9E9F; padding: 2px 4px; }
div#content input:focus, div#content textarea:focus { background: #D0DBDF /*#E0EBEF*/ /*#00A7E9*/; color: #000000; border: 1px solid #9E9E9F; }
from input { vertical-align: text-bottom; }

form#payinvoice { clear: both; width: 846px; }
form#payinvoice fieldset fieldset { width: 380px; padding: 10px; margin: 0; }
form#payinvoice fieldset div.left { width: 400px; float: left; }
form#payinvoice fieldset div { clear: none }
form#payinvoice fieldset fieldset div { clear: both; } 
form#payinvoice fieldset div.right { width: 400px; float: right; }

/*layout*/

div#container { width: 970px; margin: 0 auto 20px auto; clear: both; position: relative; }

div#headers, div#banner, div#content, div#footers { clear: both; padding: 0 32px; }

div#headers { background: url(../images/layout/header-bg.png) top center no-repeat; height: 180px; padding-top: 12px; overflow: hidden; }
a#sitetitle { width: 101px; height: 0; padding-top: 114px; background: url(../images/layout/logo.gif) top left no-repeat; overflow: hidden; display: block; float: left; margin: 10px 0 0 15px; }
div#headers ul { float: right; margin: 114px -2px 0 0; padding: 0; list-style-image: none; list-style-type: none; font-size: 10px; }
div#headers ul li { float: left; margin: 0 0 0 10px; }
/*div#headers ul li a { display: block; height: 0; padding-top: 70px; overflow: hidden; width: 100px; text-decoration: none; }*/
div#headers ul li a { display: block; height: 62px; width: 100px; padding: 8px 0 0px 0; overflow: hidden; text-decoration: none; background: url(../images/layout/menu/top.png) top left no-repeat; color: #626465; text-decoration: none; text-align: center; }
div#headers ul li a:hover, div#headers ul li a.on, div#headers ul li a.on:hover { background: url(../images/layout/menu/top-hover.png) top left no-repeat; color: #ffffff; text-decoration: none; }

div#banner { background: url(../images/layout/banner-bg.png) top center no-repeat; height: 323px; text-align: center; padding-top: 2px; }

div#content { background: url(../images/layout/content-bg.png) top center repeat-y; min-height: 340px; padding: 12px 64px 12px 64px; text-align: left; }
div#content p { line-height: 1.5em; }

div#content a { color: #747677; text-decoration: underline; }
div#content a:hover { color: #AEB0B1; text-decoration: underline; }

strong { color: #626465; /*color: #0591D6;*/ font-weight: bold; }
em { font-style: italic; font-weight: bold; color: #0591D6; }
div.left { float: left; width: 400px; margin: 0; }
div.right { float: right; width: 400px; margin: 0; }
hr.clear { clear: both; height: 0; border: 0; visibility: hidden; }
div.clear { clear: both; }

div#footers { background: url(../images/layout/footer-bg.png) top center no-repeat; height: 58px; padding: 12px 64px 0 64px; font-size: 11px; text-align: center; color: #AEB0B1; }
div#footers form { width: 160px; float: left; }
div#footers input#searchfor { width: 100px; margin: 0 12px 0 0; border: 1px solid #cccccc; padding: 2px 4px; }
div#footers input#searchgo { width: 24px; border: 0; background: #ffffff; margin: 2px 0 0 0; }
div#footers input { float: left; }
div#footers fieldset { border: 0; }
div#footers legend { display: none; }
div#footers ul { list-style: none; margin: 8px 0 6px 0; padding: 0; }
div#footers ul li { display: inline; margin: 0 24px 0 0; }
div#footers a { text-decoration: none; color: #AEB0B1; }
div#footers a:hover { text-decoration: none; color: #D3D3D3; }
div#footers p { clear: both; }

p#copyright { text-align: right; color: #ffffff; padding: 0 32px; }
p#copyright a { text-decoration: none; color: #ffffff; }
p#copyright a:hover { text-decoration: none; color: #D3D3D3; }

#sections { background: url(../images/layout/sections-bg.png) top center repeat-y; height: 60px; }
#sections ul { margin: 0; padding: 0; list-style-image: none; list-style-type: none; margin: 0 64px; }
#sections ul li { float: left; margin: 0 6px 0 6px; font-size: 10px; }
#sections ul li a { display: block; width: 128px; height: 34px; padding: 16px 0 0px 0; overflow: hidden; background: url(../images/layout/menu/sections.png) top center no-repeat; color: #626465; text-decoration: none; text-align: center; }
#sections ul li a:hover, #sections ul li a.on, #sections ul li a.on:hover { background: url(../images/layout/menu/sections-on.png) top center no-repeat; color: #ffffff; text-decoration: none; }

div#content ul { margin: 0 0 12px 0; }
div#content ul.bigtextlist { font-size: 14px; margin: 0 0 0 36px; }
div#content ul li { margin: 0 0 4px 0; }
div#content ul.bigtextlist li { margin: 0 0 9px 0; }

/*div.breakout { margin: 0 0 12px 12px; background: #dddddd; padding: 14px; clear: both; margin: 0 12px 36px 12px; font-size: 16px; }
div.breakout p { margin: 0; line-height: 2.5em; }
div.breakout p:first-letter { font-size: 64px; text-transform: uppercase; float: left; }*/

/*temp portfolio*/
#gall-next { width: 35px; height: 0; padding-top: 34px; overflow: hidden; display: block; background: url(../images/button_next.png) top left no-repeat; float: right; }
#gall-back { width: 35px; height: 0; padding-top: 34px; overflow: hidden; display: block; background: url(../images/button_back.png) top left no-repeat; float: left; }
#flipimage { padding: 9px; border: 1px solid #cccccc; }

/*latest news*/
div#content div.latest { background: url(../images/layout/latest-4.jpg) top left no-repeat; height: 102px; width: 386px; padding: 7px; margin: 0 0 12px 0; }
div#content div.latest img { float: right; margin: -29px 0 0 12px; width: 94px; height: 94px; padding: 3px; background: #ffffff; border: 1px solid #cccccc; }
div#content div.latest h4 { margin: 0 0 12px 0; color: #0591D6; float: left; clear: left; width: 270px; }
div#content div.latest p { float: left; clear: left; width: 270px; }
div#content div.latest a { color: #0591D6; text-decoration: none; }
div#content div.latest a:hover { color: #444444; text-decoration: none; }

/*if there's no banner*/
#nobanner { height: 32px; background: url(../images/layout/nobanner-bg.png) top center no-repeat; }


/*apex cms feature list table styles*/

table#apexfeaturelist { font-size: 12px; border: 0px; margin: 6px 0 18px; text-align: left; clear: both; position: relative; }
table#apexfeaturelist thead { border: 0; background-color: transparent; position: relative; }
table#apexfeaturelist thead tr#headerrow { border: 0; background-color: transparent; padding: 0; }
table#apexfeaturelist thead tr th { font-size: 12px; font-weight: bold; text-align: left; border: 0px; vertical-align: bottom; color: #ffffff; background: #ffffff; height: 76px; width: 160px; overflow: hidden; }
table#apexfeaturelist thead tr th img { display: none; }
table#apexfeaturelist tr { border: 0; }
table#apexfeaturelist tr td { padding: 4px; font-size: 12px; vertical-align: middle; text-align: center; min-width: 60px; border: 0; border-bottom: 1px solid #dddddd; }
table#apexfeaturelist tr td.featurename { text-align: left; }
table#apexfeaturelist tr td p { font-size: 12px; vertical-align: top; margin: 0; padding: 0; }
table#apexfeaturelist thead th#coreheader, table#apexfeaturelist thead th#stdheader, table#apexfeaturelist thead th#proheader { width: 160px; vertical-align: top; }
table#apexfeaturelist thead th#coreheader { background: url(../content/cmslogos/core-head.png) top right no-repeat; }
table#apexfeaturelist thead th#stdheader { background: url(../content/cmslogos/std-head.png) top right no-repeat; }
table#apexfeaturelist thead th#proheader { background: url(../content/cmslogos/pro-head.png) top right no-repeat; }
table#apexfeaturelist thead th#featureavail { color: #ffffff; width: 210px; }
span.extrasetuprequired { color: #ff0000; font-size: 18px; font-weight: bold; }
hr.line { border: 1px solid #dddddd; border-width: 1px 0 0 0; clear: both; width: 730px; }

/*portfolio floaty divs */

#tattookitinfo, #styletechinfo, #harrisoninfo, #chaletinfo, #rawinfo, #realstateinfo, #ups2info, #beresinfo, #homelifeinfo, #chambersinfo, #flintinfo, #sheffieldclinicinfo { padding: 20px; width: 820px; height: 328px; background: url(../images/layout/portfolio-bg.png) top center no-repeat; clear: both; }
div.portfoliofloat div.info { width: 350px; float: left; clear: left; margin: 10px 0 0 10px; padding: 10px; background: #ffffff; height: 284px; border: 1px solid #cccccc; }
div.portfoliofloat img { width: 380px; float: right; clear: right; padding: 10px; border: 1px solid #cccccc; margin: 10px 10px 0 0; background: #ffffff; }
div.portfoliofloat p { margin: 0 0 8px 0; }
/*div.portfoliofloat p.closelink { position: fixed; top: 400px; }*/
a.allofflink { margin: 10px 0 0 0; width: 346px; height: 0; padding-top: 42px; background: url(../images/layout/close.png) top left no-repeat; overflow: hidden; display: block; }
a:hover.allofflink { background: url(../images/layout/close-hover.png) top left no-repeat; }


/* big portfolio floaty divs */

#idhere { padding: 20px; width: 820px; height: 600px; background: url(../images/layout/bigportfoliobg.png) top center no-repeat; clear: both; }
div.portfoliofloatbig div.info { width: 184px; float: left; clear: left; margin: 10px 0 0 10px; padding: 10px; background: #ffffff; height: 484px; border: 1px solid #cccccc; }
div.portfoliofloatbig img { width: 550px; height: 484px; float: right; clear: right; padding: 10px; border: 1px solid #cccccc; margin: 10px 10px 0 0; background: #ffffff; }
div.portfoliofloatbig p { margin: 0 0 8px 0; }
div.portfoliofloatbig a.allofflink { margin: 10px 0 0 0; width: 184px; height: 0; padding-top: 42px; background: url(../images/layout/small-close.png) top left no-repeat; overflow: hidden; display: block; }
div.portfoliofloatbig a:hover.allofflink { background: url(../images/layout/small-close-hover.png) top left no-repeat; }

div.portfolio-item { clear: both; height: 124px; width: 778px; background: url(../images/portfolio-box.png) top left no-repeat; padding: 10px 32px; margin: 0 0 36px 0; }
div.portfolio-item div.info { float: left; width: 220px; font-size: 12px; margin: 16px 0 0 0; }
div.portfolio-item div.images { float: right; width: 550px; height: 126px; overflow: hidden; }
div.portfolio-item div.images div.image { float: left; width: 153px; height: 123px; padding: 4px 0 0 4px; margin: 0 0 0 26px; background: url(../images/thumbnail-box.png) top left no-repeat; }
div.portfolio-item div.images div.image a {  }
a img { border: 0; }
span.infotitle { color: #0895DD; font-family: 'century gothic', arial, helvetica, sans-serif; text-transform: lowercase; font-size: 14px; }
hr.clear { clear: both; height: 0; visibility: hidden; border: 0; }

/* business start up page */
div.onecolbox h2 { margin: 0 0 10px 0; padding: 0; }
div.onecolbox ul { padding: 0 0 0 16px; margin: 0 0 10px 0; }
div.onecolbox { background: url(../images/grey-outline-box.png) top left no-repeat; padding: 10px; width: 380px; height: 185px; }

/*business startup advert*/

div#busstartup { height: 0; padding-top: 613px; width: 840px; overflow: hidden; position: relative; background: url(../images/startup_final.png) top left no-repeat; }
a#busapplybutton { height: 0; padding-top: 44px; width: 229px; overflow: hidden; display: block; position: absolute; bottom: 163px; right: 238px; background: transparent; }

div#timeismoney { height: 0; padding-top: 224px; width: 550px; overflow: hidden; background: url(../images/time_is_money.png) top right no-repeat; position: absolute; right: 64px; margin: 6px 0 0 0; }
div#timeismoney a { position: absolute; display: block; width: 228px; height: 0px; padding-top: 42px; left: 14px; top: 166px; overflow: hidden; }

/*job application form */
form#CMSformID6 fieldset div table tbody tr td { width:100px; }
form#CMSformID6 fieldset div table tbody tr td { text-align:center; }