/*
Master Stylesheet - Richard Geddes - DUSZA - May 2009

/*-------------------------------------------------------------------------------------------------------FOUNDATIONS
*/
* {
	margin: 			0;
	padding: 			0;
	border: 			0;
	outline: 			0;
}
body {
	background: 		#000;
	text-align:			center;
	font:				67.5% Arial, sans-serif;
}
div#wrapper {
	float:				left;
	width:				100%;
	background: 		#EA0001 url('../images/background.jpg') left top repeat-x !important;
	background: 		#EA0001 url('../images/background-ie.jpg') center top repeat-x; /* FIX IE */
	text-align:			center;
}
div#container {
	width:				960px;
	margin:				0 auto;
	text-align:			left;
	color:				#FFF;
	overflow:			visible !important;
	overflow:			hidden;
}
div#access {
	visibility:			hidden;
	height:				30px;
	margin-bottom:		-30px;
}

/*-------------------------------------------------------------------------------------------------------HEADER
*/
div#header {
	float:				left;
	width:				998px;
	height:				162px;
	background:			url('../images/header.jpg') left top no-repeat;
	margin-left:		-38px;
}
div#header a.logo {
	float:				left;
	width:				263px;
	height:				162px;
	text-indent:		-9999px;
	background:			url('../images/logo.jpg') left top no-repeat;
	margin:				0 0 0 98px;
}
div#header div.video {
	position:			absolute;
	top:				0;
	left:				50%;
	margin-left:		-34px;
	float:				left;
	width:				514px;
	height:				152px;
}

/*-------------------------------------------------------------------------------------------------------FORMS
*/
label, input, select, textarea, button, span.warning {
	margin:				2px 0 !important;
	font:				1em Arial, sans-serif;
}
input, select, textarea {
	width:				330px;
	padding:			5px;
	border:				1px solid #DDD;
}
form {
	float:				left;
	width:				440px;
	margin:				10px 0 10px 50px !important;
	margin:				10px 0 10px 25px; /* FIX IE */
	border:				1px solid #DDD;
	padding:			0 0 20px;
}
form ol, 
div#content div#main form ol {
	list-style-image:	none !important;
	list-style-type:	none !important;
	margin:				0 50px !important;
	margin:				0 25px; /* FIX IE */
	padding:			0 !important;
	width:				330px !important;
}
legend {
	text-indent:		-9999px;
}
div#content form p {
	margin:				10px 0 15px !important;
	color:				#111;
	font-size:			1.2em;
}
div#content div#rightCol form p {
	margin:				5px 0 !important;
}
label {
	margin:				2px 50px 0;
	font-size:			1.1em;	
}
label em {
	font-size:			0.8em;
}
div#rightCol form {
	float:				left;
	width:				auto;
	border:				none;
	margin:				0 0 12px !important;
}
div#rightCol input {
	border:				none;
	width:				auto;
	padding:			0 !important;
	margin:				0 0 0 5px !important;
}
div#rightCol form input#email {
	float:				left;
	width:				125px;
	margin:				5px 5px 0 0 !important;
	padding:			10px 5px 4px !important;
	border:				1px solid #5d5d5d;
	color:				#999;
}
div#content form p {
	float:				none;
	margin:				10px 0 15px 50px !important;
}
div#content p.error {
	color:				#CB0000 !important;
	font-weight:		bold;
}
div#content p.success {
	color:				#009900 !important;
	font-weight:		bold;
}
select {
	width:				342px;
}
em.warning {
	color:				#CB0000;
}
input:focus, select:focus, textarea:focus {
	border:				1px solid #999;
}
textarea {
	overflow:			auto;
}
span.warning {
	float:				left;
	clear:				left;
	margin:				2px 0 2px !important;
	padding:			0;
	color:				#CB0000;
	font-size:			1.1em !important;
}
label span.warning {
	font-size:			1em !important;
}
button {
	float:				left;
	font-weight:		bold;
	font-size:			0.9em;
	width:				auto;
	margin:				10px 50px 0 !important;
	text-transform:		uppercase;
	background:			#EA0000 !important;
	border:				1px solid #EA0000;
	color:				#FFF !important;
	cursor:				pointer;
	padding:			5px;
}
button:hover {
	background:			#CB0000 !important;
}

/*-------------------------------------------------------------------------------------------------------NAVIGATION
*/
ul#nav {
	float:				left;
	position:			relative;
	margin:				0 0 0 -1px;
}
ul#nav li {
	float:				left;
	border-left:		1px solid #393939;
	list-style-type:	none;
	margin:				5px 0 0;
}
ul#nav li.last {
	border-right:		0;
}
ul#nav li a {
	float:				left;
	font-size:			1.1em;
	color:				#FFF;
	text-decoration:	none;
	padding: 			15px 12px 9px;
	text-align: 		center;
	background:			transparent;
}
ul#nav li a:hover {
	color:				#EA0000;
	background:			transparent;
}
body#home ul#nav li a.nav_home,
body#about ul#nav li a.nav_about,
body#success-stories ul#nav li a.nav_success-stories, 
body#services ul#nav li a.nav_services,
body#resources ul#nav li a.nav_resources,
body#contact ul#nav li a.nav_contact {
	background:			#E90101;
	color:				#FFF !important;
}
body#services ul#nav li a.nav_services,
body#resources ul#nav li a.nav_resources,
body#contact ul#nav li a.nav_contact {
	background:			#DC0000;
}
body#success-stories ul#nav li a.nav_success-stories {
	background:			url('../images/success_stories_nav_bg.gif') right bottom no-repeat;
}
ul#nav li.subnav a:hover, 
ul#nav li.subnav.active, 
ul#nav li.subnav.active a {
	background:			#280000 !important;
}
ul#nav li.subnav ul {
	display:			none;
}
ul#nav li.subnav:hover ul, 
ul#nav li.subnav.active ul {
	display:			block;
}
ul#nav li.subnav ul {
	position:			absolute;
	top:				44px;
	float:				left;
	clear:				left;
	margin:				0;
	background:			#000;
	width:				200px;
	z-index:			9999;
}
ul#nav li.subnav ul li {
	position:			relative;
	float:				left;
	clear:				left;
	width:				200px;
	border:				0;
}
ul#nav li.subnav ul li a, 
ul#nav li.subnav.active ul li a {
	padding:			0 15px 5px;
	color:				#FFF !important;
	text-align:			left;
	background:			transparent !important;
}
ul#nav li.subnav ul li a:hover {
	color:				#EA0000 !important;
}
ul#nav li.subnav ul li.subsubnav ul {
	display:			none;
}
ul#nav li.subnav ul li.subsubnav:hover ul, 
ul#nav li.subnav ul li.subsubnav.active ul {
	display:			block;
}
ul#nav li.subnav ul li.subsubnav ul {
	top:				0;
	left:				0;
	margin:				-1px 0 -1px 142px;
}
div#content div#main ul#subnav {
	float:				left !important;
	float:				none; /* FIX IE */
	width:				600px;
	margin:				1px 0 20px 10px !important;
	margin:				1px 0 0 0; /* FIX IE */
	background:			#FFF;
}
div#content div#main ul#subnav li {
	float:				left;
	list-style-type:	none;
	list-style-image:	none;
	margin:				0;
	border:				1px solid #DDD;
	border-width:		0 1px 1px 0;
	font-size:			1em !important;
	background:			transparent;
	padding:			0;
}
div#content div#main ul#subnav li a, 
div#content div#main ul#subnav li h2 {
	float:				left;
	padding:			7px 10px;
	margin:				0;
	text-decoration:	none;
	color:				#050505;
}
div#content div#main ul#subnav li h2 {
	display:			none;
}
div#content div#main ul#subnav li a:hover, 
div#content div#main ul#subnav li a.active {
	color:				#EA0000;
}
div#content div#main ul#subnav li.extra a {
	padding-left:		30px;
	width:				180px;
}
form#siginin p {
	color:				#FFF;
}

/*-------------------------------------------------------------------------------------------------------CONTENT
*/
div#container p.head {
	float:				left;
	width:				200px;
	margin:				8px 0 0 0;
}
div#content {
	float:				left;
	width:				960px;
	overflow:			hidden; /* FIX IE */
	margin:				15px 0 0 0;
	background:			#000 url('../images/content_bg_top.gif') left top no-repeat;
}
div#content div#main {
	float:				left;
	width:				600px;
	background:			#FFF url('../images/main_bg.gif') left bottom no-repeat;
	color:				#000;
	padding-bottom:		18px;
	margin:				10px 1px 1px;
	overflow:			hidden; /* FIX IE */
}
div#content div#main div#leader {
	background:			#000 url('../images/page_title_bg.gif') left bottom no-repeat;
	color:				#FFF;
	padding:			30px 0 50px 40px;
	margin:				0 0 5px;
}
div#content div#main div#leader h1 {
	font-size:			2.2em;
	width:				525px;
	line-height:		1.2em;
	margin:				-4px 20px 0 12px !important;
	color:				#FFF;
}
div#content div#main div.video {
	float:				left;
	width:				530px;
	height:				316px;
	margin:				0 10px 10px 50px !important;
	margin:				0 10px 10px 25px; /* FIX IE */
}
div#content div#main div.video object {
	width:				530px;
	height:				316px;
}
div#content div#main div#intro {
	float:				left;
	width:				205px;
	margin:				0 10px 0 50px !important;
	margin:				0 10px 0 25px; /* FIX IE */
}
div#content div#main div#intro img {
	border:				1px solid #D4D4D4;
	width:				201px;
}
div#content div#main img.noborder, 
div#content div#main div#intro img.noborder {
	border:				0;
	width:				auto;
}
div#content div#main img.small {
	float:				left;
	display:			inline;
	margin:				0 10px 0 0;
}
div#content div#main div#intro ul.thumbs {
	list-style-image:	none !important;
	list-style-type:	none !important;
	width:				210px;
	margin:				0 !important;
}
div#content div#main div#intro ul.thumbs li {
	float:				left;
	width:				45px;
	padding:			0 7px 0 0 !important;
	padding:			0 5px 0 0; /* FIX IE */
	margin:				0 !important;
	cursor:				pointer;
}
div#content div#main div#intro ul.thumbs li img {
	width:				45px;
}
div#content div#main div.hr {
	float:				left;
	width:				200px;
	height:				1px;
	background:			#DDD;
	margin:				10px 0;
}
div#content div#main div.hr hr {
	display:			none;
}
div#content div#main div#intro p {
	float:				left;
	font-size:			1.3em;
	margin:				0 10px 10px 0;
	width:				200px;
}
div#content div#main p.quote {
	font-size:			1.5em;
	color:				#DE0000;
}
div#content div#main p.quote span {
	font-size:			2.2em;
	position:			absolute;
}
div#content div#main p {
	font-size:			1.1em;
	margin:				0 10px 10px 50px;
	line-height:		1.3em;
}
div#content div.page_video {
	float:				left;
	width:				580px;
	height:				326px;
	margin:				0 0 10px 40px !important;
	margin:				0 0 10px 20px; /* FIX IE */
}
div#content div#main a.page_download, 
div#content div#main a.page_video {
	float:				left;
	clear:				both;
	width:				528px;
	margin:				10px 0 0 50px !important;
	margin:				10px -90px 0 50px; /* FIX IE */
	padding:			20px 20px 40px 70px;
}
div#content div#main a.page_video {
	background:			url('../images/video-icon-large.gif') left top no-repeat;
}
div#content div#main a.page_download.pdf {
	background:			url('../images/pdf-icon-large.gif') left top no-repeat;
}
div#content div#main a.page_download.word {
	background:			url('../images/word-icon-large.gif') left top no-repeat;
}
div#content div#main p span.redText{
	color:				#EA0000;
}
div#content div#main h5 {
	color:				#EA0000;
	font-size:			1.4em;
	margin:				0 0 15px 0;
}
div#content div#main ul, 
div#content div#main ol {
	margin:				0 0 10px 72px !important;
	margin:				0 0 10px 50px; /* FIX IE */
	list-style-type:	none;
	list-style-image:	url('../images/tick.gif') !important;
	list-style-image:	none; /* FIX IE */
}
div#content div#main ul.half {
	margin:				0 0 10px 284px !important;
	margin:				0 0 10px 270px; /* FIX IE */
}
body#terms div#main ul, 
body#terms div#main ol,
body#privacy div#main ul,
body#accessibility div#main ul,
body#site-map div#main ul {
	width:				508px;
	margin:				10px 20px 10px 72px !important;
	margin:				10px 20px 10px 36px; /* FIX IE */
	list-style-image:	none;
}
body#site-map div#main ul li ul {
	margin:				5px 20px 5px 20px !important;
}
div#content div#main ul li {
	margin:				0 0 5px 0;
	font-size:			1.3em;
	line-height:		1.6em;
	font-weight:		bold;
	color:				#2F2F2F;
	padding:			0 !important;
	padding:			0 0 0 20px; /* FIX IE */
	background:			transparent !important;
	background:			url('../images/tick.gif') left 4px no-repeat; /* FIX IE */
}
div#content div#main ul.full li, 
div#content div#main ul.half li {
	padding:			0 20px 0 0 !important;
	padding:			0 20px; /* FIX IE */
}
body#terms div#main ul li, 
body#terms div#main ol li,
body#privacy div#main ul li,
body#accessibility div#main ul li,
body#site-map div#main ul li {
	font-size:			1.1em;
	line-height:		1.3em;
	font-weight:		normal;
	background:			transparent;
	list-style-type:	disc;
	list-style-image:	none;
}
div#content div#main a{
	color:				#DE0000;
	text-decoration:	none;
	font-weight:		bold;
}
body#site-map div#main ul li a {
	color:				#2F2F2F;
}
div#content div#main a:hover {
	text-decoration:	underline;
	color:				#DE0000;
}
div#content div#rightCol {
	float:				left;
	margin:				26px 10px 0 20px;
	width:				320px;
	overflow:			hidden; /* FIX IE */
}
div#content div#rightCol p.rightHeading {
	float:				left;
	font-size:			1.8em;
	line-height:		1.4em;
	color:				#A9A9A9;
	margin:				-6px 0 14px;
	width:				auto !important;
	width:				320px; /* FIX IE */
}
div#content div#rightCol p.rightHeading a{
	color:				#A9A9A9;
	text-decoration:	none;
	font-weight:		bold;
}
div#content div#rightCol p.rightHeading a:hover{
	text-decoration:	underline;
}
div#content div#rightCol div.hr {
	float:				left;
	width:				300px;
	height:				1px;
	background:			#5E5E5E;
	border-top:			1px solid #212121;
	margin:				0 0 10px 0;
}
div#content div#rightCol div.hr hr {
	display:			none;
}
div#content div#rightCol h4 {
	float:				left;
	font-size:			1.8em;
	margin:				0 0 10px;
}
div#content div#rightCol h4 img {
	margin:				0 -4px -14px !important;
	margin:				0 -4px -4px; /* FIX IE */
}
div#content div#rightCol p {
	float:				left;
	clear:				left;
	width:				auto !important;
	width:				320px; /* FIX IE */
	margin:				0 0 3px 0;
	font-size:			1em;
}
div#content p.storyTitle {
	float:				left;
	clear:				left;
	color:				#EA0000;
	font-size:			1.2em !important;
	font-weight:		bold;
	margin:				2px 0 5px 0 !important;
}
div#content p.storyTitle a {
	color:				#EA0000;
	text-decoration:	none;
}
div#content p.storyTitle a:hover {
	color:				#CB0000;
}
div#content p.snippet{
	font-size:			1.3em !important;
	font-weight:		bold;
	padding:			8px 10px 2px 0;
	position:			relative;
}
div#content p.snippet span {
	position:			absolute;
	top:				0;
	font-size:			2.4em;
}
div#content a.readMore {
	float:				left;
	clear:				left;
	color:				#FFF;
	text-decoration:	none;
	font-size:			0.9em;
	font-weight:		bold;
	margin:				0 0 5px 0;
	padding:			0 15px 0 0;
	background:			url('../images/small_arrow.gif') right top no-repeat;	
	height:				11px;
	width:				auto !important;
	width:				68px; /* FIX IE */
}
div#content div#baseSection a.readMore {
	clear:				none;
	margin:				0 0 5px 5px;
}
div#content a.readMore:hover {
	background-position:right -12px;
	color:				#EA0000;
}
div#content p.credit {
	font-weight:		bold;
	font-size:			1em !important;
	padding:			5px 0;
}
div#content h3 {
	font-size:			1.4em;
	color:				#DE0000;
	font-weight:		bold;
	margin:				5px 0 18px 50px;
}
body#terms div#content div#main h3, 
body#privacy div#content div#main h3, 
body#accessibility div#content div#main h3, 
body#site-map div#content div#main h3, 
body#error404 div#content div#main h3 {
	width:				550px;
	margin:				5px 0 18px 50px;
}
div#content div#rightCol h3, 
div#content div#baseSection h3 {
	float:				left;
	margin:				5px 0 18px;
	font-size:			1.8em;
	color:				#A9A9A9;
}
div#content a.viewAll {
	float:				left;
	height:				19px;
	color:				#FFF;
	text-decoration:	none;
	font-size:			1.2em;
	font-weight:		bold;
	padding:			3px 25px 0 0;
	background:			url('../images/view-all-arrow.gif') right top no-repeat;
}
div#content a.viewAll:hover {
	background-position:right -22px;
	color:				#EA0000;
}
div#content div#baseSection {
	float:				left;
	margin:				0 0 0 50px !important;
	margin:				0 -3px 0 25px; /* FIX IE */
	padding:			0 !important;
	padding:			0 0 15px; /* FIX IE */
}
div#content div#baseSection h3{
	width:				550px;
	margin:				0;
}
div#content div#baseSection img {
	float:				left;
	clear:				left;
	margin-right:		5px;
}
div#content div#baseSection div.resourceArticle {
	float:				left;
	width:				450px;
	margin:				10px 0 0 0;
}
div#content div#baseSection div.resourceArticle p {
	float:				left;
	font-size:			1.3em !important;
	width:				300px;
	margin:				2px 0 5px 5px;
	padding:			0;
}
div#content div#baseSection div.resourceArticle p.storyTitle {
	font-size:			1.2em !important;
}
div#content div#baseSection div.resourceArticle img {
	border:				2px solid #848484;
}
div#content div#baseSection div.hr {
	float:				left;
	width:				435px;
	height:				1px;
	background:			#5E5E5E;
	border-top:			1px solid #212121;	
	margin:				10px 0 0 0;
}
div#content div#baseSection div.hr hr {
	display:			none;
}
div#content div#baseSection a.viewAll {
	margin:				10px 0;
}
div#content h1, div#content h2, div#content h5, div#content h6, div#content p, 
div#content div.page ul, div#content div.page ol, 
div#content div.page dl {
	color:				#DE0000;
	margin:				10px 20px 10px 50px;
}
div#content h1 {
	font-size:			2em;
}
div#content p, div#content div.page ul, div#content div.page ol {
	font-size:			1.1em;
	color:				#FFF;
}
div#content div#main p{
	color:				#2F2F2F;
}
div#content div#main div.item {
	border-bottom:		1px solid #CCC;
	margin:				0 30px 15px 50px;
}
div#content div#main div.item a, 
div#content div#main div.item a  img {
	float:				left;
	clear:				left;
	margin:				0 5px 0 0;
}
div#content div#main div.item a  img {
	border:				1px solid #DDD;
}
div#content div#main div.item p {
	margin-left:		0;
}
div#content div#main div.item h2 {
	float:				left;
	clear:				left;
	width:				550px;
	margin:				10px 0;
	font-size:			1.5em;
}

/*-------------------------------------------------------------------------------------------------------FOOTER
*/

div#footer {
	float:				left;
	width:				910px;
	margin:				0 0 20px 0;
	padding:			40px 0 0 50px;
	font-size:			1em;
	background:			url('../images/content_bg_foot.gif') left top no-repeat;
}
div#footer p {
	float:				left;
	width:				350px;
}
div#footer p.wide {
	float:				right;
	width:				460px !important;
	width:				400px; /* FIX IE */
	margin-right:		65px;
}
div#footer ul{
	float:				left;
	clear:				left;
	width:				350px;
}
div#footer ul li {
	float:				left;
	display:			inline;
	margin:				0 2px 0 0;
}
div#footer a {
	color:				#FFF;
	text-decoration:	none;
}
div#footer a:hover {
	text-decoration:	underline;
}
div#footer ul li a {
	color:				#FFF;
	text-decoration:	none;
}
div#footer ul li a:hover {
	text-decoration:	underline;
}

/*-------------------------------------------------------------------------------------------------------CREDIT
*/

div#creditContainer {
	float:				left;
	width:				100%;
	background:			#000;
	padding-bottom:		60px;
}
div#credit {
	width:				860px;
	margin:				0 auto;
	color:				#333;
	text-align:			right;
	background:			#000;
}
div#credit p {
	float:				right;
	clear:				both;
	font-size:			0.9em;
}
div#credit a {
	display:			inline;
	color:				#333;
	text-decoration:	none;
}
div#credit a:hover {
	color:				#EA0000;
}
div#credit a.dusza {
	float:				right;
	clear:				both;
	width:				150px;
	height:				65px;
	text-indent:		-9999px;
	background:			url('../images/dusza.gif') left top no-repeat;
	margin:				0;
	text-align:			left;
}
div#credit a.dusza:hover {
	background-position:left bottom;
}