/* Colour ref
Page bgnd solid #505050
left col bgnd #474747
Right col bgnd #505050
orange heads #fe7200
*/
/* HTML Elements */
html { height: 100%; margin-bottom: 1px; }  /* Forces vert scrollbar on all pages*/
body {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	height: 100%;
	background-color: #505050;
	color: White;
	font: 10px/12px verdana, arial, helvetica, sans-serif;
	text-align: center; /*this will center ALL items on the page in IE but only text in Moz etc.*/
}
p, td, li, ul,ol, h1, h2, h3 ,h4 ,h5 ,h6 {
	font: 10px/12px verdana, arial, helvetica, sans-serif;
	/* Netscape 4&IE5 doesn't really like type tags just set in the body, this helps */
	margin: 0 0 0 0; /* removes unpridictable 'browser default' settings */
	padding: 0 0 0 0; /* " " */
}
a:link, a:visited, a:active {
	font-weight:bold;
	color: #fe7200;
	text-decoration: underline;
}
a:hover {
	font-weight:bold;
	color: White;
	text-decoration: none;
}
br.clear {
	clear: both;
	height:1px;
	line-height:1px;
	overflow:hidden;
}
img {
	border: 0 none;
}
p {
	text-align: left; /* IE5Win bug, if no alignment is presented the text may center */
	margin: 0 0 1em 0;
}
form {
	margin: 0 0 0 0;
}
table {
	border: 0;
}

td img {
	display: block; /* Images that are in tables will always be block level DO NOT use this on TinyMCE pages*/
}
/*Layout*/
#conthold {
	margin-right: auto;
	margin-left: auto;
	margin-top:20px;
	width: 773px; 
	text-align: left;
	background: Black url(images/bgnd-centfoot.gif) no-repeat bottom;
}
#flashnav {
	width:773px; height:160px;
	margin:0 0 7px 0;
	background: #222121 url(images/flashtemp.jpg) no-repeat top;
}
#leftcolcont {
	width:502px;
	clear:both;
	margin:0 0 7px 6px;
	float:left;
	display: inline;
	height: auto;
}
#leftcolcont #colmain {
	display:block;
	background: #474747 url(images/maintext-bgnd.gif) repeat-x top;
	height: auto;
	/*min-height: 549px*/
}
#colmain p {margin:0 13px 10px 13px;}
#colmain h3 {
	color: #fe7200;
	margin:0 13px 10px 13px;
	font-weight: bold;
	font-size: 13px;
}
#colmain h2.case {
	margin:0 13px 10px 13px;
	color: #fe7200;
	font-size: 14px;
}
#colmain h3.case {
	font-weight: normal;
	font-size: 10px;
}
#colmain ul {
	margin:0 13px 10px 13px;
}
#colmain li {
	padding-top: 5px;
	list-style-position: inside;
}
#colmain div.colcapalt {
	display:block;
	/*clear:both;*/
	height: auto;
	background: transparent url(images/maintext-foot-alt.gif) no-repeat bottom;
	min-height: 549px
}
#colstreach {
	min-height: 460px;
}
#leftcolcont .colfoot {
	margin-top:12px;
	float:left;
	width:242px;
	height: 180px;
	background: #bcc4cf url(images/bgnd-studdyfoot.gif) no-repeat bottom;
}
#leftcolcont div.left {
	clear:both;
}
#leftcolcont div.right {
	margin-left:17px;
}
#leftcolcont .colfoot h1 {
	padding:75px 0 0 12px;
	margin:0 0 0 0;
	display:block;
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
	color: black; 
}
#leftcolcont .colfoot h2 {
	font: bold 11px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #6c6b6b;
	margin: 4px 0 0 11px;}
#leftcolcont .colfoot p {margin: 4px 11px 0 11px;}
#leftcolcont .colfoot p.cont {
	text-align:right;
	margin-bottom:10px;
}
#leftcolcont div.left h1 {background: #bcc4cf url(images/head-case-1.jpg) no-repeat top;}
#leftcolcont div.right h1 {background: #bcc4cf url(images/head-case-2.jpg) no-repeat top;}
#rightcol {
	width:242px;
	margin:0 0 7px 17px;
	float:left;
	background: #505050 url(images/news-foot.gif) no-repeat bottom;
}
#rightcol h1#newshead {
	padding:85px 0 5px 11px;
	margin:0 0 0 0;
	background: Black url(images/news-head.jpg) no-repeat bottom;
	display:block;
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
	color: #fe7200; 
}
#rightcol h2 {
	margin:0 11px 0 11px;
	font: bold 11px/14px Verdana, Arial, Helvetica, sans-serif;
}
#rightcol p {margin:4px 11px 0 11px;}
#rightcol p.link {
	text-align:right;
	margin-top: 0px;
	margin-bottom:12px;
}
#rightcol .constrain {
	margin: 0 0 0 0;
	height: 92px;
	overflow: hidden;
}
.footcol { 
	background: #505050 url(images/HP-bot.gif) no-repeat bottom;
	float: left;
	height:48px;
	width: 242px;
	margin-top: 17px;
	cursor: pointer;
}
.footcol h1 {
	display: block;
	background: transparent url(images/HP-top.gif) no-repeat top;
	cursor: pointer; 
}
.footcol h1 a {
	padding: 15px 0 14px 12px;
	display: block;
	background: transparent url(images/HP-arrowicon.gif) no-repeat 195px 8px; 
}

.footcol h1 a span {
	position: absolute;
	float: left;	
	overflow: hidden;
	height: 49px;
	width: 225px;
	display: block;
	cursor: pointer;
}
.footcol h1 a.fin span {
	/*width: 154px;*/
	background: url(images/HP-financial.gif) no-repeat left top;
}
.footcol h1 a.sales span {
	/*width: 129px;*/
	background: url(images/HP-Sales.gif) no-repeat left top;
}
.footcol h1 a.mark span {
	/*width: 161px;
	height: 18px;*/
	background: url(images/HP-Marketing.gif) no-repeat left top;
}
.footcol h1 a.board span {
	/*width: 172px;*/
	background: url(images/HP-board.gif) no-repeat left top;
}


.alt-rules {
	height: 5px;
	border-top: 1px solid #6e6e6d;
	margin:7px 13px 5px 13px;
	display: block;
	line-height: 3px;
	/*IE won't render an element less than the current font-size/line-height, 
	unless you include an overflow:hidden in the style declaration.*/
}
.buttonblock {
	margin:7px 0 0 10px;
}
.buttonblock img {
	margin: 0 3px 0 3px;
}
/*Linkspage*/
#colmain dl {
	margin: 0 13px 0 13px;
}
#colmain dd {
	margin-left: 15px;
	margin-bottom: 5px;
}
#colmain dt, #colmain dd {
	padding: 3px 0 3px 0;
}
/*Case Studies*/
table#Studies {
	margin: 10px auto 5px auto;
	width: 455px; 
	background-color: #414141;
	vertical-align: middle;
	border: 1px solid #505050;
}
table#Studies tr td {
	height: 25px;
	padding: 3px 0 3px 5px;
}
table#Studies tr td.button {
	width: 83px;
	background: transparent url(images/view_case.gif) no-repeat right;
}
table#Studies tr.even td {
		background-color: #150f0f;
	}
table#Studies tr td a:link, table#Studies tr td a:active {
	text-decoration: none;
	color: #fe7200;
	font-weight: bold;
}
table#Studies tr td a:visited {
	text-decoration: none;
	color: #cf5e03;
	font-weight: bold;
}
table#Studies tr td a:hover {
	text-decoration: none;
	font-weight: bold;
	color:#ae0202;
	border-bottom: 1px none #fe7200;
}
table#Studies tr td.button a {
display: block;
}
table#Studies tr td.button a:link, table#Studies tr td.button a:active, table#Studies tr td.button a:visited {
	font-weight: normal;
	color: #fe7200;
	border-bottom: none;
}
table#Studies tr td.button a:hover {
	font-weight: normal;
	color: White;
	border-bottom: none;
}
/*Contect page*/
.address p {
	text-align: center;
}
.address ul {
	text-align: center;
	list-style-type: none;
}
/*footer*/
#foot p {
	line-height:15px;
	display:block;
	text-align:center;
	color: white;
}
#foot p a {
padding:0 3px 0 3px;}

#foot p a:link, #foot p a:visited, #foot p a:active {
	font-weight: normal;
	color: white;
	text-decoration: none;
}
#foot p a:hover {
	font-weight: normal;
	color: #fe7200;
	text-decoration: underline;
}

/*Contact Form css see forms.css*/
/*Graphic replacement headers*/
h1.replace {
	margin: 22px 13px 8px 13px;
	overflow: hidden;
	font-size: 16px;
	color:#fe7200;
	height: 20px;
	width: 200px;
}
h1.replace span {
	position: absolute;
	float: left;	
	overflow: hidden;
	height: 23px;
	width: 200px;
	background-color: Black;
}
/* All code (C) Antony Ellam, Designed4hits 2007 */