@charset "utf-8";
/* CSS DOCUMENT - 
/************************************************************************************************************************************/
/* BODY, FONT AND COLOR, GLOBAL	(id=GENERIC)
**********************************************************/
body {font-size:12px; font-family:Arial, Helvetica, sans-serif; background:url(../images/bg.jpg) repeat}
/* global reset */
header,nav,footer,aside,section,article {display:block; padding:0; margin:0}
body,form,h1,h2,h3,h4,h5,h6,p {padding:0; margin:0}
h1,h2,h3,h4,h5,h6,label,a {text-decoration:none}
a {color:#0093F7; font-weight:normal; text-decoration:none}
a:hover {color:#E6631A; text-decoration:underline}
a:active, a:focus {outline:0}
img {border:none}
label {cursor:pointer}
ul {list-style:none; padding:0; margin:0}
input[type="radio"],input[type="checkbox"] {vertical-align:-2px}

/* CSS DOCUMENT - 
/************************************************************************************************************************************/
#Wrapper {width:980px; overflow:hidden; margin:0 auto; background:#fff}

/* 	Header Elements
**********************************************************/
header {width:980px; height:89px}
header aside.Right {width:735px; float:right}
header aside.Right div {width:290px; overflow:hidden; margin:10px 0; float:right}
header aside.Right div a.home, a.email, a.sitemap {background:url(../images/top-nav.png) no-repeat; display:block; float:left; overflow:hidden; padding:5px 30px; color:#3f3f3f; font-family:Verdana, Geneva, sans-serif}
header aside.Right div a.home {background-position:left 0px}
header aside.Right div a.email {background-position:left -26px}
header aside.Right div a.sitemap {background-position:left -48px; padding:5px 25px}

/* Logo */
#logo {background:url(../images/logo-staffingservices.jpg) no-repeat; width:213px; height:83px; display:inline; float:left; margin-left:5px}
#logo a {display:block; width:213px; height:83px}
#logo a:hover {text-decoration:none}

/* Navigation Bar */
nav {width:735px; height:45px; background:url(../images/nav.png) repeat-x; -webkit-border-top-left-radius:80px; -moz-border-radius-topleft:80px; border-top-left-radius:80px; behavior:url(js/PIE.htc); float:left}
nav ul.TopNav li {width:140px; float:left; text-align:center; line-height:45px; position:relative}
nav ul.TopNav li a {background:url(../images/arrow.png) left top no-repeat; font-size:13px; font-weight:bold; color:#fff; /*text-shadow:0 1px 0 #666;*/ padding-left:25px}
nav ul.TopNav li a:hover, nav ul li a.Active {background:url(../images/arrow-hover.png) left top no-repeat; color:#3F3F3F; text-decoration:none}

nav ul.TopNav li:hover > ul {display:block}
nav ul.TopNav li ul {position:absolute; left:0; top:46px; display:none; padding:0 10px 5px; background:#FFAD47; width:205px; border:1px solid #ffd49e; border-top:none; margin-top:-1px; -webkit-border-bottom-right-radius:10px; -webkit-border-bottom-left-radius:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-bottomleft:10px; border-bottom-right-radius:10px; border-bottom-left-radius:10px; behavior:url(js/PIE.htc)}
nav ul.TopNav li ul li {border-bottom:1px solid #ffd49e; float:none; width:auto; text-align:left; line-height:normal}
nav ul.TopNav li ul li a {font:normal 11px Arial, Helvetica, sans-serif; color:#fff; display:block; padding:7px 5px 5px; background:none}
nav ul.TopNav li ul li a:hover {text-decoration:none; font-weight:normal; background:none}
nav ul.TopNav li ul li.last {border:none}

/* Banner */
#Banner {width:978px; height:268px; overflow:hidden; border-top:1px solid #ededed; border-bottom:1px solid #ededed; margin-bottom:10px}

/* Homepage Content */
#ContentWrapp {width:980px; overflow:hidden; min-height:300px}
#ContentWrapp .LeftSide {width:474px; float:left; padding:8px}
#ContentWrapp .RightSide {width:474px; float:right; padding:8px}
#ContentWrapp h3 {font-size:20px; color:#3d3d3d; font-weight:normal}
#ContentWrapp h3 span {color:#e6631a}
#ContentWrapp .LeftSide p.Title {font-size:11px; color:#8d8d8d; margin-bottom:15px}
#ContentWrapp .LeftSide div {width:100%; overflow:hidden; margin:10px 0; padding-bottom:10px; border-bottom:1px dashed #ccc}
#ContentWrapp .LeftSide div img {border:1px solid #ededed; margin-right:10px}
#ContentWrapp .LeftSide div p {font-size:12px; color:#666; line-height:20px; padding-bottom:5px; text-align:justify}
#ContentWrapp .RightSide div {width:100%; overflow:hidden; margin:10px 0; padding-bottom:10px; border-bottom:1px dashed #ccc}
#ContentWrapp .RightSide div img {border:1px solid #ededed; margin-right:10px}
#ContentWrapp .RightSide div p {font-size:12px; color:#666; line-height:20px; padding-bottom:5px; text-align:justify}
#ContentWrapp .RightSide div ul {width:70%; overflow:hidden}
#ContentWrapp .RightSide div ul li {padding-bottom:5px; color:#666}

#ContentWrapp .LeftSide ul.ProServiceMenus {width:300px; overflow:hidden; float:right}
#ContentWrapp .LeftSide ul.ProServiceMenus li {background:url(../images/arrow-ul.png) -4px 0 no-repeat; padding:0 0 7px 15px}
#ContentWrapp .LeftSide ul.ProServiceMenus a {font-size:12px; font-weight:normal; color:#666; display:block}
#ContentWrapp .LeftSide ul.ProServiceMenus a:hover {text-decoration:none; color:#000}

/* Inner Content */
#ContentWrapp .Left {width:260px; float:left; padding:8px}
#ContentWrapp .Right {width:670px; float:right; padding:8px; margin-right:5px}
#ContentWrapp ul.Profile {width:100%; overflow:hidden; margin:10px 0 0 5px}
#ContentWrapp ul.Profile li {padding-bottom:10px; border-bottom:1px dotted #6d6d6d; margin:10px 0}
#ContentWrapp ul.Profile li a {background:url(../images/inner-nav.png) no-repeat; background-position:left -20px; padding-left:20px; font-size:12px; height:15px; color:#5e5e5e}
#ContentWrapp ul.Profile li a:hover {background:url(../images/inner-nav.png) no-repeat; background-position:left 0px; padding-left:20px; color:#E6631A; text-decoration:none}
#ContentWrapp ul.Profile li a.LeftActive {background:url(../images/inner-nav.png) no-repeat; background-position:left 0px; padding-left:20px; color:#E6631A; text-decoration:none}
#ContentWrapp .Right p {font-size:13px; color:#666; line-height:22px; padding-bottom:10px; text-align:justify}

/* Homepage Content */
#ContentWrapp .Contact {width:40%; padding:10px; overflow:hidden; float:left}
#ContentWrapp .map {float:right; padding:10px}
#ContentWrapp .map iframe {border:1px solid #ccc; margin-top:5px}
#ContentWrapp h4 {font-size:14px; margin:5px 0; color:#666}
#ContentWrapp p {font-size:12px; color:#666; padding-bottom:5px}
#ContentWrapp table {width:80%; color:#666}
#ContentWrapp table tr td {padding:5px; border-bottom:1px groove #CCC} 

#ContentWrapp h2.Title01 {font-size:14px; margin:0 0 10px; color:#333}

ul.Contract {width:80%; overflow:hidden; padding-left:50px; margin:5px 0; line-height:20px; text-align:justify}
ul.Contract li {padding-bottom:5px; color:#666; list-style-type:disc; width:100%}

ul.Vision {width:100%; overflow:hidden; line-height:25px; margin-left:5px; color:#666}
ul.Vision li {list-style:url(../images/arrow-ul.png); margin:0 20px}

ul.PdfDown {width:80%; overflow:hidden; margin:0 0 15px 25px}
ul.PdfDown li {list-style-type:none; padding:5px 0}
ul.PdfDown li a {background:url(../images/pdf.png) no-repeat; padding:2px 25px}

ul.sitemap {width:45%; overflow:hidden; line-height:25px; margin:0 20px 10px; color:#666; float:left}
ul.sitemap li {list-style-type:square; margin:0 20px}
ul.sitemap li h4 a {font-size:16px}
h2.site {font-size:20px; color:#E6631A; padding:10px}

/* 	Footer Elements
**********************************************************/
footer {width:960px; overflow:hidden; border-top:2px solid #cecece; padding:15px 10px}
footer div.Links {color:#4b4b4b; float:left}
footer div.Links a {margin:0 5px; color:#4b4b4b}
footer div.Links a:hover {color:#E6631A}
footer div.Links a.active {color:#E6631A}
footer .FooterRht {width:300px; overflow:hidden; float:right}
footer .FooterRht a.facebook, footer .FooterRht a.linkedin, footer .FooterRht a.twitter {background:url(../images/social-websites-icons.gif) no-repeat; width:20px; height:20px; display:block; float:left; margin-right:10px}
footer .FooterRht a.facebook {background-position:left top}
footer .FooterRht a.linkedin {background-position:left -40px}
footer .FooterRht a.twitter {background-position:left -81px}
footer .FooterRht a.facebook:hover, footer .FooterRht a.linkedin:hover, footer .FooterRht a.twitter:hover {text-decoration:none}

.fl {float:left}
.fr {float:right}

/*  careers */
ul.QuickForm {width:100%; margin:10px 0}
ul.QuickForm li {list-style:none; width:100%; overflow:hidden; margin-top:10px}
ul.QuickForm li label {font-size:12px; color:#404041; width:145px; float:left; text-align:right; padding-right:20px; cursor:pointer}
ul.QuickForm li label sup {color:#ff0000; vertical-align:2px; padding-left:5px}
ul.QuickForm li div {float:left; width:285px; overflow:hidden}
ul.QuickForm li div .error {font-size:10px; font-weight:normal; color:#ff0000; display:block; margin:0; line-height:normal}
#success_msg {font:bold 18px Verdana, Geneva, sans-serif; color:#a4c93a; padding:10px 0}

/*  FORM ELEMENTS
**********************************************************/
/* input Box */
.input {width:250px; padding:5px; font-size:11px; color:#1a1a1a!important; border:1px solid #ccc; background:#fff; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; behavior:url(js/PIE.htc); position:relative}
.input:focus {border:1px solid #231F20}

/* Input Buttons */
.SubmitBtn, .ClearBtn {width:115px; font-size:17px; color:#fff; padding:2px 5px; margin:2px; border:2px solid #fff; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; behavior:url(js/PIE.htc); cursor:pointer; position:relative}
.SubmitBtn {background:#7bb83a; -moz-box-shadow:0 0 1px #4c7026; -webkit-box-shadow:0 0 1px #4c7026; box-shadow:0 0 1px #4c7026}
.ClearBtn {background:#e3a835; -moz-box-shadow:0 0 1px #a47926; -webkit-box-shadow:0 0 1px #a47926; box-shadow:0 0 1px #a47926}