/* Start global styles */

body {font-family:"Trebuchet MS", Arial, sans-serif; font-size: 62.5%; /* makes default font-size (1em) = 10px */ color: #333333; margin: 0; background: #e9e9e8; text-align:center; background-image:url(../images/main/container_bkgnd.gif);  }

* { padding:0; margin:0 }

H1 {font-size:2em; color:#000000}  /* displayed at 20px */
H2 {font-size:1.5em; color:#000000}  /* displayed at 15px */
H3 {font-size:1.25em; color:#000000}  /* displayed at 12.5px */
H4 {font-size:1em;  color:#000000}  /* displayed at 10px */

INPUT, SELECT, TH, TD {font-size:1em}

p { font-size:1em;  }

a:link, a:visited { color:#457612; text-decoration:none; font-weight:bold }
a:hover { color:#333333; text-decoration:underline;}

/* End global styles */



/* Start Header styles */

#container { width:960px; text-align:center; margin: 0 auto; }

#contentcontainer { width:960px; text-align:left; background-image: url(../images/main/content_container_bkgnd.png); background-repeat:repeat-y; margin:0; padding:11px 0 0 0; z-index:300;}


#navigation { width:880px; height:35px; margin: 0px 0 17px 40px; background-image:url(../images/main/nav-bkgnd.jpg); background-repeat:no-repeat; }
#navigation ul { list-style:none; }
#navigation ul li { display:inline-block; width:117px;  }
#navigation ul li a { display:block; height:0px; overflow:hidden; padding-top:35px; width:117px; }
#navigation ul li.home { background-image:url(../images/main/home-nav-button.jpg); background-repeat:no-repeat; }
#navigation ul li.home:hover { background-image:url(../images/main/home-nav-button-roll.jpg); background-repeat:no-repeat; }
#navigation ul li.products { background-image:url(../images/main/products-nav-button.jpg); background-repeat:no-repeat; }
#navigation ul li.products:hover { background-image:url(../images/main/products-nav-button-roll.jpg); background-repeat:no-repeat; }
#navigation ul li.products-down {background-image:url(../images/main/products-nav-button-roll.jpg); background-repeat:no-repeat; }
#navigation ul li.clients { background-image:url(../images/main/clients-nav-button.jpg); background-repeat:no-repeat; }
#navigation ul li.clients:hover { background-image:url(../images/main/clients-nav-button-roll.jpg); background-repeat:no-repeat; }
#navigation ul li.clients-down { background-image:url(../images/main/clients-nav-button-roll.jpg); background-repeat:no-repeat; }
#navigation ul li.company { background-image:url(../images/main/company-nav-button.jpg); background-repeat:no-repeat; }
#navigation ul li.company:hover { background-image:url(../images/main/company-nav-button-roll.jpg); background-repeat:no-repeat; }
#navigation ul li.company-down { background-image:url(../images/main/company-nav-button-roll.jpg); background-repeat:no-repeat; }
#navigation ul li.support { background-image:url(../images/main/support-nav-button.jpg); background-repeat:no-repeat; }
#navigation ul li.support:hover { background-image:url(../images/main/support-nav-button-roll.jpg); background-repeat:no-repeat; }
#navigation ul li.support-down { background-image:url(../images/main/support-nav-button-roll.jpg); background-repeat:no-repeat; }
#navigation ul li.contact { background-image:url(../images/main/contact-nav-button.jpg); background-repeat:no-repeat; }
#navigation ul li.contact:hover { background-image:url(../images/main/contact-nav-button-roll.jpg); background-repeat:no-repeat; }
#navigation ul li.contact-down { background-image:url(../images/main/contact-nav-button-roll.jpg); background-repeat:no-repeat; }

div#preloaded-images {
   position: absolute;
   overflow: hidden;
   left: -9999px; 
   top: -9999px;
   height: 1px;
   width: 1px;
}
/* End header styles */



/* Start main image styles */

#home-heading { clear:both; width:880px; height:308px; margin: 0px auto; overflow:hidden; }
#home-heading span {display:block; margin-left:881px;}

/* End main image styles */



/* Start shaded boxes styles */

#content_block_container {width:880px; margin: 20px 0 0 40px; }
#content_block_container h3 { color:#333333; font-size:2.4em; font-weight:normal; margin:0px 10px 0 15px; }
#content_block_container h3 a:link{ color:#333333; text-decoration:none; }
#content_block_container h3 a:visited{ color:#333333; text-decoration:none; }
#content_block_container p {  margin: 10px 10px 10px 15px; font-size:1.4em; }
#content_block_container p a:hover { color:#333333; text-decoration:underline; }
#content_block_container ul {margin: 10px 0 0 97px; padding:0 10px 0 0; list-style-image:url(../images/main/arrow_bullet.gif);}
#content_block_container ul li {padding: 0px 0 12px 0; margin:0 0 0 0; font-size:1em; line-height:1.1em; }
#content_block_container span {position:relative; top:-1px;}
#content_block_container img { border:none; margin: 0 0 0 12px;}

#content_block_container .what-we-do {float: left; background-image:url(../images/main/what-we-do-bkgnd.jpg); width: 293px; height:164px;}
#content_block_container .our-specialism {float: left; background-image:url(../images/main/our-specialism-bkgnd.jpg); width: 293px; height:164px;}
#content_block_container .what-sets-us-apart {float: left; background-image:url(../images/main/what-sets-us-apart-bkgnd.jpg); width: 293px; height:164px; margin-left:1px}


/* End shaded box styles */



/* Start text paragraph styles */
#primarypage {width:880px; margin: 20px 0 0 40px; }
#primarypage h3 { color:#457612; font-size:1.9em; font-weight:normal; margin:0px 10px 0 15px; }
#primarypage h3 a:link, a:visited { color:#333333; text-decoration:none; }
#primarypage p {  margin: 10px 10px 10px 15px; font-size:1.4em; }
#primarypage p a:link, a:visited { color:#457612; text-decoration:none }
#primarypage p a:hover { color:#333333; text-decoration:underline; }
#primarypage ul {margin: 10px 0 0 97px; padding:0 10px 0 0; list-style-image:url(../images/main/arrow_bullet.gif);}
#primarypage ul li {padding: 0px 0 12px 0; margin:0 0 0 0; font-size:1.4em; line-height:1.1em; }
#primarypage span {position:relative; top:-1px;}
#primarypage img { border:none; margin: 0 0 0 12px;}
#primarypage table {border:none; margin: 0 0 0 12px; font-size:1.4em;}

#primarypage_leftcol {width:500px; float:left; margin:0 10px 0 41px; }
#primarypage_leftcol p{ width:500px; padding:10px 10px 10px 5px;}
#primarypage_leftcol h3 {font-weight:normal; font-size:1.9em; margin:20px 0 10px 5px; color:#333333}
#primarypage_leftcol ul { clear:left; float:left; width: 300px; margin:0; padding:10px 0 12px 57px; list-style-image:url(../images/main/arrow_bullet.gif);}
#primarypage_leftcol ul li {padding:0 0 3px 0; margin:0; font-size:1em; line-height:1.1em;}
#primarypage_leftcol span {position:relative; top:-1px;}

#primarypage_rightcol {width:286px; float:right; margin:60px 50px 0 10px; }
#primarypage_rightcol p{  padding:10px 10px 10px 5px;}
#primarypage_rightcol h3 {font-weight:normal; font-size:1.9em; margin:20px 0 10px 5px; color:#333333}
#primarypage_rightcol ul { clear:left; float:left; width: 300px; margin:0; padding:10px 0 12px 57px; list-style-image:url(../images/main/arrow_bullet.gif);}
#primarypage_rightcol ul li {padding:0 0 3px 0; margin:0; font-size:1em; line-height:1.1em; }
#primarypage_rightcol span {position:relative; top:-1px;}
#primarypage_rightcol img {  }

/* End text paragraph styles */



/* Start footer styles */

#footer {clear:both; width:960px; padding:0px 20px 10px 41px; font-size:1.1em; }
#footer, #footer ul { float:left; list-style-type: none;}
#footer a:link, #footer a:visited {display:block; margin:0 20px 0 0; color:#555555; height:1.1em; line-height:1.1em; text-decoration:none; text-indent:5px;} 
#footer a:hover {display: block; color:#457612; text-decoration:none; }
#footer li {float:left;} 
#footer li:hover {position:relative; color:#457612; text-decoration:none;}
#footer .copyright { float:right; width: 240px; height:1.1em; padding:0px 0 0 28px; margin:0px 60px 0 0; color:#555555; } 
#footer .divider { border-top: 1px solid #cccccc; width:880px; }

/* End footer styles */


/* PRINT */
@media print {
	body, #main, #content { color:#000 !important; }
	a, a:link, a:visited { color:#000 !important; text-decoration:none !important; }
	
}

/* JGD page styles */

.inputtable{width: 650px; color:Black; font-size:1.2em; font-weight:normal; margin: 10px 0 10px 0; padding: 10px; border: solid 1px #AAAAAA; border-collapse:collapse; background-color:#F0F0F0;}
.inputtablelabel{font-weight:bold; text-align:right; padding:10px 5px 10px 0; width:120px}
.inputtablewidecell{padding: 10px;}
.inputtableheader{background-color:#6c9d30; color:#FFFFFF; margin:0; padding:5px; text-align:left; font-weight:bold;}

.errortext{color:#DD0000;}

.rightpicture {border-style:none; border-spacing:0; padding:3px; margin-left: 10px; float: right;}
.leftpicture {border-style:none; border-spacing:0; padding:3px; margin-right: 10px; float: left;}

.gridcellpadding {padding:5px;}

.displaytablecell {padding:20px; border-top: solid 1px 0x333333; border-bottom: solid 1px 0x333333; vertical-align:top;}

/* End JGD page styles */