@charset "utf-8";
/* 
By Charles Chen
 
File Name: 
	common.css

Description:
This .css includes elements used through the whole website.

Section 1: Reset elements to a common value
Section 2: Elements used 
Section 3: Page Header
Section 3.5: Body style and text style
Section 4: Footer
Section 5: Elements used in YUI ibox
*/

/* -- =1: reset all elements to a common value ----------------------------------------------------- */
img, a {
	behavior: url(/css/iepngfix.htc)
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, blockquote, th {
	margin:0;
	padding:0;
}
:focus {
	/* get rid of the Firefox Selection Broder*/
	outline: 0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
.errorMessageBG img {
	display:none;
}
.errorMessageBG {
	background:#FFF;
	border:1px dashed #666;
	line-height:18px;
	margin-bottom:10px;
}
.errorMessageBG td { text-align:left; padding:5px 0 5px 5px; line-height:18px;}
.errorMessage {
	color:#CC0033;
	font-size:12px;
}
.floatleft {
	float:left;
	display:block;
}
/* more for float right image for pages*/
.floatright {
	float:right;
	clear:all;
	margin-left:16px;
	padding-bottom:20px;
	text-align:center;
	border-left:20px solid #FFF;
	padding-top:5px;
}
div#client, div#agency {
	width:283px;
}
div#client img, div#agency img {
	margin-right:20px;
}
.floatrightonly {
	float:right;
}
.imagenote {
	text-align:left;
	font-size:10px;
	font-weight:bold;
	color:#000;
	padding-top:5px;
	position:relative;
}

div.img-wrapper .imagenote img {border:0;}
.whitespace {
	height:20px;
	background-color:#FFF;
	width:100%;
}
/* end: -- =1: -----------------------------*/

/* -- =2: Common elements -------------------------------------------------------------------------- */
body, html {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align: center;
	color: #505050;
}
/* For home page of pages with fully grey background  */
body#home {
	background-color:#EBEBE1;
}
p {
	padding-top:0px;
	margin-top:0px;
	padding-bottom:15px;
	margin-bottom:0px;
}
div#container {
	width: 100%;  /* this will create a container 80% of the browser width */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: center; /* this overrides the text-align: center on the body element. */
}
body#home div#mainContent { /* for Home page or main.dwt template*/
	padding: 28px 0 28px 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	width:955px;
	margin:0 auto;
	position:relative;
	text-align:left;
}
div.img-wrapper {
	/*border:10px solid #D4D4C9;*/
	padding:8px;
	background-color:#EBEBE3;
	border:1px solid #CCCCCC;
}
div.img-wrapper img {
	border:1px solid #CCCCCC;
}
div.panel-wrapper {
	/*border:10px solid #D4D4C9;*/
	padding:0px 20px 20px 20px;
	background-color:#EBEBE1;
	border:1px solid #CCCCCC;
	float:left;
}
div.panel-wrapper .floatleft {
	width:330px;
}
div#pnlRightCol div.panel-wrapper .floatleft ul li {
	list-style-image:none;
	font-weight:bold;
	padding:3px 0 3px 0;
}
div#pnlRightCol div.panel-wrapper ul {
	padding-top:0px;
}
div.page-nav {
	float:right;
	clear:both;
}
.line-spliter_thinnest {
	border-top:1px solid #ABAB89;
	height: 1px;
	margin-top:1px;
	margin-bottom:10px;
	color: #6C6C65;
	clear:both;
}
.line-spliter_thin {
	width:98%;
	border-top:1px solid #6C6C65;
	height: 1px;
	margin-top:3px;
	margin-bottom:8px;
	color: #6C6C65;
	/*	background-color: #6C6C65;*/
	clear:both;
	font-size:1px;
}
.line-spliter_thinner {
	border-top:1px solid #AEAE97;
	height: 1px;
	margin-top:5px;
	margin-bottom:8px;
	color: #6C6C65;
	/*	background-color: #AEAE97;*/
	clear:both;
	font-size:1px;
}
.line-spliter_shortest {
	width:98%;
	border-top:1px solid #6C6C65;
	height: 1px;
	margin-top:1px;
	margin-bottom:1px;
	color: #6C6C65;
	clear:both;
}
.line-spliter_medium {
	width:98%;
	border-top:1px solid #CBCBC5;
	height: 1px;
	margin-top:20px;
	margin-bottom:20px;
	color: #CBCBC5;
	clear:both;
}
.line-spliter_medium-nomargin {
	width:98%;
	border-top:1px solid #CBCBC5;
	height: 1px;
	color: #CBCBC5;
	clear:both;
}
.line-spliter_orange {
	background-color:#FF9900;
	padding:0;
}
.textMediumBold {
	font-size:13px;
	font-weight:bold;/*color:#747474;*/
}
.textSmall {
	font-size:11px;
}
.clear {
	clear: both;
}
.rhsBox {
	border:1px dashed #ccc;
	width:215px;
	padding:10px;
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}
div.border-white {
	border:1px solid #FFF;
}
/* BEGIN link style --------------- */
a.btn-request_a_demo {
	background:url(/images/buttons/btn_request-a-demo2-off.png) no-repeat scroll 0 0;
	text-indent:-9999em;
	float:left;
	width:137px;
	height:36px;
}
a.btn-request_a_demo:hover {
	background:url(/images/buttons/btn_request-a-demo2-on.png) no-repeat scroll 0 0;
}
div.page-nav a#link_page-nav, div.page-nav a#link_page-nav:visited {
	background:url(/images/misc/page-nav_arrow.gif) no-repeat bottom right;
	text-align:right;
	padding-right:26px;
	padding-top:2px;
	padding-bottom:2px;
	color:#000;
	font-weight:bold;
	text-decoration:none;
	line-height:20px;
	border:0px solid #CCC;
	margin-top:5px;
}
div.page-nav a#link_page-nav:hover {
	background:url(/images/misc/page-nav_arrow-on.gif) no-repeat bottom right;
	color:#FF3300;
	border-bottom:0px;
}
/* Heading Link */
h2 a:link, h2 a:visited {
	color:#F77E20;
	line-height:30px;
	font-weight:bold;
	text-decoration:none;
	padding-bottom:3px;
	background:transparent url(/images/misc/line_orange-dot.gif) repeat-x scroll center bottom;
}
h2 a:hover {
	color:#FF0000;
	background:url(/images/misc/line_red-dot.gif) repeat-x bottom;
}
/* END link style --------------- */

/* -- =3: header -------------------------------------------------------------------------- */

#header {
	text-align:center;
	height:142px;
	background:url(/images/header-bg.jpg) repeat-x bottom;
	margin:0 auto;
}
#header .copy {
	width:955px;
	margin:0 auto;
	text-align:left;
}
#header .stripline {
	background-color:#3A3B3C;
	height:21px;
	padding-top:3px;
}
#header .stripline p {
	font-size:13px;
	color:#C8C8CE;
	margin: 0;
	font-weight:bold;
}
#header #logo {
	padding-top:20px;
	width:200px;
}
#top-nav {
	float:right;
	font-size:10px;
	color:#FFFFFF;
	top:10px;
	padding-top:10px;
	width:450px;
}
#top-nav li {
	float:right;
	display:inline;
	margin-top:10px;
	padding-left:12px;
}
#header #main-menu {
	padding-top:17px;
}
/* -- BEGIN header link style--*/
/* -- a: White, a:hover: Orange, underline: Yellow Dots -- */
a.linkyellow {
	background:url(/images/misc/line_yellow-dot.gif) repeat-x bottom;
	text-decoration:none;
	padding-bottom:3px;
	color:#FFFFFF;
	display: inline-block;
	vertical-align: bottom;
}
a.linkyellow:hover {
	background:url(/images/misc/line_red-dot.gif) repeat-x bottom;
	color:#FF9900;
}
/*-------*/
/* -- a: White with Yellow Outline, a:hover: Orange with Red Outlin, underline: none -- */
a.linkboxyellow {
	text-decoration:none;
	border:1px #FFCC00 solid;
	color:#FFFFFF;
	/* for IE 7 */
	display: inline-block;
	vertical-align: bottom;
	padding:2px 4px 2px 4px;
	position:relative;
	top:-4px;
}
a.linkboxyellow:hover {
	color:#FF9900;
	border:1px solid #FF3300;
}
/*-------*/

a.btn_hire-now {
	background: transparent url(/images/buttons/btn_hiring-now-off.png) no-repeat scroll 0 0;
	float:left;
	text-indent:-9999em;
	width:106px;
	height:35px;
	position:relative;
	top:-10px;
	left:-5px;
}
a.btn_hire-now:hover {
	background: transparent url(/images/buttons/btn_hiring-now-on.png) no-repeat scroll 0 0;
}
/* -- END header link style--*/

/* -- = 3.5:Body style and Text Style --------------------*/
.light-gray {
	/*color: #595957;*/
	color:#666;
}
.bold-black {
	color:#000;
	font-weight:bold;
}
/* BEGIN for 2 col and 3 col pages */
div#pnlLeftCol h2 {
	font-size:18px;
	color: #999999;
}
div#pnlRightCol p, div#pnlRightCol span {
	line-height:18px;
}
/* First level menu item in left handside panel */
ul#navLeftCol {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	text-align: left;
	margin: 0;
	padding: 0;
}
ul#navLeftCol li {
	font-weight: bold;
	color: #000;
	/*background:url(/images/misc/line_grey-dot.gif) repeat-x scroll center bottom;*/
	margin:0;
	display:block;
	padding-bottom:1px;
	background:url(/images/misc/dot_grey.gif) repeat-x scroll center bottom;
}
 
ul#navLeftCol li a {
	text-decoration: none;
	color: #000;
	display:block;
	min-height:20px;
	padding: 6px 0px 3px 10px;
}
ul#navLeftCol li.current {
	color: #fff;
	padding: 6px 0px 3px 10px;
	min-height:20px;
	/*background:#F77E20 url(/images/misc/line_grey-dot.gif) repeat-x scroll center bottom;*/
	font-weight:bold;
	text-decoration:none;
	margin-left:0;
	background:#F77E20 url(/images/misc/dot_grey.gif) repeat-x scroll center bottom;
}

ul#navLeftCol li a:hover {
	color: #fff;
	background-color:#F77E20;
}

/* 3rd menu level link */
ul#navLeftCol li.sub a {
	font-weight:normal;
	color: #666600;
	padding-left:25px;
	font-size:12px;
}
ul#navLeftCol li.sub a:hover {
	color: #fff;
}
ul#navLeftCol li.sub a.leftmnuSelected {
	color: #fff;
	padding: 4px 0px 6px 25px;
	background:#F77E20 url(/images/misc/line_grey-dot.gif) repeat-x scroll center bottom;
	font-weight:bold;
	text-decoration:none;
	margin-left:0;
}
/*ul#navLeftCol li.separator {
	height:2px;
	background:url(/images/misc/dot_grey.gif) repeat-x scroll center top;
	padding:0;
	margin:0;
	 
}*/
/* END for 2 col and 3 col pages */

/*------------------------------------------------------------------*/

div#pnlRightCol ul {
	list-style: square;
	list-style-position: inside;
	margin: 0;

}
div.copy-homeintro ul {
	list-style: square;
	list-style-position: inside;
	margin: 0;
	padding-top: 0px;
}
div#pnlRightCol ol {
	margin-left: 20px;
	padding-top: 10px;
}
div#pnlRightCol ol li {
	color: #F77E20;
	padding-bottom:20px;
}
div#pnlRightCol ul li, div.copy-homeintro ul li {
	color: #F77E20;
	margin-bottom: 0 0 5px 3px;
}
div#pnlRightCol ul li span, div#pnlRightCol ol li span, div.copy-homeintro ul li span {
	color: #666;
}
/*2nd level ul */
div#pnlRightCol ul li span ul {
	list-style: square;
	list-style-position: inside;
	margin: 0;
	padding-top: 5px;
	padding-left: 15px;
	padding-bottom:8px;
}
div#pnlRightCol ul li span ul li {
	color: #CCCCCC;
	margin-bottom: 0 0 5px 3px;
}
div#pnlRightCol ul.table li {
	padding: 5px 10px;
	margin: 0;
}
div#pnlRightCol ul.table li.row1 {
	background-color: #ebebe1;
	font-weight: bold;
}
div#pnlRightCol ul.table li.row2 {
	background-color: #f5f5ee;
	font-weight: bold;
}
/*----------------------------------------------------------------------*/

/* -------------------------------------------------------*/

/* -- =4: footer -------------------------------------------------------------------------- */
#footer {
	border-top: 4px solid #ff9900;
	background-color:#585856;
	height:395px;
	background:url(/images/background/footer-bg.jpg) repeat-x top #585856;
	/*color:#B1B2AE;*/
	color:#999999;
	font-size:11px;
	text-align:center;
}
#footer #footerContent {
	width:955px;
	margin:0px auto;
	padding-top:15px;
	text-align:left;
}
#footer h2 {
	font-size:14px;
	color:#CECEBB;
}
#footer h3 {
	color:#FFF;
	font-size:11px;
	line-height:16px;
}
#footer p {
	margin:0;
	padding:0;
}
#footer a:link, #footer a:visited {
	background:url(/images/misc/line_yellow-dot.gif) repeat-x bottom;
	text-decoration:none;
	padding-bottom:3px;
	line-height:21px;
	/*color:#B1B2AE;*/
	color:#CCCCCC;
}
#footer a:hover {
	/*background:url(/images/misc/line_red-dot.gif) repeat-x bottom right;*/
	background:url(/images/misc/line_white-dot.gif) repeat-x bottom;
	color:#FFF;
}
#col_how-can-we-help .short-cut li .heading {
	color:#F77E20;
}
#footer a.heading:link, #footer a.heading:visited {
	color:#F77E20;
}
#footer a.heading:link, #footer a.heading:visited {
	background:url(/images/misc/line_orange-dot.gif) repeat-x bottom;
}
#footer a.heading:hover {
	/*background:url(/images/misc/line_red-dot.gif) repeat-x bottom right;*/
	background:url(/images/misc/line_white-dot.gif) repeat-x bottom;
	color:#FFF;
}
#col_how-can-we-help {
	float:left;
	width:255px;
	margin-right:10px;
	position:relative;
}
#col_contact-info {
	float:left;
	background:url(/images/background/dash2.gif) left repeat-y;
	padding-left:20px;
	width:440px;
	height:210px;
	margin-right:10px;
}
#col_now-hiring {
	float:left;
	background:url(/images/background/dash2.gif) left repeat-y;
	padding-left:20px;
	width:185px;
	height:210px;
}
/* BEGIN inside .col_how-can-we-help */


#col_how-can-we-help .short-cut li {
	margin-bottom:10px;
	padding-left:10px;
	padding-right:15px;
	list-style:outside;
	list-style-image:none;
	list-style-type:none;
	font-size:14px;
	font-weight:bold;
}
div#request-a-demo {
	height:85px;
	position:absolute;
	left:165px;
	top:235px;
}
div#request-a-demo a.request-a-demo {
	background: transparent url(/images/buttons/btn_request-a-demo-off.png) no-repeat;
	float:left;
	text-indent:-9999em;
	width:85px;
	height:85px;
}
div#request-a-demo a.request-a-demo:hover {
	background: transparent url(/images/buttons/btn_request-a-demo-on.png) no-repeat;
}
/* END inside #col_how-can-we-help */
/* BEGIN inside #col_contact-info */
#col_contact-info a.request-more-info {
	background:url(/images/buttons/btn_request-more-info-off.png) no-repeat scroll 0 0;
	text-indent:-9999em;
	width:135px;
	height:21px;
	float:left;
}
#col_contact-info a:hover.request-more-info {
	background:url(/images/buttons/btn_request-more-info-on.png) no-repeat scroll 0 0;
}
#col_contact-info .col-left {
	float:left;
	width:250px;
}
#col_contact-info .col-right {
	float:left;
}
/* END inside  #col_contact-info */


/* BEGIN inside  #col_now-hiring */
#col_now-hiring .short-cut li {
	margin-bottom:5px;
	font-size:11px;
	padding-left:10px;
	padding-right:15px;
	list-style:outside;
	list-style-image:none;
	list-style-type:none;
	font-weight:bold;
}
#col_now-hiring #footer_touchpoint {
	padding-top:20px;
}


h4 {
  margin: 0 0 1em;
  font:bold 12px Arial, Helvetica, sans-serif;
  color:#505050;
}


/* END inside  #col_now-hiring */