@charset "utf-8";

/* CSS Document */



body{

	background-image: url(images/digbackground.jpg); 

	background-position:top;   

	background-color: #ADA9A3; 

	font-family: Arial, Helvetica, sans-serif; 

	font-size: 12px; 

	padding-top: 40px;

	}

#wrapper {

	width: 826px; 
	
	height: 640px;

	margin-left: auto; 

	margin-right: auto; 

	background-color: #ebe6e0; 

	border: 5px #1f4520 solid;
	background-position:center;

	}



/*Change the background per page if needed simply by changing the class to the wrapper div*/

#wrapper.homepage{

	background-image: url(images/bk-home.jpg);

	background-repeat: no-repeat;

	}

#wrapper.about{

	background-image: url(images/bk-about.jpg);

	background-repeat: no-repeat;

	}

#wrapper.solutions{

	background-image: url(images/bk-solutions.jpg);

	background-repeat: no-repeat;

	}

#wrapper.media{

	background-image: url(images/bk-media.jpg);

	background-repeat: no-repeat;

	}

#wrapper.contact{

	background-image: url(images/bk-contact.jpg);

	background-repeat: no-repeat;

	}

#wrapper.candidates{

	background-image: url(images/bk-candidates.jpg);

	background-repeat: no-repeat;

	}
	
#wrapper.employers{

	background-image: url(images/bk-employers.jpg);

	background-repeat: no-repeat;

	}		

/*End of background classes*/



#header {

	float: left; 

	width: 826px;

	}

#header #mainnav{

	float: left; 

	width: 814px; 

	text-align: center; 

	margin-top: 20px; 

	margin-bottom: 10px; 

	margin-left: 5px;

	}

#header #mainnav a{

	float: left; 

	width: 151px; 

	background-image: url(images/button.png); 

	padding-top: 10px; 

	padding-bottom: 10px; 

	color: #FFF; 

	text-decoration: none; 

	margin-left: 10px; 

	font-weight: bold; 

	text-transform: uppercase; 

	font-size: 13px;

	}

#header #banner {

	float: left; 

	width: 826px; 

	text-align: center;

	}

#main {

	float: left; 

	width: 826px;

	}

#content {

	float: left; 

	width: 490px; 

	height: 390px; 

	margin-left: 50px;

	_margin-left: 25px;

	margin-top: 30px;

	}

#content h1{

	font-size: 16px; 

	text-transform: uppercase;

	}

#content p{

	font-size: 12px; 

	padding-right: 30px;

	}

#right {

	float: left; 

	width: 206px; 

	margin-left: 80px;

	_clear: right;

	}

#right .box{

	width: 140px; 

	height: 60px; 

	background-image: url(images/button-lg.png); 

	background-repeat: no-repeat; 

	padding-top: 14px; 

	padding-left: 8px; 

	margin-top: 10px; 

	margin-bottom: 10px;

	}

#right .box a{

	text-decoration: none; 

	color: #FFF;

	}

#right .box .lg_text{

	font-size: 18px; 

	color: #FFF; 

	font-weight: bold; 

	text-transform: uppercase;

	}

#right .box .sm_text{

	font-size: 16px; 

	color: #FFF; 

	font-style: italic;

	}

#spacer{

	line-height: 0px; 

	height: 0px; 

	clear: both;

	}

img, div, a, input {

	behavior: url("iepngfix.htc");

	}

	

/* SCROLLER STYLE */

/* VERTICAL */

.divVScrollerBar {

	width: 18px;

	margin-left: 1px;

}



/* ORIZONTAL */

.divOScrollerBar {

	height: 18px;

	margin-top: 1px;

}



/* AREA UP */

.divVScrollerBarUp {

	cursor: pointer;

	height: 17px;

}

/* AREA LEFT */

.divOScrollerBarLeft {

	cursor: pointer;

	width: 17px;

}

/* AREA DOWN */

.divVScrollerBarDown {

	cursor: pointer;

	height: 17px;

}

/* AREA RIGHT */

.divOScrollerBarRight {

	cursor: pointer;

	width: 17px;

}

/* ARROW UP AND DOWN */

.divVScrollerBarUp span,

.divVScrollerBarDown span {

	display: block;

	width: 16px;

	height: 15px;

}

.divVScrollerBarUp span {

	background: url(images/arrow_up.png) no-repeat center center;

}

.divVScrollerBarDown span {

	background: url(images/arrow_down.png) no-repeat center center;

}

/* ARROW LEFT AND RIGHT */

.divOScrollerBarLeft span,

.divOScrollerBarRight span {

	display: block;

	height: 16px;

	width: 15px;

}

.divOScrollerBarLeft span {

	

}

.divOScrollerBarRight span {

	

}



/* ARROWS HOVER */

.divVScrollerBarUp span.hover,

.divOScrollerBarLeft span.hover,

.divVScrollerBarDown span.hover,

.divOScrollerBarRight span.hover {

	

}



/* TRACE */

.divVScrollerBarTrace, .divOScrollerBarTrace {

}



/* CURSORS */

.divVScrollerBarCursor {

	cursor: pointer;

}

.divOScrollerBarCursor {

	cursor: pointer;

}

.divVScrollerBarCursor span {

	display: block;

	height: 100%;

	width: 16px;

}

.divOScrollerBarCursor span {

	display: block;

	height: 16px;

	width: 100%;

}

/* CURSORS HOVER */

.divVScrollerBarCursor span.hover {



}

.divOScrollerBarCursor span.hover {



}