/* css for IDEAL Home CENTRE (Home/site) */
@import url(reset.css);
a {
  cursor: pointer; cursor: hand;  
}

body {
 background:  #333 url('images/bg_page.png') repeat; 
 color: #333;
 font: 62.5%/1.5em  Arial, Verdana, sans-serif; 
 width: 99.9%;
}
img { border: none; }

#wrapper {
	text-align: left;
	margin: 0px auto;
	width: 970px;
}
	/*
	width: 942px;
	padding: 14px; */
	
/*  the magic gray box */
.grBox-1 {
 width: 100%;
 background: url('images/bg_edge_foot.png') repeat-x 0 100%;
}	
.grBox-2 {
 width: 100%;
 background: url('images/bg_edge_s1.png') repeat-y 100% 0; 
}	
.grBox-3 {
 width: 100%;
 background: url('images/bg_edge_s2.png') repeat-y 0 0; 
}	
.grBox-4 {
 width: 100%;
 background: url('images/bg_edge_top.png') repeat-x 0 0; 
}	
.grBox-5 {
 width: 100%;
 background: url('images/bg_corner1.png') no-repeat 100% 100%; 
}	
.grBox-6 {
 width: 100%;
 background: url('images/bg_corner2.png') no-repeat 0 100%; 
 padding-bottom: 15px;
}	
.grBox-7 {
 width: 100%;
 background: url('images/bg_corner3.png') no-repeat 100% 0;
}	
.grBox-8 {
 width: 100%;
 background: url('images/bg_corner4.png') no-repeat 0 0; 
 padding-top: 15px; 
}	
	
a {
 color: #f86903;
 text-decoration: none; 
}	
a:hover {
 color: #222;
 text-decoration: underline; 
}
	
#conTent-in {
  width: 930px;
  margin: 0 auto;
  background: #333;
  padding: 4px;
  border: 1px solid #f86903;
}

#header {
	background: #fff url('images/bg_header.jpg') no-repeat 0 0;
	height: 131px;;
}
#head-l {
  float: left;
  width: 250px;
}
#head-l h1 {
 position: relative;
 width: 250px;
 height: 131px; 
}
#head-l h1 span {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: url('images/bg_h1.jpg') no-repeat 0 0; 
}
#head-r {
  float: right;
  width: 650px;
  color: #222;
}
#head-r p {
 font-size: 1.35em; 
 line-height: 1.8em;
 margin-right: 3%;
 padding-top: 1em;
 text-align: right;
 font-weight: bold;
}
#head-r p.phone {
  padding-top: 0.25em;
  margin-top: 2.5em;
}
#head-r a {
 color: #222;
 text-decoration: none; 
}
#head-r a:hover {
 color: #222;
 text-decoration: underline; 
}

#seo {
 padding-top: 62px;
 position: relative; 
}
#topnav {
 position: absolute;
 top: 8px;
 left: 0;
 width: 904px;
 height: 40px;
 border: 3px solid #fff;
 background: #f86903;
 padding-left:20px;
}
#topnav li {
  float: left;
  width: 72px;
  text-align: center;
  color: #fff;
  height: 20px;
  font-size: 1.3em;
  padding: 0 2px;   
  margin-top: 12px;
}
#topnav li.dbl {
  margin-top: 5px;
}
#topnav li a {
  color: #fff;
  text-decoration: none;
}
#topnav li a:hover {
  color: #222;
  text-decoration: none; 
}
/* **** ================= NOTE for .current on a double line item it needs to read * class="current dbl" * =================== **** */
#topnav li.current {
  background: url('images/bg_current.png') no-repeat 50%;
  height: 40px;
  margin-top: 0;
}
#topnav li.current a {
 line-height: 3em; 
}
#topnav li.current a.dbl {
 line-height: 1.5em; 
}
#topnav li.current a:hover {
  color: #fff;
}


#main-top {
 width: 924px;
 height: 190px; /* adjust height here */
 border: 3px solid #fff;
 background: #fff;
 margin-bottom: 6px;
}
.main {
 float: left; 
}
.mid {
 margin-left: 3px; 
}
.rt {
 float: right; 
}


.wht {
 background: url('images/bg_wht.png') repeat-y 0 0;
 margin-bottom: 6px;
}
#left {
	float: left;
	width: 310px;
}
.txtblk h2 {
 margin: 0.7em 3%;
 font-size: 1.6em;
 line-height: 1.6em;
 font-weight: bold;
}
.txtblk p {
 margin: 0.5em 3%;
 font-size: 1.3em;
 line-height: 1.6em; 
}
#right {
	float: right;
	width: 614px;
	background: #333;
}
.orgbx {
  width: 297px;
  height: 59px; /* ********************************************* set to height of images used in orange boxes ************ */
  background: #f86903;
 border: 3px solid #fff;
 margin-bottom: 6px;
 color: #fff;
}
.margin0 {
  margin-bottom: 0px;
}
.orgbx h2 {
  margin: 0;
  text-align: center;
  font: 1.8em/3.0em  Arial, Verdana, sans-serif; 
}
.orgbx h2 a {
 color: #fff;
 text-decoration: none; 
}
.orgbx h2 a:hover {
 color: #fff;
 text-decoration: underline; 
}
#subfooter {
  color: #fff; 
	clear: both;
  width: 930px;
  margin: 0 auto;
  font-size: 1.2em;
  line-height: 1.0em;
}
#subfooter p { 
  text-align: center;
  margin: 0;
 }
*:first-child+html #subfooter p {
  word-spacing: 0.0em; 
 }
 
#subfooter a {
 color: #fff;
 text-decoration: none; 
 padding: 0 0.25em;
}
#subfooter a:hover {
 color: #fff;
 text-decoration: underline; 
}

#footer {
	clear: both;
  width: 930px;
  margin: 0 auto;
  background: #333;
  padding: 4px;
  border: 1px solid #f86903;
  color: #f86903;
  font-size: 10px;
  line-height: 16px;
}
#footer a {
  color: #f86903;
  text-decoration: none;
}
#footer a:hover {
  color: #f86903;
  text-decoration: underline;
}
#foot-l {
  width: 40%;
  float: left;
  margin-left: 15px;
}
#foot-r {
  width: 40%;
  float: right;
  margin-right: 15px;
  text-align: right;
}