@charset "utf-8";
/* CSS Document for Marketing Engagement - screen */

/* Website Colours */
/* ----------------------------------------- 
	*/


/* RESET */
/* ----------------------------------------- */

/* Global reset */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
html, body { height: 100%;}
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }

/* Global reset-RESET */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none; border-bottom:0px; } /* Gets rid of IE's blue borders */

/* Extra layout stuff */
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* br class that clears floated columns */
div { position:relative; }
div.floatLeft {float:left;}
div.floatRight {float:right;}

/* TAGs */
body {
	background-color: #EAEAEA;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#555;
}
h1 { font-size: 20px;
	line-height:25px;
	 font-weight: normal;
	 color:#5c3811;
	 margin:0 0 5px 0;
	 padding:0;}
h2 { font-size:16px;
	line-height:22px;
	font-weight:normal;
	color:#36210A;
	margin:5px 0;
	padding:0;}
h3 { font-size:15px;
	 line-height:18px;
	 color:#36210A;
	 margin:5px 0;
	 padding:0;
	 font-weight:bold;}
h4 {font-size:14px;
	line-height:18px;
	font-weight:bold;
	color:#36210A;
	margin:10px 0 5px 0;
	padding:0;
	text-transform:uppercase;}
h5 {}

li, dt, dd, p { 
	line-height:1.5em;
	font-size:1em; 
}
ul, ol, dl {
	margin: 1.5em 0em 1.8em 1.5em;
}
p { margin-bottom: 1.5em; }
li {
	padding:2px 0 2px 5px;
	margin:0;
	list-style: disc url(../images/bullet.gif) outside;
}
a, a:link, a:visited { color:#FFFFFF; text-decoration:none;}
a:hover, a:active { color:#555; text-decoration:underline; }

hr { 
	border:0px; 
	height:1px; 
	background:#ccc;
	padding:0;
	margin:15px 0 10px 0;
}
::selection       { background:#e6e6e6; /* Safari and Opera */ }
::-moz-selection  { background:#e6e6e6; /* Firefox */ }

/* IDs */
#page-wrap { background:#231f20; width:970px; margin-left:auto; margin-right:auto; }
#header { margin:0px auto; width:960px;}
#questions { margin:0 0 0 0px auto; width:950px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF;background:#231f20; padding-left:20px;}
#iphone-campaign { background:#231f20; width:950px; height:250px; margin:0 0 0 0px; padding-left:20px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight:bold; color: #fff;}
#tophead { background:#231f20; width:950px; height:155px;margin:0 0 0 0px; padding-left:20px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight:bold; color: #fff;}
#thankyou2 { background:#231f20; width:950px; height:267px; margin:0 0 0 0px; padding-left:20px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight:bold; color: #fff;}


/**************/

/*** Footer ***/

/**************/

#enhancedFooter {position: relative; height:170px; width:950px; margin:0 auto; color:#fff; padding-left:20px; clear:left; background: #231f20; border-left:0px solid #A8A8A8; border-right:0px solid #A8A8A8; border-bottom:0px solid #A8A8A8;}

#enhancedFooter #footerTop {float:left; width:100%; color:#fff; clear:left; background:#231f20;}



#enhancedFooter ul {float:left; width:165px; height:130px; border-right:1px solid #aaaaaa; margin:0 15px 0 0;}

#enhancedFooter ul.ulFooterNarrow {width:160px;}



#enhancedFooter ul li {list-style-type:none; color:#fff; font-size:12px; line-height:18px; font-weight:bold; text-transform: capitalize;}

#enhancedFooter ul li.footer-head {color: #FEF102;}

#enhancedFooter ul li a {color:#fff; font-size:12px; font-weight:bold; text-transform: capitalize;}



#footerCopyright {position: absolute; right: 20px; bottom: 15px; color:#fff; font-size:11px;}



#footerBottom {margin: 0 auto; width:950px; padding: 25px 0 10px;}



.edit-check-list label {display:inline; float:none; width:120px; height:auto; line-height:14px; clear:none;}

.edit-check-list input {float:left; width:15px; height:15px; line-height:15px; margin-right:10px; vertical-align:middle;}





#articlePageContent .leadArticleContent {float: left; margin: 0 15px 15px 0; width: 328px;}

#articlePageContent .leadArticleContent .wp-caption {float: none; margin: 0 0 15px; width: 328px !important; border: 0;}

#articlePageContent .leadArticleContent img {width: 316px !important; border: 6px solid #464646;}

#articlePageContent .leadArticleContent #articleWidgets {float: none; margin: 10px 0 0; padding: 0; width: 328px;}





.widget_ci_gripgrins .archiveList {padding-top: 44px; background: url(../images/widget_gripgrins.png) no-repeat; border-top: 5px solid #464646;}

.widget_ci_gripgrins .archiveList li .ngg-gallery-thumbnail {float: left; width: 145px;}

.widget_ci_gripgrins .archiveList li .ngg-gallery-thumbnail img {margin: 0; padding: 0; width: 115px; height: 86px;}

.widget_ci_gripgrins .archiveList li p {display: inline-block; width: 170px;}

.widget_ci_gripgrins .archiveList li p.byLine {font-style: italic;}

.widget_ci_gripgrins .widgetFooter {border-top: 0;}