/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {
	margin:0;
	padding:0;
} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}

#wrap {
	background-color: #ffffff;
	background-image: url(../images/bg-midgradientbtm-fill.gif);
	background-position: center bottom;
	background-repeat: repeat-x;
}

body > #wrap {height: auto; min-height: 100%;}

#main {
	padding-bottom: 55px;
	height: 100%;
	background-color: none;
}  /* must be same height as the footer */

#footer {
	position: relative;
	margin-top: -55px; /* negative value of footer height */
	height: 55px;
	clear: both;
} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* framework styles */

#txCreative {
	text-align: center;
	padding: 8px 0px;
	height: 14px;
	color: #000000;
}
.txC {
	font-size: 10px;
	line-height: 13px;
	font-weight: 300;
}
a.txCreative {
	color: #000000;
	text-decoration: none;
}
a.txCreative:hover {
	color: #000000;
	text-decoration: underline;
}
.txCRed {
	color: #B00000;
}
.txCBlack {
	color: #000000;
}

body,td,th {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: 300;
	font-size: 12px;
	color: #000000;
}
body {
	margin: 0px;
	padding: 0px;
}

a:link {
	color: #AD312A;
	text-decoration: none;
	font-weight: 500;
}
a:visited {
	color: #AD312A;
	text-decoration: none;
	font-weight: 500;
}
a:hover {
	text-decoration: underline;
	color: #000000;
}
a:active {
	color: #AD312A;
	text-decoration: underline;
}
#footer a:hover {
	text-decoration: none;
	border-bottom: 1px dotted #000000;
}
#footer a:active {
	text-decoration: none;
	border-bottom: 1px dotted #000000;
}
p {
	line-height: 28px;
	font-size: 12px;
	font-weight: 400;
	color: #000000;
	padding: 13px 0px 8px 0px;
}
h1 {
	color: #8c8c8c;
	font-size: 28px;
	font-weight: 100;
	margin: 0px;
	padding: 8px 0px 4px 0px;
	line-height: 42px;
}
h1.tagline {
	color: #8c8c8c;
	font-size: 18px;
	font-weight: 100;
	margin: -8px 0px 0px 0px;
	padding: 0px 20px;
	line-height: 22px;
}
h2 {
	font-size: 20px;
	font-weight: 300;
	color: #000000;
	padding: 13px 0px 8px 0px;
}
h3 {
	font-size: 14px;
	color: #444444;
	margin-bottom: 0px;
	padding: 13px 0px 4px 0px;
}
h4 {
	font-size: 13px;
	line-height: auto;
	font-weight: 400;
	color: #000000;
	padding: 8px 0px;
}
h5 {
	font-size: 10px;
	font-weight: 400;
	color: #555555;
}
h6 {
	font-size: 10px;
	color: #000000;
	font-weight: 400;
	line-height: 20px;
}
ol, ul {
	margin: 0;
	line-height: 20px;
	padding: 0px 30px;
}
li {
	padding: 4px auto;
}

#navHolder {
	float:right;
	width: auto;
}
#navHolder ul {
	list-style-position: outside;
	list-style-image: none;
	list-style-type: none;
	padding: 0px;
	font-size: 18px;
	color: #8c8c8c;
	width: auto;
	letter-spacing: .04em;
}
#navHolder ul li#navLink ul {
	list-style-position: outside;
	list-style-image: none;
	list-style-type: none;
	padding: 13px 11px 3px 11px;
	font-size: 13px;
	color: #8c8c8c;
	background-color: #000000;
	margin-left: -11px;
	width: auto;
	letter-spacing: .02em;
}
#navHolder li {
	float: left;
	padding: 0px;
	color: #e0e0e0;
	width: auto;
}
#navHolder li#navLink li {
	float: none;
	padding: 3px 0px 8px 0px;
	color: #e0e0e0;
	width: auto;
}

#navDot a {
	color: #8c8c8c;
	font-weight: 100;
}
#navHolder li#navDot {
	display: block;
	width: 1px;
	margin: 0px 13px;
}

#navHolder ul li#navLink {
	color: #e0e0e0;
	font-weight: 100;
	width: auto;
	border-left: 1px solid #5d5d5d;
	padding: 0px 13px;
}
#navHolder ul li#navLink a {
	color: #e0e0e0;
	font-weight: 100;
	width: auto;
	border-bottom: 0px none;
}
#navHolder ul li#navLink.homeLink {
	border-left: 0px none;
}
#navHolder ul li#navLink.homeLinkselected {
	border-left: 0px none;
	color: #8c8c8c;
}
#navHolder ul li#navLink a:hover {
	color: #bf382e;
}

#navHolder ul li#navLink.selected a {
	color: #8c8c8c;
}
#navHolder ul li#navLink.homeLinkselected a {
	border-left: 0px none;
	color: #8c8c8c;
}
#navHolder ul li#navLink.selected li#navsubLink a {
	color: #8c8c8c;
	font-weight: 300;
	width: auto;
	border-bottom: 0px none;
}
#navHolder ul li#navLink.selected li#navsubLink a:hover {
	color: #bf382e;
}
#navHolder ul li#navLink.selected li#navsubLink.selected a {
	color: #e0e0e0;
}
#navHolder ul li#navLink li#navsubLink {
	color: #8c8c8c;
	font-weight: 300;
	width: auto;
}
#navHolder ul li#navLink li#navsubLink a {
	color: #8c8c8c;
	font-weight: 300;
	width: auto;
	border-bottom: 0px none;
}
#navHolder ul li#navLink li#navsubLink a:hover {
	color: #bf382e;
}
#navHolder ul li#navLink li#navsubLink.selected a {
	color: #e0e0e0;
}

#nav_853747 a {
width:auto !important;
}

#nav1 a {
	display: block;
}
#nav1 a:hover {
}
#nav1 a.active {
}

#footernavHolder {
	float:right;
	text-align: right;
	padding: 0px;
}
#footernavHolder ul {
	list-style-position: outside;
	list-style-image: none;
	list-style-type: none;
	padding: 0px;
	font-size: 10px;
	color: #000000;
}
#footernavHolder li {
	display: inline;
}
#footernavHolder a {
	color: #ffffff;
	font-weight: 400;
}
#footernavHolder a.selected {
	color: #8c8c8c;
}
#footernavHolder li#navDot {
	width: 1px;
	margin: 0px 8px;
}

table.webform {
	margin: 20px auto;
	background-color: #fcfcfc;
	border: 1px dotted #8C8C8C;
}
table.webform tr td {
	padding: 5px 20px;
	font-size: 11px;
}
form {
	margin: 0px auto;
}
.req {
	color: #B00000;
}

#tableHolder {
	width: 100%;
	padding: 20px;
}

.sideNav {
	list-style-position: outside;
	list-style-image: none;
	list-style-type: none;
}
ul.sideNav a:link {
	text-decoration: none;
	font-weight: 300;
}
ul.sideNav a:visited {
	text-decoration: none;
}
ul.sideNav a:hover {
	text-decoration: none;
	border-bottom: 1px dotted ;
}
ul.sideNav a:active {
	text-decoration: none;
}

#sidebar ul {
	list-style-position: outside;
	list-style-image: none;
	list-style-type: none;
}
#sidebar ul a:link {
	text-decoration: none;
	font-weight: 300;
}
#sidebar ul a:visited {
	text-decoration: none;
}
#sidebar ul a:hover {
	text-decoration: none;
	border-bottom: 1px dotted ;
}
#sidebar ul a:active {
	text-decoration: none;
}

img {
	border: 0px;
	border-style: none;
}

.footer {
	text-align: center;	
}
.description {
	padding: 8px 0px;
}
span.pagination a {
	padding: 0px 8px;
}
blockquote {
	margin: 20px 0px;
	padding: 15px 15px 30px 25px;
	width: 48%;
	background-color: #fcfcfc;
	border-top: 1px dotted #5c5c5c;
	border-right: 1px dotted #cccccc;
	border-bottom: 1px dotted #5c5c5c;
	border-left: 1px dotted #cccccc;
}
ul.listBox {
	background-color: #faf9f5;
	padding-top: 20px;
	padding-bottom: 20px;
}
.moduleFooter {
	padding: 20px 0px;
}
hr {
	color: #F2F2F2;
}
div.faq-details {
	padding: 13px 0px;
}
.odd {
   background: #faf9f5;
}
div.answer #tableHolder {
	padding: 0px;
}
#header {
	width:100%;
	background-color: #000000;
	background-image: url(/images/bg-headershadow-fill.gif);
	background-position: center bottom;
	background-repeat: repeat-x;
	height: 100px;
	min-width: 955px;
}
#logoBox {
	float:left;
	width:330px;
	height: 80px;
}
#navBox {
	float:right;
	padding: 20px 20px 0px 0px;
	width: auto;
}
#contentBox {
	padding: 0px 80px 50px 50px;
	float: none;
	clear: both;
	margin: 0px auto;
	width: 850px;
}
#contentBox-portfolio {
	padding: 0px 50px 88px 50px;
	float: none;
	clear: both;
	margin: 0px auto;
	width: 880px;
}
#starBox {
	float:right;
	background-position: right bottom;
	background-image: url(/images/bg-star-crop.gif);
	background-repeat: no-repeat;
	width: 100%;
}
#topBox {
	float:right;
	width: 100%;
	background-position: center top;
	background-repeat: repeat;
	background-image: url(/images/px-black.gif);
}
#btmBox {
	float:right;
	width: 100%;
	background-position: center bottom;
	background-repeat: repeat;
	background-image: url(/images/px-red1.gif);
}
#mid {
	width:100%;
	min-width: 910px;
	height: 100%;
}
#mid1 {
	width:100%;
	min-width: 910px;
	height: 100%;
	background-image: url(../images/bg-midgradientbtm-fill.gif);
	background-position: center bottom;
	background-repeat: repeat-x;
	background-color: #ffffff;
}
#mid2 {
	background-color: #ad312a;
	clear: both;
	width:100%;
	background-position: center top;
	background-repeat: repeat-x;
	min-width: 980px;
	background-image: url(../images/bg-footshadowtop-fill.gif);
}
#footer {
	width:100%;
	background-color: #ad312a;
	min-width: 980px;
	background-position: center top;
	background-repeat: repeat-x;
	background-image: url(../images/bg-footshadowtop-fill.gif);
}
#featureBox {
	margin: 0px;
	padding: 0px 3px 20px 50px;
	float: left;
	width: 31%;
}
#contactBox {
	float: right;
	width: 180px;
	margin: 0px;
	padding: 0px 20px 20px 20px;
	text-align: right;
	clear: both;
}
#contentFooter {
	padding: 13px 50px 0px 50px;
	float: none;
	min-height: 280px;
	clear: both;
	width: 88%;
	margin: 0px auto;
}
/*#contentStar {
	margin: -50px 0px 0px 0px;
	padding: 0px 20px 0px 20px;
	float: right;
	width: 180px;
	text-align: right;
	height: 40px;
	clear: both;
	z-index: 101;
}*/
#contentStar {
	background-image:url(../images/bg-star-crop-trans.gif);
	background-position:10px 5px;
	background-repeat:no-repeat;
	clear:both;
	float:right;
	height:280px;
	margin:-265px 0 0;
	padding:0 20px;
	text-align:right;
	width:180px;
	z-index:101;
}

#footerBtm h6 {
	float:left;
	padding: 0px;
	line-height: 20px;
	color: #000000;
}
#footerBtm {
	height: 20px;
	padding: 15px 20px 10px 20px;
}
#footerBtm-index {
	padding: 15px 20px 10px 20px;
	background-color: #902821;
	height: 30px;
}
#mid2 p {
	color: #FFFFFF;
}
#mid2 p a {
	font-weight: 500;
	font-size: 13px;
	float: right;
	line-height: 20px;
	color: #000000;
}
#contentStar a {
	color: #ffffff;
	font-weight: 500;
	text-decoration: none;
}
#contactBox a {
	color: #FFFFFF;
	font-weight: 500;
	text-decoration: none;
}
#contentStar a:hover {
	border-bottom: 1px dotted #000000;
	text-decoration: none;
}
#contactBox a:hover {
	border-bottom: 1px dotted #000000;
	text-decoration: none;
}

#mid2 h4 {
	padding: 10px 0px;
	width: auto;
	float: right;
	clear: both;
}
blockquote.contentFooter {
	padding: 0px 100px 0px 50px;
	margin: 0px auto;
	width: 80%;
}
#contentHero {
	margin: 0px auto;
	background-color: #f5f5f5;
	text-align: center;
	width: 880px;
}
#contentStar h4 {
	padding: 233px 0px 0px 0px;
}
span.date {
	color: #b0b0b0;
}
.portfolioBox {
	background-color: #fcfcfc;
	border-top: 1px dotted #8c8c8c;
	border-bottom: 1px dotted #8c8c8c;
	margin: 10px auto 20px auto;
	min-height: 200px;
	height: auto !important;
	padding: 20px 5px 10px 20px;
}
#portfolioBox {
	padding: 20px;
	margin: 0px auto;
	/*width: 95%;*/
	min-height: 120px;
}
#portfolioBox-blackbg {
	padding: 20px;
	margin: 0px auto;
	width: 88%;
	min-height: 120px;
	background-color: ;
}

#portfolioBox-large {
	background-image: url(/images/bg-siteShadow.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#portfolioBox-small {
	background-image: url(/images/bg-siteShadow-sm.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding: 0px 10px;
	float: left;
	margin: 0px 50px 20px auto;
	width: 300px;
}

.portfolioBox h1 {
	margin: 0 0 8px 0;
	padding: 0px
}

.portfolioBox a:link {
	color: #AD312A;
}
.portfolioBox .portfolioCasestudy{
	height: auto !important;
	margin: 0 auto;
	width: 675px;
}
.portfolioBox .portfolioPreview {
	width: 400px;
	padding: 0px 0px 20px 0px;
	float: left;
	text-align: center;
}
.portfolioBox .portfolioPreview-sm {
	width: auto;
	padding: 0px;
	float: left;
	text-align: center;
	border: 5px solid #000000;
}
.portfolioBox .portfolioBrands-sm {
	width: auto;
	padding: 0px;
	float: left;
	text-align: center;
	background-color: #ffffff;
	height: 125px;
	margin:5px;
}
.portfolioBox .portfolioDetails {
	float: left;
	margin: 0px 0px 0px 40px;
	width: 400px;
}
.portfolioBox .portfolioDetails-sm {
	float: left;
	margin: 0px 0px 0px 30px;
	width: 244px;
}
.portfolioBox h2 {
	margin: 0px;
	padding: 10px 0px 0px 0px;
	color: #555555;
	font-weight: 100;
	letter-spacing: .02em;
}
.portfolioBox p {
	margin: 0px;
	padding: 8px 0px;
	line-height: 18px;
}
.portfolioBox ul {
	line-height: 13px;
}
.portfolioBox h5 {
	font-size: 11px;
	font-weight: 400;
	color: #555555;
	padding: 10px 0px;
	line-height: 18px;
}
.portfolioBox .portNav {
	padding:20px 0px 10px 0px;
	clear: both;
}
.portfolioBox .portNav-sm {
	padding:20px 0px 0px 0px;
	clear: both;
}
.portfolioBox a.imgPreview {
	border:0px none;
}
.portfolioBox a.imgGallery {
	border:0px none;
	display:none;
}
.portfolioBox a.btnCaseStudy {
	float:left;
	margin-right:2px;
	width:150px;
	height:30px;
	display:block;
	background-image:url(/images/btn-casestudy.gif);
	background-repeat:no-repeat;
	background-position:left top;
	border:0px none;
}
.portfolioBox a.btnCaseStudy:hover {
	background-image:url(/images/btn-casestudy-HOVER.gif);
	background-repeat:no-repeat;
	background-position:left top;
	border:0px none;
}
.portfolioBox a.btnLaunchSite {
	float:right;
	width:118px;
	height:30px;
	display:block;
	background-image:url(/images/btn-site.gif);
	background-repeat:no-repeat;
	background-position:left top;
	border:0px none;
	margin-left: 2px;
}
.portfolioBox a.btnLaunchSite:hover {
	background-image:url(/images/btn-site-HOVER.gif);
	background-repeat:no-repeat;
	background-position:left top;
	border:0px none;
}
.portfolioBox a.btnPreview {
	float:left;
	margin-right:2px;
	width:100px;
	height:30px;
	display:block;
	background-image:url(/images/btn-preview.gif);
	background-repeat:no-repeat;
	background-position:left top;
	border:0px none;
}
.portfolioBox a.btnPreview:hover {
	background-image:url(/images/btn-preview-HOVER.gif);
	background-repeat:no-repeat;
	background-position:left top;
	border:0px none;
}
.hiddenPreviews {
	display: none;
}
#imageHero {
	float: right;
	margin: 0px;
	padding: 20px 0px 80px 80px;
}
.portfolioBrandGallery {
}
.portfolioBrandGallery-icons {
}