/* ------------------------- TEMPLATE & LAYOUT STYLES (in order used in template) -------------------------------- */
html { height: 100%; margin-bottom: 1px; 
}
.tiny {font-size:1px;
}
li { list-style-position:outside; list-style-image:url(../images/orangedot.gif); margin-left: 35px;
}
ul {
margin-left:0;
padding-left:0;
}
body  { font-family: Arial, Helvetica, sans-serif; line-height:150%; background: #dad8d8; color: #666666; font-size: 14px; background-image: url(../images/bg.jpg); background-repeat: repeat-x;
	    margin: 0; padding: 0; /* these accounts for differing browser defaults */
		align: center; /* this centers the container in IE 5* browsers. */ }
body a:link    { color:#6599ba; text-decoration:underline; }
body a:visited { color:#6599ba; text-decoration:underline; }
body a:hover   { color:#fd650b; text-decoration:none; cursor:pointer; }
body a:active  { color:#6599ba; text-decoration:underline;
}
body br { line-height:85%;
}
#header { width: 100%; height: 170px; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff; background-color: #ffffff; margin-bottom: 14px;
} 
#header-inner {
width: 990px; margin: 0 auto; padding-left: 4px;
}
#logo {margin: 10px 0 0 0; }
#mainbox { height: auto; width: 990px; margin-left:auto; margin-right:auto; align:center; margin-bottom:5px; 
}
#mainL { float: left; height: auto; width: 180px; text-align: left; 
}
/* ---------------------- VERTICAL MENU STYLE with background image ------------------------------------------ */
/*            You can call this in a single <div> - no <br> tags are needed.                                   */

#vertmenu {background-image: url(../images/left-box-bg.gif);background-rpeat: no-repeat;}
#vertmenu a { text-decoration:none; text-align:left; 
	font-weight: normal; color:#6599ba; font-family: Arial, Helvetica, sans-serif; font-size: 12px;
    display:block; line-height: 25px;
	margin:0px; padding:0px;padding-left: 0px; margin-left: 10px;width: 155px;
	background-image: url(../images/link-bg-off.jpg); background-repeat: repeat-x; background-position: left bottom; background-repeat: no-repeat;
}
#vertmenu a:hover { color:#fd650b; background-image: url(../images/link-bg-on.jpg);
}
/* ----------------------------------------------------------------------------------------------------------- */

#search-box {
background-image: url(../images/search-box-bg.gif);background-rpeat: no-repeat;
}

#search-box input[type=text] {
margin: 0 5px 0px 5px;
border: 1px solid #b3b2b2;
height: 24px;
padding: 0;
}

#maincentre { font-family: Arial, Helvetica, sans-serif; text-align: left; height: auto; width: 589px; float: left; background-image: url(../images/main-center-bg.jpg);
background-repeat: repeat-y; padding-bottom: 0px; margin-bottom: 0px; 
}

#centre-inner {
background-image: url(../images/main-center-top.jpg); background-repeat: no-repeat; padding: 20px; min-height: 670px;
}
#mainR { float: left; height: auto; width: 211px; 
}

#articles-box {
background-image: url(../images/article-box-bg.gif);
}

#testimonials-box {
background-image: url(../images/testimonials-box-bg.gif);
}

#services-box {
background-image: url(../images/services-box-bg.gif);
}


.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px;
/* placed on a div or break, should be final element before the close of a container that should fully contain a float */
}

#footer { background-color: #c6c3c3;
	text-align: center; height: 80px; margin-left:auto; margin-right:auto; align:center; margin-top: 10px; 
} 
#footer p { margin: 0; padding: 0; line-height: 30px; font-size: 12px; font-family: Arial, Helvetica, sans-serif;
/* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

h3 { font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: normal; color: #7BB7D6;
	 margin:0px; margin-bottom:10px;
}
.artictxt { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height:130%; margin-bottom:13px; padding: 0px 10px;
}
.artdate { font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin-bottom:4px; 
}
.quote { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #868787; line-height:16px; font-style:italic; padding: 0 20px 0 10px;
}
.quoteowner { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #868787; line-height:16px; text-align:right; padding: 0 20px 0 10px;
}
#contactfoot { margin-top:10px; width:990px; margin-left:auto;margin-right:auto;
}
.sevenpad { margin-left:7px;
}
.contactpad { margin-left:0px; margin-top:15px;
}
.footertxt { font-size: 80%;  line-height:130%; 
}

/* -------------------------------- TEXT & OTHER STYLES used on pages ----------------------------------------- */

.searchpad {margin-left:7px; margin-top:10px;
}
.search { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: #646565;
}
.formfield { border: 1px solid #646565; background-color:#FFFFFF;
}
h1 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #f95309;
	 margin:0px; margin-bottom:5px; line-height: 28px;
}
h2 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #f95309;
	 margin:0px; margin-bottom:7px; margin-top:10px;
}
.articleIMR { margin-left:10px; margin-bottom:10px; margin-top:10px; float:right;
}
#azbox { height: 25px;line-height: 25px; width: 545px; border: 1px solid #999999; text-align: center; 
     margin-top:5px; margin-bottom:5px; background-image: url(../images/azboxbg.gif); background-repeat: repeat-x; 
}
.az { font-size: 14px; line-height:25px; font-weight:bold;
}
.maintxt { line-height:130%; font-family: Arial, Helvetica, sans-serif;
}

/* -------------------------------- TEXT & OTHER STYLES used in CMS ----------------------------------------- */

.servlistxt { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #868787; line-height:16px; padding: 0 20px 0 10px;
}

.box-title {
color: #fd650b;
margin-left: 10px;
padding-top: 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
display: block;
}

#flash {
position: absolute;
top: 70px;
right: 0;
}

#maincentre img {
padding-bottom: 0;
margin-bottom: 0;
}