/*@charset "utf-8";*/
/* CSS Document */
body { background: #a4abaf; color: #ffffff; font: 12px lucida sans unicode; margin: 0; padding: 0;  }
h1 {color:#ffffff; background:#c61c4e; margin:0 0 10px 0; padding:0 0 0 5px; font-size:13px;}
h2 {color:#ffffff; margin:5px 0 5px 0; padding:0; font-size:13px;}

#header, #footer { margin: 0 auto; text-align: left; width: 998px; }
#header {background:url(../images/gradient-top.gif) top left no-repeat; padding-top:20px; position:relative;}
#header {height:165px}
#content {margin: 0 auto;  width: 998px; position: relative}
#content h1 {text-align: left; padding-top:3px; padding-bottom:3px}
p {text-align: left; padding:0; margin:0 0 10px 0}
#skip-nav { display: none; }
/* Top nav*/
#logo {height:90px; position:absolute; top:65px; left:70px;}
#logo div {float:left; margin-right:39px}
#logo #contact {width:290px; margin-left:-10px; color:white; font-weight:bold}
#logo #contact img {float:right}
#contact strong {display:block; color:#2797b8}
#logo #contact a {text-decoration:none}

/* Content */
#content { background:url(../images/gradient-middle.gif) top left repeat-y; padding: 0px; width: 998px;}
a {color:#ffffff; text-decoration:none}
a:hover {color:#c61c4e; text-decoration:none}
#left {width:545px; margin-left:70px}
#left p {line-height:15px}

#right {width:290px; float:right; margin-right:70px; position: absolute; left: 635px; top: 0px;}
#right h2 {color:#ffffff; background:#c61c4e; text-transform:uppercase; font-size:13px; margin-top:0; padding-top:3px; padding-bottom:3px; padding-left:5px}
#right #h2_blue {color:#ffffff; background:#c61c4e; text-transform:uppercase; font-size:13px; margin-top:20px}


#right-dev {width:290px; float:right; margin-right:70px; position: absolute; left: 635px; top: 0px; }
#right-dev h2 {color:#ffffff; background:#c61c4e; text-transform:uppercase; font-size:13px; margin-top:0; padding-top:3px; padding-bottom:3px; padding-left:5px}
#right-dev #h2_blue {color:#ffffff; background:#c61c4e; text-transform:uppercase; font-size:13px; margin-top:20px}



#rightr {width:290px; float:right; margin-right:70px; position: absolute; left: 635px; top: 0px;}
#rightr h2 {color:#ffffff; background:#c61c4e; text-transform:uppercase; font-size:13px; margin-top:0; padding-top:3px; padding-bottom:3px; padding-left:5px}
#rightr #h2_blue {color:#ffffff; background:#c61c4e; text-transform:uppercase; font-size:13px; margin-top:20px}
#rightb {width:290px; float:right; margin-right:70px; position: absolute; left: 635px; top: 0px;}
#rightb h2 {color:#ffffff; background:#c61c4e; text-transform:uppercase; font-size:13px; margin-top:0; padding-top:3px; padding-bottom:3px; padding-left:5px}
#rightb #h2_blue {color:#ffffff; background:#c61c4e; text-transform:uppercase; font-size:13px; margin-top:20px}
ul {margin:0; padding:0; list-style:none}
ul li {border-bottom:1px dotted #ffffff}
li a {color:white; margin: 3px 0 3px 5px; display:block; text-decoration:none}
#ul_blue li {border-top:1px dotted #ffffff;border-bottom:none}
#ul_blue li a {color:#c61c4e; text-transform:uppercase; font-weight:bold}
.grey_area {background:#39434b; padding:10px; height:405px; overflow:auto}
.grey_area_latest_news {background:#39434b; padding:10px; min-height:435px; }
.grey_area_sml {background:#39434b; padding:10px; height:175px;}
.grey_area_tw {background:#39434b; padding:10px; height:5473px; overflow:auto}
.grey_area_tw_mem {background:#39434b; padding:10px; height:300px; overflow:auto}
#h1_hww {background:#c61c4e; font-size:14px}
#h1_wwd {background:#c61c4e}
#h1_wwwf {background:#c61c4e}
#full-width {margin:0 70px 0 70px; padding-bottom:20px}
#full-width .grey_area {}

#contactform {width:280px}
#contactform p {background:white; height:30px}
#contactform #maincontact p {background:white; height:30px}
#contactform input {border:none; background:white; padding:5px; width:270px;  font: 13px lucida sans unicode;}
#contactform textarea {border:none; background:white; padding:5px; width:270px; height:100px; font: 13px lucida sans unicode;}
/*#contactform .submit {background-color:red; width:100px; margin-right:4px; margin-bottom:4px;}*/
#contactform .submit {padding:0; width:100px; margin-right:4px; margin-bottom:4px;}





.galselected a {color:#c61c4e}
.galmainpage {float:left; margin-right:10px; width:120px; height:80px;}

#workforlrg img {border:none}
/*footer styles*/
#footer_boxes { background:url(../images/gradient-middle.gif) top left repeat-y; padding: 0px; width: 998px; height:250px; position:relative;}
#footer_boxes a {color:#c61c4e; text-decoration:none}

#footer_boxes_new { background:url(../images/gradient-middle.gif) top left repeat-y; padding: 0px; width: 998px; height:310px; position:relative;}
#footer_boxes_new a {color:#c61c4e; text-decoration:none}





#informed {width:240px; position:absolute; top:20px; left:70px; line-height:15px;}

#latest {width:285px; margin-left:14px; position:absolute; top:20px; left:320px}

#workfor {width:295px; margin-left:30px; position:absolute; top:20px; left:605px}

#workfor img {width:70px}
#workforlrg { float:left; margin-left:15px; margin-top:15px}
#workforlrg img {width:95px}
#keepinformed input {width:230px; margin-bottom:4px}
#keepinformed #submit {width:63px; margin-right:4px}
#keepinformed small {font-size:70%}
#ftr_links {clear:left; display:block; text-align:left; font-size:11px; margin-top:30px; padding-top:10px; border-bottom:1px dotted white; padding-bottom:5px; width:86%; margin:auto}
#ftr_links a {color:white; margin:0 10px 0 10px}
#footer {background:url(../images/gradient-bottom.gif) bottom left no-repeat; padding-top:20px; padding-bottom:50px;}
#footer p {margin-right:64px; font-size:10px; text-align:right;}

/*other*/
.clear {clear:both}

.bluelinks .galselected a  {color:#c61c4e}

#phone_hdr {position:absolute; top:100px; left:800px;}
#contact_hdr {position:absolute; top:120px; left:800px; font: 15px lucida sans unicode} 
#contact_hdr_new {position:absolute; top:120px; left:800px; font: 15px lucida sans unicode} 
#contact_hdr img {border:none}



#topmenuone {position:absolute; top:145px; left:70px; width:545px; height:33px; background:url('../images/tabbg.png') no-repeat top right; overflow:hidden}
#topmenutwo {position:absolute; top:145px; left:635px; width:290px; height:33px; background:url('../images/tabbg.png') no-repeat top right; overflow:hidden}

/*#topMenu {width:890px; margin:auto; border-bottom:none; height:32px; position:absolute; top:185px; left:70px;}*/

.navMenu {font-size:100%;line-height:9px;font-family:lucida sans unicode;font-size:11px;margin:auto;height:34px;text-align:center}
#topmenuone .navMenu {width:545px;}
#topmenutwo .navMenu {width:290px;}
.navMenu ul { color: #ffffff; margin:0 0 0 0; padding:0; list-style:none;}
.navMenu li {color: #ffffff;display:inline;margin:0;padding:0;}
/*.navMenu li.navend a {margin-right:20px}*/
.navMenu a {float:left;background:url("../images/tableftC.png") no-repeat left top;margin:0;padding:0 0 0 4px;text-decoration:none;font:11px lucida sans unicode, Helvetica, sans-serif;color: #ffffff; font-weight:normal; height:32px;line-height:22px; font-weight:bold}
.navMenu .rightlinks {line-height:12px}
.navMenu a span {float:left;display:block;padding:5px 26px 4px 25px; height:23px}
/*.navMenu .navend a span {padding-left:24px} /*{background:url("../images/tabrightCend.png") no-repeat right top;}*/

.navMenu .rightlinks span {padding:5px 22px 4px 22px;}

.navMenu a {color: #ffffff;}
.navMenu a:hover {color: #c61c4d;}
.navMenu .menu-on {color:#c61c4d;}

#news {color:#c61c4d;}


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


#bookcase { background:url('../images/bookcase.jpg') repeat-y top ; border:0px solid #744929; height:5231px; position:relative; top:0px; left:0px;}
#bookcase div a { border:none; }
#bookcase div img { border:none; }


.top { font-size:10px; color:fff; text-transform:none; letter-spacing:1px; text-shadow:none; }

.subnav { padding-left:150px; padding-top:20px; padding-right:50px; text-shadow: 1px 1px 1px #000;}
.subnav { font-size:16px; }

.headers h2 { font-size:18px; color:#fff; text-transform:uppercase; letter-spacing:3px; text-shadow: 1px 1px 1px #000;}
.headers a { font-weight:normal; }



.header-press		{ position:absolute; top:30px; left:50px; }
.header-direct 		{ position:absolute; top:1011px; left:50px; }
.header-brochures 	{ position:absolute; top:1665px; left:50px; }
.header-emailers 	{ position:absolute; top:1992px; left:50px; }
.header-pos 		{ position:absolute; top:2646px; left:50px; }
.header-signage 	{ position:absolute; top:2973px; left:50px; }
.header-web 		{ position:absolute; top:3627px; left:50px; }
.header-cgi 		{ position:absolute; top:4281px; left:50px; }
.header-radio 		{ position:absolute; top:4935px; left:50px; }



.goldplate 	{ color:#666; font-size:11px; padding:0; margin:0; background:url('../img/members/gold-plate.jpg'); height:18px; width:150px; text-align:center; font-weight:normal; letter-spacing:0.10em; text-shadow: 1px 1px 1px #aaa;}



.pressad1 { position:absolute; top:130px; left:190px; }
.pressad2 { position:absolute; top:130px; left:350px; }
.pressad3 { position:absolute; top:191px; left:520px; }
.pressad4 { position:absolute; top:523px; left:70px; }
.pressad5 { position:absolute; top:522px; left:280px; }
.pressad6 { position:absolute; top:518px; left:630px; }
.pressad7 { position:absolute; top:849px; left:70px; }
.pressad8 { position:absolute; top:849px; left:610px; }



.directmail1 { position:absolute; top:1111px; left:100px; }
.directmail2 { position:absolute; top:1111px; left:300px; }
.directmail3 { position:absolute; top:1180px; left:500px; }
.directmail4 { position:absolute; top:1522px; left:100px; }
.directmail5 { position:absolute; top:1487px; left:300px; }
.directmail5b { position:absolute; top:1487px; left:500px; z-index:-9999;}


.brochure1 { position:absolute; top:1765px; left:40px; }
.brochure2 { position:absolute; top:1765px; left:200px; }
.brochure3 { position:absolute; top:1765px; left:360px; }
.brochure4 { position:absolute; top:1765px; left:630px; }




.cgi1 { position:absolute; top:4463px; left:40px; }
.cgi2 { position:absolute; top:4419px; left:253px; }
.cgi3 { position:absolute; top:4416px; left:440px; }
.cgi4 { position:absolute; top:4474px; left:630px; }
.cgi5 { position:absolute; top:4791px; left:40px; }
.cgi6 { position:absolute; top:4744px; left:260px; }
.cgi7 { position:absolute; top:4748px; left:450px; }
.cgi8 { position:absolute; top:4744px; left:630px; }


.signage1 { position:absolute; top:3157px; left:40px; }
.signage2 { position:absolute; top:3127px; left:253px; }
.signage3 { position:absolute; top:3127px; left:440px; }
.signage4 { position:absolute; top:3127px; left:630px; }
.signage5 { position:absolute; top:3454px; left:40px; }
.signage6 { position:absolute; top:3454px; left:253px; }
.signage7 { position:absolute; top:3454px; left:440px; }
.signage8 { position:absolute; top:3454px; left:630px; }


.web1 { position:absolute; top:3765px; left:40px; }
.web2 { position:absolute; top:3765px; left:253px; }
.web3 { position:absolute; top:3765px; left:440px; }
.web4 { position:absolute; top:4093px; left:40px; }
.web5 { position:absolute; top:4093px; left:300px; }







.pos1 { position:absolute; top:2745px; left:100px; }
.pos2 { position:absolute; top:2795px; left:280px; }
.pos3 { position:absolute; top:2787px; left:520px; }


#radioad1 { position:absolute; top:0; left:-9999; }
#radioad2 { position:absolute; top:0; left:-9999; }
#radioad3 { position:absolute; top:0; left:-9999; }

.radio1 		{ position:absolute; top:5103px; left:230px; }
.radio2 		{ position:absolute; top:5103px; left:430px; }
.radio3 		{ position:absolute; top:5103px; left:600px; }



.emailer1 { position:absolute; top:2094px; left:110px; }
.emailer2 { position:absolute; top:2092px; left:450px; }
.emailer3 { position:absolute; top:2092px; left:620px; }
.emailer4 { position:absolute; top:2419px; left:150px; }
.emailer5 { position:absolute; top:2419px; left:310px; }
.emailer6 { position:absolute; top:2419px; left:640px; }
.emailer7 { position:absolute; top:2419px; left:465px; }


#left-tw {width:855px; margin-left:70px;}
#left-tw p {line-height:15px}
#left-tw a { border-bottom: 1px #ccc dotted; }
#left-tw a:hover { border-bottom:none; color:#c71d4e; }

/*--------------------------------------------BACK TO TOP SCROLLER-------------------------------------------------*/



#back-top {
	position: fixed;
	bottom: 30px;
	margin-left: -100px;
}

#back-top a {
	width: 108px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #000;

	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #000;
}

/* arrow icon (span tag) */
#back-top span {
	width: 108px;
	height: 108px;
	display: block;
	margin-bottom: 7px;
	background: #777 url(../img/members/up-arrow.png) no-repeat center center;

	/* rounded corners */
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;

	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
	background-color: #000;
}


/*-------------------------------------------- / BACK TO TOP SCROLLER-------------------------------------------------*/

/*
#tweet-wrap { width:86%; margin:auto; }
*/
#tweet p { line-height:15px; padding:0px; margin:0px;}
#tweet ul { display:inline; line-height:normal; padding:0px; margin:0px;}
#tweet ul li { line-height:normal; border-bottom:none; display:inline; padding:0px; margin:0px;}
#tweet a { border-bottom:0px dotted white; display:inline; padding:0px; margin:0px;}
#tweet a:hover { border:none; }


#latest { line-height:15px; }