/*
	3P risk screen style
	bg blue #0f1131
	
	red #cc0000
	highlight red #ff3333
	
	grey #666666
	highlight grey #999999
	
	gif logo and header graphic have 10px edges
	
	col width changed from 800 to 1000ish
	800 * 1.2
*/


html {
}

body {
	background-color: #0f1131; 
	font-size: 14px; /* 800 : 12px;*/
	line-height: 1.5em;
	font-family: "Arial Narrow", "Helvetica Condensed", Arial, sans-serif;
	font-weight:normal;
	letter-spacing: 0.15em;
}

h1,h2,h3,h4,h5,h6 {
	color: #ffffff;
	font-weight: bold;
}
h2 {
	font-size:1em;
	margin: 0 0 1em 0;
	text-transform:uppercase;
}


strong { 
	color:#CC0000;
	font-weight:normal;
	text-transform:uppercase;
}

a { 
	color:#CC0000;
	text-decoration:none;
}
a:hover { 
	color:#ff3333;
	text-decoration:underline;
}



#header {
	height:240px; /* 800:200px; */
	position: relative;
	background-image:url('../img/header-graphic.gif');
	background-repeat:no-repeat;
	background-position:92px 42px ; /*800:76px 42px;*/
}
#header h1 img {
	position:absolute;
	right:95px;
	top:70px;
}
#header h1 span {
	display:none;
}
#header h1 {
	margin:0; padding:0;
}

#navig {
	text-transform:uppercase;
}
#navig a {
	color:#666666;
	text-decoration:none;
}
#navig a.current{
	color:#ffffff;
}
#navig a:hover {
	color:#999999;
	text-decoration:underline;
}
#navig ul {
	margin:0;
	padding:0;
	list-style-type: none;
}
#navig ul li {
	margin:0 0 0 1.5em; /* 800:20px */ /* js performs justification for best fit to width */
	padding:0;
	float:left;
	line-height:1.5em;
}
#navig ul li.first {
	margin-left:0;
}
#main { 
	/* with only float elements in div above, margin-top becomes 0 */
	padding-top:2em; /* 800:30px */
	clear:both; 
	letter-spacing: 0.18em;
	margin:0 auto;
	position:relative;
}

#main-graphic {
	width: 175px ; /* 800:145px;*/
	margin-right:45px;
	height: 140px;
	background: url('../img/col-graphic.gif') 42px 0 no-repeat;
}
#main-content, #main form#cform {
	/*height:400px;  300px changed from fixed to floating footer */
	overflow-x:hidden;
	overflow-y:hidden;
}
#main-content {
	width:632px; /* 800:500px */
	overflow-y:auto; /* changed from fixed to floating footer */
}


#footer {
	margin-top:2em;
	text-transform:uppercase;
	color:#666666;
	font-size:0.85em;
}
#footer a {
	color:#666666;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
	color: #999999;
}
#contact {
	float:right;
	text-align:right;
}
.env {
	background-color:#0f1131;
	color: #fff;
	width:960px; /* 800:780px */
	margin:0 auto;
	padding-bottom:1em;
}

.container {
	width: 852px ; /* 690px;*/
	margin:0 auto;
}
.white,
#footer .white a { 
	color:#ffffff;
}





form#cform {  }
form#cform fieldset { border:none; margin:0 0 1em 0; padding:0; }
form#cform legend { display:none; }
form#cform label { font-weight:normal; }
form#cform label, form#cform input { 
	display:block; 
	text-transform:uppercase;
}
form#cform input[type=text]{
	border: 1px solid #ffffff;
	margin:0 0 1em 0;
	padding:4px;
	background-color:transparent;
	color:#ffffff;
	width:264px; /* 800:220px */
}
form#cform div {
	float:left;
}
form#cform div.col1,
form#cform div.col2 {
	width:327px; /* 800:270px */
}
form#cform div.col1 label { display:none; }
form#cform div.col3 {
	width:180px; /* 800:150px */
}
form#cform div.col3 textarea {
	width:188px; /* - some for scrollbar */ /* 800:136px */
	height: 12em;
	overflow-x:hidden;
	border:none;
}
form#cform input[type=submit]{
	clear:both;
	float:right;
}
form#cform select, form#cform textarea {
	letter-spacing:0;
}

form#cform fieldset.submit {
	clear:both;
}
form#cform fieldset.submit #submitbutton,
form#cform fieldset.submit #resetbutton {
	float:right;
}
form#cform fieldset.submit #resetbutton {
	margin-right: 100px; /* 55px;*/
}
form#cform #lastname {display:none;}

p.nojs { color:red; }

#cycle {
	position: absolute;
	display:none;
}

div.error p,div.error li,div.error ul { margin-bottom:0.25em ; }
form .error ul { margin-top:0; }

/* Altered footer to allow for contact name in contact page */
#footer.incrtopmargin { 	margin-top:4.5em; }
#contact {position:relative;}
span.superfoot {position:absolute; display:block; top:-2.5em;}


div.casestudy {
	padding-bottom:1.5em;
}
div.casestudy h2, div.casestudy p {
	margin-bottom:0.75em;
}