/*------------------------------------------------------------------
Default styles for 
By:Bermon Painter
------------------------------------------------------------------*/
/*------------------------------------------------------------------
reset
------------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
/*------------------------------------------------------------------
clearfix
------------------------------------------------------------------*/
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.clearfix{display:inline-block;}
html[xmlns] .clearfix{display:block;}
* html .clearfix{height:1%;}
/*------------------------------------------------------------------
base styles
------------------------------------------------------------------*/
body{background:#f7e1bb url('../images/background.jpg') top center no-repeat;font:10pt Helvetica,Tahoma,Sans-serif;}
a{color:#681617;outline:none;text-decoration:none;}
a:hover{text-decoration:underline;}
h1,h2,h3,h4,h5,h6{color:#681617;font-family:Georgia,Times;}
h1{font-size:2.4em;}
h2{font-size:1.8em;}
h3{font-size:1.4em;}
h4{font-size:1.2em;}
p,ul{font-size:.9em;line-height:1.5em;}
.visible{display:block;}
.hidden{display:none;}
/*------------------------------------------------------------------
container
------------------------------------------------------------------*/
#container{background:transparent url('../images/top_background.png') top left repeat-x;padding-top:10px;}
/*------------------------------------------------------------------
header
------------------------------------------------------------------*/
#header{margin:0 auto;padding:45px 0 38px;width:940px;}
#logo{background-image:url('../images/vajrasoft_staffing_services_logo.png');float:left;height:64px;margin-bottom:38px;text-indent:-9999px;width:257px;}
/*------------------------------------------------------------------
nav
------------------------------------------------------------------*/
#nav{float:right;margin-top:20px;}
#nav li{float:left;}
#nav li:first-child a{border-left:0px;}
#nav a{border-left:1px solid #d8c7ab;color:#ab9775;float:left;font-size:14px;font-weight:bold;padding:10px 18px;}
#nav a:hover{background-color:#d8c7ab;color:#615847;text-decoration:none;}
#nav a:active{color:#ab9775;}
/* active state */
#nav li.active a{color:#681617;}
#nav li.active a:hover{background-color:transparent;cursor:default;}
/*------------------------------------------------------------------
content
------------------------------------------------------------------*/
#content{background:transparent url('../images/content_background.png');clear:both;margin:0 auto -30px;padding:7px;position:relative;width:980px;z-index:10;}
#content .inner{background-color:#fff;}
#content h1{margin-bottom:10px;}
#content h2{margin:40px 0 10px;}
#content p{margin-top:20px;}
#content ul,
#content ol{margin-top:20px;}
#content ul li,
#content ol li{background:url('../images/bullet-point.png') 0 7px no-repeat;margin:4px 0 0;padding-left:15px;}
#content ul li:hover,
#content ol li:hover{background:url('../images/bullet-point.png') 0 -21px no-repeat;}
/* layouts */
.two-column-70-30{}
.two-column-70-30 .column-1{border-right:1px solid #f3eada;float:left;margin:20px;padding-right:20px;width:619px;}
.two-column-70-30 .column-2{float:right;margin:20px 20px 20px 0;width:280px;}
.two-column-30-70{}
.two-column-30-70 .column-1{float:left;margin:20px;width:640px;}
.two-column-30-70 .column-2{float:right;margin:20px 20px 20px 0;width:280px;}
/*------------------------------------------------------------------
form elements
------------------------------------------------------------------*/
form fieldset{border-bottom:1px solid #f3eada;clear:both;margin:20px 0;padding-bottom:20px;}
form legend{color:#681617;font:1.4em Georgia,Times;padding-bottom:10px;}
form input[type=text],
form textarea{background:url('../images/form-backgrounds.png') 0 0 no-repeat;border:1px solid #ccc;margin:4px;padding:5px;width:250px;}
form input[type=text]:focus,
form textarea:focus{background-position:0 -263px;border-color:#d9d9aa;}
form input[type=text].error,
form textarea.error{background-position:0 -526px;border-color:#deb9b9;}
form input[type=text].valid,
form textarea.valid{background-position:0 -790px;border-color:#bcd8bf;}
form label{display:inline-block;font-size:.8em;font-weight:bold;margin-left:3px;text-transform:uppercase;width:100px;}
form label.error{color:#681617;font-weight:normal;text-transform:none;width:auto;}
form select.error{border-color:#681617;}
form select{margin:5px;}
form textarea{font:.9em Helvetica;height:240px;max-height:240px;max-width:610px;width:610px;}
form button{background-color:transparent;border:0px;cursor:pointer;display:block;}
/* honey pot area */
form #comments{display:none;}
/*------------------------------------------------------------------
sidebar items
------------------------------------------------------------------*/
/* quick contact */
#quick-contact{margin: 0 0 20px 70px;}
#content #quick-contact li{background-image: none;border-bottom:1px solid #f3eada;font-size:.9em;line-height:1.3em;margin:0 0 15px;min-height:40px;padding:0 0 15px;position:relative;}
#quick-contact b{display:block;font-size:1.1em;}
#quick-contact .icon{background: url('../images/sidebar-icons.png') 0 0 no-repeat;left:-70px;position:absolute;top:-8px;height:58px;width:58px;}
#quick-contact .email .icon{background-position:0 0;}
#quick-contact .phone .icon{background-position:0 -74px;}
#quick-contact .resume .icon{background-position:0 -147px;}
#quick-contact .resume{cursor:pointer;}
#quick-contact .email{padding:6px 0 6px 0 !important;}
/* testimonial */
#testimonials blockquote{background-color:#f3eada;margin-bottom:40px;padding:10px 15px 25px;position:relative;}
#testimonials blockquote p{font-size:.85em;font-style:italic;margin:0px;padding:0px;position:relative;z-index:10;}
#testimonials blockquote p.author{font-weight:bold;position:absolute;bottom:-20px;right:20px;text-align:right;width:100%;}
#testimonials blockquote .top{background: url('../images/quote-bubble.png') top left no-repeat;height:5px;position:absolute;top:0;left:0;width:280px;}
#testimonials blockquote .bottom{background: url('../images/quote-bubble.png') bottom left no-repeat;height:20px;position:absolute;bottom:0;left:0;width:280px;z-index:5;}
/*------------------------------------------------------------------
footer
------------------------------------------------------------------*/
#footer{background-color:#681617;color:#c75a5b;position:relative;z-index:1;}
#footer .inner{line-height:1.6em;margin:0 auto;padding:40px 20px 40px;width:940px;}
#footer p{clear:left;float:left;font-size:11px;}
#footer ul{font-size:11px;float:right;}
#footer ul li{border-left:1px solid #95292b;display:inline;padding:2px 10px;}
#footer ul li:first-child{border:0px;}
#footer ul li:last-child{padding-right:0px;}
#footer a{color:#f7e1bb;}
/*------------------------------------------------------------------
home
------------------------------------------------------------------*/
#home #main-cta{background-color:#1a1813;color:#f8f0e2;height:407px;position:relative;}
#home #main-cta .toggle{left:-25px;position:absolute;top:20px;z-index:10;height:143px;width:261px;}
#home #main-cta .toggle a{display:block;height:36px;margin-bottom:9px;position:relative;text-indent:-9999px;z-index:15;}
#home #main-cta h1{color:#f8f0e2;font-size:3.6em;padding:162px 0 0 140px;text-shadow:-1px -1px 1px #1a1813;}
#home #main-cta p{font-size:1.1em;text-shadow:-1px -1px 1px #1a1813;margin:15px 0 30px 140px;width:460px;}
#home #main-cta .seekers{background-image:url('../images/job_seekers_toggle.png');}
#home #main-cta .employers{background-image:url('../images/employers_toggle.png');}
#home #main-cta #job-seekers,
#home #main-cta #employers{height:407px;left:0px;position:absolute;top:0;width:100%;z-index:10;}
#home #main-cta #job-seekers a,
#home #main-cta #employers a{display:block;margin:0 0 0 135px;text-indent:-9999px;}
#home #main-cta #job-seekers{background:url('../images/job_seekers_background.jpg') top right no-repeat;}
#home #main-cta #job-seekers a{background-image:url('../images/employers_cta.png');height:52px;width:199px;}
#home #main-cta #employers{background:url('../images/employers_background.jpg') top right no-repeat;z-index:9;}
#home #main-cta #employers a{background-image:url('../images/job_seekers_cta.png');height:52px;width:258px;}
#home h2{margin-top:0px;}
/* staffing */
#home #staffing{float:left;margin:20px;width:340px;}
#home #staffing div{float:left;width:160px;}
#home #staffing .right{float:right;}
#home #staffing p{margin:10px 0 30px 0;}
#home #staffing h3{margin-bottom:10px;}
#home #staffing ul{font-size:.85em;}
#home #staffing ul li{background-image:none;border-top:1px solid #f3eada;margin:0px;padding:5px 0;}
#home #staffing ul li:first-child{border:0px;padding-top:0px;}
/* clients */
#home #clients{float:left;margin:20px 0 20px 10px;width:320px;}
#home #clients img{float:left;margin-right:10px;}
#home #clients blockquote{clear:both;float:right;font-size:.9em;margin-top:13px;width:100%;}
#home #clients h2 + blockquote{margin-bottom:10px;padding-bottom:10px;}
#home #clients .quote{font-style:italic;margin:0;padding:0;}
#home #clients .author{font-weight:bold;margin-top:10px;}
#home #clients .author,
#home #clients .company{text-indent:200px;}
/* call */
#home #call{float:right;margin:20px 20px 20px 0;width:220px;}
#home #call h3{margin-bottom:10px;}
#home #call a{border-top:1px solid #f3eada;border-bottom:1px solid #f3eada;color:#000;display:block;font:25px Georgia,Times;margin:0 0 20px 0;padding:10px 0 20px;text-align:center;text-decoration:none;}
#home #call a span{display:block;font-size:40px;}
/*------------------------------------------------------------------
job seekers
------------------------------------------------------------------*/
#job-seekers #industries li{float:left;width:191px;}
#job-seekers h2{clear:both;}
#job-seekers label[for=rate].error{margin-left:-10px;padding-right:10px;}
#job-seekers label[for=rate-hourly],
#job-seekers label[for=rate-yearly]{padding-right:20px;width:auto;}
#job-seekers #rate{margin-right:20px;}
#job-seekers label[for=clearance],
#job-seekers label[for=status]{width:320px;}
#job-seekers label[for=clearance].error,
#job-seekers label[for=status].error{margin:0;padding:0 0 5px 333px;position:relative;top:-3px;}
#job-seekers #rate{width:100px;}
#job-seekers label[for="paste-resume"]{padding-right:20px;}
#job-seekers label[for="upload-resume"] span{color:#666;font-size:.85em;font-weight:normal;}
#job-seekers #resume-options label{margin:0 5px 20px 2px;width:auto;}
#job-seekers #resume-options label[for="resume"]{width:auto;margin:0;padding:0;}
#job-seekers button{background-image:url('../images/button-send-resume.png');height:44px;float:right;text-indent:-9999px;width:149px;}
#job-seekers #get-in-touch h2{padding-left:25px;position:relative;}
#job-seekers h2 .icon{background: url('../images/sidebar-icons.png') 0 -147px no-repeat;left:-40px;position:absolute;top:-15px;height:58px;width:58px;}
/*------------------------------------------------------------------
employers
------------------------------------------------------------------*/
#employers #industries li{float:left;width:191px;}
#employers input#city{width:100px;}
#employers label[for=state]{display:inline;}
#employers #staffing-options label{width:150px;}
#employers #staffing-options label[for=positions]{display:block;padding-top:20px;width:400px;}
#employers #staffing-options textarea{height:50px;}
#employers label[for=more]{display:block;width:100%;}
#employers button{background-image:url('../images/button-work-together.png');height:44px;float:right;text-indent:-9999px;width:182px;}
/*------------------------------------------------------------------
contact
------------------------------------------------------------------*/
#contact label[for="remarks"]{width:auto;margin:0;padding:0;}
#contact #contact-info{font-size:.9em;line-height:1.5em;}
#contact #contact-info img{display:block;margin-bottom:10px;}
#contact #contact-info .org{font-weight:bold;}
#contact #contact-info .adr{margin-bottom:10px;}
#contact #contact-info .email{display:block;margin-bottom:10px}
#contact #contact-info .type{font-weight:bold;}
#contact #contact-info .download{display:block;margin-top:10px;}