/*----------------------------------------------------------------------------- 
INITIALISED STYLES
-----------------------------------------------------------------------------*/
body, h1, h2, h3, h4, h5, p, ul, ol, li, form, fieldset, legend, address { margin:0; padding:0; line-height:100%; }
a, img { border:none; }
/*----------------------------------------------------------------------------- 
STRUCTURE
-----------------------------------------------------------------------------*/
body { font:71%/1.5 Tahoma, "Helvetica Neue", Arial, Helvetica, sans-serif; color:#666; text-align:center; background:#eee; margin:10px 0; }
#container { margin:0 auto; padding:0 0 10px 0; width:960px; position:relative; text-align:left; }
#sub-container { width:810px; margin:0 auto; background:#fff url(/i/sub_container_bg.gif) repeat-y 0% 0%; }
#banner { width:810px; height:249px; margin:0 0 5px; background:url(/i/banner_bg.gif) no-repeat 0% 0%; text-align:center; position:relative; }
#banner img { margin:39px auto 0; display:inline; }
#navigation { height:30px; margin:0 auto; width:760px; }
#content { padding:19px; background:url(/i/bt_rt_corner_bg.gif) no-repeat 50% 100%; }
#col-one { float:left; width:335px; padding:0 10px 60px 0; margin:0 0 0 6px; display:inline; /* fix IE6 double margin */ }
#col-two { margin:0 6px 0 355px; }
#footer { border-top:2px solid #ccc; padding:20px 0 10px; margin:30px 0 0; text-align:right; }
#footer-container { background:url(/i/footer_bottom.gif) repeat-y 0% 0%; width:810px; height:26px; }
#sitemap-container { margin:20px 0 0 0; }
#sitemap-left { float:left; width:48%; }
#sitemap-right { float:right; width:48%; }
/*----------------------------------------------------------------------------- 
FONTS
-----------------------------------------------------------------------------*/
h1 { position:absolute; left:0; top:-1px; width:253px; height:182px; text-indent:-9999px; }
#banner > h1 { background:url(/i/card.png) no-repeat 0% 0%; margin:0 0 0 8px; }
h2 { font-size:1.8em; font-weight:normal; margin:0 0 5px; color:#f60; }
h3 { font-size:1.2em; font-weight:bold;	margin:0 0 15px; color:#69c; }
#tab-bottom-content h3 { position:relative; font-size:1.2em; font-weight:bold; padding:5px 20px 10px; margin:0; color:#513c13; }
h4 { font-size:1.2em; font-weight:bold; margin:0 0 15px; color:#69c; }
p { margin:0 0 10px; line-height:150%; }
#footer p, #footer address { margin:0 0 5px; line-height:100%; }
p.thumb-text { text-align:center; }
address { font-style:normal; }
strong { font-weight:bold; color:#006; }
ul { padding:0 0 0 20px; margin:0 0 10px 0; }
ul li { list-style-type:disc; line-height:150%; }
#footer ul { list-style:none; text-align:right; margin:0; }
#footer ul li { line-height:100%; display:inline; }
ol { padding:0 0 0 20px; margin:0 0 10px 0; }
ol li { list-style-type:disc; line-height:150%; }
ol#portfolio-list { margin:0 50px 10px 0; }
acronym { border-bottom:1px dashed #666; }
.red { color:#c00; }
/*----------------------------------------------------------------------------- 
LINKS
-----------------------------------------------------------------------------*/
a:link, a:visited { color:#f60; text-decoration:underline; }
a:hover, a:active { text-decoration:none; }
h1 a:link, h1 a:visited, h1 a:hover, h1 a:active { display:block; width:253px; height:173px; text-decoration:none; }
#tab-container a { color:#513c13; }
#details-container ul#footer-links a:link, #details-container ul#footer-links a:visited { color:#666; text-decoration:none; }
#details-container ul#footer-links a:hover { color:#f60; text-decoration:underline; }
/*----------------------------------------------------------------------------- 
NAVIGATION
-----------------------------------------------------------------------------*/
#navigation ol { margin:0; padding:0; height:30px; border:1px solid #326598; border-width:0 1px 0 0; background:#69c url(/i/nav_hover.gif) repeat-x 0% 100%; }
#navigation ol li { min-height:28px; width:74px; float:left; list-style:none; line-height:100%; border:1px solid #326598; border-width:1px 0 1px 1px; }
#navigation ol li a { display:block; height:19px; padding:9px 0 0; width:74px; text-align:center; color:#fff; text-decoration:none; }
#navigation ol li.reg, #navigation ol li.reg a,
#navigation ol li.con, #navigation ol li.con a,
#navigation ol li.enq, #navigation ol li.enq a { width:77px; }
#navigation ol li a:hover,
body#home #navigation ol li.hom a, body.websitedesign #navigation ol li.web a,
body.ecommerce #navigation ol li.eco a, body.marketing #navigation ol li.mar a,
body.regional #navigation ol li.reg a, body.connectivity #navigation ol li.con a,
body.portfolio #navigation ol li.por a, body.vacancies #navigation ol li.job a,
body.about #navigation ol li.abo a, body.enquiry #navigation ol li.enq a { background:#69c url(/i/nav.gif) repeat-x 0% 0%; }
/*----------------------------------------------------------------------------- 
SUB-NAVIGATION
-----------------------------------------------------------------------------*/
ol#sub-navigation { margin:0 0 20px 10px; padding:65px 0 0; background:url(/i/other_areas.gif) no-repeat 0% 0%; }
ol#sub-navigation li { width:150px; list-style:none; }
ol#sub-navigation li a { color:#333; padding:2px 10px 2px 25px; display:block; text-decoration:none; background:url(/i/arrow.gif) no-repeat 10px -20px; }
ol#sub-navigation li a:hover, ol#sub-navigation li a.on { color:#f60; background:url(/i/arrow.gif) no-repeat 10px 5px; }
/*----------------------------------------------------------------------------- 
HOME
-----------------------------------------------------------------------------*/
#tab-container { width:380px; margin:0 0 0 15px; }
#tab-top { width:380px; height:40px; text-indent:-9999px; background:url(/i/home_tab.gif) no-repeat 0% 0%; }
#tab-content { background:url(/i/home_tab_bg.gif) repeat-y;	}
#tab-bottom-content { width:380px; background:url(/i/tab_bg.gif) repeat-y; padding:10px 0 0; }
#tab-bottom { width:380px; height:7px; font-size:1px; background:url(/i/home_tab_bot.gif) no-repeat 0% 100%; }
#tab-bottom-content h3 span { position:absolute; top:5px; right:15px; font-size:0.8em; }
#tab-container p { margin:0; padding:0 20px 10px; color:#513c13; }
/*----------------------------------------------------------------------------- 
BODY IDS
-----------------------------------------------------------------------------*/
/*-------- General --------*/
body#general #col-one { width:180px; padding-right:0; }
body#general #col-one p { text-align:center; }
/*-------- Home --------*/
body#home #footer { margin:10px 0 0; }
body#home #col-one { padding:0 0 130px 0; width:345px; }
/*-------- Hosting --------*/
body.hosting #col-one { padding-bottom:100px; }
/*-------- Ecommerce --------*/
body#ecommerce #col-one { width:170px; padding:0 5px 100px; background:none; }
body#ecommerce #col-one img { margin:0 auto 10px; border:1px solid #ddd; }
/*-------- Enquiry --------*/
body#enquiry #col-one { width:755px; background:none; }
body#enquiry #col-two { display:none; border:1px solid green; }
/*-------- Virus Information page--------*/
body#virus #col-one { width:170px; padding:36px 5px 27px; background:none; border:1px solid #ddd; }
body#virus .virus-container { margin:20px 0 0 0; }
body#virus .virus-table-fleft { float:left; margin:0 30px 10px 0; }
/*-------- Sitemap --------*/
body#sitemap #col-one { width:170px; padding:36px 5px 27px; background:none; }
/*-------- FAQs --------*/
body#faqs #col-one { width:170px; padding:36px 5px 27px; background:none; }
/*-------- Error pages --------*/
body#error #col-one, body#jobs #col-one { width:755px; }
body#error #col-two, body#jobs #col-two { display:none; }
body#error #footer, body#jobs #footer { margin:30px 0 0 100px; }
/*-------- col-two combined --------*/
body#general #col-two, body#ecommerce #col-two, body#virus #col-two, body#sitemap #col-two, body#faqs #col-two { margin:0 6px 0 195px; }
/*----------------------------------------------------------------------------- 
MISC
-----------------------------------------------------------------------------*/
.fright { float:right; margin:0 0 10px 10px; }
.fleft { float:left; margin:0 10px 10px 0; }
.case-fright { float:right; margin-left:15px; }
.case-fleft { float:left; margin-right:15px; }
.bottom-space { margin:0 0 15px 0; }
.w3c-icon { margin:0 auto; display:block; }
img { display:block; }
div.row { margin:0 0 18px 0; padding:0 0 10px 0; border-bottom:1px solid #ddd; }
#top, #skip { position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden; }
.org-col { color:#f60; }
.registered { margin:20px 0 0 0; }
/*----------------------------------------------------------------------------- 
CLEARING
-----------------------------------------------------------------------------*/
.clearfix:after { content:"."; display:block; height:0px; font-size:0px; clear:both; visibility:hidden; }
/*----------------------------------------------------------------------------- 
CONTACT FORM
-----------------------------------------------------------------------------*/
.form-container fieldset { margin:10px 0 0; padding:0 10px 5px; border:#ddd 1px solid; }
.form-container .first { padding:10px 0 5px; }
.form-container legend { font-weight:bold; color:#666; }
.form-container fieldset div { padding:5px 0; }
label { margin:0 10px 0 0; padding:2px 10px 0 0; width:150px; display:block; float:left; text-align:right; position:relative; cursor:pointer; }
label.error { color:#c00; }
label em { position:absolute; right:0; font-size:120%; font-style:normal; color:#c00; }
input.error { border:1px solid #c00; background-color:#fff2e9; }
.form-container fieldset input, .form-container fieldset textarea { border:1px solid #ccc; line-height:100%; padding:2px; }
.form-container fieldset input:focus, .form-container fieldset input.error:focus, .form-container fieldset textarea:focus {	background:#ffc; border:1px solid #fc6; }
div.button-row { margin:10px 0 0 180px; }
select, input , option, textarea { font:1em/1.5 Tahoma, "Helvetica Neue", Arial, Helvetica, sans-serif; }
#errortop { color:#f00; font-weight:bold; background:#fff2e9; border:1px solid #f00; padding:5px; }
.error { display:block; color:#f00; font-weight:bold; margin:0 0 0 170px; }
/*----------------------------------------------------------------------------- 
DOMAIN CHECKER
-----------------------------------------------------------------------------*/
#domcheck { background:#eef; border:1px solid #00f; padding:5px; }
/*----------------------------------------------------------------------------- 
PORTFOLIO - RECENT PROJECTS
-----------------------------------------------------------------------------*/
.project { overflow:hidden; width:500px; }
.project-left { float:left; padding:5px 10px 0 5px; width:230px; }
* html #project-right, * html .project-right ul li { height:1%; }
.project-right { margin:0 0 0 250px; padding:5px 0 0 0; }
.project > .project-right { margin:0 0 0 253px; }
.project-right ul { margin:0; padding:0; }
.project-right ul li { list-style:none; overflow:hidden; }
.project-right ul li strong { float:left; display:block; width:70px; }
.project-right ul li span { float:left; display:block; width:170px; }