/* --------------------------------------
   Global Styling
-------------------------------------- */

body {
	background: #000 url('../i/') left bottom repeat-x;
	background-attachment: fixed;
	color: #fff;
	font: 0.833em/18px Arial, Verdana, Helvetica, sans-serif;
}

/* Print Only */
.print-only
{
    display: none !important;
}

/* Headings */
h1, h2, h3, h4, h5 { font-weight: normal; }
h1 { font-size: 2.5em; line-height: 1em; }
h2 { font-size: 2em; line-height: 1em; }
h3 { font-size: 1.5em; line-height: 1em; }
h4 { font-size: 1.255em; line-height: 1em; }
h5 { font-size: 1em; line-height: 1em; font-weight: bold; }

.home-mod { font-size: 1.255em; padding: 0px; margin: 0px; color: #fff; }

/* Anchors */
a, a:visited { text-decoration: none; color: #fff; }
a:hover { text-decoration: none; }
p a { z-index: 100; }

a.nucleus-blue:link { color: #2b94a0; text-decoration: underline; }
a.nucleus-blue:visited { color: #2b94a0; text-decoration: underline; }
a.nucleus-blue:hover { color: #ac9543; text-decoration: underline; }

.nucleus-blue-feature { text-decoration: none; font-size: 15px; line-height: 17px; font-weight: bold; display: block; padding-bottom: 6px;  }
a.nucleus-blue-feature:link { color: #2b94a0; }
a.nucleus-blue-feature:visited { color: #2b94a0; }
a.nucleus-blue-feature:hover { color: #2b94a0; }

.nucleus-green-news { text-decoration: none; font-size: 15px; line-height: 17px; font-weight: bold; display: block; padding-bottom: 6px;  }
a.nucleus-green-news:link { color: #94bd59; }
a.nucleus-green-news:visited { color: #94bd59; }
a.nucleus-green-news:hover { color: #94bd59; }

.read-more { text-decoration: none; }
a.read-more:link { color: #ffffff; text-decoration: underline; }
a.read-more:visited { color: #ffffff; text-decoration: underline; }
a.read-more:hover { color: #ffffff; text-decoration: underline; }

/* Base margin */
#content p, #content blockquote, #content ul, 
#content ol, #content h1, #content h2, 
#content h3, #content h4, #content h5 { margin-bottom: 1em; }


/* ULs, OLs & LIs */
#content ul { margin-left: 3em; }
#content ul li { list-style: disc; }

#content ol { margin-left: 3em; }
#content ol li { list-style: decimal; }

/* Blockquote */
blockquote { width: 75%; margin-left: 10%; padding: 10px; background-color: #ccc; quotes: "\201C" "\201D"; }
blockquote:before { content: open-quote; font: bold 20px/12px Georgia, "Times New Roman", Times, serif; } 
blockquote:after { content: close-quote; font: bold 20px/12px Georgia, "Times New Roman", Times, serif; } 

/* Other styles */
small { font-size: 80%; }

/* Classes */
.right { float: right; }
.left { float: left; }
img.right { float: right; margin: 0 0 0 10px; }
img.left { float: left; margin: 0 10px 0 0; }
p img.right { float: right; margin: 0 0 10px 10px; z-index: 100; }
p img.left { float: left; margin: 0 10px 10px 0; z-index: 100;}
.last { border: 0!important; margin-right: 0!important; margin-bottom: 0!important; }
.error { background-color: #d5a2a2; color: #fff; border: 1px solid #c38e8e; }
.tleft { text-align: left; }
.tright { text-align: right; }
.tcenter { text-align: center; }
.formerror { background: #fff  url('../i/icon-formerror.gif') left center no-repeat; border: none!important; font-size: 0.91em; color: #447094; display: inline-block; margin-top: 1px; padding: 0.1em 0.95em 0.1em 2em!important; }
.nomarg { margin: 0!important; }
div.hr { width: 100%; height: 1px; border-top: 1px solid #eeeeef; margin-bottom: 1em; clear: both; }
div.clear { clear: both; }
.red { clear:all; color: #CC0000; }
.content-regress { color: #a3a3a3; }
.content-regress-side { color: #a3a3a3; font-size: 11px; line-height: 15px; }
.opener { font-size: 20px; line-height: 26px; }
.side-heading { font-size: 17px; line-height: 22px; color: #ac9543; }
.sub-heading { font-size: 17px; line-height: 22px; color: #94bd59; }

.logo-row { clear: both; margin-bottom: 18px; margin-top: 25px; display: block; height: 98px; }
.logo-container { width: 90px; height: 90px; float: left; font-size: 11px; color: #a3a3a3; margin-right: 18px; }
.logo-frame { border: 1px solid #2b2b2b; background: #fff; margin-bottom: 4px; }
.logo-row .last { margin-right: 0px !important; }

/* --------------------------------------
   Center Wrap Section
-------------------------------------- */

#center {
	width: 999px;
	margin: 0 auto;
}

/* --------------------------------------
   PNG Fix
-------------------------------------- */
img {
	_behavior: url(/lpwarren/css/iepngfix.htc); /* must be absolute URL, blank.gif must be next to iepngfix.htc */
}

/* --------------------------------------
   Header Section
-------------------------------------- */

#header {
	background: #000000 left top no-repeat;
	height: 121px;
	padding: 0px;
	margin-bottom: 0px;
}

#logo
{
	top: 0px;
	float: left;
}

#logo,
#logo a {	
    width: 208px;
	height: 121px;
	display: block;
	color: #fff;
	font-size: 20px;
	text-decoration: none;
}

#logo span {
	background-image: url('../i/nucleus-digital-strategy-logo.gif');
}

/* --------------------------------------
   Container Template
-------------------------------------- */

#content {
	background: #000 url('../i/bg-ferris-wheel.jpg') left top no-repeat;
	padding: 30px;
	padding-bottom: 0px;
	width: 938px;
}

#content-sub1 {
	background: #000 url('../i/bg-roller-coaster.jpg') left top no-repeat;	
	padding: 30px;
	padding-bottom: 30px;
}

#content.sub1 {
	background-image: url('../i/bg-roller-coaster.jpg');
	padding-bottom: 30px;
}

#intro {
	padding: 30px 17px 17px 17px;
	color: #000;
}

#intro-sub {
	padding: 56px 17px 17px 17px;
	margin-bottom: 22px;
	color: #000;
}

#home-feature { clear: both; display: block; height: 111px; padding-bottom: 17px; }
#home-feature-thumb { padding-right: 17px; float: left; }
#home-feature-text { width: 135px; float: right; font-size: 11px; line-height: 15px; }

#home-news { clear: both; display: block; padding-bottom: 17px; }
#home-news-text { font-size: 11px; line-height: 15px;
}

/** 1 Column Layout **/
.one-column {
	background: #000;
	padding: 30px;
	width: 878px;
}

#one-column-feature { clear: both; display: block; height: 111px; width: 878px; padding-bottom: 17px; }
#one-column-thumb { padding-right: 17px; float: left; width: 263px; }
#one-column-text { float: right; width: 598px; height: 111px; }

/** 2 Column Layout **/
.two-columns {
	clear: both;
	margin-top: 40px;
	width: 878px;
}

.two-columns .left-column,
.two-columns-left {
	width: 556px;
	float: left;
	margin-right: 22px;
	background: #000;
	padding: 30px;
}

.two-columns .right-column,
.two-columns-right {
	width: 263px;
	float: right;
	background: #000;
	padding: 17px;
	padding-top: 30px;
	-moz-opacity:.90;
	filter:alpha(opacity=90);
	opacity:.90;
}

/** 3 Column Layout **/
.three-columns {
	clear: both;
	margin-top: 40px;
	width: 935px;
}

.home-column-left {
	width: 297px;
	float: left;
	margin-right: 22px;
}

.home-column-mid {
	width: 297px;
	float:left;
	margin-right: 22px;
}

.home-column-right {
	width: 297px;
	float: right;
}

.home-column-header {
	width: 263px;
	background: #000;
	padding: 17px;
	-moz-opacity:.90;
	filter:alpha(opacity=90);
	opacity:.90;
}

.home-column-content {
	background: #000;
	padding: 17px;
	width: 263px;
}


/* --------------------------------------
   Content Styles
-------------------------------------- */

#content h1 {
	font-size: 1.5em;
	line-height: 1.4em;
}

#content #intro-sub h1 {
	font-size: 2.5em;	
	line-height: 1em;
}

#content h2 {
	font-size: 15px;
	font-weight: bold;
	color: #94bd59;
	display: block;	
}

#content h3 {
	font-size: 17px; 
	line-height: 22px; 
	color: #AC9543;
	margin-bottom: 5px;
}

#content p {
	color: #a3a3a3;
}

#content ul, #content ol {
	color: #a3a3a3;
}

#content ul li, #content ol li {
	color: #a3a3a3;
}

/* --------------------------------------
   Sidebar styles
-------------------------------------- */

.side-mod {
	margin-bottom: 1.5em;
}

/* --------------------------------------
   Main Navigation Section
-------------------------------------- */

#main-navigation {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 1000;
	margin-right: 11px;
}

#main-navigation ul {
    float: right;
}

#main-navigation ul li {
    padding: 46px 10px 10px 10px;
	display: block;
	float: left;
	color: #fff;
}

#main-navigation ul li a, 
#main-navigation ul li a:visited {
	text-decoration: none;
	color: #ffffff;
	display: block;
	font-size: 1.1667em;
	padding-top: 10px;
}

#main-navigation ul li a:hover{
	text-decoration: none;
	color: #ffffff;
	border-top: 5px solid #2d2d2d;
	padding-top: 5px;
}

#main-navigation ul li.active {
	background: url('../i/bg-nav-selected.gif') left top repeat;	
}

#main-navigation ul li a:active,
#main-navigation ul li:active a,
#main-navigation ul li:active a:hover,
#main-navigation ul li.active a,
#main-navigation ul li.active a:hover{
	border-top: 5px solid #ac9542;
    padding-top: 5px !important;
}

/* --------------------------------------
   Secondary Navigation
-------------------------------------- */

#secondary-navigation {
    position: absolute;
    top: 84px;
	right: 0px;
	z-index: 1000;
	margin-right: 20px;
}

#secondary-navigation ul {
    float: right;
}

#secondary-navigation ul li {
    padding: 7px 0px 7px 18px;
	display: block;
	float: left;
	color: #fff;
	color: #fff;
}

#secondary-navigation ul li a, 
#secondary-navigation ul li a:visited {
	text-decoration: none;
	color: #ac9543;
	display: block;
	font-size: 1em;
}

#secondary-navigation ul li a:hover,
#secondary-navigation ul li:hover a,
#secondary-navigation ul li.hover a {
    text-decoration: none;
    color: #e2cf8c;
}

#secondary-navigation ul li.active a {
	font-weight: bold;
	color: #e2cf8c;
}

#secondary-navigation ul li a:active,
#secondary-navigation ul li:active a,
#secondary-navigation ul li:active a:hover,
#secondary-navigation ul li.active a,
#secondary-navigation ul li.active a:hover {
    color: #e2cf8c;
}


/* --------------------------------------
   Homepage Styles
-------------------------------------- */
#intro h2 { 
    font-size: 1.667em; line-height: 1.0833em; 
}



/* --------------------------------------
   Footer Section
-------------------------------------- */

#footer {
	height: 60px;
	color: #6c6c6c;
	font-size: 11px;
	padding-bottom: 30px;
}

#footer-left { float: left; width: 50%; }
#footer-right { float: right; width: 50%; text-align: right; }

a.footer:link { color: #6c6c6c; text-decoration: none; }
a.footer:link { color: #6c6c6c; text-decoration: none; }
a.footer:visited { color: #6c6c6c; text-decoration: none; }
a.footer:hover { color: #ffffff; text-decoration: none; }

.abn { color: #444444; }

#learn-more { margin-bottom: 16px;}
#learn-more ul li a.more { width: 245px; text-decoration: none; display: block; height: 16px }
#learn-more ul li a.more span { background-image: url('../i/digital-edge-learn-more.gif'); }
#learn-more ul li a.more:hover span { background-position: 0 -16px; }

/* --------------------------------------
   Form Styles
-------------------------------------- */

.form-item input, select {
	width: 260px;
	background: #2b2b2b;
	border: 1px solid #2b2b2b;
	color: #fff;
	padding: 5px;
	display: block;
}

.form-item-area {
	width: 400px;
	background: #2b2b2b;
	border: 1px solid #2b2b2b;
	color: #fff;
	padding: 5px;
	display: block;
	font-family: arial, verdana;
	height: 100px;
	overflow: hidden;
	font-size: 0.916em;
}

.form-row { clear: both; display: block; }
.form-left { float: left; padding-right: 10px; margin-bottom: 10px; }
.form-right { float: left; margin-bottom: 10px; }

.submit {
	text-align: left;
}

.form-item {
    padding-top: 10px;
}

.form-item label {
    display: inline-block;
	clear: both;
	margin-bottom: 0.2em;
	color: #A3A3A3;
}

.text input {
    width: 215px;
	padding: 3px;
	display: block;
	border: 1px solid #e9e9e9;
}

#submit-button { clear: both; margin: 20px 0 30px 0 }
#submit-button ul li a.submit { width: 48px; text-decoration: none; display: block; height: 18px }
#submit-button ul li a.submit span { background-image: url('../i/submit.gif'); }
#submit-button ul li a.submit:hover span { background-position: 0 -18px; }


.select select {
    width: 225px;
	padding: 3px;
	display: block;
	border: 1px solid #e9e9e9;
}

.required label {
}


/** image styling for input submit buttons **/

.submit input.image {
   background: none;
   height: 18px;
   width: 48px;
   border: none;
   margin: 0;
   background: transparent url('../i/submit.gif') left top no-repeat;
   text-indent: -1000px;
}

.submit input.image:hover,
.submit input.hover {
   background-position: left -18px;
   cursor: pointer;
}

input[type="submit"]:focus::-moz-focus-inner{ border-color:transparent!important } /** note: accessibility outline in firefox is removed here **/


/** error styling **/
input.error,
select.error,
textarea.error {
	border: 1px solid #6aa0cc;
	background-color: #e1effa;
	color: #000;
}

.form-item span {
	display: block;
	padding: 1px;
	border: 1px solid #ccc;
}

/* ACCESSIBLE IMAGE REPLACEMENT */

.image-replaced {
	position: relative;
	overflow: hidden;
}

a.image-replaced
{
	cursor: hand;
}

.image-replaced span {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background-color: transparent;
	background-position: left top;
	background-repeat: no-repeat;
}

.accessability, .accessibility {
	position: absolute !important;
	top: -1000em !important;
	left: -1000em !important;
}