/* --------------- */
/*  main elements  */
/* --------------- */
* {
	border:0;
	padding:0;
	margin:0;
}
body {
	font:normal 75% Arial,Helvetica,Verdana;
	color:#666;
	background:#fff;
	margin:18px;
}
html {
	height:100%;
	margin-bottom:1px;
}
a {
	color:#e12c2c;
	text-decoration:none;
	outline:none;
}
a:hover {
	text-decoration:underline;
}

/* -------------- */
/*   main divs    */
/* -------------- */
#frame {
	width:912px;
	margin:0 auto;
	background:url(../imgs/bg_frame.gif) 100% 0 repeat-y;
}
#frame.nobg {
	background:none !important;
}
#head {
	width:912px;
	height:68px;
	margin:0 auto;
}
#logo {
	padding-top:5px;
}
#contact-info {
	float:right;
	font-size:.9em;
}
#content {
	float:left;
	width:620px;
	min-height:500px;
	height:auto !important;
	height:500px;
}
#center {
	float:left;
	width:435px;
	padding:20px;
}
#footer {
	width:912px;
	margin:0 auto;
	padding:20px 12px;
	font-size:1em;
}

/* -------------- */
/*   elements     */
/* -------------- */
p {
	padding-bottom:1em;
}



/* -------------- */
/*   page titles  */
/* -------------- */
h1 {
	clear:left;
	text-indent:-999em;
	font-size:1.5em;
	color:#333;
	height:74px;
	border-top:1px solid #2a2a2a;
	border-bottom:1px solid #2a2a2a;
}
h1.home {
	text-indent:0 !important;
	height:143px !important;
	background:url(../imgs/h1_home.jpg) no-repeat;
}
h1.home a {
	display:block;
	height:143px;
	width:600px;
}
h1.home a span {
	display:none;
}
h1.home2 {
	text-indent:0 !important;
	height:143px !important;
}
h1.ourclients {
	background:url(../imgs/h1_ourclients.jpg) no-repeat;
}
h1.success {
	background:url(../imgs/h1_success.jpg) no-repeat;
}
h1.contact {
	background:url(../imgs/h1_contact.jpg) no-repeat;
}
h1.howwework {
	background:url(../imgs/h1_howwework.jpg) no-repeat;
}
h1.services {
	background:url(../imgs/h1_services.jpg) no-repeat;
}
h1.allaboutus {
	background:url(../imgs/h1_allaboutus.jpg) no-repeat;
}
h1.team {
	background:url(../imgs/h1_team.jpg) no-repeat;
}
h1.jointheteam {
	background:url(../imgs/h1_jointheteam.jpg) no-repeat;
}
h1.whatsnew {
	height:74px;
	border-top:none;
	border-bottom:1px solid #ccc;
	margin-left:180px;
	background:url(../imgs/h1_whatsnew.gif) 180px 20px no-repeat;
	margin-bottom:20px;
}
h1.exclamation {
	height:74px;
	border-top:none;
	border-bottom:1px solid #ccc;
	background:url(../imgs/h1_exclamation.gif) 180px 20px no-repeat;
	margin-bottom:20px;
}
#center h2.title {
	font-size:18px;
	color:#333;
	padding-bottom:.4em;
}
#center h2.exclamation {
	text-indent:-999em;
	font-size:1.6em;
	height:56px;
	border-bottom:1px solid #ccc;
	background:url(../imgs/h2_home_exclamation.gif) no-repeat;
	margin-bottom:16px;
}
#center h2.exclamation a {
	display:block;
	height:56px;
}
#center h3 {
	font-size:11px;
	color:#333;
	padding-bottom:0.2em;
}


/* -------------- */
/*   global nav   */
/* -------------- */
#navbar {
	width:600px;
	border-top:1px solid #2a2a2a;
}
#navbar.blogs {
	width:912px !important;
	height:22px;
	border-bottom:1px solid #2a2a2a;
}
#navbar ul {
	list-style-type:none;
}
#navbar li {
	float:left;
	font-size:1.0em;
	font-weight:bold;
	text-transform:uppercase;
	text-indent:-999em;
}
#navbar li a {
	height:22px;
	display:block;
	margin-right:64px;
}
#navbar li a:hover {
	text-decoration:none;
}

/* topnav menu items */
#navbar li.experience {
	background:url(../imgs/nav1_experience.gif) no-repeat;
}
#navbar li.experience a {
	width:83px;
	background:url(../imgs/nav1_experience.gif) no-repeat;
}
#navbar li.experience a.on, #navbar li.experience a:hover, #navbar li.experience a.menuButtonActive {
	background-position:bottom;
}
#navbar li.services {
	background:url(../imgs/nav1_services.gif) no-repeat;
}
#navbar li.services a {
	width:67px;
	background:url(../imgs/nav1_services.gif) no-repeat;
}
#navbar li.services a.on, #navbar li.services a:hover, #navbar li.services a.menuButtonActive {
	background-position:bottom;
}
#navbar li.thesquad {
	background:url(../imgs/nav1_thesquad.gif) no-repeat;
}
#navbar li.thesquad a {
	width:78px;
	background:url(../imgs/nav1_thesquad.gif) no-repeat;
}
#navbar li.thesquad a.on, #navbar li.thesquad a:hover, #navbar li.thesquad a.menuButtonActive {
	background-position:bottom;
}
#navbar li.blogs {
	background:url(../imgs/nav1_blogs.gif) no-repeat;
}
#navbar li.blogs a {
	width:49px;
	background:url(../imgs/nav1_blogs.gif) no-repeat;
}
#navbar li.blogs a.on, #navbar li.blogs a:hover, #navbar li.blogs a.menuButtonActive  {
	background-position:bottom;
}
#navbar li.contact {
	background:url(../imgs/nav1_contact.gif) no-repeat;
}
#navbar li.contact a {
	width:65px;
	margin:0;
	background:url(../imgs/nav1_contact.gif) no-repeat;
}
#navbar li.contact a.on, #navbar li.contact a:hover, #navbar li.contact a.menuButtonActive  {
	background-position:bottom;
}
#navbar li.date {
	padding-top:4px;
	text-transform:capitalize !important;
	text-indent:0 !important;
	width:312px;
	text-align:right;
	color:#333;
}

/* for submenus */
div.menu {
  border-top:1px solid #e12c2c;
	margin-top:0px;
  position:absolute;
  visibility:hidden;
  z-index:200;
}
div.menu ul {
	list-style-type:none;
}
div.menu a {
	font-size:11px;
	color:#333;
	text-indent:-999em;
  display:block;
  width:96px;
	height:24px;
  border-bottom:1px solid #e12c2c;
	text-decoration:none;
}

/* pulldown menu items */
div.menu a.ourclients {
	background:url(../imgs/nav2m_ourclients.png) no-repeat;
}
div.menu a.ourclients:hover {
	background-position:bottom;
}
div.menu a.success {
	background:url(../imgs/nav2m_success.png) no-repeat;
}
div.menu a.success:hover {
	background-position:bottom;
}
div.menu a.howwework {
	background:url(../imgs/nav2m_howwework.png) no-repeat;
}
div.menu a.howwework:hover {
	background-position:bottom;
}
div.menu a.ourservices {
	background:url(../imgs/nav2m_ourservices.png) no-repeat;
}
div.menu a.ourservices:hover {
	background-position:bottom;
}
div.menu a.allaboutus {
	background:url(../imgs/nav2m_allaboutus.png) no-repeat;
}
div.menu a.allaboutus:hover {
	background-position:bottom;
}
div.menu a.team {
	background:url(../imgs/nav2m_team.png) no-repeat;
}
div.menu a.team:hover {
	background-position:bottom;
}
div.menu a.jointheteam {
	background:url(../imgs/nav2m_jointheteam.png) no-repeat;
}
div.menu a.jointheteam:hover {
	background-position:bottom;
}
div.menu a.exclamation {
	background:url(../imgs/nav2m_exclamation.png) no-repeat;
}
div.menu a.exclamation:hover {
	background-position:bottom;
}
div.menu a.whatsnew {
	background:url(../imgs/nav2m_whatsnew.png) no-repeat;
}
div.menu a.whatsnew:hover {
	background-position:bottom;
}


/* -------------- */
/*   left nav     */
/* -------------- */
#leftnav {
	float:left;
	width:145px;
	padding:20px 0 20px;
	color:#333;
}
#leftnav h2.hiring {
	width:85px;
	height:28px;
	font-size:18px;
	text-indent:-999em;
	background:url(../imgs/h2_hiring.gif) no-repeat;
}
#leftnav h2.connect {
	width:85px;
	height:28px;
	font-size:18px;
	text-indent:-999em;
	background:url(../imgs/h2_connect.gif) no-repeat;
}
#leftnav ul.navtwo {
	border-top:1px solid #bababa;
	list-style-type:none;
	padding-bottom:0.6em;
}
#leftnav ul.navtwo li {
	font-size:1.1em;
	font-weight:bold;
	text-transform:uppercase;
	text-indent:-999em;
	border-bottom:1px solid #bababa;
}
#leftnav ul.navtwo li a {
	height:24px;
	width:145px;
	display:block;
}
#leftnav ul.navtwo li a:hover {
	text-decoration:none;
}

/* left nav menu items */
#leftnav li.ourclients a {
	background:url(../imgs/nav2_ourclients_off.gif) no-repeat;
}
#leftnav li.ourclients a.on, #leftnav li.ourclients a:hover {
	background:url(../imgs/nav2_ourclients_on.gif) no-repeat;
}
#leftnav li.success a {
	background:url(../imgs/nav2_success_off.gif) no-repeat;
}
#leftnav li.success a.on, #leftnav li.success a:hover {
	background:url(../imgs/nav2_success_on.gif) no-repeat;
}
#leftnav li.howwework a {
	background:url(../imgs/nav2_howwework_off.gif) no-repeat;
}
#leftnav li.howwework a.on, #leftnav li.howwework a:hover {
	background:url(../imgs/nav2_howwework_on.gif) no-repeat;
}
#leftnav li.ourservices a {
	background:url(../imgs/nav2_ourservices_off.gif) no-repeat;
}
#leftnav li.ourservices a.on, #leftnav li.ourservices a:hover {
	background:url(../imgs/nav2_ourservices_on.gif) no-repeat;
}
#leftnav li.allaboutus a {
	background:url(../imgs/nav2_allaboutus_off.gif) no-repeat;
}
#leftnav li.allaboutus a.on, #leftnav li.allaboutus a:hover {
	background:url(../imgs/nav2_allaboutus_on.gif) no-repeat;
}
#leftnav li.team a {
	background:url(../imgs/nav2_team_off.gif) no-repeat;
}
#leftnav li.team a.on, #leftnav li.team a:hover {
	background:url(../imgs/nav2_team_on.gif) no-repeat;
}
#leftnav li.jointheteam a {
	background:url(../imgs/nav2_jointheteam_off.gif) no-repeat;
}
#leftnav li.jointheteam a.on, #leftnav li.jointheteam a:hover {
	background:url(../imgs/nav2_jointheteam_on.gif) no-repeat;
}
#leftnav li.exclamation a {
	background:url(../imgs/nav2_exclamation_off.gif) no-repeat;
}
#leftnav li.exclamation a.on, #leftnav li.exclamation a:hover {
	background:url(../imgs/nav2_exclamation_on.gif) no-repeat;
}
#leftnav li.whatsnew a {
	background:url(../imgs/nav2_whatsnew_off.gif) no-repeat;
}
#leftnav li.whatsnew a.on, #leftnav li.whatsnew a:hover {
	background:url(../imgs/nav2_whatsnew_on.gif) no-repeat;
}

/* -------------- */
/*   rightbar     */
/* -------------- */
div.contactbar {
	float:left;
	width:292px;
}
div.contactbar p {
	padding:5px 0 0 15px;
}
#rightbar {
	float:left;
	width:252px;
	padding:0 20px 20px;
}
#rightbar.blogs {
	width:272px !important;
	padding:10px 20px 20px 0 !important;
}
#rightbar h2 {
	height:40px;
	padding:10px 0;
	text-indent:-999em;
	border-bottom:1px solid #838484;
	margin-bottom:16px;
}
h2.exclamation {
	background:url(../imgs/h2_exclamation.gif) 0 10px no-repeat;
}
h2.whatsnew {
	border-top:1px solid #838484;
	background:url(../imgs/h2_whatsnew.gif) 0 10px no-repeat;
}
h2.exclamation a, h2.whatsnew a {
	height:40px;
	display:block;
}
div.rpost {
	border-bottom:1px dashed #666;
	padding-bottom:4px;
	margin-bottom:8px;
}
#rightbar p {
	padding-bottom:0.2em;
}
div.nobdr, h2.nobdr {
	border:none;
}

/* -------------- */
/*   home page    */
/* -------------- */
#center.home-content p {
	padding-bottom:0.2em;
}

/* -------------- */
/*   our clients  */
/* -------------- */
div.scroller {
	overflow:auto;
	height:450px;
	width:434px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
div.client-box {
	padding:6px 0 6px;
	border-bottom:1px solid #ccc;
}
div.client-img {
	float:left;
	width:138px;
	height:40px;
}
div.client-txt {
	float:left;
	/*height:32px;*/
	width:264px;
	padding:4px;
}
div.case {
	background:#e5e6e5;
}
div.client-txt p {
	padding:0;
}
div.client-txt a strong {
	padding-right:12px;
	background:url(../imgs/arrow_extlink.gif) 100% 50% no-repeat;
}
div.cltsubhdbox {
	height:32px;
	padding:20px 0 0 6px;
	border-bottom:3px solid #ccc;
	border-style:double;
}
div.cltsubhdtext {
	padding:18px 0 0 0;
}
div.successstory {
	float:right;
	margin:10px 2px 0;
	width:54px;
	height:15px;
	background:url(../imgs/icon_success_sty.gif) no-repeat;
}
div.successstory span {
	display:none;
}
div.successstory a {
	display:block;
	width:54px;
	height:15px;
}
div.client-logo {
	height:40px;
	width:116px;
	padding:38px 0 0 29px;
}
div.client-back {
	float:left;
	height:32px;
	width:435px;
	padding:15px 0 0 0;
}
div.client-back a strong {
	padding: 0 0 0 13px;
	background:url(../imgs/arrow_back.gif) 1% no-repeat;
}

/* -------*/
/*	 ETC  */
/* ------ */
.dkgrey {
	color:#333 !important;
}
.floatleft {
	float:left;
}
.floatright {
	float:right;
}
.center {
	text-align:center;
}
.txtright {
	text-align:right;
}
.show {
	display:block;
}
.hide {
	display:none;
}
.clearLeft {
	clear:left;
}
.clearAll {
	clear:both;
	height:0;
	margin:0;
	font-size:1px;
	line-height:0;
}
div.bullet {
	padding: 0 0 0 25px;
}
ul.common {
	padding: 0 0 0.5em 25px;
}
ul.common li {
	padding-bottom:0.5em;
}