/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:#e6ebee;
	text-align:center;
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea
	{
		font-family:Arial;
		font-size:0.75em;
		line-height:1.333em;
		color:#000000;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#497bae;}
a:hover{text-decoration:none;}
p {padding-top:15px;}

/* ============================= main layout ====================== */

li {background:url(../images/marker1.gif) no-repeat 0 9px; font-size:1.167em; line-height:1.857em; padding-left:14px;}
li a {color:#497bae;}

.imgindent {margin:0 20px 0 0; float:left;}
.imgindent2 {margin:0 5px 0 0; float:left;}

/* ============================= header ====================== */

#header .indent {padding:0 32px 0 40px;}

#header {background:url(../images/header-tail.gif) top repeat-x;}
#header .tail2 {background:url(../images/header-tail-right.gif) top repeat-x; position:absolute; right:0; width:50%; height:402px;}
#header .main {background:url(../images/header-bg.gif) no-repeat 0 0;}

#SearchForm {background:url(../images/search-form-tail-bg.gif) top repeat-x; width:290px; padding-bottom:24px;}
#SearchForm .right-bg {background:url(../images/search-form-right-bg.gif) right top no-repeat;}
#SearchForm .left-bg {background:url(../images/search-form-left-bg.gif) left top no-repeat; width:100%;}
#SearchForm .indent {padding:16px 11px 0 11px; height:37px;}
#SearchForm .input {width:229px; padding:3px 0 2px 5px; border:1px solid #050607; border-right:1px solid #515151; border-bottom:1px solid #515151; background:#262626; margin-right:5px; color:#999999;}

#header .menu {float:right; width:665px;}
#header .menu li {float:left; width:132px; text-align:center; padding:0 1px 0 0; font-size:1em; line-height:1em; background:none;}
#header .menu li a {background:url(../images/menu-right-bg.gif) right top no-repeat; display:block; text-decoration:none; color:#fff;}
#header .menu li a span {background:url(../images/menu-left-bg.gif) left top no-repeat; display:block; padding:0 5px 0 5px;}
#header .menu li a span span {background:#1b1b1b; padding:12px 0 15px 0;}
#header .menu .act a, #header .menu li a:hover, #header .menu .act a span, #header .menu li a:hover span  {background:none;}

#smalltopheader {width: 980px; height: 26px; margin-left: auto; margin-right: auto;}
#smalltopheader .menu {height: 20px; float:right; background-color: black;}
#smalltopheader .menu li {float:left; width:132px; text-align:center; padding:3px 1px 2px 0; font-size:10px; line-height:1em; background:none;}
#smalltopheader .menu li a {display:block; text-decoration:none; color:#fff;}
#smalltopheader .menu li a span {display:block; padding:0 5px 0 5px;}
#smalltopheader .menu li a span span {background:#1b1b1b;}
#smalltopheader .menu .act a, #smalltopheader .menu li a:hover, #smalltopheader .menu .act a span, #smalltopheader .menu li a:hover span {color: #C0FFFF;}

#smallmiddleheader {width: 980px; height: 60px; margin-left: auto; margin-right: auto;}
#smallmiddleheader .textlogo {font-size: 1.2em; color: black; padding-top: 20px; text-align: left;}
#smallmiddleheader .textlogo a {font-size: 2.5em; color: black; text-decoration: none;}
#smallmiddleheader .textlogo p {padding-top: 2px; font-weight: bold;}

#smallmiddleheader .menu {}
#smallmiddleheader .menu li {display:inline; font-size:0.857em; background:none; padding:0 4px 0 0;}
#smallmiddleheader .menu li a {padding-right:3px; color:#1b1b1b; text-decoration:none;}
#smallmiddleheader .menu li a:hover, #smallmiddleheader .menu .act a {text-decoration:underline;}



.logo {margin:25px 0 0 0; position:absolute;}

#header .row2 {padding:32px 0 0 240px;}
.box1 {background:url(../images/box1-bg.gif) left top repeat-y; padding:20px 22px 2px 22px;}
.box2 {background:url(../images/box2-bg.gif) left top repeat-y; padding:20px 22px 2px 22px;}
.box3 {background:url(../images/box3-bg.gif) left top repeat-y; padding:20px 22px 18px 22px;}
.box1 p a, .box2 p a, .box3 p a {color:#000000; text-decoration: none;}
.survey-box {background:url(../images/survey-box-bg.gif) left top repeat-y; padding:2px 7px 2px 17px; width: 300px; color:#ffffff; font-weight: bold;}
h2 {color:#ffffff; font-size:1.667em; font-weight:normal; line-height:1.1em; border-bottom:1px solid #719dcb; padding-bottom:7px; margin-bottom:13px;}
h2 a {color:#ffffff; text-decoration: none;}
.box2 h2 {border-bottom:1px solid #6bc84d;}
.box3 h2 {border-bottom:1px solid #fdcc66;}
.row2 strong {color:#fff;}
.box1 strong a, .box2 strong a, .box3 strong a {color:#fff; text-decoration: none;}
.row2 p {padding-top:6px;}
.row2 .link {text-align:right; padding-top:8px;}
.arrow {position:absolute; margin:121px 0 0 899px;}

/* ============================= content ====================== */

#content {background:url(../images/content-tail.gif) top repeat-x #ffffff;}
#content .main {background:url(../images/content-bg2.jpg) left top no-repeat;}
#content .indent {padding:33px 0 27px 52px;}

.col-pad {padding-right:57px;}
.col-pad2 {padding-right:28px;}

/* .row1 {background:#e6ebee url(../images/row1-tail.gif) top repeat-x; border-bottom:1px solid #fff; color:#797979;} */
.row1 {background:#f8f8f8; border-bottom:1px solid #fff; color:black;}
.orig-row1 {background:#e6ebee url(../images/row1-tail.gif) top repeat-x;}
#content .row1 .main {background:url(../images/row1-bg.jpg) left top no-repeat;}
.row1 .indent {padding:33px 0 27px 52px;}
.row1 p {padding-top:10px;}
.row1 strong {color:#1b1b1b;}
ul.privacy {list-style: circle; list-style-position: inside;}
ul.privacy li {line-height:1.333em; font-size: 100%;}
ol.faq {list-style: 1; list-style-position: inside;}
ol.faq li {line-height:1.333em; font-size: 100%;}

h3 {border-bottom:2px solid #999999; color:#1b1b1b; font-size:2em; line-height:1em; font-weight:normal; padding-bottom:5px; letter-spacing:-1px; margin-bottom:17px; min-height: 48px;}
.white-bottom {border-bottom-color: #ffffff;}

.link1 {background:url(../images/link1-tail-bg.gif) top repeat-x; display:inline-block; line-height:1em; text-decoration:none; font-size:1.167em; color:#497bae; cursor:pointer;}
.link1 span {background:url(../images/link1-right-bg.gif) right top no-repeat; display:inline-block;}
.link1 span span {background:url(../images/link1-left-bg.gif) left top no-repeat; display:inline-block; padding:3px 10px 4px 10px;}
.link1:hover {background:url(../images/link1-tail-bg2.gif) top repeat-x;}
.link1:hover span {background:url(../images/link1-right-bg2.gif) right top no-repeat;}
.link1:hover span span {background:url(../images/link1-left-bg2.gif) left top no-repeat;}

.link2 {background:url(../images/link2-tail-bg.gif) top repeat-x; display:inline-block; line-height:1em; text-decoration:none; font-size:1.167em; color:#1b1b1b; cursor:pointer;}
.link2 span {background:url(../images/link2-right-bg.gif) right top no-repeat; display:inline-block;}
.link2 span span {background:url(../images/link2-left-bg.gif) left top no-repeat; display:inline-block; padding:3px 10px 4px 10px;}
.link2:hover {background:url(../images/link2-tail-bg2.gif) top repeat-x;}
.link2:hover span {background:url(../images/link2-right-bg2.gif) right top no-repeat;}
.link2:hover span span {background:url(../images/link2-left-bg2.gif) left top no-repeat;}

.link3 {background:url(../images/link3-tail-bg.gif) top repeat-x; display:inline-block; line-height:1em; text-decoration:none; font-size:1.167em; color:#787878; cursor:pointer;}
.link3 span {background:url(../images/link3-right-bg.gif) right top no-repeat; display:inline-block;}
.link3 span span {background:url(../images/link3-left-bg.gif) left top no-repeat; display:inline-block; padding:3px 10px 4px 10px;}
.link3:hover {background:url(../images/link3-tail-bg2.gif) top repeat-x;}
.link3:hover span {background:url(../images/link3-right-bg2.gif) right top no-repeat;}
.link3:hover span span {background:url(../images/link3-left-bg2.gif) left top no-repeat;}

.taright {text-align:right;}

.row2 {border-top:1px solid #d2d8dc;}
#content .row2 .main {background:none;}
.row2 .indent {padding:19px 0 25px 42px;}
#content .row2 strong {color:#1b1b1b;}
.text2 {color:#497bae;}
.text3 {color:#787878; font-size:1.167em;}
.text3 a {color:#787878;}

.padding1 {padding-top:11px;}
.phone {width:148px; display:inline-block;}

h4 {padding:13px 0px 9px; border-bottom:1px solid #e7e7e7; font-size:1.5em; line-height:1.111em; font-weight:normal;}
h5 {color:#497bae; font-size:1.5em; line-height:1.111em; font-weight:normal; margin-bottom:10px;}
.title1 {background:url(../images/title1-bg.jpg) no-repeat 0 0; color:#497bae;}
.title2 {background:url(../images/title2-bg.jpg) no-repeat 0 0; color:#41aa25;}
.title3 {background:url(../images/title3-bg.jpg) no-repeat 0 0; color:#d99812;}
.title4 {background:url(../images/title4-bg.jpg) no-repeat 0 0; color:#b84607;}
.title5 {background:url(../images/title5-bg.jpg) no-repeat 0 0; color:#497bae;}
.title6 {background:url(../images/title6-bg.jpg) no-repeat 0 0; color:#d99812;}
.title7 {background:url(../images/title7-bg.jpg) no-repeat 0 0; color:#497bae;}
.title8 {background:url(../images/title8-bg.jpg) no-repeat 0 0; color:#41aa25;}
.title9 {background:url(../images/title9-bg.jpg) no-repeat 0 0; color:#d99812;}
.title10 {background:url(../images/title10-bg.jpg) no-repeat 0 0; color:#b84607;}
.title11 {background:url(../images/title11-bg.jpg) no-repeat 0 0; color:#497bae;}
.indent1 {padding:10px 0 0 10px;}

/* ============================= footer ====================== */

#footer {border-top:1px solid #d2d8dc; background:#e6ebee; color:#6e7b7c; font-size:1.167em; padding-right:42px;}
#footer .main {text-align:right;}
#footer a {color:#6e7b7c; text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footer p {padding:7px 22px 0 0;}

#footer .menu {padding:10px 0 0 0;}
#footer .menu li {display:inline; font-size:0.857em; background:none; padding:0 4px 0 0;}
#footer .menu li a {padding-right:3px; color:#1b1b1b; text-decoration:none;}
#footer .menu li a:hover, #footer .menu .act a {text-decoration:underline;}

/* ============================= forms ============================= */

#ContactForm .rowi {height:26px;}
#ContactForm .link2 {margin:10px 0 0 10px;}

.input {width:243px; height:19px; border:1px solid #999999; background:none; padding:0 0 0 5px; font-size:1.167em; color:#497bae;}
textarea {width:243px; height:96px; border:1px solid #999999; background:none; padding:0 0 0 5px; overflow:auto; font-size:1.167em; color:#497bae;}
textarea {width:243px; height:96px; border:1px solid #999999; background:none; padding:0 0 0 5px; overflow:auto; font-size:1.167em; color:#497bae;}

.prev {float: left; margin-top: 10px; margin-bottom: 10px;}
.next {float: right; margin-top: 10px; margin-bottom: 10px;}
.note {padding: 0 5px 5px 5px; margin: 10px 10px 0 0px; border: 1px solid; background: #E6EBEE;}

.col-1 ol {padding-left: 20px;}
.col-1 ul {list-style-type:circle; list-style-position: inside;}
.col-1 li {font-size: 100%; line-height: 1.3333em; padding-left: 20px; text-indent: -15px; margin-bottom: 5px;}
.col-1 li a {text-decoration: none;}
.col-1 li.act a {color: #2A4662;}
.col-1 li a:hover {text-decoration: underline;}

ol.numbered {list-style-type: decimal; list-style-position:inside;}
ol.numbered li {background-image: none; font-size: 100%; line-height: 1.3333em;}

#Survey p.Question {font-weight: bold; font-size: 110%;}
#Survey p.Answer {font-weight: bold; padding-bottom: 18px;}
#Survey p.Header {font-weight: bold; font-size: 150%;}
#Survey textarea {width:504px;}
#Survey input.radio {margin: 0 10px;}
.survey-note {float: left; padding: 0px;}
.survey-note-top {height: 4px; font-size: 10%; line-height: 2px;}
.survey-note-top-bg {background:url(../images/survey-note-box-top.gif) left top repeat-x;}
.survey-note-bottom {height: 7px;}
.survey-note-bottom-bg {background:url(../images/survey-note-box-bottom.gif) left top repeat-x;}
.survey-note-left {width: 4px; margin-left: 50px;}
.survey-note-left-bg {background:url(../images/survey-note-box-left.gif) left top repeat-y; height: 90px;}
.survey-note-right {width: 7px;}
.survey-note-right-bg {background:url(../images/survey-note-box-right.gif) left top repeat-y; height: 90px;}
.survey-note-width {width: 400px;}
.survey-note p {text-align: center; color: #497BAC; font-weight: bold;}
.survey-note p b {text-align: center; color: #497BAC; font-weight: bold; font-size: 110%;}
.survey-right-note-width {width: 290px;}
.survey-right-note-left {width: 4px;}
.survey-right-note-green {color: #50974A;}
.survey-right-note-red {color: #CF5050;}

.question-note {float: left; padding: 0px;}
.question-note-top {height: 4px; font-size: 10%; line-height: 2px;}
.question-note-top-bg {background:url(../images/survey-note-box-top.gif) left top repeat-x;}
.question-note-bottom {height: 7px;}
.question-note-bottom-bg {background:url(../images/survey-note-box-bottom.gif) left top repeat-x;}
.question-note-left {width: 4px; margin-left: 50px;}
.question-note-left-bg {background:url(../images/survey-note-box-left.gif) left top repeat-y; height: 70px;}
.question-note-right {width: 7px;}
.question-note-right-bg {background:url(../images/survey-note-box-right.gif) left top repeat-y; height: 70px;}
.question-note-width {width: 240px;}
.question-note p {text-align: center; color: #497BAC; font-weight: bold; padding-top: 2px;}
.question-note p b {text-align: center; color: #497BAC; font-weight: bold; font-size: 110%;}
.question-right-note-left {width: 4px;}
.question-right-note-green {color: #50974A; font-weight: bold;}
.question-right-note-red {color: #CF5050; font-weight: bold;}

#question {width: 980px; margin-left: auto; margin-right: auto;}
#question .interact {width: 540px; margin-left: 2px; text-align: left;}
.step_name {font-size: 1.3em; font-weight: bold; margin: 5px 0px 0px 10px; vertical-align: middle;}
.step_hint {margin: 5px 20px 10px 10px; padding: 3px; font-family: verdana; border: dashed 1px blue;}
.step_name img {vertical-align: middle;}
.step_button {text-align: right; padding-right: 20px;}
#step1 {height: 250px; border: 1px solid; overflow: hidden;}
#step1 .step_name {margin-bottom: 5px;}
#step2 {height: 40px; border: 1px solid; overflow: hidden;}
#step2_data {font-size: 1.1em;}
#step2_data td a img {vertical-align: middle; padding-right: 3px;}
#step3 {height: 40px; border: 1px solid; overflow: hidden;}
#step3_data {padding: 0px 20px 0px 10px;}
#question .advertise {width: 410px; margin-left: 10px;}
#question_area {width: 500px; height: 180px; margin-left: 10px;}
input#question_area {font-size: 1.3em;}
#question ul {list-style: disc; list-style-position: inside;}
#question li {font-size: 1em;}
.advertise_name {font-size: 1.3em; font-weight: bold; margin: 10px 0px 3px 0px; vertical-align: middle; text-align: left;}
#samples {margin-top: 15px;}

#expert {height: auto; border: 1px solid; overflow: auto; padding: 2px;}
#about {height: auto; border: 1px solid; overflow: auto; text-align: left;  padding: 2px; min-height: 150px; position: relative;}
.none {text-decoration: none;}
.bottom {position: absolute; bottom: 0;}
.solution {font-weight: bold;}