body, html{
	width:100%;
	height:100%;
	background-color:#fffff;
	font-family:"Trebuchet MS";
	font-size:14px;
	margin:0;
	padding:0;
}

body{

	/*overflow-y:scroll;*/

}

a {
	outline:none;
}

*:focus {
        outline: 0;
}
*:focus { outline: none; }
*::-moz-focus-inner { border: none;}

h1 {
	color:#008ab0;
	font-size:16px;
}

a {
	outline:none;
}

a img {
	text-decoration: none;
	border: 0 none;
}

.pagetitle{
	color:#008ab0;
	font-size:17px;
	font-weight:bold;
}

#content{

	padding-bottom:60px;   /* Height of the footer */
	width:100%;

}

#content p, #content ul {
	font-size:12px;
	line-height:18px;
}

#copy{
	
	width:1100px;
	margin: 0px auto;
	position:relative;
	
}

#copy p, #copy ul, #copy table{
	
	width:38%;
	margin: 0px auto;
	padding-top:6px;
	padding-bottom:6px;
	font-size:14px;
	
}

#copy ul li{
	padding-top:4px;
	padding-bottom:4px;
	padding-left:10px;
	margin-left:20px;
	margin-right:30px;
}

#design_objectives{
	width:80%;
	margin:0px auto;
}

#design_objectives li{
	list-style-type:circle;
}

#copy table, #copy tr, #copy td{
	line-height:18px;
	padding:0;
	margin-top:-24px;
}

#copy a, #copy a:visited{
	color:#3c3c3c;
}

#contactmsg{
	width:200px;
	height:140px;
	resize:none;
	border: 1px solid #008ab0;
	overflow:auto;
}

#survey{

	position:relative;
	padding-bottom:60px;   /* Height of the footer */
	width:800px;
	margin: 0px auto;

}

#footer{
	/*position:absolute;
	bottom:60px;*/
	width:100%;
	height:34px;
	text-transform:uppercase;
	font-size:11px;
	text-align:center;
	z-index:999;
}

#footer a{
	text-decoration:none;
	color:#000;
}

#innerfbox{
	padding-top:10px;
	height:52px;
	margin: 0px auto;
	background-color:#a6beca;
	width:1100px;
	font-size:12px;
}	

#videothumbnails{

	position:absolute;
	top:20px;
	left:100px;
	width:204px;
	height:236px;
	border:1px solid #dae3e7;
	text-transform:uppercase;
	font-size:8px;

}

#videothumbnails p{
	font-size:8px;
	padding:0px;
}

#lightbluearrow_left{
	position:absolute;
	top:140px;
	left:-8px;
}

#lightbluearrow_right{
	position:absolute;
	top:140px;
	right:-8px;
}

#oilandgas_thumb{
	position:absolute;
	top:60px;
	text-align:left;
	padding:4px;
}

#oilandgas_thumb p, #marinetrans_thumb p, #construction_thumb p, #technology_thumb p{
	padding:0px;
	margin-top:-8px;
	padding-left:2px;
	/*border: 1px solid #000;*/
	width:100px;
}

#marinetrans_thumb{
	position:absolute;
	top:64px;
	text-align:left;
	left:96px;
}

#construction_thumb{
	position:absolute;
	top:148px;
	text-align:left;
	left:4px;
}

#technology_thumb{
	position:absolute;
	top:148px;
	text-align:left;
	left:96px;
}

#sponsors{
	position:absolute;
	top:20px;
	right:86px;
	width:220px;
	/*border: 1px solid #000;*/
}

#lineanimations{
	position:absolute;
	top:0px;
	left:60px;
	width:400px;
	height:300px;
	/*border:1px solid #000;*/
}

#line1{
	height:1px;
	width:1px;
	background-color:#dae3e7;
	position:absolute;
	top:90px;
	left:0px;
	z-index:102;
}

#line2{
	height:1px;
	width:1px;
	background-color:#dae3e7;
	position:absolute;
	top:90px;
	left:223px;
	z-index:102;
	display:none;
}

#line3{
	height:1px;
	width:1px;
	background-color:#dae3e7;
	position:absolute;
	top:117px;
	left:221px;
	z-index:102;
	display:none;
}

#line4{
	height:1px;
	width:1px;
	background-color:#dae3e7;
	position:absolute;
	bottom:109px;
	left:310px;
	z-index:102;
	display:none;
}

#line5{
	height:1px;
	width:1px;
	background-color:#dae3e7;
	position:absolute;
	top:40px;
	left:22px;
	z-index:102;
	/*display:none;*/
}

#acknowledgements, #acknowledgements a{
	margin-top:40px;
	font-size:12px;
	text-transform:uppercase;
	color:#b6b9ba;
	text-decoration:none;
	margin-left:2px;
}

.mainholder{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	/*border: 1px solid #000;*/
	margin-top:0px;
	position:relative;
}

.content{
	/*margin-left:auto;
	margin-right:auto;*/
	text-align:left;
	width:1100px;
	position:relative;
}

.content p{
	
}	

#signupform, #signinform, #recoverpassform, #signoutform{
	
	position:absolute;
	left:120px;
	
}

#formtest{
	position:absolute;
	left:120px;
	top:80px;
	font-size:11px;
}

h2 {
	color:#a6beca;
}

.inputbox {
	border: 1px solid #008ab0;
	height: 30px;
	width:200px;
	font-size:14px;
	margin-bottom:8px;
	padding:0px;
	padding-left: 4px;
}

#registerbutton, #resetbutton, #signinbutton{
	margin-top:8px;
}

.button{
	border: none;
	height:37px;
	background-color:#008ab0;
	font-size:18px;
	color:#fff;
	font-weight:bold;
	font-family:"Trebuchet MS";
	padding-left:8px;
	padding-right:8px;
}

#newuser{
	position:absolute;
	top:20px;
	right:160px;
	font-size:14px;
	width:280px;
}

.rmodel{
	position:relative;
}

.rmodel, .rolemodel_tn, .rolemodel_info{
	margin: 0px auto;
	width:38%;
}

.rmodel_info{
	position:absolute;
	left:82px;
	top:0px;
	font-size:11px;
	background-color:#f4f4f4;
	height:62px;
	width:141px;
	padding:6px;
	padding-top:10px;
	padding-left:10px;

}

.rmodel a{
	text-decoration:none;
	color:#323232;
}

.rmodel a:visited{
	color:#6f6f6f;
}

.rmodel #watchvideo {
	position:absolute;
	left:78px;
}

.rmodel_name{
	font-size:12px;
	font-weight:bold;
}


.sectorheader{
	color:#008ab0;
	font-size:12px;
}

.readmore{
	margin-top:10px;
	margin-left:-4px;
}

.realstories_subheader{
	font-weight:bold;
	font-size:14px;
	color:#3a3a3a;
}

.real_stories_link{
	visibility:hidden;
}

.yourstory_col1{
	position:absolute;
	left:0px;
	width:200px;
	height:200px;
}

.yourstory_col2{
	position:absolute;
	right:0px;
	width:160px;
	height:200px;
	background-color:#a6beca;
}

#yourstory_text{
	margin:0px auto;
	width:38%;
}

#linkstable tr td{
	padding:10px;
	padding-left:4px;
}

.results_bold{
	font-weight:bold;
	color:#545454;
}

.typography table td{
	font-family:"Trebuchet MS";
	font-size:12px;
}

#linksSearchForm form{
	font-family:"Trebuchet MS";
	font-size:12px;
	margin: 0px auto;
	width:38%;	
}

#realstoriesSearchForm form{
	font-family:"Trebuchet MS";
	font-size:12px;
	margin: 0px auto;
	width:38%;	
}

form select {
	font-family:"Trebuchet MS";
	font-size:12px;
}

#morphfield1,#morphfield2,#morphfield3,#morphfield4,#morphfield5,#morphfield6{
	width:70%;
}

.morphfieldlabel{
	margin-top:8px;
	font-size:14px;
}

#resultsHolder{
	
	background-color:#e6e6e6;
	width:380px;
	height:340px;
	position:absolute;
	right:60px;
	top:116px;
	overflow-y:scroll;
	
}

#resultsHolder p{
	padding:16px;
	width:84%;
	margin-bottom:0px;
}

#morphFieldResult{
	/*padding:16px;
	padding-bottom:4px;
	padding-top:4px;
	width:84%;*/
}

#resultsList{
	width:92%;
}

#resultData{
	padding:16px;
	padding-bottom:0;
	padding-top:0;
	margin:0px;
	font-family:"Trebuchet MS";
	font-size:14px;
	margin-bottom:0px;
}

#resultData:nth-child(even){
	background-color:#d9d9d9;
}
#resultData:nth-child(odd){
	background-color:#ebebeb;
}

#resultData a{
	color:#2a637d;
	cursor:pointer;
}

#resultData:hover{
	/*background-color:#b9dde6;*/
}

#resultsHolder h2{
	font-weight:bold;
	padding:16px;
	padding-bottom:0px;
	margin:0px;
	font-size:18px;
	color:#717576;
}

#links_search, #realstories_search{
	margin-top:10px;
	font-size:14px;
}

.links_searchbox, .realstories_searchbox{
	width:280px;
	padding:4px;
	font-family:Trebuchet MS, Arial,Times;
}