/*
Theme Name: PC Confident
Theme URI: 
Description: PC Confident website design
Version: 1.0
Author: TerraNetwork
Author URI: http://www.terranetwork.net/
Tags: 
*/ 


/* ================ ELEMENT STYLING ================== */
* {font-size: 100%;    }
html {} 
p, ul, ol, th, td {font-size: 100%; line-height: 1.6;}
td td, td td td, td td td td, td td td td td, td td td td td td,  td td td td td td td, td td td td td td td td, td td td td td td td td td {font-size: 100%;}
td ul, td ol, td p {font-size: 100%;}
a {color: rgb(0,0,0); } /* colour of links */
a:hover {} /* colour of links at mouse-over */
img {border: none;}
table {width: 100%; border-collapse: collapse; }
td {margin: 0; padding: 0; vertical-align: top;}

/* page heading */
h1 {color: rgb(0,114,188); font-size: 20px; font-family: tahoma, sans-serif;  font-weight: bold; margin: 0.2em 0 0.5em 0; padding: 0;  }
/* page sub headings */
h2 {color: rgb(0,68,115); font-size: 110%;  font-weight: bold; margin: 2em 0 0 0; padding: 2px 0 2px 20px; background: url('images/arrow.gif') left 50% no-repeat; }
/* stand-out text */
h3 {color: rgb(0,68,115); font-weight: bold; font-size: 18px; font-family: tahoma, sans-serif;  margin: 1em 0; padding: 0; font-size: 14px; }
/* page sub headings with no bullet */
h4 {color: rgb(0,68,115); font-weight: bold; font-size: 110%; margin: 2em 0 1em 0; padding: 0; }

p {padding: 0.1em 0; margin: 0.6em 0 1.2em 0; }
ul {list-style: none; margin: 0.3em 0; padding: 0; }
li { background: url('images/arrow.gif') left 5px no-repeat; padding: 2px 0 3px 25px; }

a.more {text-decoration: none; font-weight: bold; font-size: 95%; }

span.hidden {display: block;  position: absolute; left: -99999em; width: 1em; }

#preload {display: none; }

/* ================ CONTAINERS ================== */

body {text-align: center; margin: 0; padding: 0; font-size: small; font-family: Arial, sans-serif; background: rgb(237,237,237); color: rgb(99,99,99); }

div.container {width: 960px; margin: 0 auto; text-align: left;  }
div#content {}
#content .container {overflow: auto; height: 101%; background: url('images/container_background2.jpg') top left repeat-y; padding: 0 16px 0 22px; width: 922px;  }
div#containerPage {width: 922px; margin: 10px 0 0 0; background: url('images/container_page_background.gif') top right repeat-y; }
/* homepage */
div#containerHP {width: 922px; margin: 10px 0 0 0; background: url('images/container_hp_background.gif') top right repeat-y; overflow: auto;  }

div.mainColumn {width: 520px; padding-bottom: 40px;   } 
div#side {float: right; width: 380px; padding: 0 0 40px 0; }

/* Box with Image & Text on colour background */
div#sideBox { width: 364px; }
#containerHP #sideBox {width: 380px; }
p#sideBoxText {background: rgb(66,90,107) ; color: rgb(255,255,255); margin: 0; padding: 5px 10px; font-size: 110%; }
p#sideBoxImage {margin: 0 0 20px 0; padding: 0; }

/* Page & Link listing with mouse-over */
p#sideListingHeading {width: 344px; height: 22px; margin: 20px 0 0 0; padding: 5px 10px; background: url('images/side_list_heading.gif') top left no-repeat; color: rgb(255,255,255); font-weight: bold; font-size: 120%;  }
ul#sideListing {list-style: none; margin: 0 0 40px 0; padding: 0; }
#sideListing li { margin: 0; padding: 0; display: block; width: 364px; background: none;  }
#sideListing li a {display: block; text-decoration: none; color: rgb(29,30,31); font-size: 90%; padding: 5px 5px 0 25px; height: 25px; width: 334px; background: url('images/side_list_item.gif') left 0 no-repeat;}
#sideListing li a:hover {background-position: left -30px; color: rgb(255,255,255);  }
#sideListing ul {margin: 0; padding: 0; list-style: none; }
#sideListing ul li { margin: 0; padding: 0; display: block; width: 364px; background: none;  }
#sideListing ul li a {display: block; text-decoration: none; color: rgb(29,30,31); font-size: 90%; padding: 5px 5px 0 40px; height: 25px; width: 319px; background: url('images/side_list_sub_item.gif') left 0 no-repeat;}
#sideListing ul li a:hover {background-position: left -30px; color: rgb(255,255,255);  }

/* Large text on side */
p.sideText {margin: 0 0 40px 0; padding: 0; line-height: 2.0; font-size: 145%; color: rgb(44,45,48); line-height: 1.4;}
p.sideTextCenter {margin: 0 0 40px 0; padding: 0; line-height: 2.0; font-size: 145%; color: rgb(44,45,48); text-align: center; }
p.sideText em, p.sideTextCenter em {color: rgb(0,102,171); font-style: normal; }

/* Formatted tables on side */
table.sideTable {margin: 0 auto 40px auto;border: 1px solid rgb(215,215,215); border-collapse: separate; border-spacing: 0; color: rgb(44,45,48);  }
.sideTable caption {color: rgb(0,114,188); font-weight: bold; text-align: left; margin: 0; padding: 0 0 7px 0;  }
.sideTable caption span.reference {color: rgb(44,45,48); }
.sideTable th {height: 23px; background: url('images/side_table_th.gif') top left repeat-x; color: rgb(255,255,255); font-weight: bold; padding: 0 10px; vertical-align: middle;  }
.sideTable td {border-bottom: 1px solid rgb(255,255,255); height: 23px; padding: 0 10px; background: rgb(237,237,237); font-size: 90%; vertical-align: middle;}
.sideTable tr.even td {background: rgb(245,245,246); }

/* List with rounded corner background image */ 
div.sideBoxListContainer {width: 318px; margin: 20px auto 20px auto; padding: 0 0 10px 0; background: url('images/side_box_list_background.gif') bottom left no-repeat;}
ul.sideBoxList {width: 318px; list-style: none; margin: 0; padding: 10px 0 0 0; background: url('images/side_box_list_background.gif') top left no-repeat;}
ul.sideBoxList li {margin: 0; padding: 0 0 5px 38px; background: url('images/bullet_square.gif') 25px 10px no-repeat; color: rgb(21,96,149); }

/* ================ HEADER ================== */

div#header {height: 180px; margin: 0 auto; text-align: center;  background: url('images/body_background2.jpg') top left repeat-x; }
#header .container { height: 180px; position: relative; background: url('images/page_top2.jpg') bottom left no-repeat;}
#header a {color: rgb(255,255,255); text-decoration: none; }
#header a:hover {text-decoration: underline; }

div#headerLogo {position: absolute; top: 0; left: 0; background: url('images/turnbull_solutions_logo.jpg') top left no-repeat; width: 434px; height: 109px; }
#headerLogo span.hidden {display: block; position: absolute; left: -9999px; }
#headerLogo a {display: block; width: 434px; height: 109px; }

div#headerText {position: absolute; top: 0; right: 0; height: 109px; width: 526px; background: url('images/header_background.jpg') top left no-repeat; color: rgb(255,255,255); text-align: left;   }
#headerText p { margin: 0; padding: 0;  width: 260px;  font-size: 13px; }
#headerText strong { color: rgb(129,207,255);  }
#headerText a { color: rgb(255,255,255);  }
p#headerTphone {margin: 30px 0 0 280px; }
p#headerTemail {margin: 9px 0 0 280px; }


/* ================ MENU ================== */

/* your are here */
/* .sf class needed to reset for IE - see below */
#menu li.current_page_item , #menu li.current_page_ancestor  {background-position: right bottom; }

 /* all lists */
#menu, #menu ul { padding: 0;	margin: 0;	list-style: none;	}
#menu a {	display: block;	}
#menu li {float: left;	display: block; padding: 0; margin: 0; width: 133px; }

/* second-level lists */
#menu li ul {	position: absolute;	width: 200px;	top: -9999em; padding: 0;	margin: 0;}

/* third-and-above-level lists */
#menu li ul ul {  margin: -28px 0 0 0;  padding: 0;	width: 200px;}

#menu li:hover ul ul, #menu li.sfhover ul ul {	top: -9999em;}
#menu li:hover ul, #menu li.sfhover ul { top: 40px;}
#menu li li:hover ul, #menu li li.sfhover ul { left: 200px; top: auto;}

/* top level */
ul#menu { position: absolute; top: 122px; left: 14px;  width: 932px; height: 40px;  font-weight: bold; font-size: 95%;  }
#menu li, #menu li.sf {width: 133px; height: 40px; background: url('images/menu_background.gif') right top no-repeat;}
#menu a {display: block; width: 133px; height: 30px; padding: 10px 0 0 0; text-decoration: none; color: rgb(255,255,255); text-align: center; }
#menu a:hover {text-decoration: none; }
#menu li.page-item-44  { background: url('images/menu_background_first.gif') right top no-repeat; }/* homepage */
#menu li.page-item-10 {width: 134px; background: url('images/menu_background_last.gif') right top no-repeat;}/* contact us */
#menu li.page-item-10 a {width: 134px; }
#menu li:hover, #menu li.sfhover { background-position: right bottom; }

/* sub menu */
#menu li ul {background: rgb(0,102,172);  z-index: 99; border: 1px solid rgb(4,90,151); font-weight: normal; font-size: 95%;  }
#menu li li , #menu li li.sf {background: url('images/menu_sub_border.gif') top left repeat-x;  height: 22px; width: 184px; padding: 5px 8px 5px 8px; text-align: left;  } 
#menu li:hover li, #menu li.sfhover li {  background-position: top left;  }
#menu li li a {display: block; width: 180px; height: 20px; padding: 1px 2px; text-align: left; background: none; }
#menu li li:hover a, #menu li li.sfhover a {  color: rgb(0,79,133); font-weight: bold; background: rgb(255,255,255) ;    }

/* sub sub menu */
#menu li ul ul { background: rgb(0,119,200);  z-index: 99; border: 1px solid rgb(0,102,172); font-weight: normal; font-size: 95%;}
#menu li li li, #menu li li li.sf {background: url('images/menu_sub_border.gif') top left repeat-x;  height: 32px; width: 200px; padding: 0; text-align: left;  } 
#menu li li li a {display: block; width: 180px; height: 22px; padding: 5px 10px; text-align: left; background: none; }
#menu li li:hover li a, #menu li li.sfhover li a, #menu li li li:hover a, #menu li li li.sfhover a { background: none; color: rgb(255,255,255);  font-weight: normal;    }
#menu li li li:hover a, #menu li li li.sfhover a, #menu li li li:hover a:hover, #menu li li li.sfhover a:hover {text-decoration: underline;  } 



/* ================ FOOTER ================== */
div#footer { background: rgb(36,71,105) url('images/footer_background.gif') top left repeat-x; height: 112px; }
div#footer  .container {position: relative; }
#footer a {text-decoration: none;}

ul#footerMenu {list-style: none; margin: 0; padding: 0; position: absolute; top: 30px; left: 0; width: 560px; font-size: 95%;  }
#footerMenu li {float: left;  padding: 0; background: url('images/footer_divider.gif') right 50% no-repeat; padding: 0 2px;  }
#footerMenu a {color: rgb(255,255,255); display: block;  padding: 0 4px; }
#footerMenu li.page-item-10  { background: none; }
#footerMenu a:hover { background: rgb(197,214,226); color: rgb(0,103,174); }

#footerText { position: absolute; top: 22px; right: 10px; width: 369px; height: 24px; padding: 10px 5px 0 5px; color: rgb(92,93,96); background: url('images/footer_text_background.gif') right top no-repeat;  font-size: 90%; text-align: center; font-size: 95%; }
#footerText a {color: rgb(92,93,96);  }
#footerText a:hover {text-decoration: underline;  }

/* ================ HOMEPAGE ================== */

/* h3 styling */
#containerHP h3 {background: url('images/h3_hp_bg.gif') top left no-repeat; padding-top: 25px; margin: 25px 0 15px 0;  }

/* Contact Box */
div#hpContact {width: 334px; padding: 0 0 30px 0; margin: 60px auto 20px auto; background: url('images/hp_contact_bg.gif') bottom left no-repeat;  }
#hpContact p {margin: 0; width: 334px; padding: 30px 0 0 0; background: url('images/hp_contact_bg.gif') top left no-repeat; line-height: 2.0; text-align: center; font-weight: bold; color: rgb(255,255,255); font-size: 17px; }
#hpContact em {color: rgb(217,239,254); font-size: 23px; }

/* Services Text */
#containerHP #sideBoxImage {margin-bottom: 0; }
div#hpServicesText {margin: 0; padding: 12px 20px 15px 20px; color: rgb(21,96,149); line-height: 1.7; }

/* Services List with mouse over */
ul#hpServices {list-style: none; margin: 0; padding: 0; width: 380px; font-weight: bold; font-size: 12px;  }
#hpServices li {display: block; margin: 0; padding: 0; background: none; height: 32px; }
#hpServices li a {display: block; height: 22px; margin: 0; background: url('images/hp_services_bg.gif') top left no-repeat; text-decoration: none; padding: 10px 0 0 60px; color: rgb(0,114,188);  }
#hpServices li a:hover {background: url('images/hp_services_bg.gif') -380px 0 no-repeat;}


/* ================ jQuery TOOLTIP ================== */

#cluetip-close img {  border: 0;}
#cluetip-title {  overflow: hidden;}
#cluetip-title #cluetip-close {  float: right;  position: relative;}
#cluetip-waitimage {  }
.cluetip-arrows {  display: none;  position: absolute;  top: 0;  left: -11px;  height: 22px;  width: 11px;  background-repeat: no-repeat;  background-position: 0 0;}
#cluetip-extra {  display: none;}


.cluetip-blue { color: rgb(0,53,93); background: none;  text-align: left;  }
.cluetip-blue #cluetip-outer {  background: rgb(255,255,255); border: 1px solid rgb(161,193,214);  }
.cluetip-blue h3#cluetip-title { padding: 10px; color: rgb(0,114,188); font-weight: bold;  margin: 0; font-size: 13px; font-family: arial, sans-serif;  text-align: center; }
.cluetip-blue #cluetip-title a {  }  
.cluetip-blue #cluetip-inner {  padding: 0 10px 15px 10px;  font-size: 12px; color: rgb(99,99,99);font-family: arial, sans-serif;   }
.cluetip-blue div#cluetip-close {   text-align: right;  margin: 0 5px 5px;  color: #900;}


/* ================ TESTIMONIALS ================== */

div.testimonial {background:  url('images/testimonials_background.gif') top left no-repeat; width: 523px; color: rgb(0,0,0); margin: 10px 0 15px 0; }
.testimonial p {margin: 0; padding: 10px; }
.testimonial p.testimonial_source {background:  url('images/testimonials_background.gif') bottom left no-repeat; height: 15px; margin: 0; padding: 20px 80px 0 0;  color: rgb(0,68,115); text-align: right; }

/* ================ CONTACT US ================== */

div#map {width: 350px; margin: 0 0 40px 0;  }
#map a.enlarge {display: block; padding: 5px 0; font-size: 90%; text-align: right; text-decoration: underline; }

table#contactTable {color: rgb(14,45,65); }
#contactTable td {padding: 3px 20px 3px 0; }


/* ================ SUPPORT RAG ================== */

p#rag_red {background: url('images/rag_red.gif') top left no-repeat;  margin: 25px 0 10px 0; padding: 25px 5px 0 110px; }
p#rag_amber {background: url('images/rag_amber.gif') top left no-repeat;  margin: 25px 0 10px 0; padding: 25px 5px 0 110px; }
p#rag_green {background: url('images/rag_green.gif') top left no-repeat;  margin: 25px 0 10px 0; padding: 25px 5px 0 110px; }