/* basic html Rules */
html, body {
	font-size: 1em;
}

/* stop gap if only inline element in block level container */
img,object,embed {
	border: none;
	vertical-align: bottom;
}
/* zero space starting point */
html,body,div,pre,form,table,fieldset,h1,h2,h3,h4,h5,h6,dl,ul,ol,hr,p,blockquote {
	margin: 0;
	padding: 0;
}
/* border-less starting point */
html,a img,:link img,:visited img,fieldset {
	border: none;
}
/* bullet-less starting point */
ul,ol,dl {
	list-style: none;
}
/* font style */
html,h1,h2,h3,h4,h5,h6,pre,code,input,textarea,select,span {
	font-size: 1em;
}

/* general styles */

/* default font with form elements */
html,body,textarea,input,select {
	font-family: verdana,Arial,tahoma,georgia,sans-serif;
}
/* give default font style */
p,li,dt,dd,address,th,td,legend {
	font-size: 0.7em;
	line-height: 120%;
}

html,h1,h2,h3,h4,h5,h6,p,ul,dl,ol,pre {
	margin-bottom: 1em;
}

/* table */
table {
	border-collapse: collapse;
}
td, th {
	vertical-align: top;
}


/* general classes */

/* errors */
.validation-error {
	font-size: 0.7em;
	color: red;
	list-style: none;
}

div.validation-error {
	border: solid 1px red;
}

.validation-error-top {
	margin-bottom: 0.5em;
	margin-top: 0.2em;
}
.validation-error-bottom {
	margin-bottom: 0.5em;
	margin-top: 0.2em
}

.form-info
{
	padding-left: 1em;
}

/* contain */
.contain:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}

/* clear */
.clear {
	clear: both;
}

/* page wrap */
body.center-align {
	text-align: center;
}
body.left-align {
	text-align: left;
	margin-left: 8px;
}
body.center-align #page-wrap {
	text-align: center;
	margin: 0 auto;
}

/* page background */
body {
	/*background-color: #c2b3b5; */
	background-color:#E5E5E5
	/* background-image: url("../images/bg.jpg"); */
	/* background-position:top center; 
	background-attachment:fixed; 
	background-repeat:repeat-x;*/
	/* color: #505050; */
}
h1, h2, h3, h4, {
	font-size: 0.7em;
	font-wieght: bold;
	color: #505050;
	margin-bottom: 0;
}

/* classes */

/* line height */
#page-wrap p, #bottom-panel ul li {
	line-height: 155%;
}

.addressRight {
	float:left;
	margin-left:80px;
	display:inline;
}

.addressLeft {
	float:left;
	display:inline;	
}

/* fonts */
#page-wrap p {
	color: #505050;
}
#page-wrap p a, #bottom-panel ul a{
	background: #eae2e3;
	color: #505050;
	font-weight: bold;
	text-decoration: none;
	padding: 1px 2px 2px 2px;
	height:1%;
}
#page-wrap p a:hover, #bottom-panel ul a:hover {
	background: white;
	color: #EE7818;
	font-weight: bold;
	text-decoration: none;
	padding: 1px 2px 2px 2px;
}

/* content */

#content ul {	
	color: #c9b6ba;
	line-height: 155%;
	margin-left: 0;
	padding-left: 0;
	list-style: none;

}
#content li {
	color: #505050;
	line-height: 155%;
	padding-left: 10px;
	background-image: url(../images/grey-bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;
}
#content li a {
	background: #eae2e3;
	color: #505050;
	font-weight: bold;
	text-decoration: none;
	padding: 1px 2px 2px 2px;
	list-style-type: none;
}
#content li a:hover {
	background: white;
	color: #EE7818;
	font-weight: bold;
	text-decoration: none;
	padding: 1px 2px 2px 2px;
	list-style-type: none;
}

#content li.none {
	color: #505050;
	line-height: 155%;
	list-style-type: none;
}

#content li.none a {
	background: #eae2e3;
	color: #505050;
	font-weight: bold;
	text-decoration: none;
	padding: 1px 2px 2px 2px;
	list-style-type: none;
}
#content li.none a:hover {
	background: #EE7818;
	color: white;
	font-weight: bold;
	text-decoration: none;
	padding: 1px 2px 2px 2px;
	list-style-type: none;
}

#content h1,
#content h2,
#content h3, 
#content h4 
{
	font-size: 0.7em;
	font-wieght: bold;
	color: #505050;
	margin-bottom: 0;
}

.no-margin 
{
	margin: 0;
}

.no-margin-top 
{
	margin-top: 0;
}

.no-margin-bottom 
{
	margin-bottom: 0;
}

/* footer */
#footer {
	color: #505050;
	padding-bottom: 5px;
	clear: left;
}
#footer a {
	color: #505050;
	text-decoration: none;
}
#footer a:hover {
	color: #EE7818;
	text-decoration: none;
}
#footer {
	float: left;
	text-align: center;
	padding-left: 355px;
	padding-top: 11px;
}
#footer ul li {
	display: block;
	float: left;
	position: relative;
	margin: 0 19px 0 0;
	padding: 0;
}
#footer #ul li a {
	text-decoration: none;
	letter-spacing: 0.05em;
}
/* footer2 */
#footer2 {
	color: #505050;
	padding-bottom: 20px;
	clear: none;
}
#footer2 a {
	color: #505050;
	text-decoration: none;
}
#footer2 a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #EE7818;
}
#footer2 a {
	color: #EE7818;
	text-decoration: none;
}
#footer2 {
	float: left;
	text-align: center;
	padding-left: 180px;
	padding-top: 5px;
	width: 410px;
}
#footer2 ul li {
	display: block;
	float: left;
	position: relative;
	margin: 0 19px 0 0;
	padding: 0;
}
#footer2 #ul li a {
	text-decoration: none;
	letter-spacing: 0.05em;
}

/* header */
#page-wrap {
	width: 758px;
}
#top-strip {
	width: 758px;
	background: #EE7818;
	height: 8px;
}
#header {
	width: 758px;
	background: #FEA219;
	height: 80px;
	margin-bottom: 10px;
}
#header .inner-wrap {
	padding-left: 24px;
	padding-top: 22px;
}
#logo {
	float: left;
}
#top-nav {
	padding-left: 330px;
	padding-top: 13px;
}
#top-nav ul li {
	display: block;
	float: left;
	position: relative;
	margin: 0 16px 0 0;
	padding: 0;
}
#top-nav ul li a {
	text-decoration: none;
	letter-spacing: 0.05em;
}
#top-nav ul li.last {
	margin: 0;
}

/* main right headline panels */
#main-right-panel {
	background: #505050 url(../images/main-right-panel/bg_main-right-panel.gif) no-repeat;
	text-align: left;
	height: 293px;
}
#main-right-panel .bottom-padding {
	margin-bottom: 15px;
}
#main-right-panel .inner-wrap {
	margin-top: 0px;
	padding: 0px 23px 0 23px;
}
#main-right-panel p {
	color: white;
	margin-bottom: 17px;
	width: 200px;
}
#main-right-panel p a {
	background: white;
	color: #505050;
	font-weight: bold;
	text-decoration: none;
	padding: 1px 2px 2px 2px;
}
#main-right-panel p a:hover {
	background: #505050;
	color: white;
	font-weight: bold;
	text-decoration: none;
	padding: 1px 2px 2px 2px;
}


/* page-home */

/* panels */
#page-home #top-nav {
	padding-left: 330px;
	padding-top: 13px;
}
#page-home #top-panel {
	width: 758px;
}
#page-home #top-panel #photo {
	float: left;
	width: 490px;
}
#page-home #top-panel #main-right-panel {
	float: right;
	width: 256px;
	height: 291px;
}
#page-home .panel-min-height .min-height .inner-wrap {
	padding: 21px 23px 0 23px;
}
#page-home #main-right-panel .bottom-padding {
	margin-bottom: 24px;
	margin-top: 2px;
}
#page-home #bottom-panel .bottom-padding {
	margin-bottom: 15px;
}
#page-home #bottom-panel {
	background: #fff;
	width: 758px;
	margin-top: 1px;
	min-height: 208px;
}
#page-home #bottom-panel .inner-wrap {
	padding: 20px 24px 10px 24px;
}
#page-home #bottom-panel #aquent {
	float: left;
	text-align: left;
	width: 702px;
	margin-right: 1px;
	/*background-color: #505050 */
}
#page-home #bottom-panel #real-people {
	float: left;
	text-align: left;
	width: 202px;
	margin-right: 48px;
}
#page-home #bottom-panel #real-jobs {
	float: left;
	text-align: left;
	width: 216px;
}
#page-home #bottom-panel #real-results {
	float: right;
	width: 208px;
	text-align: left;
	margin-left: 5px;
	margin-right: 0px
}


/* internal common styles */

/* panels */
#shell {
	width: 758px;
}
#left-panel {
	float: left;
	width: 490px;
	background: white;
	text-align: left;
}
#right-panel {
	float: right;
	width: 256px;
}
#left-panel .inner-wrap {
	margin: 24px;
	min-height: 560px;
    height:auto !important;
	height:560px;
	
}
#left-panel #content-header {
	width: 440px;
	height: 134px;
	float:left;
	
}
#left-panel #title {
	float: left;
	width: 140px;
	padding: 0;
	margin: 0;
}
#left-panel #sub-nav {
	width: 269px;
	margin: 8px 0 0 31px;
	padding: 0;
	float: left;
	height:1%;
}
#left-panel #sub-nav li {
	padding-left: 10px;
}
#left-panel #sub-nav li.active {
	background-image:  url("../images/bullet.gif");
	background-position: 0 -2px;
	background-repeat: no-repeat;
	padding-left: 10px;
}
#left-panel #sub-nav #bullet {
	float: left;
	width: 6px;
}
#left-panel #sub-nav #sub-nav-1 {
	width: 127px;
	float: left;
	/*height:1%;*/
}
#left-panel #sub-nav #sub-nav-2 {
	width: 127px;
	float: left;

}
#left-panel .inner-wrap #content {
	width: 440px;
	padding: 0;
	height:1%;

}
#right-panel #photo {
	margin-bottom: 5px;
	width: 256px;
	height: 291px;
}
#right-panel #main-right-panel .inner-wrap {
	padding: 21px 23px 23px 23px;
}
#content #intro-paragraph {
	padding-bottom: 11px;
}


/* page-jobs */

/* panels */

#page-jobs #left-panel p.job-type {
	font-weight: bold;
	margin-bottom: 0px;
	margin-top:30px;
	color: #EE7818;
}
#page-jobs #left-panel .job-container {
	clear: both;
	float: left;
	width: 440px;
}
#page-jobs #left-panel .job-container .job-desc {
	width: 250px;
	float: left;
	margin-right: 10px;
}
#page-jobs #left-panel .job-container .job-rate {
	font-weight: bold;
	width: 81px;
	float: left;
	margin-right: 10px;
}
#page-jobs #left-panel .job-container .job-location {
	font-weight: bold;
	width: 70px;
	float: left;
}
#page-jobs #left-panel .job-header p {
	color: #EE7818;
	font-weight: normal !important;
}
#page-jobs #left-panel .job-spacer {
	margin: 71px 0 8px 0;
	padding: 0;
	width: 440px;
}
#page-jobs #left-panel .job-divider {
	clear: both;
	border-top: 1px solid #eae2e3;
	padding-top: 11px;
	margin-bottom: 8px;
}

#page-jobs #left-panel .JobLongDesc {
	float:left;
	font-size: 0.7em;
	line-height: 120%;	
	margin: 0;
	padding: 0;	
	margin-bottom: 1em;	
	color: #505050;
	font-weight: normal !important;	
}
#page-jobs #left-panel .JobLongDesc p {
	font-size: 1em;
	line-height: 150%;	
	color: #505050;
	font-weight: normal !important;	
}

#page-jobs #left-panel .JobLongDesc b {
	font-size: 1em;
	line-height: 120%;	
	color: #505050;
	font-weight: bold !important;
	clear:left;	
}

#page-jobs #left-panel .JobLongDesc ul {	
	color: #c9b6ba;
	line-height: 155%;
	padding-left: 0;
	list-style: none;
	font-size: 1.4em;
	margin:1em 0 0 0;
}

#page-jobs #left-panel .JobLongDesc ul li {
	color: #505050;
	line-height: 155%;
	padding-left: 10px;
	background-image: url(../images/grey-bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 0.5em;
}

/* panels */

#page-jobs-intro .contain #left-panel .inner-wrap #content #intro-paragraph {
	padding-bottom: 17px;
	margin: 0;
}
#page-jobs-intro .contain #left-panel .inner-wrap #content p {
	margin-bottom: 17px;
	padding: 0;
}
#page-jobs-intro .contain #left-panel .header {
	color: #EE7818;
}

/* site map */

#sitemap {
margin: 0px 0px 30px 0px;
padding: 0px;
float:left;
width:400px;
}
#sitemap ul {
margin: 0px;
padding: 0px;
}
#sitemap ul li {
	list-style: none;
	margin:6px 0 0px 10px;
	color: #333;
}
#sitemap ul li a {
	background: #eae2e3;
	color: #505050;
	font-weight: bold;
	text-decoration: none;
	padding: 1px 2px 2px 2px;
}
#sitemap ul li a:hover {
	background: white;
	color: #EE7818;
	font-weight: bold;
	text-decoration: none;
	padding: 1px 2px 2px 2px;
}
#sitemap ul li a#head {
	background: #505050;
	color: white;
	font-weight: bold;
	text-decoration: none;
	padding: 1px 2px 2px 2px;
}
#sitemap ul li a:hover#head {
	background: #EE7818;
	color: white;
	font-weight: bold;
	text-decoration: none;
	padding: 1px 2px 2px 2px;
}
#sitemap ul li ul {
margin: 0px 0px 15px 10px;
padding: 0px;
}

#sitemap ul li ul li {
	font-size:1.0em
}

ul#job-subnav li
{
	overflow: hidden;
	height: 17px;
}

ul#job-subnav li a
{
	padding-top: 17px;
	overflow: hidden;
	display: block;
	background-position: left top;
	height: 17px;
	background-repeat: no-repeat;
	height:1%;
}

ul#job-subnav #liintroduction a {background-image: url(../images/subnav-dual-intro.gif);}
ul#job-subnav #liclientservices a {background-image: url(../images/subnav-dual-client-services.gif);}
ul#job-subnav #licontent a {background-image: url(../images/subnav-dual-editorial.gif);}
ul#job-subnav #lidigital a {background-image: url(../images/subnav-dual-digital.gif);}
ul#job-subnav #liprintdesign a {background-image: url(../images/subnav-dual-printdesign.gif);}
ul#job-subnav #lishortageareas a {background-image: url(../images/subnav-dual-shortageareas.gif);}

ul#job-subnav li a:hover, 
ul#job-subnav li.active a
{
	background-position: left -17px;
}

#applynow label
{
	width: 10em;
	display: block;
	float: left;
}

dl 
{
	color: #505050;
	width: 70%;
	padding: 0;
}
dl dt
{
	float: left;
	width: 30%;
	padding: 0.5em 0 0 0;
	margin: 0 ;
	font-weight: bold;
	clear: left;
}
dd
{
	padding: 0.5em 5% 1em 5%;
}

/* Skiplinks
---------------------------------------*/
#skiplinks UL {
	padding: 0;
	margin: 0;
	list-style: none;
}
#skiplinks LI {
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline;
}
#skiplinks A {
	font-weight: bold;
	position: absolute;
	top: 20px;
	right: 20px;
	overflow: hidden;
	width: 0;
	height: 0;
	font-size: 1em !important;
	z-index: 1000;
	color:#505050;
}
#skiplinks A:active, #skiplinks A:focus {
	position: absolute;
	overflow: visible;
	width: auto;
	height: auto;
	font-size: 1em;
	border: 0;
	margin: 0;
	padding: 6px;
	font-size: .6em;
	background: #FFF;
}
