@charset "utf-8";
/* Main CSS Document */



body{
	line-height:1.2;
	font-size:13px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	background:#fff url(images/body.gif) repeat-x 0 0;
	padding:11px 0 0;
}
#outer{
	width:836px;
	text-align:left;
	margin:auto;
	background:#c9c7c3 url(images/mainbg.jpg) no-repeat 0 0;/* starburst glow in top right corner */
	border:1px solid #a6a5a4;
}
#header{
	width:838px;
	clear:both;
	overflow:hidden;
	position:relative;
	padding:0 0 25px;
}
/* use h1 as logo with image replacement */
.logo,.logo em,.logo a{
	margin:0;
	float:left;
	width:295px;
	height:70px;
	position:relative;
	overflow:hidden;
}
.logo{
	margin:22px 0 0 24px;
	display:inline;
}
.logo em{
	position:absolute;
	left:0;
	top:0;
	background:url(images/logo.jpg) no-repeat 0 0;
}
p.info{
	float:right;
	text-align:right;
	width:196px;
	margin:18px 24px 0 0;
	display:inline;
	padding-top:10px;
}
p.info span,p.info a, p.info img{
	display:block;
	color:#63615f;
	font-size:11px;
	clear:right;
}
p.info span,p.info a{padding:0 5px 2px 0;}
p.info a{
	padding:0 5px 4px 25px;

	float:right;
	text-decoration:underline;
}
/* #inner holds the top of te nav background */
#inner{
	width:802px;
	margin:0 0 0 18px;
	background:url(images/navbg.jpg) repeat-x 0 0;
	overflow:hidden;
}
/* #main not used so far but could be used on other pages if needed */
#main{
	clear:both;
	width:802px;
	overflow:hidden;
}
/* navigation */
#navigation{
	clear:both;
	width:802px;
	background:url(images/lnav.jpg) no-repeat 0 0;
	height:71px;
}
#nav{
	clear:both;
	width:796px;
	height:36px;
	background:url(images/rnav.jpg) no-repeat 100% 0;
	margin:0;
	padding:6px 0 0 6px;
}
#nav li,#nav li a,#nav li strong{
	height:36px;
	width:95px;
	text-align:center;
	float:left;
	color:#fff;
	line-height:33px;
	font-size:15px;
	font-family:Arial;
	font-weight:normal;
}
#nav li{margin:0 16px 0 0}
#nav li a{ text-decoration:underline;
	background:url(images/bar.gif) no-repeat 100% 50%;
}
#nav li.last a{background:none}
#nav li.current a,#nav li strong{
	background:url(images/tab.jpg) no-repeat 0 0;
	cursor:text!important;
}
#nav li a:visited {color:#fff}
#nav li a:hover{
	text-decoration:none;
	font-weight:bold;
	color:#e90808;
}
#nav li.current a:hover{
	color:#fff;
	font-weight:normal;
}
#nav li.last{margin:0}

/* subnav styles */
ul.subnav{
	margin:0 0 0 15px;
	height:28px;
	line-height:28px;
	color:#fff;
}
ul.subnav li{
	display:inline;
	margin-left:20px;
	font-size:11px;
}
ul.subnav li a,ul.subnav a:visited{color:#fff}
ul.subnav a:hover{text-decoration:underline}

/* product section */
/* unfortuneatley a lot of background images have to be cut together in this section due to all the overlaps and unique images */
#product{
	width:802px;
	height:488px;
	clear:both;
	background:url(images/product-high.jpg) no-repeat 0 0;/* use product-low.jpg for lower quality jpg with smaller filesize */
	position:relative;
}
.job-board,.job-board em{
	width:384px;
	height:56px;
	overflow:hidden;
	position:relative;
	display:block;
}
.job-board em{
	position:absolute;
	left:0;
	top:0;
	background:url(images/job-board.jpg) no-repeat 0 0;
}
.detail{
 font-family:Verdana, Arial, Helvetica, sans-serif;
	width:365px;
	margin:25px 0 0 46px;
	color:#fff;
	font-size:10px;
	line-height:1.4;
	color:#dcdcdc;
}
.detail strong {color:#fff;}
/* feautures section with bulleted list */
.features{
	position:absolute;
	top:234px;
	left:59px;
	margin:0;
	color:#e9e9e9;
	font-size:12px;
	width:350px;
}
ul.features{
	margin:0 0 15px;
	width:350px;
}
.features ul a{color:#e9e9e9;  text-decoration:underline; font-weight:bold;  font-family:Verdana, Arial, Helvetica, sans-serif; }
.features ul li{
	background:url(images/bullet.gif) no-repeat 0 60%;
	width:320px;
	padding:5px 0 4px 30px;
	letter-spacing:0.06em;
}
.click, .click a,.click em{
	width:362px;
	height:63px;
	display:block;
	text-decoration:none;
	position:relative;
	cursor:pointer;
}
.click em{
	position:absolute;
	left:0;
	top:0;
	background:url(images/click.jpg) no-repeat 0 0;
}
.click{
	margin:0 0 0 -24px;
	position:relative;
}
.click a:hover a{visibility:visible}
.click a:hover em{background-position:0 -63px}

/* base section with large buttons */
#base{
	width:802px;
	background:#fff url(images/inner-base.jpg) repeat-x 0 100%;
	overflow:hidden;
	clear:both;
	padding:17px 20 3px;

h3{ color:#dd8e58; font-size:25px; font-family:Verdana, Arial, Helvetica, sans-serif; }
}
#base2{
	width:802px;
	background:#fff url(images/inner-base.jpg) repeat-x 0 100%;
	overflow:hidden;
	clear:both;
	padding:17px 20px 20px 30px;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;

.base2 h3{ color:#dd8e58; font-size:25px; font-family:Verdana, Arial, Helvetica, sans-serif; }
}

ul.buttons{
	margin:0 0 17px;
	width:781px;
	padding:0 0 0 21px;
	overflow:hidden;
	height:111px;
}
ul.buttons li,ul.buttons li a,ul.buttons li em{
	width:259px;
	height:111px;
	float:left;
	text-decoration:none;
	overflow:hidden;
	cursor:pointer;
	margin-right:-4px;
}
ul.buttons li a{position:relative;}
ul.buttons li em{
	position:absolute;
	left:0;
	top:0;
}
ul.buttons li.purchase em {background: url(images/purchase.jpg) no-repeat 0 0;}
ul.buttons li.support em {background: url(images/support.jpg) no-repeat 0 0;}
ul.buttons li.doc em {background:url(images/doc.jpg) no-repeat 0 0;}

ul.buttons li a:hover{visibility:visible;z-index:99;}
ul.buttons li a:hover em{background-position:0 -111px!important;}

/* free custom job board section */
#free{
	width:745px;
	clear:both;
	margin:0 0 0 28px;
	background:#fff url(images/free.jpg) no-repeat 0 0;
	padding:20px 0 0 0;
	height:124px;
	position:relative;
}
#free h3 {
	font-size:16px;
	color:#a91004;
	margin:4px 0 18px 25px;
	width:324px;
	height:16px;
	overflow:hidden;
	position:relative;
}
#free h3 em{
	position:absolute;
	left:0;
	top:0;
	background:url(images/free-custom.jpg) no-repeat 0 0;
	width:324px;
	height:16px;
}
#free p{
	font-size:11px;
	color:#000;
	line-height:1.43;
	width:455px;
	margin:0 0 0 25px;
}
#free p.jobs{
	position:absolute;
	left:618px;
	width:88px;
	text-align:center;
	top:61px;
	font-weight:bold;
	font-size:26px;
	margin:0;
	font-family:Arial;
	color:#a90c00;
}
#free p.jobs a{	color:#a90c00!important}

/* footer styles */
#footer{
	clear:both;
	width:836px;
	background:#000 url(images/footer-navbg.jpg) repeat-x 0 0;
	padding:0 0 44px;
}
#footer ul{
	width:819px;
	padding:0 17px 0 0;
	background:url(images/footer-r.jpg) no-repeat 100% 0;
	height:42px;
	text-align:right;
	margin:0 0 17px;
}
#footer ul li {
	display:inline;
	padding:0 23px 0;
	background:url(images/bar2.jpg) no-repeat 0 50%;
	line-height:42px;
	font-size:11px;
}
#footer ul li.first{background:none;}
#footer ul li.logosmall,
#footer ul li.logosmall a,
#footer ul li.logosmall em{
	float:left;
	width:220px;
	height:42px;
	padding:0;
	display:block;
	position:relative;
	overflow:hidden;
	cursor:pointer;
}
#footer ul li a{
	text-decoration:none;
	color:#fff;
	font-weight:bold;
  text-decoration:underline;
}
#footer ul li.logosmall em{
	position:absolute;
	left:0;
	top:0;
	background:url(images/logo-small.jpg) no-repeat 0 0;
}
#footer ul li a:visited{color:#fff}
#footer ul li a:hover{color:#e90808}
p.copy{
	font-size:10px;
	color:#666;
	width:200px;
	margin:0 0 0 56px;
	line-height:1.4;
}
p.copy a{color:#666!important;text-decoration:underline;}
p.copy img{margin:5px 0 0}