@charset "UTF-8";

/* 
========================================
   GENERAL STYLES
======================================== */

* { border:0; margin:0; padding:0; }
body { background: #C6C4BA url(../images/bg.gif) repeat top left; color: black; font: 0.7em Arial, Helvetica, Verdana; margin: 0 auto; padding:25px 0 3em 0; text-align: center; }  
h1 { float:left; height:65px; }
h2 { background-position:top left; background-repeat:no-repeat; height:109px; margin-bottom:35px; text-indent:-5000px; width:752px; }
#flash h2 { font-size:0; height:0; line-height:0; margin-bottom:0; }
h3 { background-image:none; color:#333971; font-size:2.2em; font-weight:normal; margin-bottom:0.5em; }
h4 { color:#9E0000; font-size:1.55em; font-weight:normal; margin-bottom:0.2em; padding-top:0.5em; }
h5 { color:black; font-size:1.1em; margin-bottom:0.2em; }
p { line-height:1.3em; margin-bottom:1.3em; }
blockquote { border-bottom:1px solid #E3E2DD; float:right; margin-bottom:1em;  }
ul { list-style-type:none;}
sup { font-size:8px; }
.clearing { clear:both; }
.small { color:#333; font-size:0.9em; font-weight:bold; font-style:italic; padding-top:3em; }

/* LINKS - BODY COPY */
#main-content a:link, p.process-link a:link { color:#333971; font-weight:bold; text-decoration:underline; }
#main-content a:visited, p.process-link a:visited { color:#666; font-weight:bold; text-decoration:underline; }
#main-content a:hover, p.process-link a:hover { color:#9E0000; border-bottom:1px dotted #9E0000; text-decoration:none; }
#header p a:link, #header p a:visited { border-bottom:1px dotted #666; color:#9E0000; float:right; font-weight:bold; margin:13px 20px 10px 0; text-align:right; text-decoration:none; }
#header p a:hover { color:#666; }

/* LISTS */
#main-content ul { line-height:1.3em; margin:0.6em 0 1.5em 2em; }
#main-content ol { line-height:1.3em; margin:0.6em 0 1.5em 3em; }
#main-content li { background:url(../images/bullet_plus.gif) no-repeat 0 0.3em; margin-bottom:0.2em; padding-left:1em; }
#main-content ol li { background:none; margin-bottom:0.6em; padding-left:0; }


/* 
========================================
   STRUCTURE
======================================== */

/*  LAYOUT  */
#wrapper, #flash { behavior:url(http://www.gpalmerandassociates.com/assets/css/iepngfix.htc); } /* IE png fix on these elements */
#wrapper { background:url(../images/sub_shadow.png) no-repeat top left; margin:0 auto; text-align:left; width:768px; }
#header { height:67px;color:#373E50; text-transform:uppercase; margin:0 auto; width:725px; }
#flash { background:url(../images/home_shadow.png) no-repeat top left; margin:0 auto; margin-top:-8px; padding:8px; width:752px; }
#content-container { background:white; margin:0 auto; padding-bottom:50px; width:752px; } /* wraps section navigation and body content */
#section-nav { background:#373E50 url(../images/sectionnav_bottom.gif) no-repeat bottom left; display:inline; float:left; width:165px; margin-left:30px; }
#main-content { margin:0 60px 0 45px; width:647px; } /* main body content (right column) */
#footer { background:url(../images/sub_bottom.gif) no-repeat top left; clear:both; color:#373E50; font-size:0.9em; font-weight:bold; margin:0 auto; margin-left:8px; padding-top:23px; text-transform:uppercase; width:752px; }

/* FOOTER ELEMENTS */
#footer p, #footer ul { margin:0 0 0.3em 13px; } 
img#logo-small { border:1 px solid red; vertical-align:top; }
#footer ul { margin-left:6px; }
#footer li { color:#A31515; display:inline; margin-left:0.6em; }
#footer li a { color:#373E50; text-decoration:none; }
#footer li a:hover { color:#A31515; }
#footer p#ASA { float: right; text-align: right; margin: 0px 10px 5px 0px; }
#footer p#moncur { clear: right; float: right; margin-right: 10px; padding-left: 58px; }
#footer p#moncur:hover { background: url(../images/icon_moncur_anim.gif) no-repeat top left; }

/*  HOMEPAGE - ROW OF 4 INFO BOXES  */
#info-boxes-container { background:url(../images/home_boxes_top.gif) no-repeat top left; margin-left: 8px; padding-top:8px; width:756px; }
#inner { float: left; height:auto;overflow: hidden; } /* puts boxes into a row, hides excess so all boxes are the same height */
#inner div { float:left; margin-right:4px; margin-bottom:-200px; padding-bottom:200px; width:185px;  } /* negative margin and padding makes all boxes same height */
#inner div h2 { height:auto; line-height:13px; margin:10px 0 0 13px; width:auto; } /* each box's heading */
#inner div p { line-height:1.2em; padding:5px 13px 0 13px; }
#inner div p.explore { margin-left:13px; padding:5px 13px 0 0; width:145px; } /* border around link */
#inner div a, #inner div a:visited { color:white; font-size:10px; text-transform:uppercase; text-decoration:none; }
#inner div a:hover { color:#dda500; }
#inner div.red-box { background:#7E2020 url(../images/home_bg_red.jpg) repeat-x top left; color:#F3E8E8; }
#inner div.red-box h2 { background-image:url(../images/home_title_tagline.gif); height:30px;  } /* corporate tagline */
div.purple-box, div.purple-box2, div.purple-box3  { background:#2C3142 url(../images/home_bg_purple.jpg) repeat-x top left; color:#9DA0C8; }
div.purple-box h2 { background-image:url(../images/home_title_ceo.gif); } /* CEO+ */
div.purple-box2 h2 { background-image:url(../images/home_title_staffing.gif); } /* Professional Staffing+ */
div.purple-box3 { margin-right:0; }
div.purple-box3 h2 { background-image:url(../images/home_title_directhire.gif); } /* Direct Hire+ */

/* HOMEPAGE - STRUCTURE EXCEPTIONS */
#home #wrapper { background:none; } /* eliminates overall bg shadow */
#home #footer { background:url(../images/home_boxes_bottom.gif) no-repeat top left; }
#services #main-content, #casestudies #main-content { display:inline; float:right; margin:0 60px 0 0; width:460px; } /* main body content (right column) */



/*
========================================
   NAVIGATION
======================================== */
   
/*  TAB NAVIGATION  */
#navigation  { clear:right; float:right; width:480px; }
#navigation li { display:inline; }
#navigation li a:link,#navigation li a:visited { display:block; float:left; height:30px; line-height:30px; margin:0 0 0 2px; text-indent:-5000em; width:77px; }
#navigation li a:hover { background-position:0 80px; border-bottom:0;  }
li.about a { background-image:url(../images/nav_about.gif); }
li.services a { background-image:url(../images/nav_services.gif); } 
li.process a { background-image:url(../images/nav_process.gif); } 
li.team a { background-image:url(../images/nav_team.gif); } 
li.casestudies a { background-image:url(../images/nav_casestudies.gif); } 
li.contact a { background-image:url(../images/nav_contact.gif); } 

/*  HIGHLIGHTS ACTIVE LINKS - TAB NAV  */
#about li.about a:link,#about li.about a:visited,
#services li.services a:link,#services li.services a:visited,
#process li.process a:link,#process li.process a:visited,
#team li.team a:link,#team li.team a:visited,
#casestudies li.casestudies a:link,#casestudies li.casestudies a:visited,
#contact li.contact a:link,#contact li.contact a:visited { background-position:bottom left; }

/* SECTION NAVIGATION */
#section-nav ul { background:url(../images/sectionnav_top.gif) no-repeat top left; font-size:1em; padding:1em 0;  }
#section-nav li { line-height:1.3em; width:165px; }
#section-nav li a:link, #section-nav li a:visited { color:white; display:block; font-weight:normal; padding:3px 15px; text-decoration:none;  }
#section-nav li a:hover { background:#232836; border-bottom:0; color:#9EA2CA; }
p.process-link  { display:inline; float:left; margin:15px 0 0 45px;width:165px; }

/*  HIGHLIGHTS ACTIVE LINKS - SECTION NAV  */
#services.ceo li.ceo a:visited,
#services.staffing li.staffing a:visited,
#services.directhire li.directhire a:visited,
#services.sourcing li.sourcing a:visited,
#services.consulting li.consulting a:visited,
#casestudies.case01 li.case01 a:visited,
#casestudies.case02 li.case02 a:visited,
#casestudies.case03 li.case03 a:visited { color:#DDA500; }



/*
========================================
   SUBPAGES
======================================== */

/* HEADER GRAPHICS */
#about h2 { background-image:url(../images/header_about.jpg); }
#services h2 { background-image:url(../images/header_services.jpg); }
#process h2 { background-image:url(../images/header_process.jpg); }
#team h2 { background-image:url(../images/header_team.jpg); }
#casestudies h2 { background-image:url(../images/header_casestudies.jpg); }
#contact h2 { background-image:url(../images/header_contact.jpg); }
#forecast h2 { background-image:url(../images/header_forecast.jpg); }

/* DIAGRAMS */
#diagram { margin:0 0 1em 0; width:402px; }

/* FORECAST PAGE */
#forecast ul li { margin-bottom:0.6em; }

/* FORMS */
form { padding-top:1.5em; }
label { float:left; font-weight:bold; margin-right:2em; padding-bottom:1.6em; width:13em; }
label.inline { float:none; font-weight:normal; margin-right:1em; width:auto; }
input, textarea, select, option { background-color:#E9EEF4; border:1px solid #C1C7D3; font:1em Arial, Helvetica, sans-serif; padding:2px; }
fieldset { border:solid 0 #fff; } /* Opera doesn't get border:none or border:0 on fieldsets */
textarea { color:#333; height:165px; width:250px; }
input.textfield { width:250px; }
input.checkbox { margin-right:0.3em; }
div.border { border-top:4px double #E9EEF4; padding-top:1em; width:470px; }
#contact.front div.border { margin-top:1em; }
input.submit { background-color:#E9EEF4; border:1px solid #C1C7D3; color:#9E0000; font-weight:bold; height:28px; margin-left:15em; padding:5px; width:80px; }
input.submit:hover { background-color:#9E0000; color:white; cursor:pointer; }