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

Site: JGI
Author: Tim Lenton - Purpose Media (www.purposemedia.co.uk)    


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

/*
Undo Browser Defauls --------------------- */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h5, h5, h6 { font-size:100% }
q:before, q:after { content:''}



/*
Reset Some Styles --------------------- */

ul, ol { margin-left: 20px; margin-right: 20px; margin-bottom: 20px;  }
li { margin-bottom: 5px; list-style: disc; }

strong { font-weight: bold; }
em { font-style: italic; }

a, a:visited, a:active { color: #6e84da; text-decoration: none; outline:none; }
a:hover { text-decoration: underline; }
a img, img { border: none; } /* Gets rid of IE's blue borders */

img { display: block;}

table { border: none; border-collapse: collapse; border-spacing: 0; }
th { }
td { border: none; margin: 0px; padding: 2px; }



/*
Headings --------------------- */

h1, h2, h3, h4, h5, h6, pre, code { font-size: 17px; color: #fff; font-weight: normal; font-family: Georgia; }

h1 span, h2 span { display: none; }

h2 {}

h3 {}

h4 {}


/*
General Styles --------------------- */

.left { text-align: left; }
.right { text-align: right;  }
.right img { float: right; }
.center { text-align: center; }
.center img { margin: 0 auto; }
.bold { font-weight: bold; }


/*
Layout --------------------- */

body { font-family: Helvetica, sans-serif; font-size: 12px; width: 940px;  margin: 35px auto; position: relative; color: #d0d8f9; background: #233681 url(../images/bg.jpg) top center no-repeat;  }

/* Header */
#header { width: 940px; height: 84px; position: relative; margin-bottom: 20px; }
#tagline { width: 491px; height: 16px; position: absolute; top: 0; right: 10px; background: url(../images/tagline.jpg) no-repeat; text-indent: -3000px; }

/* Port Section */
#imageBlock { width: 519px; float: right; margin-bottom: 20px; font-size: 11px; position: relative; }
#contactImg { margin: 0 0 15px 62px; width: 401px; }
#imageBlock a { color: #d0d8f9; }
#flash { width: 519px; height: 397px; }


/* Text Section */
#contentBlock { width: 400px; float: left; line-height: 20px; padding-top: 20px; text-align: justify; }
#contentBlock p { margin-bottom: 20px; }
#contentBlock h1 { margin-bottom: 10px;  }
#contentBlock h2 { margin-bottom: 10px;  }
.hightlistList { font-family: Georgia; font-style: italic; font-size: 15px; margin: 0; }
.hightlistList li { list-style: none !important; }

/*
Navigation --------------------- */

/* Main Navigation */
ul#topMenu { overflow: hidden; margin: 0; padding: 0; position: absolute; bottom: 10px; right: 0; }
ul#topMenu li { display: inline; color: #14227d; list-style: none; float: left; margin: 0 0 0 10px; }
ul#topMenu li a, ul.topMenu li a:visited, ul.topMenu li a:active { color: #000; text-decoration: none; display: block; float: left; font-size: 16px; display: inline; font-weight: normal; padding: 0; height: 41px; text-indent: -3000px; }
ul#topMenu li a:hover {	color: #a2a2a2; }

ul#topMenu li a.home { background: url(../images/menu.jpg) 0 0; width: 98px; }
ul#topMenu li a.home:hover { background: url(../images/menu.jpg) 0 -41px; }
body.home-page ul#topMenu li a.home { background: url(../images/menu.jpg) 0 -41px; }

ul#topMenu li a.services { background: url(../images/menu.jpg) -109px 0; width: 124px; }
ul#topMenu li a.services:hover { background: url(../images/menu.jpg) -109px -41px; }
body.services-page ul#topMenu li a.services { background: url(../images/menu.jpg) -109px -41px; }

ul#topMenu li a.projects { background: url(../images/menu.jpg) -242px 0; width: 122px; }
ul#topMenu li a.projects:hover { background: url(../images/menu.jpg) -242px -41px; }
body.projects-page ul#topMenu li a.projects { background: url(../images/menu.jpg) -242px -41px; }

ul#topMenu li a.contact { background: url(../images/menu.jpg) -372px 0; width: 147px; }
ul#topMenu li a.contact:hover { background: url(../images/menu.jpg) -372px -41px; }
body.contact-page ul#topMenu li a.contact { background: url(../images/menu.jpg) -372px -41px; }