* { margin: 0; padding: 0; }   a img { border: none; }   html { height: 100%; }   body { min-height: 101%; }

body { font: normal 76%/1.3 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #656565; background: #EEE; text-align: center; }

a { color: #487fb5; text-decoration: none; }
a:hover { text-decoration: underline; }
p { margin: .1em 0 1.1em; }
h1 { font-size: 1.7em; margin: 0 0 .3em; color: #22368d; font-weight: normal; }
h2 { font-size: 1.1em; margin: 1.6em 0 .2em; color: #22368d; }
h3 { font-size: 1em; font-weight: bold; color: #07c; margin: 1.5em 0 0; }
h4 { font-size: 1.1em; font-weight: bold; }

#content ul { margin-bottom: 1.5em; }
#content ul li { background: url(../images/bul_arr.gif) no-repeat 0 .3em; padding-left: 10px; margin: .3em 0; list-style: none; }
#content ul li ul li { background: none; padding: 0; }


/*-------------------------------------------------
=CONTENT
-------------------------------------------------*/
#containerWrap { width: 820px; margin: 0 auto; text-align: left; background: #FFF url(../images/wrap_bg.jpg) repeat-y; }

#container { width: 790px; margin: 0 15px; }

#header { width: 790px; height: 110px; position: relative; }
	#header h1 { margin: 0; } 
	#header h1 a { text-indent: -9999px; overflow: hidden; width: 191px; height: 52px; display: block; background: url(../images/realhr_logo.gif) no-repeat; position: absolute; left: 24px; top: 33px; } 
	#header h1 span { text-indent: -9999px; width: 790px; height: 20px; display: block; background: url(../images/solutions.jpg) no-repeat; position: absolute; left: 0; bottom: 5px; bottom: 5px; } 
img.printLogo { display: none; }


#masthead { width: 790px; height: 155px; }


#content { width: 455px; float: left; display: inline; margin: 35px 38px 40px 27px; }




/*-------------------------------------------------
=SIDEBAR
-------------------------------------------------*/
#sidebar { width: 252px; float: left; display: inline; margin: 35px 0; }
	#sidebar hr { display: none; }

.sidebox {
	width: 251px;
	background: url(../images/sidebox_long.gif) no-repeat bottom left;
	padding-bottom: 10px;
	margin-bottom: 12px;
}
.sidebox h4 {
	background: url(../images/sidebox_head1.gif) no-repeat top left;
	text-indent: -9999px;
	height: 40px; 
}
.sidebox div { width: 213px; margin: 10px 19px; }
.sidebox div h4.getintouch { width: 213px; height: 27px; text-indent: -9999px; background: url(../images/h4_getintouch.gif) no-repeat; padding: 0; margin: 0 0 10px; }


.sidebox h5 a { width: 217px; height: 34px; background: url(../images/btn_login.gif) no-repeat 0 0; margin: 10px 17px 24px; text-indent: -9999px; display: block; overflow: hidden; }
.sidebox h5 a:hover { background: url(../images/btn_login.gif) no-repeat 0 -34px; }


/*-------------------------------------------------
=FOOTER
-------------------------------------------------*/
#cap { width: 820px; height: 20px; margin: 0 auto; padding-bottom: 20px; background: url(../images/cap.jpg) no-repeat; font-size: 1px; }

#footer { width: 734px; margin: 0 27px 15px; clear: both; font-size: 1.1em; }
	#footer p { margin: 0 0 .1em; }
	#footer small { display: block; }
	#footer, #footer a { color: #999; }
	#footer hr { width: 734px; color: #FFF; background-color: #FFF; border: 1px dotted #CCC; border-style: none none dotted; margin: 0 0 1em; display: block; }



/*-------------------------------------------------
=NAV
-------------------------------------------------*/
ul#nav { width: 315px; height: 21px; background-image: url(../images/nav.gif); position: absolute; bottom: 40px; right: 13px; }
	ul#nav li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; }
	ul#nav li, ul#nav a { height: 21px; display: block; text-indent: -9999px; overflow: hidden; color: #487fb5; }
		#nav1 { left: 0; width: 65px; }
		#nav2 { left: 65px; width: 93px; }
		#nav3 { left: 158px; width: 77px; }
		#nav4 { left: 235px; width: 80px; }

#nav1 a:hover, #nav1 a.selected {
    background: transparent url(../images/nav.gif)
	   0px -21px no-repeat; }
#nav2 a:hover, #nav2 a.selected {
    background: transparent url(../images/nav.gif)
    -65px -21px no-repeat; }
#nav3 a:hover, #nav3 a.selected {
    background: transparent url(../images/nav.gif)
    -158px -21px no-repeat; }
#nav4 a:hover, #nav4 a.selected {
    background: transparent url(../images/nav.gif)
    -235px -21px no-repeat; }



/*-------------------------------------------------
=CONTACT FORM
-------------------------------------------------*/
form {
  background: #F3F3F3;
  margin: 1.5em 0;
  padding: .9em 1.25em;
  border: 1px dotted #CCC;
}
form div { margin: 0 0 .75em; padding-bottom: .75em; border-bottom: 1px dotted #CCC; }
form div.msg, form div.formbtn { padding-bottom: 0; border-bottom: none; }
input, textarea, select {
	font-size: 100%;
	padding: 3px;
	width: 250px;
}
input, textarea {
	background: #fff;
	border: 1px solid #ccc;
	border-color: #aaa #eee #eee #aaa;
	color: #777;
	font: 115% "Myriad Pro", Myriad, Helvetica, Arial, sans-serif;
}
input:hover, textarea:hover { border-color: #888 #ddd #ddd #888; }
input:focus, textarea:focus { border-color: #777; color: #444; }
textarea { width: 410px; }
form label { font-size: 98%; }
form input.button { width: auto; background: #ededed url(../images/send_bg.jpg) repeat-x; color: #656565; border: 1px solid #bbb; border-color: #ddd #999 #999 #ddd; padding: .15em .3em; font-size: 130%; font-variant: small-caps; cursor: pointer; }
form input.button:hover {  border: 1px solid #bbb; border-color: #bbb #777 #777 #bbb; background: #fff; color: #454545; }



/*-------------------------------------------------
=VARIOUS
-------------------------------------------------*/
ul#skipNav { position: absolute; left: -9999px; font-size: small; z-index: 200; }
	ul#skipNav a:link, ul#skipNav a:visited { color: #F00; }
	ul#skipNav a:focus { display: block; position: absolute; top: 20px; left: 10020px; font-size: 130%; background: #FFF; border: solid 1px #888; padding: 10px; width: 8em; z-index: 10000; }
	ul#skipNav a:hover { color: #390; background: #EEE; border: solid 1px #333; }

.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix { display:inline-block; }
.clearfix { display:block; }
* html .clearfix { height:1px; }