/* CSS Document */

body {
font-family:Verdana, Helvetica, sans-serif;
font-size:10px;
line-height: 150%;
color:#585858;
}
#bigBox {
margin: 0 auto; 
position: relative; 
width: 975px;
}
.container {
position:absolute;
top: 40px;
margin-left:-488px;
left: 50%;
}
.html {
position: absolute;
top:20px;
left: 24px;
}
.logo {
position: absolute;
width: 285px;
height: 32px;
top: 0px;
left: 0px;
}
/*nav*/
.nav  {
position: absolute;
left: 289px;
width: 687px;
height: 32px;
background-color:#8D8D95;
}
.nav ul {
position: relative;
list-style:none;
display: inline;
top: 8px;
left: -15px;
}
.nav li {
font-size: 11px;
list-style:none;
display: inline;
padding-left: 12px;
padding-right: 12px;
}
.nav a:link {
text-decoration: none;
color: #ffffff;

}	
.nav a:visited {
text-decoration: none;
color: #ffffff;
}
.nav a:hover, a:active  {
text-decoration: none;
color: #505050;
}
.nav #selected  {
color: #505050;
}
#pdf {
position: relative;
top: 0px;
left: -7px;
}
#frontPage {
position: absolute;
left: 25px;
width: 780px;
}
	#frontPage h1 {
	font-family:"Century Gothic", Helvetica, sans-serif;
	color:#585858;
	font-size:11px;
	line-height: 150%;
	font-weight: bold;
	word-spacing: .05em;

	}
	
	h1 {
	font-size:10px;
	font-weight: 100;
	line-height: 150%;
	letter-spacing: .02em;
	word-spacing: .025em;
	color:#585858;
	display: inline;
	
	}

#portFrontPage {
position: absolute;
left: 25px;
width: 780px;
top: 415px;
}
#flashcontent {
position: relative;
width:975px;
height:415px;
top:0px;
left:1px;
}

#view {
position: absolute;
left: 801px;
top: 14px;

}
#click {
position: absolute;
left: 800px;
top: -20px;
}
/*description text*/
	
	
	

.indexFooter {
position: absolute;
width:960px;
height:100px;
top: 540px;
left: 24px;
color:#505050;
font-size:9px;
word-spacing:.05em;
font-weight:bold;

}


		
			.indexFooter a:link, a:visited {
			text-decoration: none;
			color: #505050;
			}
			.indexFooter a:hover {
			text-decoration: none;
			color:#077CC7;
			}
.content {
	position: absolute;
	width: 992px;
	height: 415px;
	top: 36px;
	left: 0px;
}
/*secondary pages*/

.contentBackground {
position:relative;
background-color:#D4D4D4;
width: 687px;
height: 530px;
margin-left: 290px;
}
.testBackground {
position:relative;
background-color:#D4D4D4;
width: 687px;
height: auto;
margin-left: 290px;
}
#flashNav {
position: absolute;
width:286px;
height: 415px;
top: 36px;
left: 1px

}

#text {
position: relative;
width: 450px;
height: auto;
margin-left: 35px;
margin-top: 0px;
}
#proptext {
position: relative;
width: 465px;
height: auto;
margin-left: 35px;
margin-top: 0px;
}

/*Team Page*/
.teamContent {
position: absolute;
width: 992px;
height: auto;
top: 36px;

}
.teamBackground {
position:relative;
background-color:#D4D4D4;
width: 687px;
height:auto;
margin-left:290px;

}
#text2 {
position: relative;
margin-left: 50px;
}
.red {
position: absolute;
left: 0px;
width: 15px;
height: 75px;
background-color:#F00500;
}
.red_success {
position: absolute;
left: 0px;
width: 15px;
height: 40px;
background-color:#F00500;
}
.red_team {
position: absolute;
left: 0px;
width: 15px;
height: 56px;
background-color:#F00500;
}
.red_service {
position: absolute;
left: 0px;
width: 15px;
height: 33px;
background-color:#F00500;
}
.people {
position: relative;
margin-left: 25px;
margin-top: -3px;

}
#Title {
position: relative;
margin-left: 0px;
margin-top: 20px;
}
#teamTitle {
position: relative;
margin-left: -15px;
margin-top: 20px;
}
.teamText {
position: relative;
width: 320px;
margin-left: 145px;

}
.photo1 {
position: absolute;
width: 150px;
height: 100px;
left: -158px;

}
.teamMobile {
position: relative;
top: 5px;
}
.teamFooter {
position:relative;
bottom: 0;
clear: both;
padding: 0;
margin: 0;
top: 20px;
color:#505050;
font-size:9px;
font-weight:bold;
left: 24px;
}
		
			.teamFooter a:link, a:visited {
			text-decoration: none;
			color: #505050;
			}
			.teamFooter a:hover {
			text-decoration: none;
			color:#077CC7;
			}



#subHeading {
position: relative;
left: -26px;


}
#sideSubHeading {
position: relative;
left: -4px;
}
h2 {
display:inline;
font-size: 12px;
font-weight: 200;
line-height: 150%;
}
h5 {
font-size:10px;
display: inline;
font-weight: 200;
line-height: 120%;
}
			h5 a:link, a:visited {
			text-decoration: none;
			color:#077CC7;
			}
			h5 a:hover {
			text-decoration: none;
			color: #FF0000;
			}
		
p {
font-size:9px;
display: inline;
}


#bold {
position: relative;
font-family:Verdana, Helvetica, sans-serif;
font-size:10px;
line-height: 150%;
letter-spacing: .02em;
word-spacing: .025em;
color:#585858;
padding-bottom: 20px;

}
			#bold a:link, a:visited {
			text-decoration: underline;
			color: #585858;
			}
			#bold a:visited {
			text-decoration: underline;
			color: #585858;
			}
			#bold a:hover {
			text-decoration: underline;
			color:#FF0000;
			}
			#bold a:active {
			text-decoration: underline;
			color:#FF0000;
			}

/*service slideshow*/
#sideFlash {
	position:absolute;
	left:545px;
	top: 70px; 
	width: 142px;
	height: 385px;
	}
	
.footer {
position: absolute;
width:1000px;
height:100px;
top: 585px;
left: 24px;
color:#505050;
font-size:9px;
word-spacing:.05em;
font-weight:bold;

}


		
			.footer a:link, a:visited {
			text-decoration: none;
			color: #505050;
			}
			.footer a:hover {
			text-decoration: none;
			color:#077CC7;
			}
.testFooter {
position:relative;
bottom: 0;
clear: both;
padding: 0;
margin: 0;
top: 20px;
color:#505050;
font-size:9px;
font-weight:bold;

}
			.testFooter a:link, a:visited {
			text-decoration: none;
			color: #505050;
			}
			.testFooter a:hover {
			text-decoration: none;
			color:#077CC7;
			}
/*portfolio*/
#flashPort {
	position:absolute;
	left:288px;
	top: -1px;
	width: 690px;
	height: 415px;
	}

/*contact Page*/
#contactText {
position: relative;
width: 520px;
height: auto;
margin-left: 35px;
margin-top: 0px;
}
			#contactText a:link, a:visited {
			text-decoration: none;
			color: #505050;
			}
			#contactText  a:hover {
			text-decoration: none;
			color:#077CC7;
			}
			
.contactBackground {
position:relative;
background-color:#D4D4D4;
width: 687px;
height:620px;
margin-left:290px;

}
.columnOne {
position: relative;

}
#base{
position:relative;
margin-top:40px;

}
.columnTwo {
position: absolute;
left: 225px;
top: 60px;
}


#contactMovie {
	position:absolute;
	left: 545px;
	top: 80px; 
	width: 142px;
	height: 385px;
	}
	
	

.redHead {
color:#FF0000;
font-weight:bold;

}

.colour {
color:#077CC7;
font-size:10px;
font-weight:bold;
}
			#text a:link, a:visited {
			text-decoration: none;
			color: #505050;
			}
			#text  a:hover {
			text-decoration: none;
			color:#077CC7;
			}
.colourBlue {
color:#077CC7;
font-size:12px;
font-weight:200;

}
			
/*contact Form*/
#myContact {
position: relative;
width:300px;
margin-left: 0px;
margin-top: 20px;
}

#myContact label, label span {
display: block;
padding-bottom: .25em;
}
#myContact label {
float: left;
width: 100%;
}
#myContact label span {
float: left;
width: 25%;
text-align: left;
}
#myContact fieldset {
width: 100%;
border: 0;
}
#myContact fieldset textarea {
width: 180px;
height: 70px;
font-size: 9px;
border:0;
float: left;
background-image:url(images/form_box.jpg);
border: 1px solid #666666;
}
#myContact fieldset input {
width: 180px;
height: 10px;
font-size: 9px;
border:0;
float: left;
background-image:url(images/form_box.jpg);
border: 1px solid #666666;
}

#myContact fieldset input:active, input: focus {
border-color:#FF0000;
}
#myContact fieldset input:hover {
border-color:#FF0000;
}
#myContact fieldset textarea:active, textarea: focus {
border-color:#FF0000;
}
#myContact fieldset textarea:hover {
border-color:#FF0000;
}
#myContact form div input {
position:relative;
font-size: 10px;
font-weight:bold;
color:#FFFFFF;
width: 45px;
height:18px;
border:0;
background-color:#077CC7;
top:0px;
left:75px;

}
#myContact #send{position: relative; width:45px;  height:18px; background-color:#077CC7; border: 0; color:#fff; font-size: 9px; font-weight: bold; padding:2px ;  }
	/*end contact Form*/	
			
/*all other forms  - start*/
#copy {
position: relative;
width: 455px;
}
#myForm {position:relative; width:500px;height:100px;}
#myForm input:active, input: focus {
border-color:#FF0000;
}
#myForm input:hover {
border-color:#FF0000;
}


td { color: #585858;}

#firstName {width: 220px;height: 12px; background-image:url(images/form_box.jpg);border: 1px solid #999999; margin-left: 30px;}
#lastName {width: 220px;height: 12px; background-image:url(images/form_box.jpg);border: 1px solid #999999;margin-left: 30px;}
#email{width: 220px;height: 12px;background-image:url(images/form_box.jpg);border: 1px solid #999999;margin-left: 30px;}
#company {width: 220px;height: 12px; background-image:url(images/form_box.jpg);border: 1px solid #999999;margin-left: 30px;}
#submit {position: relative; width:45px;  height:18px; background-color:#077CC7; border: 0; color:#fff; font-size: 9px; font-weight: bold; padding:2px ;top:190px; left: -280px;  }
#phone{width: 257px;height: 12px; background-image:url(images/form_box.jpg);border: 1px solid #999999; margin-left: 5px; }
#postal {width: 257px;height: 12px; background-image:url(images/form_box.jpg);border: 1px solid #999999;margin-left: 6px;}
#myForm input#postal{ margin-top: 1px;}
#myForm input#phone{ margin-top: 1px;}

#checkBox {
position: absolute;
width: 490px;
font-size: 10px;
}



#checkText {
position: absolute;
line-height: 140%;
left: 30px;
}
#note {
position: absolute;
font-size:9px;
font-weight: bold;
top: 440px;
left: 0px;
letter-spacing: -.005em;
width: 500px;
}
#checkBox span {
font-size: 11px;

}
.redWord {
color:#FF0000;
font-weight:bold;
font-size: 10px;
}

.part1 {
position: absolute;
width: 490px;
top: 8px;
}
.part2 {
position: absolute;
width: 490px;
top: 45px;
}
.part3 {
position: absolute;
width: 490px;
top: 101px;
}
#checkImage {
position: absolute;
left: 3px;
}
#box1 {
position: absolute;
margin-top: 6px;
}
#box2{
position: absolute;
margin-top: 28px;
}
#box3{
position: absolute;
margin-top: 69px;
}

/*all other forms  - finish*/

#survival {
position: relative;
left: 0px;
}




#bottomBar {
position: absolute;
margin-left: 25px;
margin-top: 449px;
width: 780px;
}
	#bottomBar h1 {
	font-family:"Century Gothic", Helvetica, sans-serif;
	color:#585858;
	font-size:11px;
	line-height: 150%;
	font-weight: bold;
	word-spacing: .05em;

	}