* { margin: 0; padding: 0; line-height: 1.5; color: #333; font-style: normal; font-weight: normal; }
body {font: normal 62.5% Arial, Helvetica, sans-serif; background: #828282; border-top: none;}
p { font-size: 13px; margin-bottom: 1.3em; text-align:justify;}
td p { font-size: 13px; margin-bottom: 1.3em; text-align:justify;}
strong {font-weight:bold;}

/*-------------------------------------------    
    Link, Image and Line Sytles
-------------------------------------------*/

a { color: #f28a01; border-bottom: 1px dotted #ffdc7e; text-decoration: none; }
a:hover, a:focus { color: #ffbd47; border-bottom: 1px solid #ffdc7e; outline: 0; }
a.head-link, a.img_link { border: none; }
a.blue { font-size: 13px; color:#005a97; border-bottom: 1px dotted #a3c1d3; text-decoration: none; } 
img { border: none; display: block; float: left; margin: .5em 10px 10px 0; }
hr { border: 0; height: 1px; color: #e1e2e3; background-color: #e1e2e3;  margin: 0 0 1.25; }
ul li { list-style: none; background: transparent url(/img/list-marker.gif) no-repeat left 0.6em; padding-left: 8px; margin-bottom: 0.5em; margin-left: 0 !important }

.clearfix:after { content: "."; display: block; height: 0.1px; clear: both; font-size: 0; visibility: hidden; }

/*-------------------------------------------    
    Breadcrumbs
-------------------------------------------*/

#breadcrumb { border-top: 1px solid #e1e2e3; border-bottom: 1px solid #e1e2e3; margin: 0.7em 20px 1.2em; padding: 0.5em 0; }
#breadcrumb a { color: #f28a01; border: none; text-decoration: none; }
#breadcrumb a:hover, #breadcrumb a:focus { color: #ffbd47; text-decoration: underline; }
#breadcrumb li { color: #5a5b5b; font-size: 11px; background: transparent url(/img/breadcrumb_marker2.gif) no-repeat left center; padding-left: 8px; display: inline; left: 0; }
#breadcrumb li.first { background: none; padding: 0; }
	
/*-------------------------------------------    
    Headings
-------------------------------------------*/

h2 { color: #d53e1c; font-size: 20px; line-height: 0.8; padding: 0; margin: 0 20px 0.25em; text-transform: uppercase; letter-spacing: 0.1em; }
h3 { color: #d53e1c; font-size: 15px; font-weight: bold; margin: 0 0 1em; letter-spacing: 0.1em; text-transform: uppercase; }


/*-------------------------------------------    
    CONTAINERS
-------------------------------------------*/
#holder { position: relative; top: 50px; margin-bottom: 125px; background-color: #828282; background-image: none; }
#wrap { background: #fff; margin: 0 auto -25px; width: 960px; position: relative; top: -25px;  }
#footer-wrap { clear: both; position: relative; top: 0px; width: 960px; background-color: #fff; padding-bottom: 25px; }
#content { float: right; width: 760px; margin: 0 20px 40px 0; width: 690px;}


/*-------------------------------------------    
    Middle Section
-------------------------------------------*/	

.section { width: 350px; float: left; margin: 0 20px 2em 0; }
#wrap ul.meta { list-style: none; font-size: 10px; text-transform: uppercase; letter-spacing: 0.1em; margin: .75em 0 1em; }
#wrap .meta li { background: none; display: inline; padding: 2px; margin: 0; color: #727272; }
#wrap .meta .type { background: transparent url(/img/comment-blue.gif) no-repeat; padding-left: 25px; color: #505050; font-weight: bold; }

/*-------------------------------------------    
    HEADER - NAV AND LOGIN
-------------------------------------------*/

#topNav { float: left; margin: 25px 0 46px; }
.home #topNav { margin-bottom: 25px; }
#topNav h1 { float: left;  padding-left: 23px; margin: 0 36px 0 0px; }
* html #topNav h1 { margin-right: 32px; }
#topNav h1 a, .home #topNav h1 { text-indent: -9999px; width: 262px; height: 68px; background: transparent url(/img/proscout-logo.gif) no-repeat 0 0; display: block; }
.home #topNav h1 { background-position: 23px 0; }
#topNav a { border: none; }
#topNav img { display: none; }
#nav { float: left; width: 639px; position: relative; list-style: none; padding: 0; margin: 0;  }
#nav ul { position: absolute; top: 0; }
#nav ul li { border-left: 1px solid #ededed; margin: 0; width: 170px; position: absolute; background: none; }
#nav a { display: block; text-indent: -9999px; width: 170px; height: 17px; background-color: transparent; background-position: 0 0; background-repeat: no-repeat; overflow: hidden; }
				
#nav_company { left: 0; top: 0; }
#nav_company a { background-image: url(/img/company.gif); }
#nav_agent_relations { left: 0; top: 17px; }
#nav_agent_relations a { background-image: url(/img/agent-relations.gif); }
#nav_careers { left: 0; top: 34px; }
#nav_careers a { background-image: url(/img/careers.gif); }
#nav_blog { left: 203px; top: 0px; }
#nav_blog a { background-image: url(/img/blog.gif); }
#nav_press { left: 203px; top: 17px; }	
#nav_press a { background-image: url(/img/press.gif); }
#nav_contact_us { left: 203px; top: 34px; }
#nav_contact_us a { background-image: url(/img/contact-us.gif); }
#nav li a:hover { background-position: 0 -17px; }
				
#login	{ width: 250px; background: #eeefef; padding: 20px 0; float: right; }
#login * { vertical-align: middle; }
#login label { position: absolute; left: -9999px; }
#login p { padding: 0; margin: 0; } 
#login p input { }
#login p #loginfield { width: 132px; margin: 0 11px 0 20px; }
#nav #what a, a:hover, a:visited {color:#ff9213; text-indent: 0;}

/*-------------------------------------------
    HOME
-------------------------------------------*/
	
body.home h2 { background-color: #d9ecfa; color: #666; font-size: 13px; clear: left; margin: 0 20px 5px; padding: 0.75em 10px; line-height: 1.3; }
body.home .label { background-color: #fff; color: #515151; font-size: 15px; font-weight:bold; }
body.home h3 { font-size: 14px; padding: 0 0 5px; margin: 0 0 2px; letter-spacing: 0px; }
body.home h3 span { color: #d53e1c; font-weight: bold; }
body.home .section { width: 920px; margin: 0 20px 2em; padding: 0 0 1em; }
html body.home .section { display: inline; }
body.home .section .sub { width: 280px; float: left; margin: 0;}
body.home .section .main { width: 640px; float: right; margin: 0;}
body.home .section .main .split { margin: 0 5px 0 15px; _display:inline-block; }
body.home .section .main .feature { width: 430px; float: left; margin: 0 5px 0 0;}
body.home .section .main h1 { line-height: 1.3; color: #f89201; font-family: 'Lucida Grande', 'Lucida Sans', Helvetica, Arial, sans-serif; font-size:36px;}
body.home .section .main h4 { line-height: 1.3; }
body.home .section .main h4 a { font-size: 13px; color:#005a97; border-bottom: 1px dotted #a3c1d3; text-decoration: none; }
body.home .section .main h4 a:hover { font-size: 13px; color:#005a97; border-bottom: 1px dotted #666; text-decoration: none; }
body.home .section .main .feature h4 a { font-size: 15px; }

body.home #main-nav a:hover { color: #000; background-color: #d9edf9;  }
body.home #main-nav ul { margin-bottom: 12px; width:260px; }
body.home #main-nav li { background: none; padding: 0 0 15px 0; margin: 0 0 2px; }
body.home #main-nav a { color: #525253; text-transform: uppercase; letter-spacing: 0.1em; background: #eeeff0 url(/img/nav-marker.gif) no-repeat 5px 0.4em;  display: block; font-size: 13px; padding: 0.3em 10px 0.3em 25px; border: none; }

body.home #video-segment ul { width:270px; background-color:#ddd; padding-bottom:5px;  }
body.home #video-segment li.clip { background: none; padding: 8px 0 0 12px;}
body.home #video-segment li.description { background: none; padding: 8px 12px 0 15px; font-size:12px;}
body.home #video-segment a { color: #000; border-bottom: 1px dotted #000; text-decoration: none;  }
body.home #video-segment a:hover { color: #000; background-color: #d9edf9;  }

body.home #affiliate-logos { width: 274px; padding-top: 10px; }
body.home #affiliate-logos li.img { background: none; padding: 0;}
body.home #affiliate-logos li.line { margin-top:20px;}

/*-------------------------------------------    
    HERO AREA
-------------------------------------------*/
#hero { padding: 20px 10px; float: left; width: 900px;  margin: 0 20px 10px; }
body.home #hero { padding: 0; width: 920px; margin: 0 20px 15px;  }
body.home #hero #galleryWrapper { float:left; width:600px; }
body.home #hero .detail { float:left; padding: 5px; background-color: #f99300; margin: 5px 0; width: 307px; height:260px; }	
body.home #hero .detail h2 { font-family: 'Lucida Grande', 'Lucida Sans', Helvetica, Arial, sans-serif; padding: 0; margin: 0 0 0.5em; background: none; font-size: 22px; color: #ffdc7e; line-height: 1;}
body.home #hero .detail a { font-weight: bold; color: #fff;  }
body.home #hero .detailSearch { float:left; padding: 5px;  background-color: #828282; margin: 5px 0; width: 307px; height:173px;}
body.home #hero .detailSearch h2 { font-family: 'Lucida Grande', 'Lucida Sans', Helvetica, Arial, sans-serif; padding: 10px 0 0 0; margin: 0 0 0.5em; background: none; font-size: 18px; color: #fff; line-height: 1;}

#quickLinks { font-size: 12px; float:left;}
#interviewListing { font-size: 12px;}

/*-------------------------------------------    
    FOOTER
-------------------------------------------*/

#footer { clear: both; width: 937px; background: #eeefef; padding: 16px 0 15px;}
#footer * { color: #afaeb2; display: inline; font-size: 11px; text-transform: uppercase; }
#footer address { padding-left: 21px; margin-right: 46px; }
#wrap #footer li { background: none; margin-left: 13px !important; padding-left: 0; }
#footer li a { color: #807f83; border: none; }
#footer li a:hover, #footer li a:focus { color: #f36b21; }
#footer li.selected a { color: #5a5b5b; font-weight: bold; }


/*------------------------------------------
	SLIDESHOW GALLERY
-------------------------------------------*/

#gallery { position:relative; height:270px; width:600px;}
	#gallery a {float:left;	position:absolute;}
	#gallery a img {border:none;}
	#gallery a.show {z-index:500}
	#gallery .caption {	z-index:600; background-color:#000; height:50px; width:100%; position:absolute; bottom:-5px;	}
	#gallery .caption .content {margin:5px; color:#ffffff; font-size:14px;}
	#gallery .caption .content h3 {	margin:0;padding:0;	color:#1DCCEF;}