/*
	Name: Print Strategy
	Date: November 2009
	Description: Global Style Sheet
	Version: 1.0
	Coder: Enrique Ramirez
	Coder URI: http://enrique-ramirez.com
*/

/* Imports
===============================================*/
@import url("reset.css");
@import url("global-forms.css");

/* Global Styles
===============================================*/
body {
	background: #737D69;
	color: #fff;
	font-size: 75%; /* Base font size: 12px */
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	line-height: 1.5;
	margin: 0;
	padding: 0;
	text-align: left;
}

/* Headers
-----------------------------------------------*/
h2 {font-size: 1.5em}
h2 {font-size: 1.333em} /* 16px */
h3 {font-size: 1.25em}	/* 15px */
h4 {font-size: 1.167em}	/* 14px */
h5 {font-size: 1.083em}	/* 13px */
h6 {font-size: 1em}		/* 12px */

h1, h2, h3, h4, h5, h6 {color: #006554; font-weight: normal; line-height: 1.1; margin-bottom: 18px;}

h1{background-image: url('../images/print-strategy-paper.jpg'); background-position: bottom right; background-repeat:no-repeat; padding-right: 40px; padding-bottom: 6px;  border-bottom: 1px solid #f7f7f7}

.col1 h1{padding: 0; background-image: none; border-bottom: none; font-size:  1.33em}

.title {
	color: #4f514c;
	font-family: Georgia, Times, 'Times New Roman', serif;
	font-size: 2em;
}
	
/* Links
-----------------------------------------------*/
a {outline: 0;}
a img {border: 0px; text-decoration: none;}
a:link, a:visited {color: #006554; text-decoration: none;}
a:hover, a:active {text-decoration: underline; color: #00BB00}

a.more:link, a.more:visited {
	background: #717F68 url('../images/bg-more.gif') no-repeat center right;
	color: #fff;
	font-size: 0.833em;
	padding: 3px 26px 3px 8px;
	text-transform: uppercase;
}

a.big-button:link, a.big-button:visited {
	background: #00BB00 url('../images/bg-button.jpg') no-repeat center center;
	color: #fff;
	display: block;
	height: 41px;
	line-height: 41px;
	text-align: center;
	margin: 0 auto 1.5em auto;
	width: 230px;
}
p a:link, p a:visited{text-decoration: underline}
	
/* Paragraphs
-----------------------------------------------*/
p {margin-bottom: 1.5em;}

strong, b {font-weight: bold;}
em, i {font-style: italic;}

/* Lists
-----------------------------------------------*/
ul {
	list-style: outside disc;
	margin: 1em 0 1.5em 1.5em;
}

ol {
	list-style: outside decimal;
	margin: 1em 0 1.5em 1.5em;
}

dl {
	margin: 0 0 1.5em 0;
}
dt {font-weight: bold;}
dd {margin-left: 1.5em;}

.caselist ul li{padding: 0 0 0 25px; background-image: url('../images/tick.gif'); background-position: top left; background-repeat: no-repeat; font-size: .9em; margin: 0}

/* Quotes
-----------------------------------------------*/
blockquote {font-style: italic; padding: 12px; background-color: #f7f7f7; border-left: 6px  solid #beef47}
cite {float: right; font-size: .9em; font-style: normal; font-weight: bold}

q {}

/* Tables
-----------------------------------------------*/
table {margin: .5em auto 1.5em auto; width: 98%;}
	
	/* Thead */
	thead th {padding: .5em .4em; text-align: left;}
	thead td {}

	/* Tbody */
	tbody td {padding: .5em .4em;}
	tbody th {}
	
	tbody .alt td {}
	tbody .alt th {}
	
	/* Tfoot */
	tfoot th {}
	tfoot td {}

/* Layout
===============================================*/
.contents {margin: 0 auto; width: 960px;}
.contents:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

/* Header
-----------------------------------------------*/
#header {background: #fff url('../images/bg-header.gif') repeat-x bottom center;
	color: #484848;
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	padding: 20px 0 0 0;
}

	/* Logo */
	#logo {
		background: url('../images/logo-print-strategy.gif') no-repeat center center;
		float: left;
		height: 64px;
		margin: 0 0 10px 0;
		width: 266px;
		text-indent: -9999em;
	}
	
	#logo a {display: block; height: 100%; text-indent: -9999em;}
	
	/* Contact Info */
	#header .contact {color: #7d7b7b; float: right; margin: 0 0 10px 0;}
	#header .contact a:link, #header .contact a:visited {color: #7d7b7b;}
	
	#header .email {
		background: url('../images/icons/ico-mail.gif') no-repeat center left;
		margin-right: 15px;
		padding-left: 22px;
	}
	
	#header .contact img {margin-right: 2px; vertical-align: middle;}
	
	/* Menu */
	#nav {
		background: url('../images/bg-nav.jpg') no-repeat bottom left;
		clear: both;
		overflow: hidden;
		width: 100%;
	}
	
	#nav ul {float: left; list-style: none; margin: 0;}
	#nav ul.secondary {float: right;}
	
	#nav li {float: left; margin: 0 1px 0 0;}
	#nav .secondary li {margin: 0 0 0 1px;}
	
	#nav a:link, #nav a:visited {
		background: #717F68 url('../images/bg-tab.gif') repeat-x bottom center;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #ccc;
		color: #fff;
		display: block;
		float: left;
		font-weight: bold;
		height: 25px;
		line-height: 25px;
		padding: 0 14px;
	}
	#nav a:hover, #nav a:active {
		background: #515A4A;
		text-decoration: none;
	}
	
	#nav .secondary a:link, #nav .secondary a:visited {color: #bff048;}
	
	#nav .active a:link, #nav .active a:visited,
	#nav .active a:hover, #nav .active a:active {
		background: #fff;
		border: 1px solid #ccc;
		border-bottom: 1px solid #fff;
		color: #696969;
	}

#nav .active2 a:link, #nav .active2 a:visited,
	#nav .active2 a:hover, #nav .active2 a:active {
		background: #f7f7f7;
		border: 1px solid #ccc;
		border-bottom: 1px solid #f7f7f7;
		color: #696969;
	}

/* Body
-----------------------------------------------*/
#body {
	background: #f7f7f7 url('../images/bg-body.jpg') repeat-y center center;
	color: #484848;
}

#body .contents {
	background: url('../images/bg-content.jpg') no-repeat bottom left;
}

	/* Content */
	#content {
		float: left;
		padding: 20px 0 20px 1px;
		overflow: hidden;
		width: 708px;
			}
	

		/* Page Content */
		#page-content {color: #323232; padding: 30px 80px 30px 30px;}
	
	.whatnow { padding: 12px; background-color: #f7f7f7; border-left: 6px  solid #beef47; font-size: 1.1em; }
	
	/* Sidebar */
	#sidebar {
		background: url('../images/bg-sidebar.jpg') no-repeat top left;
		float: right;
		min-height: 100px;
		padding: 40px 0 25px 25px;
		width: 225px;
	}
	#sidebar h2 {text-transform: uppercase;}
	#sidebar ul {list-style: none; margin: 0 0 3em 0;}
	#sidebar ul li {margin-bottom: 2em;}
	#sidebar ul p {margin-bottom: .35em;}
	
		/* Nav */
		#sidebar .nav {
			background: url('../images/bg-hr.gif') repeat-x bottom center;
			font-family: GillSans, Calibri, Trebuchet, sans-serif;
			padding-bottom: 10px;
		}
		#sidebar .nav li {margin-bottom: 2em;}
		#sidebar .nav a {display: block; padding-left: 38px; position: relative;}
		#sidebar .nav a img {left: 0 !important; left: -38px; position: absolute; top: 0;}

/* Footer
-----------------------------------------------*/
#footer {background: url('../images/bg-footer.jpg') repeat-x center top; padding: 30px 0;}

#footer a:link, #footer a:visited {color: #fff;}

#footer ul {list-style: none; margin: 0;}

	/* Nav */
	#footer .nav {float: left; margin: 0 0 1.4em 0;}
	#footer .nav li {
		border-right: 1px solid #fff;
		float: left;
		height: 1.1em;
		line-height: 1.1em;
		margin: 0 .5em 0 0;
		padding: 0 .5em 0 0;
	}
	/*#footer .nav li:last-child {border: 0;}*/
	#footer .nav li.lastlist {border: 0;}
	#footer .nav li a {float: left; margin-top: -.1em;}
	
	/* About */
	#footer .about {float: right; margin-bottom: -1.4em; width: 200px;}
	
	/* Copyright */
	#footer .copy {clear: both; width: 100%;}
	#footer .copy a {text-decoration: none; color: #ccc}
	
/* Sections
===============================================*/
/* Homepage */
#page-content.homepage {text-align: center; padding: 30px 85px 30px 75px;}
.homepage .col1 {float: left; margin: 0 0 2em 0; width: 230px;}
.homepage .col2 {float: right; margin: 0 0 2em 0; width: 230px;}

.homepage p {clear: both;}


/* IMAGES
-----------------------------------------------*/
.imgleft{float: right; margin: 4px 6px 6px 6px}