@charset "UTF-8";

@import url(../css/cssreset.css);
@import url(../css/typography.css);

/* --- CSS Document 
Author: Ty Dennis (sourapplemedia.com)
Date created: 12.16.08
Last Modifies: 02.2.09
Details: Formatting and styling the layout for GPR Consulting, Inc. Styling for all content can 
be found after the navigation section of this CSS file.
--- Colors: Green- #257021, Light Green- #c8dbc7, Tan- #ebe7dc, Dark Tan- #dfd5bc, Purple- #54344d, Red- #8c0303 -  --- */

/* --- Layout --- */

body { background: #f9f8f4; }

#wrapper { 
	margin: 0 auto 20px auto;
	width: 925px; }
div#branding { 
	background: url(../images/header_bg.png) no-repeat;
	height: 139px; }
div#content {
	width: 925px;
	padding: 0 0 0 5px;   }
div#main_content {
	background: url(../images/main_content_middle.png) repeat-y 0 0;	
	float: left;
	height: auto;
	padding-left: 5px;
	width: 925px; }
div#sub_content {
	background: url(../images/sidebar_bg.png) no-repeat 0 0;
	float: right;
	height: 480px;
	padding-right: 1px;
	width: 245px; }
div#site_info {
	background: url(../images/main_content_bottom.png) no-repeat;
	height: 50px; }
div.content_left {  
	float: left; 
	margin: 0;
	width: 640px; }
div#videoplayer table { margin: 10px 10px; }

/* --- Global --- */
ol.standardlist { margin: 0 0 0 20px; }
ul.standardlist { 
	list-style-type: square;
	margin: 0 0 0 20px; }
blockquote { 
	border-top: 1px solid #c8dbc7; 
	border-bottom: 1px solid #c8dbc7; 
	margin-top: 10px;
	width: 600px; }
cite { 
	color: #8c0303; 
	margin: 0; 
	padding: 2px; }
div.clear { clear: both; }
div.clearleft { clear: left; }
.floatright { float: right; }
.floatleft { float: left; }
p { max-width: 600px; }
span.newitems {
	color: #d70000;
	font-weight: bold;
	margin: 0; }

/* --- Images --- */
img.bordernone { border: none; }
img.homephoto { margin: 5px 20px 10px 0; }
img.methodology { 
	border: 2px solid #ebe7dc; 
	float: left;
	margin: 3px 75px 3px 3px;
	padding: 2px; }
img.postednote { 
	float: right;
	margin: 25px 80px 0 5px; }
.imgright { 
	float: right;
	border:  2px solid #8c0303;
	padding: 2px; }
.imgleft { 
	float: left;
	border: 2px solid #8c0303;
	padding: 2px; }
.imgrecords { 
	float: right;
	margin: 80px 70px 0 0; }
.imgpromanage { 
	float: right;
	margin: 40px 80px 0 0; }
img.files_webinar {
	float: right;
	margin-right: 200px; }

/* --- Branding w/ main nav --- */
h1#gpr_logo { 
	background: transparent url("../images/gpr_branding.png") no-repeat 0 0;
	display: block;
	float: left;  width:440px; 
	height: 116px; 
	line-height: 1000px;
	overflow: hidden; }
#nav { 
	float: right;
	font-weight: bold;
	margin: 50px 15px 20px 0;
	padding: 0; }
#nav ul, #nav li { list-style: none; width: auto; }
#nav li {  
	float: left; 
	letter-spacing: 0.1em; 
	margin: 0;
	padding: 0; 
	width: auto; }
#nav li a {
	color: #257021;
	display: block;
	padding: 5px 8px; 
	text-decoration: none;  }
#nav li a:hover, li a:focus, li a:active { background-color: #257021; color: #fff; }

/* --- Main Content --- */
div.boxinfo, span.boxinfo { 
	background-color: #54344d;
	border-right: 3px solid #c8dbc7;
	color: #FFF;
	margin: 20px 0 10px -5px;
	padding: 12px 8px;
	width: 630px; }	
div.boxinfo a, span.boxinfo a { 
	color: #fff;
	text-decoration: underline; }
div.boxinfo a:hover, span.boxinfo a:hover {
	background-color: #fff;
	color: #8c0303; }
ul#whitepaper, ul.services {
	margin: 10px 0; }
ul#whitepaper li, ul.services li { padding: 8px 0; }
ul#whitepaper p, ul.services p { margin: 3px 5px; }
ul.partners li { padding: 10px 0; }
address.vcard { font-style: normal; }
div.attention img { margin:  20px 8px; }
div.attention_shred {
	background-color: #e1e1e1;
	border: 2px solid #959595; 
	font-size: 1.2em;
	margin: 10px 0 0 10px;
	padding: 5px 3px; }
div.attention h3 { 
	border-bottom: 4px solid #8c0303;
	color: #8c0303;
	font-size: 1.6em;
	font-variant: small-caps;
	margin-top: 10px;
	width: 455px; }
div.attention h5 {
	margin-bottom: 0;
	margin-left:  245px;
	line-height: 1.5em;
	padding: 2px 0 4px 0; }
h5.webinar {
	font-size: 1em;
	margin-bottom: 8px;
	margin-top: 8px; }
a.webinar {
	background-color: #ebebeb;
	border: 1px solid #8c0303;
	padding: 2px; }
div#movie { padding: 10px 0 10px 10px; }
object#viddler_676e50f8 { margin: 10px 10px; }

/* --- Sub Content (sidebar) --- */
#sub_content { 
	padding: 30px 0; }
#sub_content h4 { 
	color: #8c0303;
	letter-spacing: 0.1em; }
#sub_content ul.sublist { 
	font-weight: bold;
	margin-left: 8px;
	width: 205px; }
#sub_content ul.sublist li { 
	border-bottom: 1px solid #c8dbc7;
	letter-spacing: 0.1em;
	margin: 0; }
#sub_content ul.sublist li.fist a { padding: 0 }
#sub_content ul.sublist li.first { 	border-top: 1px solid #c8dbc7;  }
#sub_content ul.sublist a { 
	color: #000; 
	display: block; 
 	padding: 10px 0;
	text-decoration:  none; }
#sub_content ul.sublist a:hover { 
	background-color: #c8dbc7; 
	color: #8c0303; 
	text-decoration: none; }
#sub_content p.vcard {
	background-color: #ebebeb;
	border-bottom: 1px solid #c8dbc7;
	border-top: 1px solid #c8dbc7; 
	margin: 150px 20px 0 0;
	padding: 3px 5px;
	width: 214px; }

/*--- Contact Form ---*/
div#contactform { padding: 0 0 0 8px; }
div#contactform h2 {
	border-bottom: 1px solid #c8dbc7;
	color: #257021;
	font-size: 200%;
	width: 600px; }
#wufoo iframe { margin: 0 0 0 5px; }
#wufoo iframe h2 { 
	border-bottom: 1px solid #c8dbc7;
	color: #257021;
	font-size: 200%;
	width: 600px; }
#aspnetform fieldset {
	border: none;
	display: inline;
	float: left;
	margin: 0 0 10% 0;
	padding: 5px;	
	width: 270px; }
#aspnetform legend { display: none; }	
#aspnetform p { margin: .8em 0; }	
#aspnetform label { display: block; }	
#aspnetform input, #aspnetform textarea {		
	border: 1px solid #ddd;
	padding: 3px;
	width: 250px; }
#aspnetform textarea {
	height: 110px;
	overflow: auto; }
#aspnetform p.message1 { margin-left: 40px; }					
#aspnetform p.submit {
	margin: 0 0 0 40px; }	
#aspnetform button {
	background-color: #ccc;
	border: none;
	color: #fff;
	cursor: pointer;
	font-size: .90em;
	font-weight: bold;
	height: 30px;
	margin: 0;
	width: 130px; }
#aspnetform button:hover { background-color: #8c0303 ; }
input[type="text"]:focus, textarea:focus { background-color: #FFFFCC; }
input[type="text"] { font: 82% "Lucida Grande", "Lucida Sans Unicode", sans-serif; }
a.email { color: #fff; }
a.email a:hover { 
	background-color: #fff;
	color: #000; }
	
/* --- Site Information --- */
div#site_info { 
	font-size: 90%;
	margin: 0;
	padding:  20px 10px; }
div#site_info p { float: left; }
div#site_info ul { 
	float: right;
	margin: 10px 230px 0 0; }
div#site_info ul li { display: inline; }
div#site_info ul a { color: #257021; }
div#site_info ul a:hover { color: #8c0303;}