/* RHF Consulting - SITE STYLES */


/* sensible defaults */

strong { font-weight: bold }
em { font-style: italic }

*{padding:0;
margin:0;}


a { outline:none } /* Gets rid of Firefox's dotted borders */
a img { border:none } /* Gets rid of IE's blue borders */

html {font:  100% 'Lucida Grande', 'Lucida Sans Unicode', "Trebuchet MS", Verdana, Geneva, Helvetica, Arial, sans-serif;}



body {	font:  62.5% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Geneva, Helvetica, Arial, sans-serif;   background: #7e0605 url("images/mainbg_glow.jpg") no-repeat top center;  }


/* TYPOGRAPHY */

p {text-align: left; color: #fff; padding: 0 0px 20px 0px; font: 1.3em arial, 'Lucida Grande', 'Lucida Sans Unicode',Verdana, Geneva, Helvetica, Arial, sans-serif;}

a {text-decoration: underline; color: #fff}

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

a:active, a:visited {color: #fff;}

		
h1 { text-indent: -9999px; height: 165px; width: 396px; margin-top: 34px; background: url("images/rhf_logo2.jpg") no-repeat; }

h2 { color: #fff;  padding: 30px 0; font: 1.8em arial, 'Lucida Grande', 'Lucida Sans Unicode',Verdana, Geneva, Helvetica, Arial, sans-serif; }

h3, h4, h5 {color: #fff; padding: 0 0 0.5em 0; font: bold 1.4em arial, 'Lucida Grande', 'Lucida Sans Unicode',Verdana, Geneva, Helvetica, Arial, sans-serif;  }	


/* BASIC LAYOUT */

#wrapper {width: 100%; margin: 0 auto;  background: url("images/horiz_line2.png") no-repeat 0 211px;}

#container {position: relative; width: 666px; margin: 0 auto; background: url("images/rightbg.gif") repeat-y 418px 0;}

#maincol {float: left; width: 418px; }

#rightcol {float: left; width: 248px; background: url("images/os2.jpg") no-repeat; padding-top: 289px;}

#nav {width:418px; height: 50px; position: relative; margin-top: 12px;  }

#content {background: url("images/green_bord.png") no-repeat 0 55px;  }

#main { padding: 0 20px 0 0; background: url("images/green_bord.png") no-repeat bottom;   }

#footer { clear: both; width: 100%; padding: 0.6em 0; background: #a59563;  }


/****** NAVIGATION ******/

#nav ul {list-style-type:none; height: 50px; width: 418px; position: absolute; background: url("images/rhf_menu.png") no-repeat; }

#nav ul li { float: left;}

#nav ul li a {text-indent: -9999px; height: 50px; display: block;  position: absolute; }

#nav ul li#home a,
#nav ul li#consult a,
#nav ul li#support a,
#nav ul li#qanda a

{ background: url("images/rhf_menu.png") no-repeat; }

#nav ul li#home a { background-position:0 0; width:58px; left:0  }
#nav ul li#consult a {  background-position:-58px 0; width:107px; left:58px }
#nav ul li#support a {  background-position:-165px 0;  width:201px; left:165px }
#nav ul li#qanda a{  background-position:-366px 0; width:52px; left:366px  }


#nav ul li#home a:hover { background-position:0 -50px }
#nav ul li#consult a:hover {  background-position:-58px -50px }
#nav ul li#support a:hover {  background-position:-165px -50px }
#nav ul li#qanda a:hover{  background-position:-366px -50px }


#page_home #nav ul li#home a, #page_home #nav ul li#home a:hover   { background-position:0 -100px }
#page_consult #nav ul li#consult a, #page_consult #nav ul li#consult a:hover {  background-position:-58px -100px }
#page_support #nav ul li#support a, #page_support #nav ul li#support a:hover {  background-position:-165px -100px }
#page_qanda #nav ul li#qanda a, #page_qanda #nav ul li#qanda a:hover  {  background-position:-366px -100px }



/**** FOOTER ****/



#footer #credits p {font-size: 10px; color: #f2f2f2;  text-align: center; padding: 0 }

#footer #credits a {font-size: 10px; color: #fff;}



/**** THE REST *****/

#container br {	clear: both}

#page_home #rightcol {padding-bottom: 2em}
#page_consult #rightcol {padding-bottom: 2em}
#page_support #rightcol, #page_support #main {margin-bottom: 5em}
#page_qanda  #rightcol, #page_qanda  #main {margin-bottom: 5em}

#content p {line-height: 1.4; }

#main ul {list-style-type:circle; padding: 0 0 20px 0}

#main ul li {color: #fff; padding: 0 0px 10px 0px; font: 1.3em arial, 'Lucida Grande', 'Lucida Sans Unicode',Verdana, Geneva, Helvetica, sans-serif;}

#rightcol h2 {text-indent: -9999px; background: url("images/contact.jpg") no-repeat; width: 248px; height: 43px; padding: 0}

#rightcol h3 {padding: 0px 0px 0.3em 0px; }

#rightcol #contact_main {padding: 12px;}

#rightcol #contact_main p {font-size: 1.2em; padding: 0 0 1.2em 0;}