* {padding:0; margin:0; border:0;}
html {overflow-y:scroll;}
body {
	background:url('img/bg_top_x.gif') top left repeat-x #fff;
	color:#6a6a6a;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', tahoma, Arial, Verdana, sans-serif;
	font-size:16px;
}

a, a:hover, a:visited, a:active, a:link {text-decoration:underline; color:#09c;}
a:hover {text-decoration:none;}

h1 {font-size:24px; color:#09c; font-weight:normal; font-family:tahoma;}
h2 {font-size:18px; font-weight:normal;}
h3 {font-size:18px; color:#000; font-weight:normal;}

#content * {color:#444;}
#content ul {list-style-type:circle; margin:8px 30px;}
#content p {margin:3px 0 10px;}

.clear {clear:both;}

.wrap {float:left; width:90%; text-align:center;}
#top_line {height:5px; background-color:#0099cc;}

#menu {margin:22px 0px 0px;}
#menu ul {list-style:none;}
#menu ul li {float:left; width:25%; padding-top:13px;}
#menu ul li.last {width:24%;}
#menu ul li.img {padding:0;}
#menu ul li a {font-size:30px; font-family:tahoma;}
#menu ul li.selected {background:url('img/bg_menu.gif') 50% 15px no-repeat;}
#menu ul li.selected a {color:#fff; font-size:18px; line-height:40px; text-decoration:none;}

#intro {margin:1px 0px 0px;}
#intro_left {float:left; width:59%; margin:60px 0px 0px;}
#arrow {float:left; height:110px; width:18%; background:url('img/bg_big_arrow.gif') right 10px no-repeat;}
#intro_txt {float:right; width:79%;}
#slogan {float:right; width:33%; height:260px; text-align:center; margin-top:20px;}

/* DIAGRAMS */
#diagrams {}
#diagram1 {display:none; height:360px; margin:20px 0px 0px;}
#d_arrow2 {position:absolute; top:-85px; left:-20; width:17px; height:78px; background:url('img/l_arrow2.gif') top left no-repeat;}
#diagram1_lines {width:89%;}
#diagram1_areas {margin:9px 0px 0px;}
#diagram1_statue {position:absolute; top:75px; left:-120px; width:312px; height:251px; background:url('img/statue_think.jpg') top left no-repeat;}
.d_line_start {float:left; width:12px; height:16px; background:url('img/l_start.gif') top left no-repeat;}
.d_line_x {float:left; height:16px; width:2%; background:url('img/l_x.gif') top left repeat-x;}
.d_line_arrow {float:left; height:16px; width:40px; background:url('img/l_arrow.gif') top left no-repeat;}
.d_block_wrap {float:left; margin-left:5px; width:22%; height:55px; background:url('img/blt1.gif') top left no-repeat;}
.block2 {background:url('img/blt2.gif') top left no-repeat;}
.block3 {background:url('img/blt3.gif') top left no-repeat;}
.d_block {margin:0px 0px 0px 63px;}
#d_us {float:left; margin-left:3px; width:14%; max-width:170px; height:265px; background:url('img/d_block_us.gif') top left no-repeat;}
#d_us_line {float:left; width:1px; height:265px; background:url('img/d_block_us.gif') top left no-repeat;}
.icon_email {margin-top:8px; height:39px; line-height:39px; padding:0px 0px 0px 45px; background:url('img/icon_email.gif') top left no-repeat;}
.icon_excel {margin-top:8px; height:39px; line-height:39px; padding:0px 0px 0px 45px; background:url('img/icon_excel.gif') top left no-repeat;}
.icon_spss {margin-top:8px; height:39px; line-height:39px; padding:0px 0px 0px 45px; background:url('img/icon_spss.gif') top left no-repeat;}
#diagram2 {text-align:center; margin:30px 0px 0px; display:none;}

p.small, span.small {font-size:11px;}
span.small {font-weight:bold;}
p.medium {font-size:12px;}
div.line {width:100%; height:1px; background-color:#09c;}

#features {margin-top:40px;}
#features_blocks {margin-top:14px;}
#features_blocks div {float:left; width:31%; margin-right:8px;}

#example_survey {margin:28px 0px 0px 0px; padding-top:89px; text-align:center; width:179px; height:110px; background:url('img/bg_example.gif') top left no-repeat;}

#clients {float:left;}
#clients ul {list-style:none; width:20%;}
#clients div.logos {width:20%;}
#clients div.logos ul {list-style-type:none; width:500%;}
#clients div.logos ul li {float:left; width:20%; height:80px;}
#logo1 {background:url('img/logo1.jpg') 25% 15px no-repeat;}
#logo2 {background:url('img/logo2.jpg') 25% 15px no-repeat;}
#logo3 {background:url('img/logo3.jpg') 25% 15px no-repeat;}
#logo4 {background:url('img/logo4.jpg') 25% 15px no-repeat;}
#logo5 {background:url('img/logo5.jpg') 25% 15px no-repeat;}

#calc_wrap {float:left; width:30%;}
#calc {margin:20px 0 0; float:right; width:180px; background:url('img/calc.jpg') no-repeat; padding:0 0 0 90px; height:60px;}
#content {float:right; width:52%; margin:20px 5px 0 0; font-size:14px;}
table.prices {width:85%;}
table.prices tr td {border-bottom:1px dashed #09c; height:30px;}
table.prices tr td.lbl {font-size:14px;}
table.prices tr td.price {text-align:right; font-size:14px; color:#09c; font-weight:bold;}
table.prices tr td.red, .red {color:#ff5310;}


#footer {margin-top:50px; background:url('img/bg_pointed_x.gif') top left repeat-x;}
#footer div  {background:url('img/copyright.gif') no-repeat; height:40px; margin:15px; padding:15px 73px; font-size:12px;}

#top_container {height:400px;}
#contact_form {width:90%; position:absolute; left:-1200px; top:70px;}
.inp_cont {background-color:#fff; padding:5px;}
input {width:100%;}
table.tbl_contacts {width:100%;}
table.tbl_contacts tr td {height:30px; vertical-align:top; padding-bottom:5px;}
table.tbl_contacts tr td.lbl {width:180px; padding:4px 0 0 10px;}
table.tbl_contacts tr td.input input {height:25px; font-family:tahoma; font-size:22px; color:#000; width:100%;}
table.tbl_contacts tr td.input textarea {height:85px; width:100%;}
input.form_submit {margin-top:2px; width:34px; height:85px; background:url('img/form_button.gif') no-repeat;}


#contact_info1 {float:right; width:36%; margin-top:120px; text-align:center;}
#contact_info2 {float:left; widht:25%; padding-left:8%; margin-top:30px;}
#map {float:right; position:relative; width:40%;}
#map_link {position:absolute; bottom:0px; left:-12px;}

/* Calculator window */
#calc_wnd {margin:15px 15px 15px 30px;}
#calc_wnd input {}
div.slider {width:200px; height:16px; background:url('img/slider.gif') left 9px no-repeat; margin:5px; cursor:pointer;}
div.slider div.knob {background:url('img/knob.gif') no-repeat;; width:13px; height:25px; cursor:w-resize;}
table.table_calc {width:100%;}
table.table_calc td.lbl {font-size:12px; font-weight:bold; padding:6px 0; border-bottom:1px dashed #ccc;}
table.table_calc td.inputs {font-size:12px; padding:6px 0; border-bottom:1px dashed #ccc;}
table.table_calc td.inputs div.control {border:1px solid #bbb; margin:8px 0 0; padding:1px; width:40px; background-color:#fff;}
table.table_calc td.inputs.radio div.radio {float:left; width:22px; heiht:20px; vertical-align:middle;}
table.table_calc td.inputs.radio div.label {float:left; width:150px;}
table.table_calc td.inputs.radio div.label label {font-size:11px;}

#survey_factuur {float:right; background:url('img/paper.jpg') center 10px no-repeat; width:49%; height:400px;}
#survey_factuur div.factuur_wrap {clear:both; width:220px; margin:30px auto 0;}
#survey_factuur div.row {clear:both;}
#survey_factuur div.row div.lbl {float:left; font-size:11px; width:70%; line-height:24px;}
#survey_factuur div.row div.price {float:right; width:29%; line-height:24px;}
#price_total {font-size:30px; font-weight:bold; color:#0099cc; float:right; width:140px; text-align:right;}

/* rounded border stuff */
.contact-border{background:#0099cc;}
.contact-border .content{padding:0px 17px; color:white;}
.contact-border .tb, .contact-border .bb{position:relative;height:17px;overflow:hidden;}
.contact-border .cn{position:relative;width:17px;height:68px;background:url(img/contact-border.png);overflow:hidden;}
.contact-border .cn.r{position:absolute;margin-left:100%;left:-17px;top:-17px;}
.contact-border .bb .cn{margin-top:-34px;}


/* rounded border stuff */
.r-border{background:#aaa;}
.r-border .bb {clear:both;}
.r-border .content{padding:0px 10px; color:white;}
.r-border .tb, .r-border .bb{position:relative;height:10px;overflow:hidden;}
.r-border .cn{position:relative;width:10px;height:40px;background:url(img/r-border.png);overflow:hidden;}
.r-border .cn.r{position:absolute;margin-left:100%;left:-10px;top:-10px;}
.r-border .bb .cn{margin-top:-20px;}


/* BTNS with trounded corners */
.btn {width:140px; height:40px; background-color:#bbbbbb; margin:5px; cursor:pointer;}
.btn div.content {text-align:center;}