/***************************/
/*		stickyStyles       */
/***************************/

* {margin:0;padding:0;} 

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

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

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

#stickyMain {
	padding-bottom: 150px;}  /* must be same height as the stickyFooter */

#stickyFooter {position: relative;
	margin-top: -150px; /* negative value of stickyFooter height */
	height: 150px;
	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 */

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

.answertextright {
	text-align:left;
}
.submit {
	background-image: url(images/submit.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 32px;
	width: 105px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: right;
	padding-top: 32px;
	font-size: 0px;
	text-indent: -9000px; text-transform: capitalize;
}
.submit:hover {
	background-image: url(images/submit.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 32px;
	width: 105px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: right;
}
.saveall {
	color: #fff;
	background-color:#ca171d;
	border: 1px solid #8d0308;
	font-weight: bold;
	width: 165px;
}
input.saveall:hover {
	color: #ca171d;
	background-color:#fff;
	border: 1px solid #8d0308;
	font-weight: bold;
	width: 165px;
}
.text {
	background-color:#F6F6EE;
	color:#363233;
}
.select {
	background-color:#EFEFEF;
	color:#555;
}
textarea {
	background-color:#f6f6ee;
	color:#363233;
	width:450px;
}
.clearall a:link {
	text-decoration:none;
	color:#555;
}
.clearall a:visited {
	text-decoration:none;
	color:#666;
}
.clearall a:active {
	text-decoration:none;
	color:#EEE;
}
.clearall a:hover {
	text-decoration:underline;
	color:#222;
}
.innergraph {
	background-color:EFEFEF;
	color:#777;
	font-family:arial;
	direction: ltr;
}
.array1 {
	background-color:#F6F6EE;
	color:#777;
}
.array2 {
	background-color:#EFEFEF;
	color:#777;
}
.questionhelp {
	font-style:italic;
}
.questiontext {
	font-family:verdana;
	font-weight:bold;
}
.warningjs {
	font-weight:700;
	color:RED;
}
.asterisk {
	color:red;
	font-family:verdana;
}
td.graph {
	padding-top: 1.2em;
	padding-right: 0%;
	padding-bottom: 1.2em;
	padding-left: 0%;
}
#progress-graph {
	line-height: 1.5em;
	width: 17em;
	font-size: 85%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0.2em;
	padding: 0.5em 0.5em 0.4em 1em;
	text-align: left;
	background-color:#c8171d;
	border: 1px solid #666;
}
.hide {
	font-weight: normal;
	position: absolute;
	top: -9999px;
	left: -9999px;
}
#progress-graph div.zero {
	width: 2.6em;
	margin-right: 0%;
}
#progress-graph div.graph {
	width: 10em;
	height: 1.5em;
	border: 1px solid #666;
	margin-top: -1.7em;
	margin-left: 2.6em;
	margin-right: 0%;
}
#progress-graph div.cent {
	width: 3em;
	margin-top: -1.5em;
	margin-left: 13.3em;
	margin-right: 0%;
}
.printouttable {
	width:100%;
}
.printouttable td {
	border-color:#fff #fff #ddf;
	border-style:solid;
	border-width:1px;
}
.printouttable td:first-child {
	background-color:#f5f5ed;
	font-weight:700;
	text-align:right;
	padding-right:5px;
	padding-left:5px;
}
.printouttitle {
	padding-right:5px;
	padding-left:5px;
}
.surveytitle {
	font-size:1.2em;
	height:1.5em;
	color: #ca161f;
}
.surveytitle:hover {
	background-color:#f5f5ed;
	color: #5f5659;
}
.languagechanger {
	font-size:1em;
}
.rank, .question {
	color:#777;
}
table.question {
	padding-top: 0px;
}
table.question tr.array1:hover, table.question tr.array2:hover {
	background-color:#f5f5ed;
}
/* -------------------------------------------------
   START: Question styles  ------------------------- */

/* =====================================
== Full list of question classes =======

 .boilerplate
,.numeric
,.choice-5-pt-radio
,.yes-no
,.gender
,.date
,.numeric-multi
,.numeric
,.list-radio
,.list-radio-flexible
,.list-with-comment
,.list-dropdown
,.list-dropdown-flexible
,.ranking
,.numeric-multi
,.language
,.multiple-opt-comments
,.multiple-short-txt
,.text-short
,.text-long
,.text-huge
,.numeric-multi
,.array-5-pt
,.array-10-pt
,.array-yes-uncertain-no
,.array-increase-same-decrease 
,.array-flexible-row 
,.array-flexible-column 
,.slider 
,.array-multi-flexi 
,.array-multi-flexi-text
,.array-flexible-duel-scale 
*/

/* - - -  - - -  - - -  - - - - - -  - - -  - - - -
   START: General list styles - - -  - - -  - - - - */
 .choice-5-pt-radio ul, .list-radio-flexible ul, .list-radio ul, .list-with-comment ul, .multiple-opt ul, .multiple-opt-comments ul, .multiple-short-txt ul, .numeric-multi ul, .yes-no ul, .gender ul {
	margin-left: 0%;
	padding-left: 0%;
}
.choice-5-pt-radio li, .list-radio-flexible li, .list-radio li, .list-with-comment li, .multiple-opt li, .multiple-opt-comments li, .multiple-short-txt li, .numeric-multi li, .yes-no li, .gender li {
	list-style-type: none;
	text-align: left;
	margin: 0% 0% 0.5em 0.5em;
}
.numeric-multi ul.slider li {
	margin-left: 0.7em;
}
.choice-5-pt-radio li, .list-radio-flexible li, .list-radio li, .list-with-comment li, .yes-no li, .gender li {
	margin-left: 2em;
	text-indent: -2em;
}
/* END:  General list styles - - - -  - - -  - - - -
- - - - -  - - -  - - -  - - - - - -  - - -  - - - - */


/* STYLES NOT YET DEFINED - - - - -
.boilerplate {}
*/

 .choice-5-pt-radio ul, .yes-no ul, .gender ul {
	text-align: left;
	margin-left: 12px;
	padding-left: 12px;
}
.choice-5-pt-radio ul li, .yes-no ul li, .gender ul li {
	display: inline;
	padding: 0% 2em 0% 0%;
	margin-left: 0%;
}
/* STYLES NOT YET DEFINED - - - - -
.date {}
*/
.date p.question {
	margin-left: 1em;
}
.date p.question select.day {
}
.date p.question select.month {
}
.date p.question select.year {
}
.date p.tip, .numeric-multi p.tip, .numeric p.tip {
	margin-left: 1.5em;
	font-size: 80%;
	font-style: italic;
	line-height: 150%;
}
.numeric p.question {
	margin-left: 1em;
}
.numeric-multi p.tip.error, .numeric-multi input.tip.error {
	color: #f70;
	font-weight: bold;
}
.numeric-multi p.tip.good, .numeric-multi input.tip.good {
	color: #090;
	font-weight: bold;
}
/* DEFINED ABOVE UNDER "General list styles" - - - - -
.list-radio-flexible
.list-radio
*/

  ul.cols-2, table.cols-2, ul.cols-3, table.cols-3, ul.cols-4, table.cols-4, ul.cols-5, table.cols-5, ul.cols-6, table.cols-6, ul.cols-7, table.cols-7, ul.cols-8, table.cols-8 {
	width: 98%;
	margin: 0% auto 0% auto;
}
ul.cols-2 li, ul.cols-2-ul, ul.cols-3 li, ul.cols-3-ul, ul.cols-4 li, ul.cols-4-ul, ul.cols-5 li, ul.cols-5-ul, ul.cols-6 li, ul.cols-6-ul, ul.cols-7 li, ul.cols-7-ul, ul.cols-8 li, ul.cols-8-ul {
	float: left;
	padding: 0% 0.5em;
	white-space: normal
}
ul.cols-2 li, ul.cols-2-ul, table.cols-2 td {
	width: 47%;
}
ul.cols-3 li, ul.cols-3-ul, table.cols-3 td {
	width: 30%;
}
ul.cols-4 li, ul.cols-4-ul, table.cols-4 td {
	width: 22%;
}
ul.cols-5 li, ul.cols-5-ul, table.cols-5 td {
	width: 17%;
}
ul.cols-6 li, ul.cols-6-ul, table.cols-6 td {
	width: 15.5%;
}
ul.cols-7 li, ul.cols-7-ul, table.cols-7 td {
	width: 12%;
}
ul.cols-8 li, ul.cols-8-ul, table.cols-8 td {
	width: 10%;
}
.list-dropdown-flexible p.question {
	margin-left: 1em;
}
/* STYLES NOT YET DEFINED - - - - -
.list-dropdown {}
*/
.list-with-comment div.list {
	width: 47%;
	float: left;
	padding: 0.5em 0.5em 0.5em 0%;
}
.list-with-comment p.select {
	width: 47%;
	float: left;
	padding: 0.5em;
	margin: 0%;
}
.list-with-comment div.list p {
	margin: 0%;
	text-align: left;
}
.list-with-comment p.comment {
	margin: 0%;
	padding: 0.5em;
	text-align: left;
	float: left;
	width: 47%;
}
.list-with-comment p.comment textarea {
	width: 100%;
}
.ranking td.answer, .ranking td.rank {
	text-align: left;
}
/* DEFINED ABOVE UNDER "General list styles" - - - - -
.multiple-opt
*/

.language {
}
/* The following styles only apply to modern (relatively) complete CSS2 compliant browsers. (Not less than IE 8) */
.multiple-opt-comments ul {
	display: table;
	padding: 0%;
	margin: 1em 1em 1em 0.5em;
}
.multiple-short-txt ul {
	display: table;
	padding: 0%;
	margin: 1em;
}
.numeric-multi ul {
	display: table;
	padding: 0%;
	margin: 0% 1em 1.5em 0.7em;
}
.numeric-multi ul.computed {
	float:left;
	padding-right: 2em;
}
.numeric-multi ul.slider.computed {
	width: 18em;
}
.multiple-opt-comments ul li, .multiple-short-txt ul li, .numeric-multi ul li {
	display: table-row;
}
.multiple-opt-comments ul li span.option {
	padding: 0.3em 1em 0% 2em;
	text-indent: -2em;
	display: table-cell;
	vertical-align: baseline;
}
.numeric-multi ul li label {
	padding: 0.3em 1em 0% 0%;
	display: table-cell;
	vertical-align: baseline;
}
.multiple-short-txt ul li label {
	padding: 0.3em 1em 0% 0%;
	display: table-cell;
	vertical-align: middle;
}
.numeric-multi ul.computed li label .numeric-multi ul.slider.computed li label {
	padding-right: 0%;
}
.multiple-opt-comments ul li span.comment, .multiple-short-txt ul li span, .numeric-multi ul li span {
	padding: 0.3em 0% 0% 1em;
	display: table-cell;
	vertical-align: baseline;
	white-space: nowrap;
	font-size: 80%;
}
.numeric-multi div.multinum-slider {
	width: auto;
	float: left;
	margin-top: 1.5em;
	margin-bottom: 0.2em;
}
.numeric-multi ul.multiplenumerichelp.slider {
	display: table;
}
.numeric-multi ul.multiplenumerichelp.slider li {
	display: table-row;
}
.numeric-multi ul.multiplenumerichelp li label, .numeric-multi ul.multiplenumerichelp.slider li label {
	padding: 0.3em 0% 0% 0%;
	display: table-cell;
}
.numeric-multi ul.multiplenumerichelp li span, .numeric-multi ul.multiplenumerichelp.slider li span {
	padding: 0% 0% 0% 0.5em;
	display: table-cell;
}
.numeric-multi ul.multiplenumerichelp span input {
	border: none;
	background-color: #f5f5ed;
	padding: 0%;
	width: 7em;
}
.text-short input, .text-short textarea, .text-long textarea, .text-huge textarea {
	margin-left: 1em;
}
.multiple-short-txt textarea {
	width:130px;
}
/* STYLES NOT YET DEFINED - - - - -
.yes-no {}
.gender {}
*/

 .array-5-pt thead th, .array-10-pt thead th, .array-yes-uncertain-no thead th, .array-increase-same-decrease thead th, .array-flexible-row thead th, .array-increase-same-decrease thead th, .array-flexible-row thead th, .array-multi-flexi thead th, .array-multi-flexi-text thead th, .array-flexible-duel-scale thead th, .array-flexible-column thead th, table.question .repeat th {
	text-align: center;
	vertical-align: bottom;
	font-weight: normal;
}
.array-5-pt .question td, .array-10-pt .question td, .array-yes-uncertain-no .question td, .array-increase-same-decrease .question td, .array-flexible-row .question td, .array-increase-same-decrease .question td, .array-flexible-row .question td, .array-multi-flexi .question td, .array-multi-flexi-text .question td, .array-flexible-duel-scale .question td, .array-flexible-column .question td {
	text-align: center;
}
.array-5-pt tbody th.answertext, .array-10-pt tbody th.answertext, .array-yes-uncertain-no tbody th.answertext, .array-increase-same-decrease tbody th.answertext, .array-flexible-row tbody th.answertext, .array-increase-same-decrease tbody th.answertext, .array-flexible-row tbody th.answertext, .array-multi-flexi tbody th.answertext, .array-multi-flexi-text tbody th.answertext, .array-flexible-duel-scale tbody th.answertext, .array-flexible-column tbody th.arraycaptionleft {
	text-align: right;
	font-weight: normal;
}
.array-flexible-row tbody th.answertextright, .array-flexible-duel-scale tbody th.answertextright {
	text-align: left;
	font-weight: normal;
}
/*
.array-increase-same-decrease {}
.array-flexible-row {}
.array-flexible-column {}
.slider {}
.array-multi-flexi {}
.array-flexible-duel-scale {}
*/

.array-flexible-column col.odd {
	background-color: #f5f5ed;
}
/* Jquery CSS
 */
/** UI Base **/
.ui-wrapper {
	border: 1px solid #50A029;
}
.ui-wrapper input, .ui-wrapper textarea {
	border: 0;
}
/************** Progress bar ********************/

#progress-wrapper .ui-widget-header {
	background-color:#C72127;
}
/************** Slider ********************/ 

.numeric-multi label.slider-label {
	display: table-cell;
	padding:0 1em 0 0;
	margin-top: 1.4em;
	vertical-align: middle;
	color: #000;
}
.ui-slider-disabled .ui-slider-handle {
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.ui-slider-1 {
	width: 200px;
	position: relative;
	height: 10px;
}
.slider_callout {
	height: 20px;
	width: 100px;
	overflow: hidden;
	position: absolute;
	top: -17px;
	margin-left:-3px;
	color: #284a6e;
	font-size: 0.75em;
	font-weight: bold;
	text-align: left;
}
.slider_showmin {
	float: left;
	width: 50px;
	margin: 13px 0 0 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: normal;
	color: #666666;
	text-align: left;
}
.slider_showmax {
	float: right;
	width: 50px;
	margin: 13px 0 0 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: normal;
	color: #666666;
	text-align: right;
}
.slider_lefttext {
	display: table-cell;
	padding-top: 1.5em;
	padding-right: 7px;
	vertical-align: top;
	text-align: right;
	font-size: 0.9em;
}
.slider_righttext {
	display: table-cell;
	padding-top: 1.5em;
	padding-left: 9px;
	vertical-align: top;
	font-size: 0.9em;
}
#tokenform {
	margin-top:1em;
}
#tokenform input {
}
#tokenform label {
	float: left;
	width: 20em;
	margin-right: 0.5em;
	text-align: right;
}
#tokenform li {
	padding-bottom:5px;
}
#tokenform img {
	margin-bottom:-5px;
	margin-right: 5px;
}
p#tokenmessage {
	margin:20px;
}
p#tokenmessage {
	margin:20px;
	text-align:center;
}
div#wrapper {
	width:600px;
	margin:0 auto;
}
#tokenform input.submit {
	margin-left:18em;
	margin-top:1em;
	margin-bottom:1em;
}
#statsContainer {
	width:80%;
	margin:0 auto;
	background-color:#f5f5ed;
	padding: 0px;
	min-width: 690px;
}
#statsHeader {
	color:#000000;
	text-align:center;
	padding: 10px 0px;
	height:100px;
	width: 166px;
	background-image: url(logo-artizan.png);
	background-repeat: no-repeat;
	background-position: 35px 18px;
}
.statsSurveyTitle {
	text-align:center;
	font-size:1.5em;
	font-weight:bold;
	padding: 25px 0px 0px 0px;
	width:90%;
	text-align:left;
	margin: 0px auto;
	color: #666666;
}
.statsNumRecords {
	font-size:.9em;
	width:90%;
	text-align:left;
	margin: 0px auto;
	color: #666666;
}
table.statisticstable {
	width: 90%;
	border: 0px solid;
	text-align:left;
	background-color:#f5f5ed;
	margin:0px auto;
	padding-bottom: 8px;
}
table.statisticstable td {
	padding-top: 4px;
	padding-bottom: 4px;
	border-bottom: 1px solid #CCC;
}
table.statisticstable img {
	margin:10px auto;
}
div.fieldSummary {
	font-size:.9em;
	padding: 10px 10px 4px 4px;
	display: block;
	text-align:left;
}
div.questionTitle {
	font-size:1.0em;
	padding: 20px 20px 20px 20px;
	font-weight: normal;
	background-color:#f5f5ed;
}
/**************Artizan****************/

/* 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 */
img {
	border:none;
}
html, body, #wrap {
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #dbd2b5;
	background-image: url(../images/bgd-tile.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
body > #wrap {
	height: auto;
	min-height: 100%;
}
#top-header {
	background-image: url(../images/sub-nav-bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 23px;
	background-color: #c12503;
	float: right;
	width: 44%;
	margin: 0px;
	padding: 0px;
}
.sub-nav {
	padding-left: 35px;
	font-weight: bold;
}
.sub-nav ul {
}
.sub-nav ul li {
	float: left;
	list-style-type: none;
	background-image: url(../images/arrow-smll-white.gif);
	background-repeat: no-repeat;
	background-position: left 9px;
	margin-left: 18px;
	padding-left: 10px;
}
.sub-nav ul li a {
	font-size: .75em;
	color: #FFFFFF;
	text-decoration: none;ne;
}
.sub-nav ul li a:hover {
	text-decoration: underline;
}
.header {
	margin-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	margin-top: 20px;
}
.logo {
	width: 300px;
	float: left;
	margin-top: -15px;
}
.nav {
	float: right;
	margin-top: 30px;
}
.nav li {
	float: left;
	list-style-type: none;
	margin-left: 50px;
}
.nav li a {
	display: block;
	font-size: 1.2em;
	padding-bottom: 40px;
	border-bottom-width: 6px;
	border-bottom-style: solid;
	border-bottom-color: #f6f4e6;
	text-decoration: none;
	list-style-type: none;
	color: #363233;
	font-weight: bold;
	letter-spacing: -.4pt;
}
.nav li a:hover, .nav li.selected a {
	border-bottom-color: #ca171e;
}
h1 {
	font-size: 2.8em;
	letter-spacing: -1.6pt;
	color: #363233;
}
h2 {
	font-size: 2.2em;
	letter-spacing: -.03em;
	color: #b60f22;
	line-height: 1em;
	margin-bottom: 14px;
}
h3 {
	font-size: 1.7em;
	letter-spacing: -1pt;
	color: #363233;
}
h4 {
	font-size: 1.5em;
	letter-spacing: -1pt;
}
h5 {
	font-size: 1.4em;
	letter-spacing: -.01em;
	margin-bottom: 8px;
}
h6 {
	font-size: 1.4em;
	letter-spacing: -.04em;
}
#main {
	background-image: url(../images/bgd-tile.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #dbd2b5;
	font-size: 1em;
	padding-bottom: 150px;
	width: 100%;
}  /* must be same height as the footer */
.container {
	width: 970px;
	margin-right: auto;
	margin-left: auto;
}
.foot-container {
	width: 970px;
	margin-right: auto;
	margin-left: auto;
}
#footer {
	position: relative;
	clear:both;
	background-color:#cbbfa2;
	padding-top: 45px;
	padding-bottom: 45px;
	height: 150px;
	display: block;
}
/* 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 */
.banner {
	margin-top: 25px;
	padding-bottom: 25px;
	border-bottom-width: 7px;
	border-bottom-style: solid;
	border-bottom-color: #b60f22;
}
.banner ul {
	float: left;
	width: 344px;
	padding-top: 30px;
	padding-bottom: 11px;
}
.banner ul li {
	background-image: url(../images/banner-btn-bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 49px;
	width: 344px;
	margin-bottom: 3px;
	list-style-type: none;
	padding-top: 30px;
	padding-right: 12px;
	padding-bottom: 12px;
	padding-left: 12px;
}
.banner-btn-img {
	float: left;
	background-image: url(../images/banner-btn-tn-bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 2px;
	margin-right: 20px;
	margin-top: -15px;
}
.banner ul li a {
	display: block;
	height: 25px;
	color: #6b5e56;
	text-decoration: none;
	font-size: 1.5em;
	letter-spacing: -1pt;
	font-weight: bold;
}
.banner ul li a:hover {
	color: #b60f22;
	background-image: url(../images/arrow-red2.gif);
	background-repeat: no-repeat;
	background-position: 310px 8px;
}
#apDiv1, #apDiv2, #apDiv3 {
	position:relative;
	height:0px;
	z-index:2;
	visibility: hidden;
	margin-left: 418px;
}
#apDiv4 {
	position:relative;
	height:0px;
	z-index:2;
	visibility: visible;
	margin-left: 418px;
	margin-top: -10px;
}
.home-roll-main {
	background-image: url(../images/home-roll-main.png);
	background-repeat: no-repeat;
	background-position: right top;
	height: 348px;
	margin-top: -14px;
}
.home-web-roll {
	padding-top: 27px;
}
.home-logo-roll {
	padding-top: 27px;
	background-image: url(../images/home-logo-roll-img.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 321px;
}
.home-ppt-roll {
	padding-top: 27px;
	background-image: url(../images/home-ppt-roll-img.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 321px;
}
.home-4-options {
	background-image: url(../images/home-options-bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	padding-top: 25px;
	padding-bottom: 55px;
}
.home-4-options ul li {
	text-align: center;
	float: left;
	list-style-type: none;
	background-image: url(../images/home-divider-line.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 20px;
	width: 205px;
	padding-left: 20px;
}
.home-4-options ul li.end {
	background-image: none;
	padding-right: 0px;
}
.home-4-options ul li a {
	text-decoration: none;
	color: #363233;
}
.home-4-options ul li a:hover {
	text-decoration: underline;
}
.option-txt {
	text-align: left;
	font-size: 0.85em;
	line-height: 1.3em;
	margin-top: 6px;
}
.red {
	color: #b60f22;
}
.column {
	float: left;
}
ul.social-media {
	margin-bottom: 8px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 15px;
}
ul.social-media li {
	list-style-type: none;
	float: left;
	margin: 0px;
	padding: 0px;
}
ul.social-media h2 {
	color: #FFFFFF;
	letter-spacing: -.02em;
	margin-left: 8px;
	font-size: 2.5em;
	padding: 0px;
	margin-bottom: -5px;
}
ul.social-media h5 {
	margin-left: 5px;
}
ul.social-media h5 a {
	color: #b60f22;
	margin-left: 7px;
	text-decoration: none;
	font-size: 0.8em;
	font-weight: bold;
}
ul.social-media h5 a:hover {
	text-decoration: underline;
}
.foot-nav {
	padding-right: 35px;
	padding-left: 15px;
}
.foot-nav li, .foot-nav-rt li {
	list-style-type: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: -1px;
	margin-left: 0px;
}
.foot-nav li.head a, .foot-nav-rt li.head a {
	font-size: 0.95em;
	font-weight: bold;
}
.foot-nav li a, .foot-nav-rt li a {
	text-decoration: none;
	font-size: 0.8em;
	color: #3c3327;
}
.foot-nav li a:hover, .foot-nav-rt li a:hover {
	text-decoration: underline;
	color: #b60f22;
}
.foot-nav-rt {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #847a61;
	padding-right: 35px;
	padding-left: 35px;
}
.news-signup {
	background-image: url(../images/news-signup-bgd.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 68px;
	width: 479px;
	padding-top: 26px;
	padding-left: 18px;
	padding-bottom: 28px;
	margin-top: -12px;
}
.news-signup li {
	float: left;
	margin-right: 10px;
	list-style-type: none;
}
.news-signup h4 {
	color: #6f523d;
	margin-left: 60px;
	margin-bottom: 12px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
}
.news-signup input {
	background-image: url(../images/input-bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	border: 1px solid #b38586;
	font-size: 14px;
	color: #6d5c62;
	padding-top: 4px;
	padding-right: 6px;
	padding-bottom: 5px;
	padding-left: 6px;
	width: 144px;
}
.news-signup input.btn {
	background-image: url(../images/btn-submit.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px;
	height: 28px;
	width: 92px;
}
.news-signup input.btn:hover {
	background-position: left bottom;
}
.contact {
	width: 230px;
	margin-right: 75px;
	margin-top: 10px;
}
.contact-phone {
	font-size: 1.3em;
	color: #363233;
	background-image: url(../images/ico-mobile.png);
	background-repeat: no-repeat;
	background-position: 7px top;
	padding-left: 50px;
	font-weight: bold;
	letter-spacing: -1pt;
	padding-bottom: 15px;
	padding-top: 8px;
	margin-left: 5px;
	margin-top: 20px;
}
.contact-email {
	font-size: 1.3em;
	color: #363233;
	background-image: url(../images/ico-envelope.png);
	background-repeat: no-repeat;
	background-position: 2px top;
	padding-left: 50px;
	font-weight: bold;
	letter-spacing: -1pt;
	padding-bottom: 15px;
	padding-top: 0px;
	margin-left: 5px;
	margin-top: 0px;
	margin-bottom: 20px;
}
.contact-text {
	font-size: .95em;
	line-height: 1.3em;
	color: #61574f;
}
.contact-text2 {
	font-size: .9em;
	line-height: 1.3em;
	color: #61574f;
	width: 140px;
	margin-top: 3px;
}
.quote {
	height: 358px;
	width: 602px;
	background-color: #ded6c3;
	border: 2px solid #FFFFFF;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 25px;
	padding-left: 20px;
	margin-top: 15px;
	margin-bottom: 15px;
}
.quote h6 {
	font-size: 1.1em;
	margin-top: 10px;
	margin-bottom: 3px;
	color: #363233;
	font-weight: normal;
}
.quote input {
	background-color: #f8f5ea;
	height: 22px;
	width: 254px;
	padding-top: 6px;
	padding-right: 6px;
	padding-left: 6px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 16px;
	color: #58534f;
	padding-bottom: 4px;
}
.quote input.btn {
	background-image: url(../images/btn-send.png);
	height: 32px;
	width: 72px;
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #e0dcc0;
}
.quote input.btn:hover {
	background-position: bottom;
}
.quote textarea {
	background-color: #f8f5ea;
	width: 280px;
	padding-top: 6px;
	padding-right: 6px;
	padding-left: 6px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 16px;
	color: #58534f;
	padding-bottom: 4px;
	margin-bottom: 20px;
	font-family: Arial, Helvetica, sans-serif;
}
.quote select {
	background-color: #f8f5ea;
	height: 31px;
	width: 267px;
	padding-top: 6px;
	padding-right: 6px;
	padding-left: 6px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 15px;
	color: #58534f;
	padding-bottom: 4px;
}
.column-lt {
	float: left;
	width: 300px;
}
.flt-rt {
	float: right;
	width: 300px;
	padding-top: 27px;
}
.column-left-pad {
	padding-left: 25px;
	margin-left: 25px;
	padding-top: 70px;
	background-color: #99FF00;
}
.map {
	background-image: url(../images/contact-map.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 720px;
}
.map h5 {
	font-size: 1.1em;
	letter-spacing: -1pt;
}
.map h6 {
	font-size: 1.1em;
	letter-spacing: -1px;
	margin-top: 20px;
	font-weight: normal;
}
.title {
	background-image: url(../images/black-line.gif);
	background-position: left center;
	background-repeat: repeat-x;
	margin-top: 20px;
	margin-bottom: 25px;
}
.title-flt {
	background-image: url(../images/beige-line.gif);
	background-repeat: repeat-x;
	background-position: left center;
	font-size: 1.7em;
	font-weight: bold;
	padding-right: 15px;
	letter-spacing: -1pt;
	color: #363233;
}
.contact-details {
	padding-bottom: 10px;
}
.banner-work {
	margin-top: 21px;
	padding-bottom: 0px;
}
.banner-approach-img {
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url(../images/approach.png);
	height: 275px;
}
.banner-blog-img {
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url(../images/blog.png);
	height: 275px;
}
.banner-work-img {
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url(../images/work.png);
	height: 250px;
}
.banner-work ul {
	padding-top: 20px;
	padding-bottom: 11px;
}
.banner-work-img ul li {
	background-image: url(../images/work-option-bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 66px;
	width: 289px;
	margin-bottom: 3px;
	list-style-type: none;
	padding-top: 30px;
	padding-right: 12px;
	padding-bottom: 12px;
	padding-left: 12px;
	float: left;
	margin-right: 14px;
}
.banner-work-img ul li.end {
	background-image: url(../images/work-option-bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 66px;
	width: 289px;
	margin-bottom: 3px;
	list-style-type: none;
	padding-top: 30px;
	padding-right: 12px;
	padding-bottom: 12px;
	padding-left: 12px;
	float: left;
	margin-right: 0px;
}
.banner-work-btn-img {
	float: left;
	background-image: url(../images/work-option-btn.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 3px;
	padding-right: 2px;
	padding-bottom: 1px;
	padding-left: 8px;
	margin-right: 0px;
	margin-top: -19px;
}
.banner-work ul li a {
	display: block;
	height: 64px;
	color: #6b5e56;
	text-decoration: none;
	font-size: 1.5em;
	letter-spacing: -1pt;
	font-weight: bold;
	float: right;
	padding-top: 3px;
	padding-right: 8px;
	width: 170px;
	text-align: right;
}
.banner-work ul li a:hover {
	color: #b60f22;
}
.work-piece {
	margin-top: 55px;
	margin-bottom: 45px;
	padding-bottom: 30px;
}
.work-piece-text {
	font-size: 0.8em;
	float: left;
	width: 256px;
	margin-right: 20px;
	line-height: 1.3em;
}
.work-piece-text h5 {
	font-size: 1.4em;
	letter-spacing: -.01em;
	margin-bottom: 22px;
	padding-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #352d29;
	margin-right: 50px;
	padding-top: 0px;
	text-transform: uppercase;
	color: #352d29;
	font-weight: normal;
}
.work-piece-text h6 {
	font-size: 1.1em;
	letter-spacing: -.02em;
	margin-top: 18px;
	padding: 0px;
	margin-bottom: 0px;
}
.work-piece-1, .work-piece-2 {
	float: left;
	background-image: url(../images/img-shadow.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-right: 7px;
	padding-bottom: 5px;
}
.work-piece-1 {
	margin-right: 12px;
}
.work-piece-text a:hover {
	color: #c42227;
}
.approach {
	margin-top: 25px;
	margin-bottom: 45px;
	padding-bottom: 30px;
}
.approach-text {
	font-size: 0.9em;
	float: left;
	width: 550px;
	margin-right: 35px;
	line-height: 1.3em;
}
.approach ul {
	margin-top: 12px;
}
.approach li {
	background-image: url(../images/red-arrow.png);
	background-repeat: no-repeat;
	background-position: left 7px;
	margin-left: 0px;
	padding-left: 16px;
	list-style-type: none;
	margin-bottom: 7px;
}
.approach-pic-1 {
	float: left;
}
/************************* New Survey Styles ************************************/
table {
	width: 970px;
}
.navigator {
	width: 970px;
	text-align: center;
	padding-top: 25px;
	padding-bottom: 25px;
}
/*.surveyname {
	color:#363233;
	font-size:2em;
	letter-spacing:-2px;
	line-height:1em;
}*/
.surveydescription {
	font-size:0.9em;
	color:#363233;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	line-height:1.3em;
	margin-bottom:4px;
	margin-left:0;
	margin-right:0;
	margin-top:0;
	padding-bottom:2px;
	padding-right:6px;
	padding-top:25px;
}
.welcomemessage {
	color:#52474A;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	line-height:1.5em;
	padding-bottom:15px;
	padding-right:0;
	padding-top:5px;
	margin: 0;
}
.therearequestions {
	color:#BF040B;
 	font-size:1.9em;
  	font-weight:bold;
	text-align:left;
}
.privacymessage {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	line-height:1.5em;
	font-style: italic;
	color: #363233;
	padding-right: 10%;
	padding-left: 10%;
	padding-top: 25px;
}
.questionblock {
	padding-bottom: 20px;
}
.questionhelp img {
	padding-right: 10px;
}

.q-code {
	color: #bf040b;
	font-size: 1.9em;
	font-weight: bold;
}
.q-heading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #363233;
}
#moveprevbtn {
	background-image: url(images/previous.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 32px;
	width: 105px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: left;
	font-size: 0px;
	text-indent: -9000px; 
	text-transform: capitalize;
	}
#moveprevbtn:hover {
	background-image: url(images/previous.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	}
#movenextbtn {
	background-image: url(images/next.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 32px;
	width: 105px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: right;
	font-size: 0px;
	line-height: 29px;
	display: block;
	padding-top: 20px;
	}
#movenextbtn:hover {
	background-image: url(images/next.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	}
.position  {
	text-align: right;
}
.answer {
	color: #363233;
}
textarea {
	height: 170px;
	width: 950px;
}
.clearall {
	display: none;
}
.surveylist {
	list-style-type: none;
	padding-top: 55px;
	padding-bottom: 45px;
}
#movesubmit {
	text-indent: -9000px; 
	text-transform: capitalize;
}