/* css for Assisting in Business :: from Clarihon */
@import url(reset.css);
a {
  cursor: pointer; cursor: hand;  
}

body {
 background: #fff url(images/bg_page.png) repeat-x 0 0;
 color: #3f3f3f;
 font: 62.5%/1.5em Arial, "Trebuchet MS", Verdana, sans-serif; 
 width: 100%;
}
* html { width: 99.9%; }

img { border: none; }

#wrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 995px;
}

#header {
  height: 110px;
  width: 920px;
  margin: 0 auto;
 position: relative;
}
#head-l {
 position: relative;
 height: 110px;
 width: 376px; 
 float: left;
}
h1.head {
 position: relative;
 height: 110px;
 width: 376px; 
}
h1.head span {
	position: absolute;
	width: 377px;
	height: 100%;
	background: url(images/head_logo.png) no-repeat 0 0;
}
p.head-l { /* Tag line */
	position: absolute;
	top: 90px;
	left: 180px;
	font: italic 1.5em/20px Georgia, serif;
	width: 249px;
}
#head-m {
  width: 210px;
  height: 110px;
  float: left;
  margin-left: 60px; /* ###### placement note ::: ADJUST HERE!!! ::: ######## */
 position: relative;
}
#head-m p {
 padding-left: 35px;
 height: 33px;
 background: url(images/icon_email.png) no-repeat 0 50%;
 position: absolute;
 top: 48px;
 left: 0px; 
 color: #0c83a6;
 font: italic bold 14px/30px Georgia, serif;
}
#head-m p a {
 color: #bed63a;
 text-decoration: none;
}
#head-m p a:hover {
 color: #0c83a6;
 text-decoration: underline;
}
#head-r {  
  width: 170px;
  height: 110px;
  float:right;
 position: relative;
}
#head-r p {
 padding-left: 35px;
 height: 33px;
 background: url(images/icon_phone.png) no-repeat 0 50%; 
 position: absolute;
 top: 48px;
 left: 0px; 
 color: #0c83a6;
 font: 20px/30px Georgia, serif;
}



#conTent {
 position: relative;
 padding-top: 74px;
  background: url(images/bg_conTent.png) no-repeat 0 0;
}

#conTent a {
 color: #0c83a6;
 text-decoration: none;
}
#conTent  a:hover {
 color: #0c83a6;
 text-decoration: underline;
}
#conTent h1 {
 font: 4.2em/50px Georgia, serif; 
 color: #000;  
 margin-left: 25px;
}

/* ****************************************************************************************************** */
/*  For single column .... remove #right column code and tags....
     and remove these two tags (at or about line 28, adjust for any code added to header):

	 </div>  .full 
	 
		<div id="left">

*/
/* ****************************************************************************************************** */



.full {   
 margin-left: 25px;
	width: 920px;
}

#left {
	float: left;
	width:540px;
	margin-left: 25px;
}
#left h2.blue {
 height: 74px;
  line-height: 74px;
  position: relative;
  text-indent: 30px;
  font-size: 36px;
  color: #000;
  letter-spacing: -0.05em;
 background: url(images/bg_h2blue.png) no-repeat 100% 0; 
}
#left h2.blue span {
  position: absolute;
  left: -45px;
 height: 74px;
 width: 1px;
 padding-left: 65px;
 background: url(images/bg_h2blue-l.png) no-repeat 0 0; 
}
* html #left h2.blue span {
 background: url(images/bg_h2blue-l.png) no-repeat 0 -18px; 
}
*:first-child+html #left h2.blue span {
 background: url(images/bg_h2blue-l.png) no-repeat 0 -18px; 
}
#left p {
 margin: 0.5em 0 0.5em 25px;
 font-size: 1.3em;
 line-height: 1.5em; 
}
#left li {
	list-style:circle;
	list-style-position:inside;
 	margin: 1em 0 1em 40px;
 	font-size: 1.3em;
 	line-height: 1.4em;
}
#left li ul li {
	list-style:circle;
	list-style-position:inside;
 	margin: 1em 0 1em 20px;
 	font-size: 1em;
 	line-height: 1.2em;
}
#left .intro {
 color: #005270;
 font:italic 2em/1.4em Georgia, serif; 
 padding-top: 0.5em;
}
.intro-i {
 color: #005270;
 font:italic 1.7em/1.8em Georgia, serif; 
 padding-top: 0.25em;
}
#coins {
 width: 100%;
 min-height: 175px;
 background: url(images/pic_coins.jpg) no-repeat 100% 100%; 
}
* html #coins { height: 175px; }
#coins li {
 list-style: disc;
 font-size: 1.4em;
 line-height: 1.8em;
 width: 225px;
 margin-left: 50px; 
}

#conTent h2 {
 font: 2.8em/1.2em Georgia, serif; 
 letter-spacing: -0.025em;
 color: #3f3f3f;  
 margin-left: 25px;
}
#conTent h3 {
 font: 2.0em/1.3em Georgia, serif; 
 color: #3f3f3f;  
 margin-left: 25px;
}
#conTent  h4.date {
 font: 14px/20px Georgia, serif; 
 color: #fff;
 height: 20px;
 padding-left: 28px;
 padding-top: 10px;
 padding-bottom: 10px;
 background: url(images/bg_date-l.png) no-repeat  0 50%; 
}
#conTent h4.date  span{
 height: 20px;
 padding: 10px 38px 10px 5px;
 background: url(images/bg_date.png) no-repeat 100% 50%; 
}
.floatmeleft {
 float:left;
 margin: 0.5em 15px 5px 0; 
}
.floatmeright {
 float:right;
 margin: 0.5em 0 5px 15px; 
}
.reference {
 font-style: italic;
 padding-bottom: 1em; 
}

#right {
	float: right;
	width: 400px;
}
#right p {
  margin: 0.5em 3%;
 font-size: 1.4em;
 line-height: 1.5em; 
}
.box-out {
 width: 100%;
 background: url(images/bg_box.png) no-repeat 0 100%;
 padding-bottom: 10px;
 margin-bottom: 15px;
}
.box {
  margin: 0 auto;
  width: 400px;
 background: url(images/bg_boxtop.png) no-repeat 0 0;
}
#conTent .box h2 { 
 color: #fff;
 font: 18px/30px Georgia, serif; 
 padding-top: 12px;
  margin: 0em 3% 1px;
}
.box-in {
 width: 310px; 
  margin: 0 0 0px 50px;
}
.box-in li {
  height: 34px;
  width: 100%;
  position: relative;
 font-size: 1.4em;
 line-height: 32px; 
}
.box-in li.std {
  height: auto;
  width: auto;
  position: static;
 font-size: 1.4em;
 line-height: 1.4em;
 list-style:disc;
 list-style-position:inside;
 margin: 0.5em 0 0.5em 1em;
}
.box-in li a {
  position: absolute;
  height: 100%;
  width: 100%;
 color: #0c83a6;
 text-decoration: none;
 text-indent: 3%;
 border-top: 1px solid #f9f9f9;
 border-bottom: 1px solid #f9f9f9;
}
.box-in li a:hover {
 color: #0c83a6;
 text-decoration: none !important;
 background: #fffbde; 
 border-top: 1px solid #fffbde;
 border-bottom: 1px solid #fffbde;
}

#subfooter {
 height: 25px; /* to adjust -blank- spacing in #footer adjust HERE AND background: (last number;) under #footer */
}

#footer {
  height: 125px;
	clear: both;
	width: 994px;
	margin: 0 auto 20px;
	background: url(images/bg_foot.png) no-repeat 50% 25px;
}
* html #footer { margin-top: -50px; }
*:first-child+html #footer { margin-top: -50px; }
#footer p {
  text-align: center;
 font: 1.3em/1.8em Georgia, serif;
 color: #666;
}
#footer p.footnav {
  padding: 12px 0;
  color: #fff;
}
#footer p.footnav a {
  color:#fff;
  text-decoration: none;
}
#footer p.footnav a:hover {
  color:#fff;
  text-decoration: underline;
}
#footer p.goright {
 text-align: right;
 font-size: 11px;
 padding-right: 70px; 
}
#footer p.goright a {
  color:#8c8c8c;
  text-decoration: none;
}
#footer p.goright a:hover {
  color:#8c8c8c;
  text-decoration: underline;
}