/* HTML Elements */
html { height: 100%; margin-bottom: 1px; }  /* Forces vert scrollbar on all pages*/
body {
	background: White url(images/bgnd-mainstrip.gif) repeat-y left;
	color: #000000;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	height: 100%;
}
p, td, li, ul, ol, h1, h2, h3 ,h4 ,h5 ,h6 {
	font: 12px/16px "helvetica neue", helvetica, verdana, arial, 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; /* " " */
}

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 */
}
 /* Link Elements must be in this order*/
a:link {
	color: #000000;
	text-decoration: underline;
}

a:visited {
	color: #694414;
	text-decoration: underline;
}

a:hover {
	color: #BD9D2C;
	text-decoration: none;
}

a:active {
	color: #E9B20F;
	text-decoration: none;
}

br.clear {
	clear: both;
} /* <br clear="all" /> may be unrelyable in gecko based browsers <br style="clear: both;" /> 
clears more reliably but lets get it in the Stylesheet with <br class="clear" /> */

/*css layout elements*/
#headstrip {
	height: 80px;
	border-top: 4px solid Black;
	display: block;
	background-color: White;
}
#container {
	width: 790px;
	height: auto;
	clear: both;
}
#logosrtip {
	height: 26px;
	display: block;
	background: White url(images/bgnd-head.gif) no-repeat bottom right ;
}
#logo {
 height:auto;
 width:auto;
 float:left;
 }
#logosrtip img {
	margin: 29px 0 0 92px;
}
#logosrtip p {
	clear: both;
	float: right;
	color: White;
	font: 15px "Helvetica Neue", Helvetica, Arial, Verdana, Geneva, sans-serif;
	margin: 9px 8px 0 0;
}
/* nav-bar */
#navcont {
	clear: both;
	width: 211px;
	float: left;
	margin: 9px 16px 0 0;
}
#navcont ul {
	width: 135px;
	clear: both;
	float: right;
	text-align: right;
	margin: 0 0 0 0;
	list-style-image: none;
}
#navcont ul li {
	font-size: 12px;
	line-height: 13px;
	list-style-type: none;
	margin: 5px 0 5px 0;
}

#navcont ul li a:link, #navcont ul li a:visited, #navcont ul li a:active { 
	color: Black;
	text-decoration: none;
}

#navcont ul li a:hover {
	color: #E26D1F;
	text-decoration: underline;
}
#navcont ul.altnav {
	border: 1px dotted Black;
	border-width: 1px 0 1px 0;
	float: right;
	margin: 3px 0 3px 0;
}

#navcont ul.altnav li a:link, #navcont ul.altnav li a:visited, #navcont ul.altnav li a:active { 
	color: #BD9D2C;
	text-decoration: none;
}

#navcont ul.altnav li a:hover {
	color: #E26D1F;
	text-decoration: underline;
}

/* Content section */
#content {
	width: 563px;
	float: left;
}

.headtext {
	height: 331px;
	display: block;
	background-position: right top;
	background-repeat: no-repeat;
	border-bottom: 1px solid White;
}
.headtext p{
	width: 190px;
	padding-top: 10px;
	margin: 0 0 5px 14px;
	font-size: 11px;
	line-height: 15px;
	text-align: justify;
}
.headtext ul {
	width: 185px;
}

.headtext li {
	margin-left:14px;
	padding: 4px 0 4px 14px;
	list-style: none outside;
	background: url(images/list-bullet.jpg) no-repeat 7px left;
}
.greystrip {
	display: block;
	background-color: #D2D2D2;
	height: 11px;
	overflow: hidden;
}
img.title {
	margin: 12px 0 0 12px;
}
.news-art {
	margin: 12px 12px 8px 12px;
	padding: 0 0 7px 0;
	display: block;
	border-top: 1px dotted Black;
}
.news-art h1 {
	font: 16px/20px "Helvetica Neue", Helvetica, Arial, Verdana, Geneva, sans-serif;
	color: #694414;
	margin: 8px 0 10px 0;
}
.news-art h3 {
	font: 13px "Helvetica Neue", Helvetica, Arial, Verdana, Geneva, sans-serif;
	color: Black;
	margin: 8px 0 10px 0;
	float: right;
}
.news-art li {
	margin: 4px 0 4px 14px;
	list-style: circle inside;
}
.news-art .contact {
	float: left;
	font: 12px/14px "helvetica neue", helvetica, verdana, arial, sans-serif;
	margin: 0 6px 3px 0;
}
.news-art p { 
	clear: left;
	margin: 10px 0 10px 0;}
.alt-rules{
	height: 5px;
	width: 100%;
	border-top: 1px solid #9B8E53;
	margin-top: 7px;
	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.*/
}
img.right {
	float: right;
	padding: 3px 3px 3px 3px;
	border: 1px solid #CFB764;
	background-color: White;
	margin: 9px 10px 0 0;
}
#foot {
	display: block;
   clear: both; /* not required if #clearfooter is used */
	height: 19px;
	width: 211px;
	font-size: 10px;
	text-decoration: none;
}
#foot p {
	text-align: right;
	line-height: 13px;
	font-size: 9px;
}
#foot a:link, #foot a:visited, #foot a:active { 
	color: Black;
	text-decoration: none;
}

#foot a:hover {
	color: #E26D1F;
	text-decoration: underline;
}
/* unique Page css */
body#home .headtext{ background-image: url(images/bgnd-homehead.jpg); }
body#saudit .headtext{ background-image: url(images/bgnd-servicehead.jpg); }
body#sbplan .headtext{ background-image: url(images/bgnd-servicehead.jpg); }
body#scofinance .headtext{ background-image: url(images/bgnd-servicehead.jpg); }
body#scoform .headtext{ background-image: url(images/bgnd-servicehead.jpg); }
body#sdevelop .headtext{ background-image: url(images/bgnd-servicehead.jpg); }
body#sfiservice .headtext{ background-image: url(images/bgnd-servicehead.jpg); }
body#service .headtext{ background-image: url(images/bgnd-servicehead.jpg); }
body#spayroll .headtext{ background-image: url(images/bgnd-servicehead.jpg); }
body#stax .headtext{ background-image: url(images/bgnd-servicehead.jpg); }
body#sage .headtext{ background-image: url(images/bgnd-servicehead.jpg); }
body#sage .news-art table {
	margin: 0 0 10px 0;
	border: 0 none White;
	width: 530px;
}
body#sage .news-art table td {
	border-left: 1px solid #DADADA;
	padding: 3px 0 3px 5px;
}
body#sage .news-art table tr.header td {
	color: #BD9D2C;
	border-bottom: 1px solid #DADADA;
	padding: 3px 0 5px 5px;
	font-size: 12px;
	font-weight: bold;
}
body#sage .news-art table tr.alt {
	background-color: #F8F5E9;
}
body#sage .news-art table td.noline {
	border-left: 0 none #DADADA;
}
body#sage .headtext img {
	margin: 5px 0 0 12px;
}
body#about .headtext{ background-image: url(images/bgnd-abouthead.jpg); }
body#about .news-art p {
	margin-top: 10px;
}
body#contact .headtext{ background-image: url(images/bgnd-homehead.jpg); }
body#news .headtext{ background-image: url(images/bgnd-newshead.jpg); }
body#people .headtext { background-image: url(images/fills/fill-people.gif); 
	height: auto;
	background-repeat: repeat-y; }
body#people .headtext p {
	width: 300px;
}
body#people .headtext h2 {
	font: 15px "Helvetica Neue", Helvetica, Arial, Verdana, Geneva, sans-serif;
	color: #E26D1F;
	padding: 4px 0 0 14px;
}
body#people .headtext h2 a:link, body#people .headtext h2 a:visited, body#people .headtext h2 a:active {
	color: #E26D1F;
}
body#people .headtext h2 a:hover {
	color: #E26D1F;
	text-decoration: none;
}
body#privacy .headtext, body#terms .headtext, body#smap .headtext, body#links .headtext, body#newsarc .headtext, body#contact .headtext { background-image: none;  height: auto;}
body#privacy div.headtext p, body#terms div.headtext p, body#links .headtext p, body#contact .headtext p {
	padding-top: 6px;
	width: 535px;
	display: block;
}
body#terms .headtext li {
	width: 500px;
	padding: 0 0 0 0;
	margin: 4px 0 4px 14px;
	list-style: circle inside;
	background-image: none;
}
body#terms .headtext h1 {
	font: 15px "Helvetica Neue", Helvetica, Arial, Verdana, Geneva, sans-serif;
	color: #694414;
	margin: 5px 15px 0 15px;
	display: block;
	border-top: 1px dotted Black;
	padding-top: 3px;
}
body#smap .headtext li { 
	list-style: none;  
	font-size: 14px;
	line-height: 15px;
	width: 400px;  }
body#smap .headtext li ul {
	margin: 6px 15px;
	padding: 0 15px;
	border-left: 1px dotted Black;
}
body#smap .headtext li a:link, body#smap .headtext li a:visited, body#smap .headtext li a:active { 
	color: Black;
	text-decoration: underline;
}

body#smap .headtext li a:hover {
	color: #E26D1F;
	text-decoration: none;
}
body#smap .headtext li ul a:link, body#smap .headtext li ul a:visited, body#smap .headtext li ul a:active { 
	color: #BD9D2C;
	text-decoration: underline;
}

body#smap .headtext li ul a:hover {
	color: #E26D1F;
	text-decoration: none;
}
body#whatsay .headtext{ background-image: url(images/bgnd-theysayhead.jpg); }
body#whatsay img.news {
	float: right;
	margin: 5px 10px 0 0;
	max-height: 40px;
	max-width: 150px;
	overflow: hidden;
}

body#Location .headtext { background-image: url(images/fills/fill-people.gif); 
	height: auto;
	background-repeat: repeat-y; }
body#Location .headtext .right {
	float: right;
	padding: 3px 3px 3px 3px;
	border: 1px solid #CFB764;
	background-color: White;
	margin: 9px 10px 0 0;
}
body#links .headtext { 
	background-image: url(images/fills/fill-people.gif); 
	height: auto;
	background-repeat: repeat-y;
	font: 12px/14px "helvetica neue", helvetica, verdana, arial, sans-serif;
	}
body#links .headtext h1 {
	font: 15px "Helvetica Neue", Helvetica, Arial, Verdana, Geneva, sans-serif;
	color: #694414;
	margin: 5px 12px 5px 12px;
	display: block;
	border-bottom: 1px dotted Black;
	padding-bottom: 3px
}
body#links .headtext dt {
	margin: 5px 0 3px 12px;
}
body#links .headtext dd {
	margin: 0 0 10px 50px;
}
body#links .headtext dd a:link, body#links .headtext dd a:visited, body#links .headtext dd a:active { 
	color: #BD9D2C;
	text-decoration: underline;
}

body#links .headtext dd a:hover {
	color: #E26D1F;
	text-decoration: none;
}
/* Business Fact Sheets */
body#factsheet .headtext { 
	background-image: url(images/fills/fill-people.gif); 
	height: auto;
	background-repeat: repeat-y;
}
body#factsheet .headtext p {
	width: 520px;
	font: 12px/14px "helvetica neue", helvetica, verdana, arial, sans-serif;
}
body#factsheet .headtext p.twin {
	padding: 2px 0 2px 0;
	width: 250px;
	float: left;
	font-size: 13px;
	text-align: left;
}
body#factsheet .headtext p.twin input {
	float: left;
	padding: 0 0 0 0;
	margin: -3px 4px 0 0;
}
body#factsheet .headtext h1 {
	font: 15px "Helvetica Neue", Helvetica, Arial, Verdana, Geneva, sans-serif;
	color: #694414;
	margin: 5px 12px 10px 12px;
	display: block;
	border-bottom: 1px dotted Black;
	padding-bottom: 3px;
	clear: both;
	position: relative;
}
body#factsheet .formbutton {
	height: 25px;
	margin: 10px 12px 5px 5px;
}

body#newsarc .headtext p {
	width: 535px;
 	margin: 10px 0 5px 0px;
 }

/*enq form*/
.formtext-required {
	font-weight: bold;
	color: #BD9D2C;
}
body#contact .headtext p {font-size: 12px;}
body#contact .headtext p.wide {
	width: 520px;
}
body#contact .headtext .form-container p {width: auto;}
body#contact form#enq-form, body#contact form#fact-req {margin: 0 0 0 0;}
body#contact form#enq-form .form-container, body#contact form#fact-req .form-container {
	float: left;
	width: 275px;
	height: auto;
	margin: 4px 0 0 0;
	position:relative;
}
body#contact form#enq-form .singleline-field, body#contact form#fact-req .singleline-field {
	width: 220px;
	height: 15px;
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	clear: left;
}

body#contact form#enq-form .multiline-field, body#contact form#fact-req .multiline-field {
	width: 220px;
	height: 73px;
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	clear: left;
}
body#contact form#enq-form .huge-field, body#contact form#fact-req .huge-field {
	width: 500px;
	height: 90px;
	margin: 5px 0px 5px 0;
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
body#contact form#enq-form p label, body#contact form#fact-req p label {
  float: left;
  width: 205px;
  text-align: left;
  padding: 0 0 3px 0;
}
body#contact form#enq-form .buttoncont, body#contact form#fact-req .buttoncont {
	margin: 0 0 0 10px;
}
body#contact form#enq-form .formbutton, body#contact form#fact-req .formbutton {
	height: 25px;
	width: 92px;
	margin: 0 12px 5px 5px;
}

/* All code (C) Antony Ellam, Designed4hits 2005 */