/* ---------------------- global settings ---------------------- */
html {overflow-y:scroll} 
body {background:url(images/background.gif) no-repeat fixed top center; background-color:#F58310; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px}
a:link, a:visited, a:active{text-decoration:none; color:#969696; font-size:18px; font-weight:normal}
a:hover {text-decoration:none; color:#ff9933; font-size:18px; font-weight:normal}
h1 {font-size:16px; color:#969696; font-weight:100}
table {width:600px; position:relative; left:200px}
th {font-weight:bold; text-align:left}
tr, td {text-align:left; border:none}
#subheading {color:#ff9933; font-weight:bold}
#subheading1 {font-weight:bold}
#bgimage1 {position:absolute; left:-190px; top:408px}
#bgimage2 {position:absolute; left:920px; top:138px}
#referral{position:relative; text-align:center; font-size:16px; left:0px}
.linky:link, linky:active, linky:visited, linky:hover{font-size:16px; color:#ff9933; text-decoration:none; font-weight:normal}
.smalllink:link, .smalllink:active, .smalllink:visited{font-size:12px}
/* ---------------------- end global settings ----------------------  */

 
/* ---------------------- containter ----------------------  */
#container {margin:0 auto; text-align:left; width:900px}
/* ---------------------- end containter ----------------------  */


/* ---------------------- masthead ----------------------  */
#masthead {width: 900px; height:127px; background:url(images/masthead-bg.png); position:relative; padding-top:5px}
#masthead-image {width: 270px; padding-left:20px; padding-top:20px}
#masthead-links {width: 620px; position:absolute; left: 280px; top: 100px; font:Trebuchet MS; font-size:16px}
/* ---------------------- end masthead ---------------------- */


/* ---------------------- intro content area ----------------------  */
#introcontent {width:900px; height:439px; background:url(images/main-content-bg.jpg); position:relative}
#introcontent-text-heading {width:860px; position:absolute; left:20px; top:320px; right:20px}
#introcontent-text-heading h1 { width: 100%; float: left; margin-top: 20px;}
#introcontent-text-heading img { border: 0; }
#introcontent-text-add {width:200px; position:absolute; left:20px; top:380px; font-size:11px}
/* ---------------------- end intro content area ----------------------  */


/* ---------------------- main content area ----------------------  */
#maincontent {width:860px; background:#FFFFFF; position:relative; padding: 10px 20px;}
#maincontent h1 {margin: 0 0 10px 0; font-weight: bold; font-size: 20px;}
#maincontent-contact {width:900px; height:900px; background:#FFFFFF; position:relative}
#maincontent-contact-right {width:344px; position:absolute; left:700px; top:20px}
#maincontent-refer {width:900px; height:650px; background:#FFFFFF; position:relative}
#maincontent-about {width:900px; height:1100px; background:#FFFFFF; position:relative}
#maincontent-news {width:900px; height:3150px; background:#FFFFFF; position:relative}
#maincontentbg-top {width:900px; position:relative; background:url(images/content-bg-top.png)}
#maincontentbg-bottom {width:900px; position:relative; background:url(images/content-bg-bottom.png)}
#maincontent-images {height:1520px}
#maincontent-heading {position:absolute; top:10px; left:20px; font-size:20px; color:#969696; font-weight:bold}
#maincontent-subheading {position:absolute; top:190px; left:20px; font-size:20px; color:#969696}
#maincontent-subheading-contactForm{position:absolute; top:-50px; left:0px; font-size:20px; color:#969696}
#maincontent-extra {width:225px; height:431px; position:absolute; top:60px; left:643px; font-size:11px; line-height:16px}
#maincontent-extra-contact {width:225px; height:101px; position:absolute; top:800px; left:643px; font-size:11px; line-height:16px}
#maincontent-extra-news {width:225px; height:431px; position:absolute; top:80px; left:643px; font-size:11px; line-height:17px}
#maincontent-text {width:423px; height:431px; position:absolute; top:45px; left:149px}
#maincontent-text-left {width:410px; position:absolute; left:20px; top:80px}
#maincontent-text-right {width:410px; position:absolute; left:450px; top:80px; padding-right:20px}
#maincontent-text-left-contact {width:410px; position:absolute; left:20px; top:240px}
#maincontent-text-right-contact {width:410px; position:absolute; left:450px; top:240px; padding-right:20px}
#maincontent-contact-left-top{position:absolute; left:20px; top:70px; font-size:16px; font-weight:bold}
#maincontent-contact-right-top{position:absolute; left:448px; top:59px; font-size:18px; font-weight:bold; display:inline; width:431px; height:158px}
#maincontent-text-full {width:860px; position:absolute; left:20px; top:80px; right:20px}
#maincontent-text-full-about {width:860px; position:absolute; left:20px; top:80px; right:20px}
#maincontent-text-full-refer {width:860px; position:absolute; left:20px; top:70px; right:20px}
#refs {display:block; line-height:24px}
#textdivide{width:550px}
#thanks{width:860px; height:auto; position:absolute; left:20px; top:80px; right:20px; margin:0 auto; text-align:center}
#maincontent-contact-thanks{width:900px; height:400px; background:#FFFFFF; position:relative}
/* ---------------------- end main content area ----------------------  */


/* ---------------------- pictures ----------------------  */
#pic1 {width:115px; height:172px; position:absolute; left:20px; top:49px}
#pic2 {width:115px; height:172px; position:absolute; left:20px; top:385px}
#pic3 {width:115px; height:172px; position:absolute; left:20px; top:673px}
#pic4 {width:115px; height:172px; position:absolute; left:20px; top:962px}
#pic5 {width:115px; height:172px; position:absolute; left:20px; top:1217px}
/* ---------------------- end pictures ----------------------  */


/* ---------------------- lists ----------------------  */
ul.list li{list-style-image:url(images/listimage.gif)}
ul.sub li{list-style-image:none; list-style:square}
ul#reference li {list-style:decimal}
#list{position:relative; top:170px; z-index:10}
/* ---------------------- end lists ----------------------  */


/* ---------------------- footer ----------------------  */
#footer {width:900px; height:78px; background:url(images/footer.png); position:relative}
#footer-text {padding-left:20px; padding-top:12px; font-size:11px}
/* ---------------------- end footer ----------------------  */


/* ---------------------- nowmedia logo ----------------------  */
#nowmedia-index {position:absolute; left:840px; top:448px}
#nowmedia-footer {position:absolute; left:840px; top:100px}
/* ---------------------- end nowmedia logo ----------------------  */


/* ---------------------- picture formatting ----------------------  */
.pic{position:relative; left:600px; top:80px; display:inline}
.pic1{position:relative; left:350px; top:675px; display:inline}
.refer-phone{position:absolute; left:160px; top:0px}
.refer-fax{position:absolute; left:385px; top:0px}
.refer-pdf{position:absolute; left:600px; top:-10px}
.phone{position:absolute; left:125px; top:80px; font-size:18px; font-weight:bold}
.fax{position:absolute; left:350px; top:80px; font-size:18px; font-weight:bold}
.pdf{position:absolute; left:550px; top:80px; font-size:18px; font-weight:bold; text-align:center}
.refer-phone-contact{position:absolute; left:0px; text-align:center; padding-left:80px}
.refer-fax-contact{position:relative; left:0px; text-align:center; float:right; padding-right:70px}
.formatphonetext{position:absolute; left:40px}
.formatfaxtext{position:absolute; left:245px}
/* ---------------------- end picture formatting ----------------------  */


/* ---------------------- AJAX Form --------------------------*/
input, textarea {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#404040}
label {color:#999; cursor:pointer; padding-left:2px; line-height:16px}
label.chosen {color:#333}
.outtaHere {position:absolute; left:-3000px}
.radioArea, .radioAreaChecked {display:block; float:left; clear:left; width:15px; height:14px; font-size:0; cursor:pointer}
.radioArea {background:url(images/radio.gif) no-repeat left top}
.radioAreaChecked {background:url(images/radio.gif) no-repeat left bottom}
.checkboxArea, .checkboxAreaChecked {display:block; float:left;	clear:left;	width:13px;	height:13px; font-size:0; padding:0; margin:0; cursor:pointer}
.checkboxArea {background:url(images/checkbox.gif) no-repeat left top}
.checkboxAreaChecked {background:url(images/checkbox.gif) no-repeat left bottom}
.focused {border:1px dotted #ddd}
.textinput, .textinputHovered {height:15px;	background:url(images/input_bg.gif) repeat-x left top; border:none; padding:4px 0; vertical-align:middle}
.textinputHovered {background-position:left bottom}
.inputCorner {padding-bottom:0;	vertical-align:middle}
.txtarea .tr, .txtarea .tr_xon {background:url(images/txtarea_tr.gif) no-repeat top right}
.txtarea .tr_xon {background:url(images/txtarea_tr_xon.gif) no-repeat top right}
.txtarea img.txt_corner {width:5px; height:5px; display:block}
.txtarea .br, .txtarea .br_xon {background:url(images/txtarea_br.gif) no-repeat top right}
.txtarea .br_xon {background:url(images/txtarea_br_xon.gif) no-repeat top right}
.txtarea .cntr {background:url(images/txtarea_cntr.gif) repeat-y right top}
.txtarea .cntr_xon {background:url(images/txtarea_cntr_xon.gif) repeat-y right top}
.txtarea .cntr_l, .txtarea .cntr_l_xon {width:5px; background:url(images/txtarea_l.gif) repeat-y left top; float:left}
.txtarea .cntr_l_xon {background:url(images/txtarea_l_xon.gif) repeat-y left top}
.txtarea textarea {border:0; background:none; padding:0; margin:5px}
.selectArea {width:200px; height:21px; background:url(images/select_bg.gif) repeat-x left top}
.selectArea .left {width:8px; height:21px; float:left; background:url(images/select_left.gif) no-repeat left top}
.selectArea .right {width:21px; height:21px; float:right; background:url(images/select_right.gif) no-repeat left top}
.selectArea .right a {display:block; width:200px; height:21px; margin-left:-179px; position:absolute}
.selectArea .right i {display:none}
.selectArea .center {width:160px; color:#FFF; padding-top:3px; overflow:hidden; white-space:nowrap}
.optionsDivInvisible, .optionsDivVisible {position:absolute; margin-top:-1px; margin-left:3px; width:172px; background:#6f7074;	padding:2px; font-size:11px; z-index:20}
.optionsDivInvisible {display:none}
.optionsDivVisible {display:block}
.optionsDivVisible p {margin:0; padding:0}
.optionsDivVisible a {color:#F2F2F2; text-decoration:none; display:block; padding:1px 4px; border:1px solid #6f7074}
.optionsDivVisible a:hover {color:#FFF; background:#5F6062; border-color:#cfd0d6}
.buttonSubmit, .buttonSubmitHovered {width:auto; height:26px; color:#FFF; font-weight:bold; padding:2px; background:url(images/button_bg.gif) repeat-x left top; cursor:pointer; border:none}
.buttonSubmitHovered {background-position:left bottom}
.buttonImg {vertical-align:bottom}
.buttonClear, .buttonClearHovered {width:auto; height:26px; color:#FFF; font-weight:bold; padding:2px; background:url(images/button_bg.gif) repeat-x left top; cursor:pointer; border:none}
.buttonClearHovered {background-position:left bottom}
/* ---------------------- end AJAX Form --------------------------*/

/* --------------------------------------
   Jobs list
-------------------------------------- */

#jobs {
	float: right;
	position: relative;
	padding-left: 10px;
	width: 210px;
}

#jobs #jobs-hdr {
	width: 210px;
	height: 40px;
	position: relative;
	margin: 0;
}

#jobs #jobs-hdr span {
	background-image: url('images/hdr-nowhiring.gif');
}

#jobs #jobs-list {
	border: 3px solid #f58310;
	border-top: none;
	font-size: 0.913em;
	text-align: center;
	padding: 10px 5px 20px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
}

/** jobs subpage styles **/

#jobs-ul {
	margin: 0;
	padding: 10px 0 0 0;
	width: 590px;
}

#jobs-ul li {
	margin: 0 0 20px 0;
	padding: 0;
	list-style: none;
}

#jobs-ul li h2,
#jobs-ul li h2 a {
	margin: 0 0 5px 0;
	font-size: 14px;
	font-weight: bold;
	color: #969696;
}

#jobs-ul li h2 a:hover {
	color: #FF9933;
}

#jobs-ul li h2 a img {
	border: none;
	margin-right: 10px;
	position: relative;
	top: 5px;
}

#jobs-ul li p {
	padding-left: 26px;	
}

#jobs-ul li p,
#jobs-ul li p a {
	font-size: 11px;
	margin: 0;
}

/* --------------------------------------
   Image Replacement
-------------------------------------- */

.i-rep {
	z-index: 10;
	overflow: hidden;
	display: block;
}

.i-rep span {
	z-index: 20; position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
	background-color: transparent;
	background-position: top left;
	background-repeat: no-repeat;
}