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

body { margin:0px;
background:#000000 url(images/main_bg.jpg) center top no-repeat;
font-family:Helvetica, Arial, Verdana, sans-serif;
}
.boldwhite {
color:#fff;
font-weight:bold;
}
a:link {
text-decoration: none;
color:#cfae5d;
}
a:visited {
text-decoration: none;
color:#cfae5d;
}
a:hover {
text-decoration: underline;
color: #ffffff;
}
a:active {
text-decoration: none;
color: #ffffff;
}
#container {width:969px;
margin:auto;
padding-top:20px;
}
.hide {display:none;
}
.spacer {clear:both;
}
h1, h2, h3 {padding:0px;
margin:0px;
}
#mid-container {width:933px;
padding-left:18px;
padding-right:18px;
float:left;
}
.main-content {width:933px;
float:left;
}
/* home page rotating images */
.home-leftimg {width:305px;
padding-right:9px;
padding-bottom:508px;
float:left;
}
.home-midimg {width:305px;
padding-right:9px;
padding-bottom:508px;
float:left;
}
.home-rightimg {width:305px;
padding-bottom:9px;
padding-bottom:508px;
float:left;
}
/* home page rotating images */

/*why we're different - more client testimonials row*/
#bottom-box {width:574px;
padding-bottom:5px;
padding-top:9px;
float:left;
}
#bottom-boxes {width:933px;
padding-bottom:5px;
float:left;
}
#press {width:574px;
float:left;
}
#why-different {width:462px;
float:left;
}
#take-survey {width:462px;
float:right;
}
#left-bottom-box {width:462px;
float:left;
}
#more-testimonials {width:462px;
float:right;
}
#right-bottom-box {width:462px;
float:right;
}
#press p { color:#CCCCCC;
font-size:14px;
font-weight:normal;
line-height:20px;
}
#press h2 {width:574px;
padding:17px 20px 14px 20px;
float:left;
background:#333333;
line-height:20px;
border:#505050 solid 2px;
margin:0px;
font-size:18px;
color:#FFFFFF;
font-weight:bold;
}
#why-different h2 { width:418px;
padding:17px 20px 30px 20px;
float:left;
color:#CCCCCC;
font-size:18px;
background:#333333;
font-weight:normal;
line-height:24px;
border:#505050 solid 2px;
}
#why-different p { width:418px;
padding:17px 20px 47px 20px;
float:left;
color:#CCCCCC;
font-size:14px;
background:#333333;
font-weight:normal;
line-height:20px;
border:#505050 solid 2px;
margin:0px;
}
#take-survey h2 { width:418px;
padding:17px 20px 30px 20px;
float:right;
color:#CCCCCC;
font-size:18px;
background:#333333;
font-weight:normal;
line-height:24px;
border:#505050 solid 2px;
}
#take-survey p { width:414px;
padding:17px 20px 30px 24px;
background:#333333;
color:#cfae5d;
font-size:18px;
font-weight:normal;
line-height:24px;
font-style:italic;
float:right;
border:#cfae5d solid 2px;
}
#left-bottom-box p { width:418px;
padding:17px 20px 37px 20px;
float:left;
color:#CCCCCC;
font-size:14px;
background:#333333;
font-weight:normal;
line-height:20px;
border:#505050 solid 2px;
margin:0px;
}
#right-bottom-box p { width:418px;
padding:17px 20px 37px 20px;
float:left;
color:#CCCCCC;
font-size:14px;
background:#333333;
font-weight:normal;
line-height:20px;
border:#505050 solid 2px;
margin:0px;
}
#more-testimonials h2 { width:414px;
padding:17px 20px 30px 24px;
background:#333333;
color:#cfae5d;
font-size:18px;
font-weight:normal;
line-height:24px;
font-style:italic;
float:right;
border:#cfae5d solid 2px;
}
#left-bottom-box .button-place { float:left;
padding-left:22px;
margin-top:-23px;
}
#sidebarpull .button-place { float:left;
padding-left:22px;
margin-top:-23px;
}
#why-different .button-place { float:left;
padding-left:22px;
margin-top:-23px;
}
#right-bottom-box .button-place { float:left;
padding-left:23px;
margin-top:-23px;
}
#more-testimonials .button-place { float:left;
padding-left:23px;
margin-top:-23px;
}
.button {
float:left;
background:#868789;
text-align:center;
font-size:14px;
font-style:italic;
color:#000000;
}
.button a { display:block;
background:#868789;
color:#000000;
padding:6px 13px 6px 11px;
text-decoration:none;
}
.button a:hover { text-decoration:none;
background:#cfae5d;
}

#logout {
width:100px;
float:left;
padding:0 auto 0 auto;
}

#button-logout {
float:none;
margin: 0 0 20px 0;
background:#868789;
text-align:center;
font-size:14px;
font-style:italic;
color:#000000;
}

#button-logout a { display:block;
background:#868789;
color:#000000;
padding:4px 0 4px 0;
border:#868789 solid 3px;
text-decoration:none;
}
#button-logout a:hover { 
border:#cfae5d solid 3px;
}
.formbutton { float:left;
background:#868789;
text-align:center;
font-size:14px;
font-style:italic;
padding:5px 13px 5px 11px;
color:#000000;
border: none;
}
.formbutton-hover { float:left;
text-align:center;
font-size:14px;
font-style:italic;
padding:5px 13px 5px 11px;
color:#000000;
border: none;
background:#cfae5d;
}
/**why we're different - more client testimonials row*/


/*---------Who we are---------*/
.main-content-whoweare {width:933px;
padding-bottom:8px;
float:left;
}
#left2thirds-bg { width:619px;
background:#333333 url(images/who_we_repeatbg.jpg) left top repeat-y;
float:left;
}
.left2thirds-topbg { width:581px;
font-size:14px;
padding:28px 18px 0px 20px;
line-height:20px;
color:#CCCCCC;
background:url(images/who_we_are_top_bg.jpg) left top no-repeat;
float:left;
}
.left2thirds-topbg h2 {font-size:18px;
font-size:18px;
color:#FFFFFF;
font-weight:bold;
}
.left2thirds-topbg p {margin-top:0px;
}
.left2thirds-bottombg { width:619px;
background:url(images/who_we_are_top_bg-08.jpg) left bottom no-repeat;
height:6px;
float:left;
}
.right1third {width:305px;
float:right;
}
/**---------Who we are---------*/

/* photo boxes */
.photo-box-left {width:462px;
float:left;
}
.photo-box-right {width:462px;
float:right;
}
.photo-box-img {width:136px;
float:left;
}
.photo-box-txt {width:293px;
border-top:#505050 solid 2px;
border-bottom:#505050 solid 2px;
border-right:#505050 solid 2px;
height:109px;
padding:11px 10px 10px 21px;
color:#CCCCCC;
background:#333333;
line-height:20px;
float:left;
font-size:14px;
font-weight:normal;
}
.photo-box-button-position { float:left;
padding-left:157px;
margin-top:-23px;
}
/** photo boxes */

/*---------blog_page---------*/
.blog_main_pic { width:933px;
float:left;
padding-bottom:9px;
}
#blog_container {width:933px;
float:left;
}
#blog_left_panel { width:619px;
float:left;
}
.intheknow_bg {width:579px;
padding:12px 20px 15px 20px;
background:#868789;
min-height:52px;
margin-bottom:9px;
float:left;
}
.intheknow_txt {font-size:30px;
font-weight:bold;
color:#cccccc;
}
.ablog_sharing_txt {font-size:30px;
font-size:14px;
color:#333333;
}
.brewing_up_promotion_main {width:577px;
padding:15px 19px 17px 19px;
margin-bottom:9px;
background:#333333;
min-height:250px;
float:left;
border:#505050 solid 2px;
}
.brewing_up_heading {width:577px;
color:#cfae5d;
font-size:24px;
font-weight:bold;
float:left;
}
.brewing_up_heading a {
color:#cfae5d;
font-size:24px;
text-decoration:none;
}
.brewing_up_heading a:hover {
text-decoration:none;
color: #ffffff;
}
.blog_date {width:577px;
color:#cccccc;
font-style:italic;
font-size:14px;
padding-top:7px;
float:left;
}
.perfect_proto_main {width:577px;
float:left;
padding-top:15px;
padding-bottom:15px;
}
.perfect_proto_img {width:205px;
float:left;
padding-top:4px;
padding-right:12px;
}
.perfect_proto_txt {width:360px;
line-height:20px;
color:#cccccc;
font-size:14px;
float:left;
}
.perfect_proto_txt a { 
color:#cfae5d;
text-decoration:none;
}
.perfect_proto_txt a:hover { 
text-decoration:underline;
color: #ffffff;
}
.comment_txt { color:#cfae5d;
width:577px;
padding-bottom:5px;
font-size:14px;
float:left;
}
.comment_txt a { color:#cfae5d;
font-size:14px;
text-decoration:none;
}
.comment_txt a:hover { text-decoration:underline;
color: #ffffff;
}
.category_txt { font-size:14px;
font-weight:bold;
color:#FFFFFF;
}
#blog_right_panel { width:268px;
border:#505050 solid 2px;
background:#333333;
min-height:633px;
padding:18px 15px 14px 19px;
float:right;
}
.authors_main {width:268px;
float:left;
padding-bottom:22px;
}
.authors_head_txt { font-size:14px;
color:#FFFFFF;
font-size:14px;
padding-bottom:5px;
font-weight:bold;
}
.authors_gray_txt { font-size:14px;
width:268px;
color:#cccccc;
line-height:19px;
font-size:14px;
float:left;
}
.connect_with_us_heading { font-size:14px;
color:#FFFFFF;
font-weight:bold;
padding-bottom:5px;
}
.connect_with_images { padding-right:7px;
float:left;
}
.marketing_main {width:268px;
padding-bottom:22px;
float:left;
}
.marketing_post_heading { font-size:14px;
color:#FFFFFF;
font-weight:bold;
padding-bottom:10px;
}
.marketing_txt {width:268px;
line-height:20px;
padding-bottom:8px;
font-size:14px;
float:left;
color:#cfae5d;
}
.marketing_txt a {
font-size:14px;
color:#cfae5d;
text-decoration:none;
}
.marketing_txt a:hover {
text-decoration:underline;
color: #ffffff;
}
.category_main {width:268px;
float:left;
}
/*print web*/
.print_web_midimg {width:305px;
float:left;
padding-left:9px;
}
.print_web_leftimg {
float:left;
}
.print_web_rightmain {width:305px;
float:right;
}
.print_web_rightimg {width:305px;
float:left;
}
.print_web_newjersey_bg {background:#973141;
text-align:center;
padding:35px 15px 36px 15px;
float:left;
width:275px;
}
.print_web_leftcontent {width:412px;
border:#505050 solid 2px;
padding:17px 27px 18px 19px; /*padding:17px 27px 31px 19px;*/
background:#333333;
float:left;
font-size:14px;
line-height:21px;
color:#cccccc;
}
.print_web_leftcontent h2 { font-size:18px;
font-weight:bold;
color:#FFFFFF;
}
.print_web_leftcontent p {margin-top: 0px;
}
.print_web_right_content_main {width:462px;
float:right;
}
.print_web_butt_spacing {padding-right:9px;
float:left;
}
.print_web_buttonmain {width:462px;
float:left;
padding-bottom:9px;
}
.print_web_previousbutt {width:80px;
font-size:12px;
color:#000000;
font-style:italic;
background:url(images/prev_grey.jpg) left top no-repeat;
float:left;
}
.print_web_previousbutt a {width:50px;
display:block;
color:#000000;
height:16px;
padding:6px 10px 5px 20px;
text-decoration:none;
}
.print_web_previousbutt a:hover {
background:url(images/prev_orange.jpg) left top no-repeat;
}
.print_web_nextbutt {width:80px;
font-size:12px;
color:#000000;
font-style:italic;
background:url(images/next_grey.jpg) left top no-repeat;
float:left;
margin-right:9px;
}
.print_web_nextbutt a {width:40px;
display:block;
color:#000000;
height:16px;
padding:6px 10px 5px 30px;
text-decoration:none;
}
.print_web_nextbutt a:hover {
background:url(images/next_orange.jpg) left top no-repeat;
}
.print_web_butt { width:95px;
font-size:12px;
color:#000000;
font-style:italic;
background:#cfae5d;
text-align:center;
float:left;
height:16px;
margin-right:9px;
}
.print_web_butt a { width:95px;
display:block;
color:#000000;
background:#868789;
height:16px;
padding:6px 0px 5px 0px;
text-decoration:none;
}
.print_web_butt a:hover {
background:#cfae5d;
}
.printwebbutt2 { width:95px;
font-size:12px;
color:#000000;
font-style:italic;
background:#cfae5d;
text-align:center;
float:left;
height:16px;
padding:6px 0px 5px 0px;
margin-right:9px;
}
.print_web_brandingbutt { width:82px;
font-size:12px;
color:#000000;
font-style:italic;
background:#cfae5d;
float:left;
text-align:center;
margin-right:9px;
}
.print_web_brandingbutt a { width:82px;
display:block;
color:#000000;
background:#868789;
height:16px;
padding:6px 0px 5px 0px;
text-decoration:none;
}
.print_web_brandingbutt a:hover {
background:#cfae5d;
}
.brandingbutt { width:82px;
font-size:12px;
color:#000000;
font-style:italic;
background:#cfae5d;
float:left;
text-align:center;
margin-right:9px;
height:16px;
padding:6px 0px 5px 0px;
}
.print_web_illustrationbutt { width:98px;
font-size:12px;
color:#000000;
font-style:italic;
background:#cfae5d;
text-align:center;
float:right;
}
.print_web_illustrationbutt a { width:98px;
display:block;
color:#000000;
background:#868789;
text-align:center;
height:16px;
padding:6px 0px 5px 0px;
text-decoration:none;
}
.print_web_illustrationbutt a:hover {
background:#cfae5d;
}
.illustrationbutt { width:98px;
font-size:12px;
color:#000000;
font-style:italic;
background:#cfae5d;
text-align:center;
height:16px;
padding:6px 0px 5px 0px;
float:right;
}
.client_award_main {width:418px;
border-top:#505050 solid 2px;
border-left:#505050 solid 2px;
border-right:#505050 solid 2px;
border-bottom:#505050 solid 2px;
padding:15px 20px 12px 20px;
background:#333333;
float:left;
font-size:14px;
margin-bottom:9px;
line-height:21px;
color:#cccccc;
}
.client_award_main b {color:#FFFFFF;
font-weight:bold;
}
.quoter_txt {font-size:12px;
padding:0px;
margin:0px;
color:#cccccc;
}
.print_testimonials_txt {width:414px;
padding:17px 20px 27px 24px;
background:#333333;
color:#cfae5d;
font-size:18px;
font-weight:normal;
line-height:24px;
font-style:italic;
float:right;
border:#cfae5d solid 2px;
}
img {border:0px;
}
.why-we-button-forprint { float:left;
background:#868789;
text-align:center;
font-size:12px;
font-style:italic;
color:#000000;
}
.why-we-button-forprint a { display:block;
background:#868789;
color:#000000;
padding:8px 13px 6px 11px;
text-decoration:none;
}
.why-we-button-forprint a:hover { text-decoration:none;
background:#cfae5d;
}
.print-web-main { float:left;
padding-left:23px;
margin-top:-24px;
}

/** Jeff's Edits **/

.test_img {
padding-top:10px;
}

.test_img a {
border:none;
}

#sidebarpull {
border-top:#cfae5d solid 2px;
border-left:#cfae5d solid 2px;
border-right:#cfae5d solid 2px;
border-bottom:#cfae5d solid 2px;
background:#333333;
margin: 8px 0 0 0;
}

#sidebarpull p {
font-family:Helvetica, Arial, sans-serif;
font-size:.9em;
text-align:center;
line-height:11px;
color:#CCCCCC;
padding: 0 0 30px 0;
}

#pullquote h1 {
font-family:Helvetica, Arial, sans-serif;
text-align:center;
color:#cfae5d;
font-size:18px;
font-weight:normal;
line-height:24px;
font-style:italic;
padding-top:10px;
padding-bottom:15px;
margin:0;
}

#sidebarpull h2 {
font-family:Helvetica, Arial, sans-serif;
color:#cfae5d;
font-size:18px;
font-weight:normal;
line-height:24px;
font-style:italic;
text-align:center;
padding-top:20px;
padding-bottom:0;
padding-right:10px;
padding-left:10px;
margin:0;
}

#pullquote p {
font-family:Helvetica, Arial, sans-serif;
font-size:.9em;
text-align:center;
line-height:1.2em;
color:#CCCCCC;
padding: 0 0 15px 20px;
}

#pullquote h1 {
font-family:Helvetica, Arial, sans-serif;
font-size:1.5em;
text-align:center;
font-style:italic;
line-height:1.2em;
color:#cfae5d;
padding-top:10px;
padding-bottom:9px;
margin:0;
}

#pullquote h2 {
font-family:Helvetica, Arial, sans-serif;
font-size:1.2em;
text-align:center;
font-style:italic;
line-height:1.2;
color:#fff;
padding:51px 5px 0 5px;
margin:0;
}

#mid-container h3 {
font-size:1.1em;
font-style:italic;
color:#fff;
}

/** Client Log-in **/

.loginput {
height:20px;
width:250px;
margin-bottom:10px;
background-color:#666;
border:#999 solid 2px;
color:#fff;
font-size:14px;
padding:0 0 0 5px;
}

.submitbtn {
height:25px;
width:75px;
margin-bottom:10px;
background-color:#666;
border:#666 solid 2px;
color:#CCCCCC;
margin-top:5px;
margin-bottom:31px;
font-size:14px;
}

input.btnhov { 
height:25px;
width:75px;
margin-bottom:10px;
background-color:#666;
border:#cfae5d solid 2px;
color:#CCCCCC;
margin-top:5px;
margin-bottom:31px;
font-size:14px;
}

input.btndown { 
height:25px;
width:75px;
margin-bottom:10px;
background-color:#cfae5d;
border:#cfae5d solid 2px;
color:#fff;
margin-top:5px;
margin-bottom:31px;
font-size:14px;
}

/** Client Extranet **/

#extranet-container { width:619px;
background:#333333 url(images/who_we_repeatbg.jpg) left top repeat-y;
border-bottom:#666 2px solid;
float:left;
}

.extranet-container-top { width:581px;
font-size:14px;
padding:28px 18px 0px 20px;
line-height:20px;
color:#CCC;
background:url(images/who_we_are_top_bg.jpg) left top no-repeat;
float:left;
}

.extranet-container-top h2 {font-size:18px;
font-size:18px;
color:#FFF;
font-weight:bold;
}

.extranet-container-top p {margin-top:0px;
}

.extranet-container-bottombg { width:619px;
background:url(images/who_we_are_top_bg-08.jpg) left bottom no-repeat;
height:6px;
float:left;
}

#client-project {
width:577px;
padding:28px 18px 18px 20px;
margin:8px 0 0 0;
border:#666 2px solid;
background:#333333;
float:left;
}

#client-project h1 {
font-family:Helvetica, Arial, Verdana, sans-serif;
font-size:18px;
color:#FFFFFF;
}

#client-project p {
font-family:Helvetica, Arial, Verdana, sans-serif;
font-size:14px;
color:#CCC;
line-height:1.5em;
}

#client-ex-side {
width:262px;
border-left:#666 solid 2px;
border-right:#666 solid 2px;
border-bottom:#666 solid 2px;
background:#333333 url(images/shad-no-border.jpg) repeat-x;
float:right;
padding:28px 18px 0 20px;
margin: 0 0 0 0;
}

#client-ex-side p {
font-size:14px;
text-align:left;
line-height:1.5em;
color:#CCC;
}

#client-ex-side2 {
width:262px;
border:#666 solid 2px;
background:#333333;
float:right;
padding:20px 18px 0 20px;
margin: 8px 0 0 0;
text-align:left;
}

#client-ex-side2 p {
font-size:14px;
text-align:left;
line-height:1.5em;
color:#FFFFFF;
padding: 0 0 0 15px;
}

#client-ex-side2 h2 {
font-size:18px;
margin:0 0 10px 0;
color:#FFFFFF;}

.client-right1third {
width:305px;
float:right;
}

.client-right1third h2 {
font-size:16px;
color:#FFFFFF;
}

.client-right1third p {
font-family:Helvetica, Arial, sans-serif;
font-size:.9em;
text-align:center;
line-height:11px;
color:#CCCCCC;
padding: 0 0 10px 0;
}

/** Status Colors **/
.status-go {
color:#99CC66;
}

.status-waiting {
color:#FFCC33;
}

.status-progress {
color:#66CCFF;
}

.status-cancel {
color:#FF6633;
}

/** Job Table **/
#proj-info-wrapper {
height:15px;
margin: 25px 0 20px 0;
font-size:14px;
color:#fff;
}

#extranet-title-job{
padding:7px 3px 3px 3px;
width:75px;
color:#333;
background-color:#666;
text-align:center;
font-size:12px;
}

#extranet-title-approval{
padding:7px 3px 3px 3px;
width:75px;
color:#333;
background-color:#666;
text-align:center;
font-size:12px;
}

#extranet-title-date{
padding:7px 3px 3px 3px;
color:#333;
background-color:#666;
text-align:center;
font-size:12px;
}

#job-number {
padding-left:25px;
padding-right:25px;
border-right: #666 2px solid;
border-top: #666 2px solid;
}

#job-status-progress {
width:75px;
padding:10px 5px 10px 10px;
border-left: #666 2px solid;
border-top: #666 2px solid;
text-align:center;
color:#66CCFF;
}

#job-status-waiting {
width:150px;
padding:10px 5px 10px 10px;
border-left: #666 2px solid;
border-top: #666 2px solid;
text-align:center;
color:#FFCC33;
}

#job-status-go {
width:75px;
padding:10px 5px 10px 10px;
border-left: #666 2px solid;
border-top: #666 2px solid;
text-align:center;
color:#99CC66;
}

#job-status-cancel {
width:75px;
padding:10px 5px 10px 10px;
border-left: #666 2px solid;
border-top: #666 2px solid;
text-align:center;
color:#FF6633;
}

#job-date {
border-top: #666 2px solid;
padding-left:25px;
padding-right:25px;
text-align:center;
}

/** Client Projects Page - Extranet **/

#proj-page-wrapper {
height:15px;
margin: 0 0 0 0;
font-size:14px;
color:#fff;
line-height:1.5em;
}

#project-title-h3 h3 {
margin:10px 0 5px 8px;
color:#999999;
}

#project-title-bar {
background-color:#666666;
color:#333333;
height:25px;
margin: 25px 0 20px 0;
font-size:14px;
text-align:center;
}

#project-title-deliverable {
width:250px;
}

#project-title-date {
width:75px;
}

#project-title-status {
width:125px;
}

#project-title-action {
width:125px;
}

#project-deliverable {
width:250px;
padding:10px 5px 10px 10px;
border-right: #666 2px solid;
border-top: #666 2px solid;
text-align:left;
}

#project-date {
width:75px;
padding:15px 5px 10px 5px;
border-right: #666 2px solid;
border-top: #666 2px solid;
text-align:center;
} 

#project-status-progress {
width:75px;
padding:10px 5px 10px 5px;
border-right: #666 2px solid;
border-top: #666 2px solid;
text-align:center;
color:#66CCFF;
}

#project-status-go {
width:75px;
padding:10px 5px 10px 5px;
border-right: #666 2px solid;
border-top: #666 2px solid;
text-align:center;
color:#99CC66;
}

#project-status-waiting {
width:75px;
padding:10px 5px 10px 5px;
border-right: #666 2px solid;
border-top: #666 2px solid;
text-align:center;
color:#FFCC33;
}

#project-status-cancel {
width:75px;
padding:10px 5px 10px 5px;
border-right: #666 2px solid;
border-top: #666 2px solid;
text-align:center;
color:#FF6633;
}

#project-action {
width:75px;
padding:10px 5px 10px 5px;
border-top: #666 2px solid;
text-align:center;
color:#FF6633;
}