@charset "utf-8";
/* CSS Document */


html {height: 100%; }

* {margin: 0; padding: 0; color: #fff; font-family: Arial, Helvetica, sans-serif; }
a img {border: 0; }
body {background: #414141 url(images/body_bg.png) repeat-x; }
#wrapper {background: url(images/wrapper_bg.png) center top repeat-x; }
#container {width: 825px; margin: 0 auto; }
#logo {display: block; height: 271px; width: 363px; background: url(images/logo_large.png); text-indent: -100em; overflow: hidden;}

#nav_bar {height: 60px; border-top: 1px solid #323232; border-bottom: 1px solid #7e7e7e; }
#nav {height: 58px;  border-top: 1px solid #757575; border-bottom: 1px solid #3e3e3e; }
#nav li, #nav li a {height: 58px; display: block; float: left;}
#nav li a {width: 157px; margin-left: 10px; height: 57px; border-top: 1px solid #1b1b1b; background: url(images/bar_bg_24.png) repeat-x; text-decoration: none;}
* html #nav li a {background-image: url(images/bar_bg.png); }
#nav li a:hover {background-position: 0 -57px; }
#nav li a:hover span.subtitle {display: block; font-style: normal; color: #b0b0b0; }
#nav li a span {margin-left: 6px; display: block;  }
#nav li a span.nav_title {margin-top: 8px; font-size: 20px; color: #fff;}
#nav li a span.subtitle {font-size: 11px; font-style: italic; color: #35363a; }
#nav #home_btn {margin-left: 0px; }

#content {padding: 0 10px 20px 10px; }

h1 {font-size: 32px; line-height: 60px; margin-top: 10px; color: #8ba0b7; font-weight: normal; }
#content p {line-height: 24px; }


/* HOMEPAGE */
.content_left {width: 530px; float: left; margin-right: 24px; }
.content_left p {text-align: justify; }
#client_grid {float: left; margin-top: 20px; }
#home_stripe {background: url(images/home_stripe_24.png) repeat-x; }
* html #home_stripe {background-image: url(images/home_footer_bg.png); }
#home_bottom {width: 825px; margin: 0 auto; padding-top: 16px; }

.hor_box {width: 265px; padding: 5px 5px 20px 5px; float: left; }
.hor_box img {padding: 3px; border: 1px solid #535353; }
.hor_box h3, .hor_box h4, .hor_box h5 {font-size: 19px; font-weight: normal; line-height: 28px; margin: 0 4px;}
.hor_box p {color: #8ba0b7; font-size: 12px; line-height: 16px; margin: 0 4px;}
.hor_box a {text-decoration: none; }
.hor_box a:hover {text-decoration: underline; }


/* FOOTER */
#footer {margin: 0 auto; text-align: center; height: 174px; background: url(images/footer_bg.png) repeat-x; font-size: 11px; text-transform: uppercase; }
#footer h6 { font-size: 9px; line-height: 20px; padding-top: 3px; font-weight: normal; letter-spacing: 14px; text-transform: uppercase; color: #aeaeae;}
#partner_strip { margin-top: 16px; margin-bottom: 28px;}
#footer_links { word-spacing: 10px; color: #999; margin-bottom: 8px; cursor: default;}
#footer_links a {text-decoration: none; color: #eee; word-spacing: normal;}
#footer_links a:hover {text-decoration: underline; }
#copy { color: #9d9d9d; margin-bottom: 2px; }
#sfusion {text-transform: none; font-size: 10px; } 
#sfusion img {vertical-align: -2px; margin-right: -4px;}
.clear {clear: both;  }


.dark_bar, .light_bar {height: 35px;  background-repeat: repeat-x; line-height: 35px; font-size: 14px;  font-family: "Arial Black"; font-weight: normal; text-indent: 10px; margin: 16px 0;}
#roster_bar {margin-bottom: 0px; }
.dark_bar {background-position: 0 -14px; background-image: url(images/bar_bg_24.png); color: #fff;}
.light_bar {background-image: url(images/bar_bg_gray.png); font-family: Arial, Helvetica, sans-serif; }
.light_bar th, h3.light_bar {color: #000; font-weight: bold; margin-bottom: 4px;}


table {width: 825px; border-collapse: collapse; margin-bottom: 10px;}
th {text-align: left;}
td {vertical-align: top; padding: 4px 0px 4px 10px; font-size: 14px; line-height: 18px; }
td.strong {font-weight: bold; }
colgroup.name, .first_name {font-weight: bold; }
tr {background: url(images/table_border.png) center 100% no-repeat; }


* html .dark_bar, * html .light_bar {background-image: url(images/bar_bg.png); }




/* SERVICES */
.featured_event {margin-bottom: 20px; }
.featured_event img {float: left; margin: 10px 20px 10px 8px; }
.featured_event h2 {color: #8ba0b7; font-weight: normal; font-size: 30px; }
.featured_event p {font-size: 12px; text-align: justify; }


.bottom_box {background: url(images/bottom_box_bg_24.png) no-repeat; height: 220px; padding-top: 34px; padding-left: 50px;}
* html bottom_box {background-image: url(images/bottom_box_bg.png); }
.bottom_box div {float: left; width: 52%; }
.bottom_box ul {float: left; width: 44%; list-style: none; font-size: 12px; margin-top: 28px;}
.bottom_box li {text-indent: 18px; background: url(images/bullet.png) 0 2px no-repeat; height: 20px;}
.bottom_box h3 {color: #fff200; font-size: 20px; font-weight: normal; margin-bottom: 3px;}
.bottom_box p {font-size: 12px; text-align: justify; margin-right: 15px; }

#pdf_download {display: block; width: 283px; height: 68px; background: url(images/download_pdf.png); margin: 10px auto; text-indent: -200em;}

/* CLIENTS */
.full_wide {padding-bottom: 20px;}
.client_box {width: 263px; float: left; background: url(images/box_stripe_275.png) 0 -170px no-repeat; padding: 0 6px; position: relative; height: 435px;}
.client_box img {background: #1d1d1d; padding: 3px; border: 1px solid #545454; }
.client_box h3 {font-size: 24px; font-family: "Arial Black"; line-height: 24px; margin: 0 8px;}
.client_box span {display: block; font-size: 13px; margin: 2px 9px;}
.client_box p {font-size: 13px; color: #000; margin: 10px 8px;}
.client_box p.college {position: absolute; bottom: 62px; left: 8px; color: #FFF; font-size: 13px;}
p.college b {font-family: "Arial Black"; }
a.pdf {display: block; position: absolute; background: url(images/pdf_btn.png); height: 28px; width: 145px;	 bottom: 32px; left: 12px;}
a.video {display: block; position: absolute; background: url(images/video_btn.png); height: 28px; width: 71px; bottom: 32px; right: 16px;}



/* HISTORY */
#history #content {background: url(images/history_bg.jpg) no-repeat; padding-right: 250px; padding-left: 0px;}
#bio {padding: 0 50px 30px 30px; background: url(images/bio_bottom.png) -13px 100% no-repeat; }
#history #content * {color: #000; }
#history #content h1 {font-family: "Times New Roman", Times, serif; width: 480px; line-height: 80px;}
#history #content .highlight {color: #000; background: url(images/highlight_bg.jpg) no-repeat; font-size: 22px; text-indent: 18px;line-height: 40px; font-family:"Times New Roman", Times, serif; }
#history #content p {margin-left: 20px; line-height: 20px; font-size: 14px; margin-bottom: 20px;}




/* CONTACT */
#contact_list {float: left; width: 180px; padding-top: 36px;}
#contact_list p {font-size: 14px;  line-height: 18px; margin-bottom: 20px;}
#contact_list a {color: #fff200; text-decoration: none; }
#contact_list a:hover {text-decoration: underline; }

#contact_box {height: 431px; width: 433px; background: url(images/contact_box.png); float: left; }
#contact_box #form_div {margin: 50px 66px 0px 60px; }
#contact_box label, input {display: block; }
#contact_box label {font-size: 12px; }
#contact_box input, #contact_box textarea {width: 100%; margin-bottom: 10px; color: #000;} 
#contact_box textarea {height: 160px; }
#send_btn {display: block; height: 18px; width: 62px; text-indent: -100em; background: url(images/send_now_btn.png); cursor: pointer; }

.featured_event ul {font-size: 12px; float: left; margin-left: 20px; }
.featured_event p {margin-bottom: 10px;}
.featured_event h2 {}

