/* --------------------------------------------------------- */
/* html redef */
/* --------------------------------------------------------- */

* { margin:0; padding:0; }

body { width:100%; height:100.5%; font-family:Arial, Helvetica, sans-serif; font-size: 62.5%; text-align:center; color:#585858;}

h1{ font-size:1.2em; margin-bottom:2em;}

h2{ font-size:1.1em; margin-bottom:2em;}

h3{font-size:1em; color:#000000;}

h4{font-size:1em; color:#000000;}

a {text-decoration: none;}

a img{border-style:none;}

p{font-size:1.2em; margin-bottom:10px;}

dl{font-size:1.2em;}

ul{list-style-type:none;}

/* --------------------------------------------------------- */
/* banner */
/* --------------------------------------------------------- */

#bannerwrapper { background-color:#000000; width:100%; height:134px; text-align:center;}

#banner {width:999px; margin:0 auto; text-align:left; height:134px; position:relative;}

div#banner ul{display:block;position:absolute;right:0;top:70px;font-size:1.4em; font-weight:normal; 
}

* html body div#banner ul {display:block;position:absolute;right:-50px;top:71px;font-size:1.4em; font-weight:normal; }

div#banner ul li:first-child { display:block; position:absolute; top:-200px;}

div#banner ul li{ float:left; text-transform:lowercase; margin-right:35px;}

div#banner ul li a {color:#ffffff;}

div#banner ul li a:hover {color:#66cc33;}

div#banner ul li a:hover span {color:#66cc33;}

#banner .logo { display:block; height:134px; width:335px; background: url(/g3d/assets/gfx/layout/logo_background.gif) no-repeat; overflow:hidden; }

#banner .logo img { margin: 11px 0 0 63px; }

/* --------------------------------------------------------- */
/*  */
/* --------------------------------------------------------- */

#container { width:999px; height:auto; margin:0 auto;}

#flashcontent {height:auto;}

#flashcontent {margin-bottom:-3px;}
* html body div#flashcontent{margin-bottom:0;}
*+html body div#flashcontent{margin-bottom:0;}

#whitestripe_int{height:1%; overflow:hidden; background-color:#ffffff; border-top:1px solid #cccccc;}

#blackstripe{height:1%; background-color:#000000; overflow:auto; background-image:url(../gfx/layout/bgblack.gif);}

#blackstripe_int{height:1%; background-color:#000000; overflow:auto;}

#whitestripe{height:1%; overflow:auto; background-color:#ffffff; background-image:url(../gfx/layout/bgwhite.gif); background-repeat:no-repeat; border-top:1px solid #cccccc; position: relative;}

#whitestripe a.twitterbadge { position: absolute; bottom: 25px; left: 30px; }
#whitestripe_int a.twitterbadge { position: relative; left: 307px; top: -15px; margin-bottom: 25px; }

#footer{ min-height:20px; background-color:#eeeeee; padding-top:6px; padding-right:6px;}
* html body div#footer{height:20px;}
*+html body div#footer{height:20px;}

.footerlinks li { padding: 0 5px; border-right: 1px solid #888; }
.footerlinks li a { padding: 5px 0; }
.footerlinks li.footerlinkslast { border: none; }
.footerlinks li.footertwitter a { background: url(../gfx/twittericon15.png) no-repeat 0 1px; padding: 2px 0 3px 18px; height: 16px; }

* html .footerlinks li.footertwitter a { background: url(../gfx/twittericon15.png) no-repeat 0 3px; padding: 3px 0 5px 20px; }


/* --------------------------------------------------------- */
/* classes for all the boxes */
/* --------------------------------------------------------- */

div.boxonblack, div.boxonwhite{ width:184px; float:left; text-align:left;}

/* --------------------------------------------------------- */
/* classes for the black boxes */
/* --------------------------------------------------------- */

div.boxonblack { min-height:104px; padding:20px 120px 10px 29px; background-position:right 20px; background-repeat:no-repeat; color:#ffffff;}

* html body div.boxonblack {height:104px;}

div#communications{background-image:url(/g3d/uploads/images/titles/comm.gif);}

div#communications h1 {color:#66cc33;}

div#technology{background-image:url(/g3d/uploads/images/titles/tech.gif);}

div#technology h1 {color:#0099ff;}

div#support{background-image:url(/g3d/uploads/images/titles/1support.gif);}

div#support h1 {color:#ff3399;}

div.boxonblack h1{ text-transform:lowercase;}

div#subnav {min-height:67px;}
* html body div#subnav {height:67px;}

div#subnav {color:#ffffff;}

div#subnav ul {display:block;font-size:1.4em; font-weight:normal; position:relative; top:27px; left:363px;}

* html body div#subnav ul {display:block;font-size:1.4em; font-weight:normal; position:relative; margin-top:27px; margin-left:363px;}

div#subnav ul li {float:left; text-transform:lowercase; margin-right:40px;}

div#subnav ul li a {color:#ffffff;}

/* --------------------------------------------------------- */
/* classes for the white boxes */
/* --------------------------------------------------------- */

div.boxonwhite { width:304px; min-height:164px; padding:20px 29px 20px 0px; background-position:right 30px; background-repeat:no-repeat; color:#585858;}

div.boxonwhite h1, div#colwrapper h1{ margin-left:2px; padding-left:28px; background-position: left middle; background-repeat:no-repeat; color:#000000;}

div.boxonwhite h2, div#colwrapper h2{ margin-left:2px; padding-left:28px; background-position: left middle; background-repeat:no-repeat; color:#000000;}

div.boxonwhite h4 {margin-left:30px;}

div.boxonwhite p { margin-left:30px; margin-right:10px; }

div.boxonwhite a {font-weight:bold;}

div.boxonwhite a:hover {color:#666666;}

div.boxonwhite fieldset {margin-left:30px; margin-right:30px; border-style:none;}

div.boxonwhite fieldset label {width:150px; float:left; margin-bottom:7px; clear:left;}

div.boxonwhite fieldset input {float:right; clear:none; margin-bottom:7px;}

div.boxonwhite dl.newstree {float:left;margin-left:30px; border-bottom:1px solid #eeeeee; margin-bottom:10px;}

* html div.boxonwhite dl.newstree {margin-left:0;}

div.boxonwhite dl.newstree dt {float:left; clear:both; width:50px; height:auto; display:block; background-color:#eeeeee; text-align:left; padding:8px; margin-bottom: 18px;}

* html div.boxonwhite dl.newstree dt {margin-left:15px;}

div.boxonwhite dl.newstree dd {float:right; clear:right; width:490px; height:auto; margin-left:30px; overflow:auto; display:block; padding-bottom:10px; }

div.boxonwhite dl.newstree p, div.boxonwhite dl.newstree h4 {margin-left:0;}

div.boxonwhite dl.newstree p  {font-size:1em;}

div#col1 p, div#col2 p {margin-right:30px; }

div.boxonwhite ul li {font-size:1em;}

div.boxonwhite ul li ul li{font-size:1em;}

div#colwrapper {float:left; width:666px; clear:none; padding-top:20px; text-align:left;}

div#colwrapper div#col1, div#colwrapper div#col2 {padding-top:0;}

div#latestnews  dl { margin:0 0 0 30px; max-width:320px;}

div#latestnews  dl dd { font-weight:bold; color:#66cc33; margin-bottom:1em;}

div#spotlight {background-image:url(/g3d/uploads/images/titles/1onlineTools01.gif);}

div#freshthinking {background-image:url(/g3d/); margin-bottom: 5px; }

div#whitestripe_int { position: relative; }
div#freshthinking img { margin-bottom: 8px; } 

div#colimage{ padding-right:auto; padding-left:auto; text-align:center;}

div#colimage h2, p{ padding-right:auto; padding-left:auto; text-align:left;}

div#tabs {margin-top:-30px; margin-bottom:30px; margin-right:20px; width:95%;}

div#tabs ul {float:right; border-bottom:1px solid #cccccc; width:100%;}

div#tabs ul li {float:right; border:1px solid #cccccc; border-bottom-style:none; margin-right:10px;}

div#tabs ul li a {display:block; padding:7px; background-color:#ffffff;width:7em;text-align:center; color:#66cc33; font-weight:bold; font-size:1.1em;}

div#tabs ul li a:hover {color:#666666;}

div#tabs ul li a.active {margin-top:1px; margin-bottom:-1px; padding-top:6px; padding-top:8px; background-color:#ffffff;}

div#colwrapper div.yearly{float:left;}

div#colwrapper div.yearly h2 {color:#cccccc; text-align:center; margin-bottom:10px;}

div#colwrapper div.yearly h2:before { content:"************************     "; vertical-align: sub;}

div#colwrapper div.yearly h2:after { content:"      ************************"; vertical-align: sub;}

/* --------------------------------------------------------- */
/* footer */
/* --------------------------------------------------------- */

div#footer ul {float:right; clear:none;}

div#footer ul li{float:left; font-size:1.1em; color:#888888;}

div#footer ul li a{color:#888888;}

div#footer ul li a:hover {color:#66cc33;}

div#footer form {float:left; height:1.4em;}

div#footer form fieldset {display:inline; border-style:none; margin-left:30px;}

div#footer form fieldset input {float:left;height:1.7em; background-color:#ffffff; border-style:none; width:120px; font-size:.9em; color:#66cc33;}

div#footer form fieldset input:focus {background-color:#000000;}

div#footer form fieldset label {visibility:hidden; display:none;}

* html body div#footer form fieldset input:hover {background-color:#000000;}

*+html body div#footer form fieldset input:hover {background-color:#000000;}

div#footer form fieldset button{ float:left; clear:none;background-repeat:no-repeat;border-style:none; height:1.1em;width:1.1em; background-color:#ffffff; margin-left:2px; } 

div#footer form fieldset button span {display:none; visibility:hidden;}

.colorchoice {height:1.4em;width:1.4em; margin-left:10px; float:left; margin-top:.1em; cursor:pointer;}

div#blue {background-color:#0099ff; background-position:bottom right; background-repeat:no-repeat;}

div#blue:hover {height:1.3em;width:1.3em; border:.1em solid #ffffff;}

div#red {background-color:#ff3399; background-position:bottom right; background-repeat:no-repeat;}

div#red:hover {height:1.3em;width:1.3em; border:.1em solid #ffffff;}

div#green {background-color:#66cc33; background-position:bottom right; background-repeat:no-repeat;}

div#green:hover {height:1.3em;width:1.3em; border:.1em solid #ffffff;}

div#default {background-color:#a1a1a1; background-position:bottom right; background-repeat:no-repeat;}

div#default:hover {height:1.3em;width:1.3em; border:.1em solid #ffffff;}


div#default {background-image:url(../gfx/layout/corner.gif);}



   
/* --------------------------------------------------------- */
/* colours and useful accessoires */
/* --------------------------------------------------------- */

.green {color:#66cc33;}

.red {color:#ff3399;}

.blue {color:#0099ff;}

.grey{color:#898989;}

.isaccesskey{ text-decoration:underline; font-style:normal;}

.small{font-size:.8em;}

.bold{font-weight:bold;}

.testimonial{ margin-bottom:10px;}
span.back, p.back, a.back {margin-left:84px!important; cursor:pointer;}

#social_nav_horizontal {  color: #8e9090; padding: 20px 0; }
#social_nav_horizontal h3 {  padding: 0px 10px; font-size: 11px;	}
#social_nav_horizontal ul {   margin: 5px 0 20px 0;  padding: 0;}
#social_nav_horizontal ul li {  float: left;  padding: 5px 0 0 5px;  margin-left: 5px;  list-style-type: none;  display: inline;  font-size: 11px;	}
#social_nav_horizontal ul li a {  padding: 4px 0 2px 18px;  height: 32px;  color: #999;  text-decoration: none;  line-height: 1.45em;  font-weight: normal;	}
#social_nav_horizontal ul li a:hover { text-decoration: underline; }
.icon { background:url(../../assets/gfx/icons/socialmedia.png) no-repeat; }
.delicious { background-position:0px 3px; }
.facebook { background-position:0px -32px; }
.stumbleupon { background-position:0px -105px; }
.twitter { background-position:0px -69px; }
.linkedin { background-position:0px -141px; }

.onlineTools { background: url(/g3d/assets/gfx/layout/online_tools.gif) no-repeat; width:71px; height:36px; display:block; }