/*----------------------------+
 | Site: Pace Henley			    |
 +----------------------------*/

 
@import url("reset.css");



/* Core layout 
======================================================================*/
body {font:12px Arial, Helvetica, sans-serif; background:#fff url(../images/core/red-background-repeat.gif) repeat-x;}
#container {width:880px; margin:0 auto; background:url(../images/core/concept01_04.jpg) no-repeat; padding:73px 0 0 0;}
#navigation {width:880px; height:40px; background: #333333 url(../images/nav/nav-bg.gif) repeat-x;}
#content {width:880px; background:url(../images/core/white-bg.gif) no-repeat center top;}
	#content-left {float:left; width:630px; padding:25px 10px 10px 12px; margin:0 10px 0 0;}
	#content-right {float:left; width:190px; padding:10px 10px 0 10px; margin:40px 0 0 0; border:1px solid #727171; background:#909090 url(../images/core/contact-box.gif) no-repeat;}
	#content-right-contact {float:left; width:210px; margin:40px 0 0 0; background:#fff; overflow:hidden;}
	#content-right-contact img {border:1px solid #727171; margin:0 0 10px 0; background:#FFF;}
#footer {width:880px; border-top:1px solid #ededed; padding:10px 0 0 0;}
#flash-banner {width: 880px; height: 160px; background-color: #000; }

#ul-container-home {display:block; height:250px;}




/* Navigation layout 
======================================================================*/
#navigation ul { list-style: square; position:relative }
#navigation ul li { display: block; float: left; position: relative; }
#navigation ul li a { display: block; height: 40px; text-indent:-9999px; }

ul#nav li#home a {background: url(../images/nav/home.gif) no-repeat 0 0; width:81px;} 
ul#nav li#profile a {background: url(../images/nav/profile.gif) no-repeat 0 0; width:107px;} 
ul#nav li#services a {background: url(../images/nav/services.gif) no-repeat 0 0; width:119px;} 
ul#nav li#contact a {background: url(../images/nav/contact.gif) no-repeat 0 0;width:118px;} 


#navigation ul li ul#dropdown {
	position: absolute;
	top: 40px;
	left: 0;
	display: none;
	width: 208px;
	border-bottom:1px solid #737272;
	border-left:1px solid #737272;
	border-right:1px solid #737272;
	}
#navigation ul li.hover ul#dropdown { display: block; }

#navigation ul li  ul#dropdown li { display: inline; float: none; }
#navigation ul li  ul#dropdown li a { padding: 5px 0 3px 8px; height: 1%; height:20px;	background:#555;	text-indent:0; width: 200px; color:#FFF; text-decoration:none;}
#navigation ul li  ul#dropdown li a:hover { padding: 5px 0 3px 8px; height: 1%; 	height:20px;	background:#343434;	text-indent:0; width: 200px; text-decoration:none; color:#CCC;}

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

#content-left a {text-decoration:none; color:#750116;}
#content-left a:hover {text-decoration:underline; color:#750116;}

#footer a {color:#a1a3ac;}



 /* Font Style
======================================================================*/
#content-right h2 {color:#fff; font-size:14px; padding:12px 0 15px 20px;}
#content-right p {color:#232323; font-size:12px; padding:0 0 15px 0; line-height:17px;}

.home h1 {text-indent:-9999px; background:url(../images/titles/home.gif) no-repeat; width:636px; height:34px; padding:0 0 15px 0;}
.profile h1 {text-indent:-9999px; background:url(../images/titles/profile.gif) no-repeat; width:636px; height:34px; padding:0 0 15px 0;}
.services h1 {text-indent:-9999px; background:url(../images/titles/services.gif) no-repeat; width:636px; height:34px; padding:0 0 15px 0;}
.contact h1 {text-indent:-9999px; background:url(../images/titles/contact.gif) no-repeat; width:636px; height:34px; padding:0 0 15px 0;}

h2.cc {text-indent:-9999px; background:url(../images/titles/cc-image.gif) no-repeat; height:83px; width:636px; margin:10px 0 10px 0;}
h2.pre-employment {text-indent:-9999px; background:url(../images/titles/screening-image.gif) no-repeat; height:83px; width:636px; margin:10px 0 10px 0;}
h2.insurance {text-indent:-9999px; background:url(../images/titles/insurance-image.gif) no-repeat; height:83px; width:636px; margin:10px 0 10px 0;}
h2.litigation {text-indent:-9999px; background:url(../images/titles/litigation-image.gif) no-repeat; height:83px; width:636px; margin:10px 0 10px 0;}
h2.surveillance {text-indent:-9999px; background:url(../images/titles/surveillance-image.gif) no-repeat; height:83px; width:636px; margin:10px 0 10px 0;}

h2 {font-size:18px; color:#000; padding:0 0 15px 0; text-transform:uppercase;}
h3 {font-size:16px; color:#750116; padding:0 0 15px 0; text-transform:uppercase;}
h4 {font-size:14px; color:#666666; padding:0 0 15px 0; text-transform:uppercase;}
h5 {font-size:12px; color:#000; padding:0 0 15px 0; text-transform:uppercase;}

p {font-size:12px; color:#333; padding:0 0 15px 0; line-height:17px; text-align:justify;}

ul {list-style: square; position: relative; line-height:20px; list-style-position:inside; }
ul.nest {list-style:circle; position: relative}

.home ul {list-style: square; position: absolute; line-height:20px; list-style-position:inside; }
.home ul.nest {list-style:circle; position: relative}


#footer p{font-size:11px; color:#a1a3ac;}


/* Extras 
======================================================================*/
.float-right {float:right;}
.float-left {float:left;}

#contact-details {height:150px;}

 dl.table-display
{
margin: 2em 0;
padding: 0;
}

.table-display dt
{
width: 80px;
float: left;
margin: 0 0 0 0;
padding: .5em;
border-top: 1px  dotted #bcbcbc;
font-weight: bold;
}

/* commented backslash hack for mac-ie5 \*/
dt { clear: both; }
/* end hack */

.table-display dd
{
float: left;
width: 526px;
margin: 0 0 0 0;
padding: .5em;
border-top: 1px  dotted #bcbcbc;
}


 /* Form Style
======================================================================*/
form.form fieldset,
form.form ol, 
form.form li, 
form.form legend {
	margin: 0;
	padding: 0;
}

form.form fieldset { border: 0; }

form.form ol { list-style: none; }

form.form li { margin-bottom: 10px; }

form.form label {
	display: inline-block;
	vertical-align:top;
	width: 150px;
	padding:0 0 0 7px;
	font-weight:bold;
}

form.form input, form.form select, form.form textarea {
	width: 250px;
	padding: 3px;
	border: 1px solid #ddd;
	background: #fff;
	font: normal 13px/13px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
}

form.form textarea { height: 200px; }

form.form select {
	padding: 0;
	width: auto;
}

form.form li.button { margin-top: 15px; }

form.form li.button input {
	width: auto;
	border: 0;
	background: #333;
	color: #fff;
	cursor: pointer;
}

form.form fieldset legend {
	padding: 20px 0;
	font-weight: bold;
	font-size: 18px;
	color: #444;
	_margin: 0 -7px; /* IE Win fix */
}

/* IE Mac legend fix */
form.form legend {
  display: inline-block;
}