/* -----------------------------------*/
/* ---------->>> GLOBAL <<<-----------*/ 
/* -----------------------------------*/


body, dd, dl, dt, fieldset, legend, blockquote, form, h1, h2, h3, h4, h5, h6, li, ol, ul {
	margin: 0;
	border: 0 none #FFFFFF;
	padding: 0;
	}
	
legend {font-family: Geneva,'Trebuchet MS', sans-serif}
	
p {	margin:5px 0}

h1, h2, h3, h4, h5, h6 {	color:#FFF;	font-weight:normal}

h1 {	font-size:1.8em}
#groupContent h1 {	font-size:1.6em}
h2 {	font-size:1.3em}
h3 {	font-size:1.2em}
h2.portfolioHeader {	font-size:3em;	margin-top:0;	margin-bottom:10px;	padding-top:0;	line-height:1em}

ul {	list-style:none}
	
body {
	font: 0.8em Geneva, 'Trebuchet MS', sans-serif;
	line-height:1.8em;
	background: #007AC2 url(../thompson-group/bg-main.jpg) top left repeat-x;
	}
	
a:link {	color: #000}
a:visited {	color: #007AC2}
a:hover {	color: #000;	text-decoration: none}

img {border: 0}

input, select, table, textarea {	font-family: Arial, Helvetica, sans-serif}
	
textarea {	font-size:1em}

.pageClear {
	clear: both;
	height: 1px;
	overflow: hidden;
	margin-bottom: 0px;
	font-size: 1px;
	line-height: 1px;
	}
	
.clearRight {
	clear:right;
	overflow:hidden;
	font-size: 1px;
	line-height: 1px;
	}
	
.hidden {
	position: absolute;
	left: -9999px;
	top: -9999px;
	height: 1px;
	width: 1px;
	overflow: hidden;
	}
	
/* -----------------------------------*/
/* -------->>> DIV STYLING <<<--------*/ 
/* -----------------------------------*/

#siteContainer {	margin:0 10px 15px 0}
	
#topIntro {	border-bottom:1px dotted #FFF}
#topIntro a {text-decoration:none;	color:#FFF}
#topIntro a:hover {text-decoration:underline}

#companyIntro {
	float:left;
	width:175px;
	padding:10px;
	text-align:center;
	height:100%;
	}
	
#navigation, #primaryContent {
	clear:none;
	margin-left:190px;
	height:100%;
	}
	
#secondaryLinks {
	text-align:right;
	font-size:0.9em;
	border-bottom:1px dotted #FFF;
	height:1.8em;
	min-height:1.8em;
	margin:10px 0;
	}
	
#primaryLinks {
	font-size:1.2em;
	height:1.5em;
	}
	
#primaryContent  {
	margin-top:20px;
	background-color:#FFF;
	border:1px solid #000;
	height:100%;
	}
	
#footer {
	clear:both;
	overflow: hidden;
	background-color:#000;
	color:#FFF;
	padding:15px 20px;
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
	margin:15px 0;
	}
	
#copyright {
	text-align:center;
	margin:20px auto;
	color:#FFF;
	padding-bottom:5px;
	}

.keyContacts {
	width:95%;
	}

.contactInfo {
	border:1px solid #007AC2;
	background-color:#F2F2F2;
	padding:5px;
	float:left;
	width:43%;
	margin:10px 0;
	margin-left:10px;
	}
	
.contactInfo img {
	float:left;
	width:80px;
	height:80px;
	margin-right:5px;
	}
	
.contactColumn1, .contactColumn2 {
	float:left;
	width:30%;
	margin-left:0;
	padding-left:15px;
	margin-bottom:15px;
	}
.keyContact {
	float:left;
	width:45%;
	clear:none;
	padding-left:15px;}

#keyContacts {	margin-top:70px}
	
#contactForm, #bodypropForm {
	margin:0;
	margin-top:15px;
	padding:0}
	
#contactForm {	clear:left;	width:80%}
#bodypropForm {	clear:none;	width:60%}

	
/* -----------------------------------*/
/* --->>> CONTACT FORM <<<------------*/ 
/* -----------------------------------*/


#contactForm h1 {
	padding-bottom:0;
	margin-bottom:0}
	
#contactForm p, #bodypropForm h1 {
	clear: both;
	padding-top:0;
	padding-bottom:10px;
	}  
  
#contactForm label, #bodypropForm label {
  float: left;
  width: 35%;
  text-align: right;
  margin-right:10px;
  }

#contactForm input, #contactForm select, #contactForm textarea, #bodypropForm input, #bodypropForm select, #bodypropForm textarea {
	float: left;
	width: 200px;
	text-align: left;
	padding-right:5%;
	margin-bottom:10px;  
	}
#bodypropForm input, #bodypropForm select, #bodypropForm textarea { 	width:170px}
#bodypropForm #number input	{width:40px}
#contactForm textarea {	width:250px}
	
#contactForm input.button, #bodypropForm input.button {
	width:35%;
	margin-left:10px;
	float:none;
	text-align:center;
	}
	
fieldset {
	border:1px solid #007AC2;
	margin:0 20px}
	
legend {
	padding:10px;
	padding-left:30px;
	margin-left:0;
	font-size:1.4em;
	color:#007AC2}

	

	

/* -----------------------------------*/
/* --->>> HEADER & LINK STYLING <<<---*/ 
/* -----------------------------------*/

#topIntro h1 {
	font-size:0.9em;
	padding:10px;
	line-height:1.2em;
	color:#FFF;	
	text-align:center
	}

#companyIntro h3 {
	font-size:1.2em;
	padding-bottom:10px;
	}
	
#secondaryLinks a, 
#primaryLinks a {		text-decoration:none;	color:#FFF}

#secondaryLinks a:hover {	text-decoration:underline}

#primaryLinks a:hover {	
	padding-bottom:5px;
	border-bottom:2px solid #FFF;
	}
	
div.portfolioLinks h1 {
	margin:15px 0;
	background: url(../sitewide/arrow-vertical.gif) no-repeat 19.5em;
	font-size:1.6em;
	}
div.portfolioLinks h1.tippers {
	margin:15px 0;
	background: url(../sitewide/arrow-vertical.gif) no-repeat 14em;
	}
	
div.portfolioLinks h1 a {color:#FFF;	text-decoration:none}
div.portfolioLinks h1 a:hover {text-decoration:underline}
div.portfolioLinks h1 a:hover, div.portfolioLinks h1 a:visited {	color:#FFF}
#primaryContent h1 {	color:#000;	padding:15px}
#primaryContent h2, #primaryContent h2 a {	color:#007AC2}
#primaryContent h2 {padding:5px 15px}

#footer h1 {	padding-bottom:5px}
#footer h2 {	clear:left}

#contactInfo h2, #keyContacts h2 {	padding-left:0;	margin-left:0}

/* -----------------------------------*/
/* --------->>> IMG STYLING <<<-------*/ 
/* -----------------------------------*/

#companyIntro ul img {
	border:1px solid #FFF;
	margin-bottom:15px;
	}
	
/* -----------------------------------*/
/* -->>> LIST STYLING (and links) <<--*/ 
/* -----------------------------------*/

#secondaryLinks ul, #primaryLinks ul, ul.footerSecondary, ul.footerPrimary {
	width:100%;
	list-style:none;
	height:1.5em;
	}

#secondaryLinks li {
	height:1em;
	line-height:1em;
	padding:0 10px;
	padding-bottom:2px;
	border-left:1px solid #FFF;
	float:right;
	}
	
#primaryLinks li, ul.footerSecondary li, ul.footerPrimary li, ul.footerPortfolio li {
	height:2em;
	line-height:1.7em;
	padding:0 15px;
	background: url(../sitewide/vert-keyline.gif) no-repeat center right;
	float:left;
	}
	
#primaryLinks li.edge, ul li.edge {
	padding-left:0;
	}
	
#secondaryLinks li.edge {
	padding-right:0;
	}
	
#primaryLinks li .currentLocation {
	height:2em;
	color:#FFF;
	padding-bottom:5px;
	border-bottom:2px solid #FFF;
	}
	
#secondaryLinks li .currentLocation {	color:#FFF;	border-bottom:1px solid #FFF}
	
div.portfolioLinks ul {	height:2.2em}
div.portfolioLinks li {	float:left}
div.portfolioLinks li a {	line-height:2.4em}
div.portfolioLinks li.current {	line-height:1.4em}
div.portfolioLinks li a,div.portfolioLinks li a:hover,div.portfolioLinks li a:visited, div.portfolioLinks li.current {
	color:#FFF;	
	padding:5px 15px;
	margin-right:15px;
	border:1px solid #FFF;
	text-decoration:none;
	}
	

	
div.portfolioLinks li a:hover, div.portfolioLinks li.current {
	background-color:#000;
	}
	
ul.introText, ul.quickLinks {
	margin:10px 0 15px 0;
	}

ul.introText li {
	padding: 0 15px 10px 35px;
	line-height:1.4em;
	background: url(../sitewide/bullet-black.gif) no-repeat 25px 0.5em;
	}
#groupContent ul.introText li {	font-size:0.9em}
	
ul.quickLinks li {
	padding: 0 15px 7px 30px;
	line-height:1.4em;
	background: url(../sitewide/arrow-black.gif) no-repeat 15px 0.5em;
	text-decoration:none;
	}
	
.facilityInfo h2 a, .backToTop h2 a {
	padding: 0 15px 0 20px;
	line-height:1.4em;
	background: url(../sitewide/arrow-black.gif) no-repeat 5px 0.5em;
	text-decoration:none;
	}
.facilityInfo {clear:left}	
	
ul.quickLinks li a {		text-decoration:none}
ul.quickLinks li a:hover,
.facilityInfo h2 a:hover {	text-decoration:underline}


ul.footerSecondary, ul.footerPrimary, ul.footerPortfolio {	width:100%;	clear:left;	margin-top:5px; margin-bottom:5px;}

ul.imageKey {
	text-align:left;
	border:1px solid #000;
	background-color:#E5E5E5;
	padding:5px 10px;
	font-size:0.9em;
	margin-bottom:15px;
	}
	
ul.imageKey ol {	margin-left:20px;	margin-top:0}

/* -----------------------------------*/
/* --------->>> MISC STYLING <<-------*/ 
/* -----------------------------------*/

#footer a, #copyright a {	color:#FFF;	text-decoration:none}
	
#footer a:hover, #copyright a:hover {	text-decoration:underline}

#footer h3, #footer h5 {
	clear:left;
	text-align:left}
	
p {	padding:5px 15px}

div .externalLinks a.external {
	padding-right:15px;
	background: url(../sitewide/external-link.gif) no-repeat center right;
	}
	
div .sitemap a {
	margin-left:15px;
	padding-left:15px;
	background: url(../sitewide/arrow-black.gif) no-repeat center left;
	text-decoration:none;
	}
div .sitemap a:hover {	text-decoration:underline}
	
div .sitemap ul {	margin:0 0 15px 30px}

#copyright span {padding-left:20px}