/* 
	General CSS Document for NextGen Persuation
	Powered by BlueFever (www.bluefevermedia.com)
	
	Date: Apr 13, 2009.
	Version: 1.0
*/

body {
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 18px;
	color: #202020;
	background: url(pics/bg_body.gif) repeat-x #5b5b5b;
}

#outer {
	background: url(pics/bg_outer.jpg) no-repeat top center;
	padding: 25px 0 0 0;
}

#inner {
	width: 750px;
	margin: 0 auto;
	height: auto;
	background-color: #fff;
}


/* Header
_________________________________________________________________________________________________________*/

#header {
	background: url(pics/bg_header.gif) no-repeat;
	padding: 22px 25px 0 25px;
	width: 700px;
}

#header h1 a {
	display: block;
	width: 147px;
	height: 78px;
	background: url(pics/h1_nextgen.gif) no-repeat;
	text-indent: -9999px;
	float: left;
}


/* --- OLD Navigation Bar ---

#header ul {
	float: right;
	position: relative;
	left: 20px;
	top: -45px;
}

#header ul li {
	float: left;
}

#header ul li a {
	color: #383838;
	font-size: 14px;
	text-decoration: none;
	display: block;
	letter-spacing: -0.01em;
}

#header ul li a:hover {
	color: #fff;
}

#header ul li.about a {
	width: 68px;
	height: 24px;
	padding: 5px;
}
#header ul li.about a:hover {
	background: url(pics/bg_about.gif) no-repeat;
}

#header ul li.services a {
	width: 68px;
	height: 24px;
	padding: 5px 5px 5px 8px;
}
#header ul li.services a:hover {
	background: url(pics/bg_services.gif) no-repeat;
}

#header ul li.portfolio a {
	width: 68px;
	height: 24px;
	padding: 5px 5px 5px 8px;
}
#header ul li.portfolio a:hover {
	background: url(pics/bg_portfolio.gif) no-repeat;
}

#header ul li.caption a {
	width: 115px;
	height: 24px;
	padding: 5px 5px 5px 7px;
}
#header ul li.caption a:hover {
	background: url(pics/bg_caption.gif) no-repeat;
}

#header ul li.news a {
	width: 51px;
	height: 24px;
	padding: 5px 5px 5px 8px;
}
#header ul li.news a:hover {
	background: url(pics/bg_news.gif) no-repeat;
}

#header ul li.contact a {
	width: 68px;
	height: 24px;
	padding: 5px 5px 5px 9px;
}
#header ul li.contact a:hover {
	background: url(pics/bg_contact.gif) no-repeat;
}

 --- OLD Navigation Bar --- */



/* Middle
_________________________________________________________________________________________________________*/

.middle {
        min-height: 400px;
        width: 750px;
}

.middle .col_a {
	width: 400px;
	padding: 0 0 0 25px;
	float: left;
}

.middle .col_b {
	width: 275px;
	padding: 0 25px 0 0;
	float: right;
}

.middle h3 {
	font-size: 18px;
	color: #0073b9;
	font-weight: bold;
	letter-spacing: -0.03em;
	margin: 30px 25px 20px 25px;
	border-bottom: 1px solid #dcdcdc;
	padding: 10px 0 10px 0;
	background: url(pics/stars.jpg) no-repeat right;
}

.middle span.highlight p {
	color: #457999;
	font-size: 14px;
	margin: 0 25px 15px 25px;
}

.middle a {
	color: #457999;
}

.middle a:hover {
	text-decoration: none;
}

/* --- Column A --- */ 

.middle .col_a h3 {
	font-size: 18px;
	color: #0073b9;
	font-weight: bold;
	letter-spacing: -0.03em;
	margin: 20px 0 20px 0;
	border-bottom: 1px solid #dcdcdc;
	padding: 10px 0 10px 0;
	background: url(pics/stars.jpg) no-repeat right;
	clear: both;
}

.middle .col_a p {
	margin: 0 0 15px 0;
}

.middle .col_a p.highlight {
	color: #457999;
	font-size: 14px;
}

.middle .col_a ul {
	margin: 0 0 15px 0;
	padding: 10px 0 0 0;
}

.middle .col_a ul li {
	padding: 0 0 10px 20px;
	background: url(pics/bulletstar.gif) no-repeat 3px 3px;
}


/* --- Column B --- */ 

.middle .col_b h4 {
	text-indent: -9999px;
}

.middle .col_b p.highlight {
	color: #457999;
	font-size: 14px;
	margin: 0 0 15px 0;
}


/* Banner "The Politico"
_________________________________________________________________________________________________________*/

#politico {
	background: url(pics/bg_politico.gif) no-repeat bottom;
	height: 106px;
	margin: 10px 0 0 0;
}

#politico a img {
	padding: 15px 0 0 45px;
}

#politico h4 {
	font-size: 20px;
	letter-spacing: -0.03em;
	color: #afafaf;
	position: relative;
	top: -40px;
	left: 260px;
	width: 500px;
}

#politico h4 strong {
	color: #6c6c6c;
}

#politico h4 em {
	color: #0e69a1;
}



/* "Understand Voters"
_________________________________________________________________________________________________________*/

#voters {
	background: url(pics/bg_voters.gif) no-repeat bottom;
}

#voters h3 {
	font-size: 16px;
	color: #0073b9;
	font-weight: bold;
	letter-spacing: -0.05em;
	background: url(pics/bg_h3voters.gif) no-repeat;
	padding: 15px 0 0 12px;
	margin: 0 0 15px 0;
	border: none;
}

#voters p {
	padding: 0 0 0 15px;
}

#voters blockquote {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-style: italic;
	color: #6e6e6e;
	letter-spacing: -0.05em;
	background: url(pics/blockquote.gif) no-repeat;
	width: 185px;
	padding: 10px 0 20px 35px;
	margin: 10px 0 0 15px;
}

#voters blockquote p {
        padding: 0;
}



/* Footer
_________________________________________________________________________________________________________*/

#footer {
	color:#dcdcdc;
	width: 725px;
	margin: 20px auto;
        padding: 0 0 15px 25px;
}

#footer .col_a {
	width: 200px;
	border-right: 1px solid #818181;
	margin-right: 40px;
	float: left;
}

#footer .col_b {
	background: url(pics/bg_footer.gif) no-repeat right;
	height: 75px;
}

#footer .col_b a {
	color:#dcdcdc;
	text-decoration: underline;
}

#footer .col_b a:hover {
	text-decoration: none;
}