/* CSS Document */

body
{
  margin-top: 0px;
  margin-left: 0px;
  margin-bottom: 0px;
  margin-right:0px;
  background-color: #FFFFFF;
  color: #CCCCCC;
  FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
  min-width: 760px;
  text-align: center;
}

a:link
{ 
	text-decoration: none; 
	color: #990000;
}

a:visited
{ 
	text-decoration: none; 
	color: #990000;
}

a:hover
{ 
	text-decoration: none;
	background-color: #990000;
	color: #FFFFFF;
}

ul {padding: 0; margin: 10px 0 0 0; list-style: none; position: relative; font-weight: bold; font-size: 12px;}
li {padding: 0 0 5px 18px; background-image: url(/images/bullet_arrow.gif); background-repeat: no-repeat; background-position: 4px 6px;}

/*-- GENERAL BITS --------------*/
#container {margin: 0 auto; width: 760px; padding: 0; border: 0; position: relative; text-align: left;}
#headerContainer {margin: 0 auto; width: 760px; padding: 0; border: 0; position: relative; text-align: left;}


/*-- HEADER---------------------*/

#masthead {position: relative; float: left; display: inline; width: 762px; height: 145px; margin: 0; padding: 0;}
	#masthead ul {position: relative; display: block; float: left; width: 762px; background: #FFFFFF; list-style: none; margin: 0; padding: 0;}
	#masthead li {float: left; margin: 0 2px 0 0; background-image: none; padding: 0;}
	#masthead li a {display: block; float: left; height: 36px;}
	#masthead li span {display: none;}


#headerLogo {position: absolute; top: 0px; left: 0px; width: 380px; height: 100px;}
#headerHome {position: absolute; top: 100px; left: 0px; width: 125px; height: 36px;}
#headerAbout {position: absolute; top: 100px; left: 128px; width: 125px; height: 36px;}
#headerServices {position: absolute; top: 100px; left: 255px; width: 125px; height: 36px;}
#headerCaseStudies {position: absolute; top: 100px; left: 382px; width: 125px; height: 36px;}
#headerNews {position: absolute; top: 100px; left: 509px; width: 125px; height: 36px;}
#headerContact {position: absolute; top: 100px; left: 636px; width: 125px; height: 36px;}

#headerLinks {position: absolute; top: 100px; left: 0px; width: 761px; height: 36px;}

#nav01 a {background: url(/images/nav_home_off.gif) top left no-repeat; width: 125px; height: 36px;}
#nav01 a:hover {background: url(/images/nav_home_hov.gif) top left no-repeat;}
#nav02 a {background: url(/images/nav_about_us_off.gif) top left no-repeat; width: 125px;}
#nav02 a:hover {background: url(/images/nav_about_us_hov.gif) top left no-repeat;}
#nav03 a {background: url(/images/nav_services_off.gif) top left no-repeat; width: 125px;}
#nav03 a:hover {background: url(/images/nav_services_hov.gif) top left no-repeat;}
#nav04 a {background: url(/images/nav_case_studies_off.gif) top left no-repeat; width: 125px;}
#nav04 a:hover {background: url(/images/nav_case_studies_hov.gif) top left no-repeat;}
#nav05 a {background: url(/images/nav_news_off.gif) top left no-repeat; width: 125px;}
#nav05 a:hover {background: url(/images/nav_news_hov.gif) top left no-repeat;}
#nav06 a {background: url(/images/nav_contact_off.gif) top left no-repeat; width: 125px;}
#nav06 a:hover {background: url(/images/nav_contact_hov.gif) top left no-repeat;}



/*-- NAV STRIPE -------------------*/
#titleStripe {position: relative; float: left; display: inline; width: 100%; height: 100px; margin: 10px 0 0 0; padding: 0; background-color: #021655; text-align: center;}



/*-- MAIN CONTENT ------------------*/
#mainColumn {position: relative; float: left; display: inline; width: 500px; margin: 30px 20px 0 0; padding: 0; font-size: 12px; color: #666666; line-height: 1.7;}
	#mainColumn h2 {font-size: 14px; color: #333333; margin: 0 0 10px 0; font-weight: normal;}
	#mainColumn h3 {font-size: 13px; color: #333333; margin: 10px 0 -10px 0; font-weight: bold; font-variant: small-caps;}
	#mainColumn ul {padding: 0; margin: 10px 0 10px 0; list-style: none; position: relative; font-weight: normal; font-size: 12px;}
	#mainColumn li {padding: 0 0 5px 20px; background-image: url(/images/bullet_arrow.gif); background-repeat: no-repeat; background-position: 6px 6px;}

	
#mainColumnFullWidth {position: relative; float: left; display: inline; width: 760px; margin: 30px 0 0 0; padding: 0; font-size: 12px; color: #666666; line-height: 1.7;}
	#mainColumnFullWidth h2 {font-size: 14px; color: #333333; margin: 0 0 10px 0; font-weight: normal;}
	
#rightColContainer {position: relative; float: left; display: inline; width: 240px;}
	
#relatedLinks {position: relative; float: left; display: inline; width: 240px; margin: 40px 0 0 0; padding: 0; background-image: url(/images/right_col_240_bg.gif); background-repeat: repeat-y;}
#relatedLinksBottom {position: relative; float: left; display: inline; width: 240px; height: 20px; margin: 0; padding: 0;  background-image: url(/images/right_col_240_bottom.gif); background-position: top left;} 

#sideColumnContent {padding: 10px 20px 0px 20px; font-size : 11px;  line-height: 1.5; color: #666666;}
	#sideColumnContent ul {padding: 0; margin: 10px 0 0 0; list-style: none; position: relative; font-weight: bold;}
	#sideColumnContent li {padding: 0 0 5px 18px; background-image: url(/images/bullet_arrow.gif); background-repeat: no-repeat; background-position: 4px 6px;}
	

/*-- HOME PAGE ----------------------*/
#homeFlashArea {position: relative; float: left; display: inline; width: 100%; height: 200px; margin: 10px 0 20px 0; padding: 0; background-color: #021655; text-align: center;}

#homeColumn1 {position: relative; float: left; display: inline; width: 240px; margin: 0 20px 0 0; padding: 0; background-image: url(/images/right_col_240_bg.gif); background-repeat: repeat-y;}
#homeColumn2 {position: relative; float: left; display: inline; width: 240px; margin: 0 20px 0 0; padding: 0; background-image: url(/images/right_col_240_bg.gif); background-repeat: repeat-y;}
#homeColumn3 {position: relative; float: left; display: inline; width: 240px; margin: 0; padding: 0; background-image: url(/images/right_col_240_bg.gif); background-repeat: repeat-y;}
.homeColumnBottom {position: relative; float: left; display: inline; width: 240px; height: 20px; margin: 0; padding: 0;  background-image: url(/images/right_col_240_bottom.gif); background-position: top left;} 

.homeColumnContent {padding: 10px 20px 0px 20px; font-size : 11px;  line-height: 1.5; color: #666666;}
	.homeColumnContent ul {padding: 0; margin: 10px 0 0 0; list-style: none; position: relative; font-weight: bold;}
	.homeColumnContent li {padding: 0 0 5px 18px; background-image: url(/images/bullet_arrow.gif); background-repeat: no-repeat; background-position: 4px 6px;}

.thumbImages {margin: 0 0 10px 0;}


/*-- CASE STUDIES HOME --------------------*/
#containerCaseStudies {margin: 0 auto; width: 760px; padding: 0; border: 0; position: relative; text-align: left; font-size: 11px; color: #666666;}
	#containerCaseStudies p {margin: 5px 5px 2px 5px;}
	#containerCaseStudies h3 {font-size: 13px; letter-spacing: 0.1em; font-weight: bold; color: #021655; margin: 0 0 5px 5px;}
	#containerCaseStudies ul {padding: 0; margin: 10px 0 0 0; list-style: none; position: relative; font-weight: bold; font-size: 12px;}
	#containerCaseStudies li {padding: 0 0 5px 18px; background-image: url(/images/bullet_arrow.gif); background-repeat: no-repeat; background-position: 8px 5px;}

#caseStudiesRow1 {margin: 0; float: left; width: 760px; padding: 0; border: 0; position: relative;}
#caseStudiesRow2 {margin: 0; float: left; width: 760px; padding: 0; border: 0; position: relative;}

#caseThumb1 {position: relative; float: left; display: inline; width: 240px; margin: 20px 20px 0 0; padding: 0;}
#caseThumb2 {position: relative; float: left; display: inline; width: 240px; margin: 20px 20px 0 0; padding: 0;}
#caseThumb3 {position: relative; float: left; display: inline; width: 240px; margin: 20px 0 0 0; padding: 0;}
#caseThumb4 {position: relative; float: left; display: inline; width: 240px; margin: 40px 20px 0 0; padding: 0;}
#caseThumb5 {position: relative; float: left; display: inline; width: 240px; margin: 40px 20px 0 0; padding: 0;}
#caseThumb6 {position: relative; float: left; display: inline; width: 240px; margin: 40px 0 0 0; padding: 0;}


/*-- SERVICES HOME --------------------*/
#containerServices {margin: 0 auto; width: 760px; padding: 0; border: 0; position: relative; text-align: left; font-size: 11px; line-height: 1.6; color: #666666;}
	#containerServices  p {margin: 5px 5px 2px 5px;}
	#containerServices  h3 {font-size: 13px; letter-spacing: 0.1em; font-weight: bold; color: #021655; margin: 0 0 5px 5px;}
	#containerServices  ul {padding: 0; margin: 10px 0 0 0; list-style: none; position: relative; font-weight: bold; font-size: 12px;}
	#containerServices  li {padding: 0 0 5px 18px; background-image: url(/images/bullet_arrow.gif); background-repeat: no-repeat; background-position: 8px 5px;}

#servicesThumb1 {position: relative; float: left; display: inline; width: 240px; margin: 20px 20px 0 0; padding: 0;}
#servicesThumb2 {position: relative; float: left; display: inline; width: 240px; margin: 20px 20px 0 0; padding: 0;}
#servicesThumb3 {position: relative; float: left; display: inline; width: 240px; margin: 20px 0 0 0; padding: 0;}

.servicesRow {margin: 0; float: left; width: 760px; padding: 0; border: 0; position: relative;}

.servicesThumb {position: relative; float: left; display: inline; width: 240px; margin: 20px 0 0 0; padding: 0;}
.servicesThumbLeft {position: relative; float: left; display: inline; width: 240px; margin: 20px 0 20px 0; padding: 0;}
.servicesThumbRight {position: relative; float: left; display: inline; width: 240px; margin: 20px 0 0 20px; padding: 0;}


/*-- NEWS PAGE --------------------*/
#containerNews {margin: 0 auto; width: 760px; padding: 0; border: 0; position: relative; text-align: left; font-size: 11px; color: #666666;}
	#containerNews p {margin: 5px 5px 2px 5px;}
	#containerNews h3 {font-size: 13px; letter-spacing: 0.1em; font-weight: bold; color: #021655; margin: 0 0 5px 5px;}
	#containerNews ul {padding: 0; margin: 10px 0 0 0; list-style: none; position: relative; font-weight: normal; font-size: 12px;}
	#containerNews li {padding: 0 0 12px 18px; background-image: url(/images/bullet_arrow.gif); background-repeat: no-repeat; background-position: 8px 5px;}

/*-- CONTACT PAGE --------------------*/

#mainColumn label {display: block; font-size: 14px; color: #021655;}
.formInput { border: 1px solid #AFB0B5; background-color: #FFFFFF; width: 490px; height: 20px; font-size: 14px; color: #333333;}
.formTextarea { border: 1px solid #AFB0B5; background-color: #FFFFFF; width: 490px; height: 100px; FONT-FAMILY: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; margin: 0;}
.formButton { border: 1px solid #CC0000; background-color: #990000; width: 100px; padding: 5px 0 5px 0; font-size: 12px; color: #FFFFFF;}



	
/*-- FOOTER ------------------*/
#footer {width: 760px; color: #666666; position: relative; float: left; display: inline; margin: 30px 0 30px 0; padding: 0;}

#footerLeft {width: 280px; position: relative; float: left; display: inline; margin: 0 20px 0 0;}
	#footerLeft p {font-size: 10px; color: #666666;}

#footercentre {width: 200px; position: relative; float: left; display: inline; margin: 0; text-align:center;}


#footerRight {width: 260px; position: relative; float: left; display: inline; margin: 0; text-align: right;}
	#footerRight p {font-size: 10px; color: #666666;}
	
	
	
/*-- MISC CLASSES -----------------*/
.quoteText {width: 99%; font-style: italic; margin: 0 0 5px 0;}
.quoteSource {font-size: 12px; color: #333333; font-weight: normal; font-variant: small-caps;}