/* CSS Document */

html * {margin: 0;
padding: 0;
} 

body {
margin-top:20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: center;
background:#fff url(http://www.plattformad.com/files/PFBackground.png) repeat-x;
color: #505050;
}

.message {

}

img.profile {float:left; margin-right:10px;}

#blog-header {
background:#999797 url(http://www.plattformad.com/files/PFHeaderBg.png) no-repeat;
height:76px;
width:778px;
_width:779px;
float:left;
padding-top:10px;
}

#toplinks ul li {
display:inline;
}

#toplinks {
float:right;
margin-right:15px;
margin-top:5px;
font-size:12px;
}

#toplinks a, #toplinks a:visited {
color:#3e3d3d;
text-decoration:none;
}

#toplinks a:hover {
color:#4762a3;
}

#contentbox {
float:left;
background:none;
background-color:#fff;
border:1px solid #A6A4A5;
border-top:none;
width:777px;
margin:0 auto;
}

a, a:visited {
color:#DA1D29;
text-decoration:underline;   
}

a:hover {
color:#2F7BFF;
text-decoration:none;
}	

#navigation {
background:#EBEAEA;
height:15px;
width:778px;
margin:0auto;
border-left:1x solid #ff0000;
border-right:1x solid #ff0000;
}

#navigation ul li {
background:#EBEAEA;
width:126px;
display:inline;
border-right:1px solid #BDBEBD;
float:left;
font-weight:bold;
text-align:center;
}

#navigation ul {
width:778px;
}

#navigation a, #navigation a:visited {
color:#484747;
text-decoration:none;
font-weight:bold;
}

#navigation a:hover {
font-weight:bold;
}

#undernav {
float:left;
width:778px;
height:156px;
background:url(/images/navbg.jpg) repeat-x;
border-right:1px solid #9D9A9C;
}

.post, .listedposts, .archentry {
width:500px;
float:right;
padding:10px 50px 10px 10px;
margin:0px auto;
}

/*.listedposts, .archentry {
width:500px;
float:right;
padding:10px 20px 10px 10px;
margin:0px auto;
}*/

.post h2, .post h2 a, .post h2 a:visited {
color:#2A4A95;
font-size:1.2em;
font-weight:bold;
text-decoration:none;
}

.post h2 a:hover {
color:#2A4A95;
font-size:1.2em;
font-weight:bold;
text-decoration:underline;
}

.post h3, .post h3 a, .post h3 a:visited {
color:#2A4A95;
font-size:1.2em;
font-weight:bold;
text-decoration:none;
}

.post h3 a:hover {
color:#2A4A95;
font-size:1.2em;
font-weight:bold;
text-decoration:underline;
}

.post img {
border:0px;
padding:10px;
}

.post ul {
display:block;
margin:0px 0px 0px 45px;
}

.post ul li {
margin:0px 0px 5px 0px;
}

.storycontent p a, .storycontent p a:visited {
color:#DA1D29;
text-decoration:underline;

}

text-indent:25px;
}

.postmetadata a, a:hover, a:visted {
font-weight:normal;
}

.archtitle {
margin:20px 0px 0px 20px;
}



.listedposts h3, .listedposts h3 a, .listedposts h3 a:visited {
color:#2A4A95;
font-size:1.2em;
font-weight:bold;
text-decoration:none;
margin:20px 0px 0px 0px;
}

.listedposts h2 a:hover {
color:#2A4A95;
font-size:1.2em;
font-weight:bold;
text-decoration:underline;
}

.listedposts img {
border:0px;
padding:10px;
}

#leftheader {
width:182px;
height:156px;
float:left;
background:url(/images/leftheader.jpg) no-repeat;
}

#leftheadershadow {
width:45px;
height:154px;
background:url(/images/leftheader-shadow.jpg) no-repeat;
float:left;
}

/*#interactive-button a, #interactive-button a:visited {
width:77px;
height:154px;
background:url(/images/interactive.jpg) no-repeat;
float:left;
}

#interactive-button a:hover{
width:77px;
height:154px;
background:url(/images/interactive_hover.gif) no-repeat;
float:left;
}*/

.navspacer {
background:url(/images/navspacer.jpg) repeat-x;
height:144px;
float:left;
width:15px;
margin-top:0px;
}

#interactive-button a, #interactive-button a:visited {
width:77px;
height:144px;
background:url(/images/interactive.jpg) no-repeat top left;
float:left;
}

#interactive-button a:hover {
background-position:bottom left
}

#media-button a, #media-button a:visited {
width:77px;
height:144px;
background:url(/images/media.jpg) no-repeat top left;
float:left;
margin-left:3px;
}

#media-button a:hover {
background-position:bottom left
}

#creative-button a, #creative-button a:visited {
width:77px;
height:144px;
background:url(/images/creative.jpg) no-repeat top left;
float:left;
margin-left:3px;
}

#creative-button a:hover {
background-position:bottom left
}

#print-button a, #print-button a:visited {
width:77px;
height:144px;
background:url(/images/print.jpg) no-repeat top left;
float:left;
margin-left:6px;
}

#print-button a:hover {
background-position:bottom left
}

#lists-button a, #lists-button a:visited {
width:77px;
height:144px;
background:url(/images/lists.jpg) no-repeat top left;
float:left;
margin-left:3px;
}

#lists-button a:hover {
background-position:bottom left
}


#marketing-button a, #marketing-button a:visited {
width:77px;
height:144px;
background:url(/images/marketing.jpg) no-repeat top left;
float:left;
margin-left:1px;
}

#marketing-button a:hover {
background-position:bottom left
}


p {
padding: 10px 0 10px 0;
}

hr {
/*padding: 7px 0 7px 0;*/
margin: 7px 0 7px 0;
_margin: 0 0 0 0;
color: #ededed;
}

h1 {/*page header (controlled through sifR flash files*/
color:#DA1D29;
height: 50px;
margin: 0px 0px 0px 220px;
font-family: Arial, Helvetica, sans-serif;/* this is default if user does not have flash */
}

_h1 {/*page header (controlled through sifR flash files*/
color:#DA1D29;
height: 50px;
margin: 0px 0px 0px 200px;
font-family: Arial, Helvetica, sans-serif;/* this is default if user does not have flash */
}

#h1Two {/* sub under h1 if page title is too long to fit on page */
height: 25px;
width: 90px;
margin-top: -10px;
}

#h1Three {/* sub under h1 if page title is too long to fit on page */
height: 25px;
width: 400px;
margin-top: -10px;

}
h3 { /* subheader */
color: #707070;/*#7b94cc;*/
font-weight: bold;
font-size: 14px;
}

h5 {/* testimonial header */
font-size: 12px;
font-weight: bold;
padding-bottom: 5px;
color: #606060;
}

.b {
color: #012982;
font-weight: bold;
}

.style1 {font-size: 18px}


/**************************************************************/
/**************** Styles the div container ******************/
#container {
z-index: 1;
margin-left: auto;
margin-right: auto;
text-align: left;
width: 778px;
background-color: #ffffff;
margin-top:10px;
}
/*********************************************************************************/
/******* Styles the right main div (images, testimonials, copy and etc.) *********/
#main {float:right;
width:602px;
margin-right:13px;
_margin-right:7px; /* for IE*/
_margin-left:5px;
z-index:1;
}

/**************************************************************/
/**************** Styles the left column ******************/
#navColumn {
float: left;
padding: 0px 5px 0px 13px;
width:130px;
}
#topL {
width: 137px;
height: 55px;
margin-bottom: 0px;/*13px;*/
background: url(/images/top-left-box.jpg) no-repeat;
}

#topL a {
position: relative;
top: 39px;
left: 100px;
text-decoration: none;
font-size: 11px;
color: #ffffff;
font-weight: bold;
}

#topL a:hover {
color: #7b94cc;
}

/**************************************************************/
/**************** Styles the left navigation ******************/
#serviceNav{
/*display: block;*/
list-style-type: none;
text-align: right;
margin-top: 0px;
padding-top: 11px;

}
#serviceNav li {
margin-bottom: 9px;
width: 137px;
font-size: 11px;
padding: 3px 0px 3px 0px;
background-color: #ededed;
}
#serviceNav li a{
padding-right: 5px;
text-decoration: none;
color: #6b6a6a;
}
#serviceNav li a:hover{
color: #012982;
}

/*****************************************************************/
/********** Style the left navigation secondary nav **************/

#serviceNav li ul{
display:none;
/*position: absolute;*/
font-size:95%;
margin:0px;
}
#serviceNav ul li {
margin:0;
text-align:right;
font-size:10px;
border-bottom:1px solid #ededed;
background: #fff;
list-style-type: none;
}

#serviceNav li:hover ul, #serviceNav li.sfhover ul{ 
display: block;
position:relative;
margin-top: 0px; 
background-color: #fff;
}/**/

/*****************************************************************/
/********** Styles the top horizontal navigation *****************/

#companyNav {
position: relative;
background: url(/images/top-bg.gif) no-repeat;
width: 601px;
padding-top: 39px;
font-family: Arial, Helvetica, sans-serif;
}
#companyNav li {
display: inline;
list-style-type: none;
padding-left: 10px;
font-weight: normal;
margin-right: 4px;
}
#companyNav li a{
text-decoration: none;
font-size: 11px;
color: #ffffff;
font-weight: bold;
}

#companyNav li a:hover{
color: #012982; 
}
.companyLink {
padding-left: 65px;
color: #7b94cc;

}

#companyLink a {
color: #7b94cc;
text-decoration: none;
font-weight: bold;
}
#companyLink a:hover{
color: #000000;
}
/************* Site map image ***************************/
#sMap {
float: right;
_margin-top: 0px; /*IE only*/
margin-right: 1px;
/*background:#fff;
/*text-align:right;*/
/*padding-left: 350px;*/
}

/******************************************/
#testimonials {
float:right; 
position:relative; 
background: url(/images/testimonial-bg.gif) no-repeat;
width: 160px;
height: 240px;
clear:right; /*makes a difference in IE*/
margin-top: 24px; /*mozilla, opera, safari see this*/
color: #606060;
padding-right: 5px;
}
.tcopy {
font-size: 14px;
margin-top:25px;
margin-bottom:10px;
text-align: center;
}
<em> {/*testimonial author*/
font-size: 8px;
/*padding: 0 0 0 35px;*/
text-align: justify;
}
/************************************/
/*********** Donation Link **********/
#donation {
float:right; 
position:relative; 
background: url(/images/donation-bg.gif) no-repeat;
width: 160px;
height: 240px;
clear:right; /*makes a difference in IE*/
margin-top: 65px; /*mozilla, opera, safari see this*/
color: #606060;
padding-right: 5px;
}
/*********** Donation Link **********/
#pressrelease {
float:right; 
position:relative; 
background: url(/images/press-releases-bg.gif) no-repeat;
width: 160px;
height: 240px;
clear:both; /*makes a difference in IE*/
margin-top: 45px; /*mozilla, opera, safari see this*/
color: #606060;
padding-right: 5px;
margin-bottom:20px;
padding-bottom:20px;
}

#blognav {
float:right; position:relative; 
background: url(/images/blogresource-bg.gif) no-repeat;
width: 160px; clear:right; /*makes a difference in IE*/
margin-top: 45px; /*mozilla, opera, safari see this*/ color: #606060;
padding-right: 5px;}	
#blognav li {list-style-type:none; margin:0 0 0 25px; padding:0; font-size:10px;}
#blognav a {margin:0; padding:0; font-size:10px;}

#urgentjobs {
float:right; 
background: url(/images/careerright-bg.gif) no-repeat;

width: 160px;
height: 240px;
clear:right; /*makes a difference in IE*/
margin-top: 65px; /*mozilla, opera, safari see this*/
color: #606060;
padding-right: 5px;
}

/************************************/

#maincopy {
margin-left: 15px;
padding-top: 35px;
width: 370px;
}
#maincopy a {
color: #012982;
font-weight: normal;
}
#maincopy a:hover {
color: #b70101;
}
#copy {
width:500px;
margin-right:10px;
float:right;
margin-bottom: 50px;
line-height: 18px;
background:#fff;
}

#sidebar {
width:155px;
float:left;
text-align:left;
background:#fff;
}	

#sidebar ul {
margin-left:10px;
list-style-type:none;
}

#sidebar ul li {
background: url(images/arrow.png) no-repeat left;
padding:2px 0px 2px 10px;
border-bottom:1px solid #cecece;

}

#sidebar a, a:visited {
text-decoration:none;
color:#000;
}

#sidebar a:hover {
text-decoration:underline;
color:#000;
}

.message {
width:155px;
float:left;
text-align:left;
background:#fff;
}	

.message ul {
margin-left:10px;
list-style-type:none;
}

.message ul li {
padding:2px 0px 2px 10px;

}

.message a, a:visited {
text-decoration:none;
color:#000;
}

.message a:hover {
text-decoration:underline;
color:#000;
}

#copy ul{
margin-left: 25px;
list-style-image: url(/images/bullet.gif);
}
#copy ol{
margin-left: 25px;
}
.underline {text-decoration:underline;} /*class applied to span to underline Key Magazine title*/

#quotes {
background: transparent url(/images/quote-top.gif) no-repeat top left;
padding: 15px 0 0 20px;
color: #000;
}

#quotes p#endquote {
background: transparent url(/images/quote-bottom.gif) no-repeat bottom right;
font-weight: bold;
padding-bottom: 26px;
}

#quotes p#credit {
/*margin-left: 25px;*/
font-style: italic;
font-size: 95%;
}

#samples {
border: 1px solid #012883;
background-color: rgb(219, 226, 241);
/*float: left;*/
padding: 0;
height: 110px;
font-weight: bold;
}

.sidebyside {
width: 285px;
}

#text-samples {
border: 1px solid #012883;
/*width: 295px;*/
background-color: rgb(219, 226, 241);
/*float: left;*/
padding: 0;
height: 110px;
font-weight: bold;
}

#text-samples ul {
margin-left: 10px;
}


h3#sampleHead {
background: transparent url(/images/samples-bg.gif) no-repeat top left;
height: 18px;
margin:0;
padding:0;
}
/******************************************/

#footer {
clear:both;
padding: 0px 0px 0px 0px;
margin:0px auto;
height: 20px;
}

#footerNav {

margin: 0px auto;
font-size: 10px;
padding: 3px 0 3px 0;
clear: both;
}

#footerNav li {
display: inline;
list-style-type: none;
font-weight: normal;
margin-right:30px;
}

#footerNav a, a:hover, a:visited {
text-decoration: none;
font-weight:normal;
}

/********** Style for services sub nav ***************************/
#servicesubnav {
float:right; position:relative; 
width: 160px; clear:right; /*makes a difference in IE*/
margin-top: 45px; /*mozilla, opera, safari see this*/ color: #606060;
padding-right: 5px;
padding-top: 33px;
}	
#servicesubnav ul {
margin-bottom: 50px;
}
#servicesubnav li {list-style-type:none; margin:0 0 5px 30px; padding:0;}
#servicesubnav a {margin:0; padding:0; font-size:10px; text-decoration: none; font-size:95%;}

#servicesubnav li#related {
padding-top: 15px;
}
/*****************************************************************/

.archive-nav {
position:relative;
float:left;
padding:20px;
}

#cca-pdf {
padding: 15px 0 0 20px;
}

.amt-reps {
border: 2px solid black;
}

.amt-p {
padding-top: 2px;
color: #000;
}
.navigation {margin-bottom:25px;}
.thumbnail {float:right; margin:0 0 10px 10px}