@charset "UTF-8";
/* CSS Document for the main CommuniquéPR site */
/* WordPress CSS for the CommuniquéPR blog is under /blog/themes/... */

/* MASTER COLORS

gray - #666 (text)
orange - #e4801c (h2)
blue - #559cbe (a)
light gray - #aaa (footer)

*/

/* BASE STYLES */

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #666;
}

a:link {
	color: #559cbe;
	text-decoration: none;
}

a:visited {
	text-decoration: none;
	color: #559cbe;
}

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

a:active {
	text-decoration: none;
	color: #559cbe;
}

h1 {
	font-size: 17px;
	margin-top:0px;
	font-weight: normal !important;
}

h2 {
	font-size: 14px;
	color: #e4801c;
	margin:0; padding:0;
}

p {
	margin: 0 0 20px 0;
}

ul {
	list-style-position: outside;
	padding: 0px;
	margin: 5px 0 18px 15px;
}

li {
	margin: 0 0 5px 0;
}

.lowerText {
	line-height: 18px;
}


/* left col styles */
.leftNav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	margin: 0 0 20px 0;
}

.leftNav a:link {
	color: #666;
	text-decoration: none;
}

.leftNav a:visited {
	text-decoration: none;
	color: #666;
}

.leftNav a:hover {
	text-decoration: none;
	color: #e4801c;
}

.leftNav a:active {
	text-decoration: none;
	color: #666;
}

.leftNavSub {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	margin: 0 0 18px 0;
	font-weight: normal !important;
}

.leftNavSub a:link {
	color: #666;
	text-decoration: none;
}

.leftNavSub a:visited {
	text-decoration: none;
	color: #666;
}

.leftNavSub a:hover {
	text-decoration: none;
	color: #e4801c;
}

.leftNavSub a:active {
	text-decoration: none;
	color: #666;
}

.leftNavSubSelected {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #e4801c;
	margin: 0 0 18px 0;
	font-weight: normal !important;
}

.leftNavSubSelected a:link {
	color: #e4801c;
	text-decoration: none;
}

.leftNavSubSelected a:visited {
	text-decoration: none;
	color: #e4801c;
}

.leftNavSubSelected a:hover {
	text-decoration: none;
	color: #aaa;
}

.leftNavSubSelected a:active {
	text-decoration: none;
	color: #e4801c;
}

.sNavText {
	padding-left: 28px;
}
.sNavText a:link {
	color: #666;
	text-decoration: none;
}

.sNavText a:visited {
	text-decoration: none;
	color: #666;
}

.sNavText a:hover {
	text-decoration: none;
	color: #e4801c;
}

.sNavText a:active {
	text-decoration: none;
	color: #666;
}

/* client list */

.clientList {
	color: #666;
}
	
.clientList a:link {
	color: #e4801c;
	text-decoration: none;
}

.clientList a:visited {
	text-decoration: none;
	color: #e4801c;
}

.clientList a:hover {
	text-decoration: none;
	color: #aaa;
}

.clientList a:active {
	text-decoration: none;
	color: #e4801c;
}


/* right col styles */
.rightCol {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:16px;
	color: #666;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 6px;
	margin-left: 0;
}

.rightCol p {
	margin: 0 0 6px 0;
	
}

.rightCol a:link {
	color: #666;
	text-decoration: none;
}

.rightCol a:visited {
	text-decoration: none;
	color: #666;
}

.rightCol a:hover {
	text-decoration: none;
	color: #e4801c;
}

.rightCol a:active {
	text-decoration: none;
	color: #666;
}

/* horizontal and vertical rules */
hr {
	color: #fff;
	background-color: #fff;
 	height: 1px;
	border: none;
	/*border-top: 1px #CCCCCC solid;*/
	background-image: url(../images/gr_dots.gif);
	background-repeat: repeat-x; /* IE6 doesn't allow this - use fakeHR with a div when needed */
}

#fakeHR {
	 background-image:url(../images/gr_dots.gif);
	 background-repeat:repeat-x;
	 height: 2px;
	 /*width:961px;*/
	 margin: 0; 
	 padding: 0;
}

.footer {
	color: #aaa;
	font-size:10px;
}

/* wraparound */

div.minDiv {
	width: 600px;
	padding: 0;
}
img.minBild {
	float: right;
	margin: 20px 0px 0px 20px;
	width: 200px;
	height: 220px;
}
div.clear {
	clear: both;
}
	

/* LAYOUT */

body {
	background-color: #fff;
	margin: 20px 0;
	padding: 0;
	height: 100%
}

#pagewrapper {
/* put in the background vertical graphic */
/* allow height to flex */
	width: 961px;
	min-height: 100%;
	height: auto; /* for FF/Moz/Safari */
	_height: 100%; /* for IE */
	margin: 0px auto;
	position: relative;
}

#lowercontentwrapper {
	margin: 0 0 50px 0;
}


 /* masthead elements */

#mastheadwrapper {
	width: 961px;
	margin: 0px auto;
	height: 68px;
}

#logo {
	 float:left; 
	 width:177px;
}

#mainnavbox {
	/* main navigation */
	float:right;
	height:18px;
}

#mainnav {
	/* main navigation position within box - the offset */
	margin-top:40px;
}

#taglinebox {
	margin: 0 0 30px 0;
}

#tagline {
	margin: 14px 0;
	padding: 0;
	
}

#searchbox {
	height: 53px;
}

#homesearchbox {
	height: 55px;
}


/* main content zone */

#contentwrapper {
	min-height: 450px;
	height: auto; /* for FF/Moz/Safari */
	_height: 450px; /* for IE */
}

#lcontentcol { /* left content column, secondary nav */
	width: 218px;
	float: left;
	display: inline;
}

#ccontentcol { /* center content column, main content zone */
	width: 531px;
	margin-right: 55px;
	float: left;
	display: inline;
	margin-bottom: 60px;
}

#rcontentcol { /* right content column */
	width: 157px;
	float: left;
	display: inline;
	margin-bottom: 30px;
}

#icon {
	margin: 4px 10px 0 0;
	width: 16px;
	float: left;
}

/* bottom section */

#bottomnavbox { /* bottom nav */
	width: 218px;
	float: left;
	display: inline;
}

#bnelement { /* bottom nav */
	margin-bottom: 9px;
}

#lpromocol { /* left bottom promo column */
	width: 214px;
	float: left;
	display: inline;
	margin-right: 50px;
}

#cpromocol { /* center bottom promo column */
	width: 220px;
	float: left;
	display: inline;
	margin-right: 50px;
}

#rpromocol { /* right bottom promo column */
	width: 209px;
	float: left;
	display: inline;
}


/* footer */

#footerbox {
	margin: 6px 0;  
}