html {
	font-family: Calibri, Arial, "Trebuchet MS", Arial, "Lucida Grande", sans-serif;
}

body {
	text-align: center;
	padding-top: 2px;
}

#container {
	width: 900px;
	margin:0pt auto;
	text-align: left;
	padding: 0px 8px;
}
#header {
	background-image: url(../img/header_bg.gif);
	background-repeat: no-repeat;
	height: 100px;
}

#header ul{
	height: 30px;
	float: right;
	/*width: 500px;*/
	padding: 0;
	margin: 0;
	margin-top: 80px;
}

#header ul li{
	display: block;
	float: left;
	padding: 0;
	margin: 0 3px;
}

#header a{
	font-size: 15px;
	text-decoration: none;
	background-repeat: no-repeat;
	color: #D33A01;
	display: block;
	text-align: center;
	height:32px;
	padding-top: 5px;
	font-weight: bold;
}

#header a.homepage {
	width: 100px;
}

#header a.call {
	width: 110px;
}

#header a.contact {
	width: 90px;
}

#header a.faq {
	width: 175px;
}

#header a:hover{
	color: white;
}

#header a.active{
	color: white;
}

#header li.active a {
	color: white;
}

#header a.homepage:hover{
	background-image: url(../img/a_homepage_bg.png);
}

#header li.active a.homepage {
	background-image: url(../img/a_homepage_bg.png);
}

#header a.call:hover{
	background-image: url(../img/a_call_bg.png);
}

#header li.active a.call {
	background-image: url(../img/a_call_bg.png);
}

#header a.contact:hover{
	background-image: url(../img/a_contact_bg.png);
}

#header li.active a.contact {
	background-image: url(../img/a_contact_bg.png);
}

#header a.faq:hover{
	background-image: url(../img/a_faq_bg.png);
}

#header li.active a.faq {
	background-image: url(../img/a_faq_bg.png);
}




/* Content -------------------------------------------- */

#content {
	margin-bottom: 0px;
	margin-top: 5px;
	clear: both;
}

/* Homepage -------------------------------------------- */

.homepage .splash {
	width: 870px;
	padding: 0px 14px;
	height: 283px;
	display: none;
}

.homepage .splash h1 {
	font-size: 23px;
	color: white;
	text-align: center;
	padding: 5px;
	margin: 5px;
	padding-top: 15px;
	padding-bottom: 8px;
	line-height: 30px;
	margin-bottom: 12px;
	color: white;
	font-weight: normal;
}

.homepage .splash h1 span {
	color: #FFFF33;
}

.homepage .splash p {
	font-size: 19px;
	text-decoration: none;
	background-repeat: no-repeat;
	color: #333333;
	line-height: 30px;
	margin-bottom: 12px;
	color: white;
}

.homepage .splash p strong {
	font-weight: bold;
	color: #FFFF33;
}

.splash span.description {
	display: block;
	width: 440px;
	float: left;
	padding-left: 10px;
}

.splash ul.description {
	padding: 0;
	margin: 0;
	display: block;
	float: left;
	list-style: none;
	line-height: 26px;
	margin-left: 35px;
	width: 370px;
}

.splash ul.description li {
	color: white;
	font-size: 16px;
	padding: 0 25px;
	margin: 0;
	background-image: url(../img/icon_check1.png);
	background-repeat: no-repeat;
	background-position: 0px 7px;
}

/* Homepage Get To Know -------------------------------------------- */

.homepage #get_to_know {
	background-image: url(../img/homepage_splash_bg.png);
	background-repeat: no-repeat;
}

.homepage #get_to_know span.buttons{
	display: block;
	position: absolute;
	margin-left: 525px;
}

.homepage #get_to_know span.buttons a{
	display: block;
	float: left;
	background-repeat: no-repeat;
	text-indent: -999em;
	height: 31px;
	width: 122px;
	margin-right: 10px;
}

.homepage #get_to_know span.buttons a.details{
	background-image: url(../img/details_button1.png);
}

.homepage #get_to_know span.buttons a.call{
	background-image: url(../img/call_button1.png);
}

.homepage #get_to_know span.buttons a.details:hover{
	background-image: url(../img/details_button1_hover.png);
}

.homepage #get_to_know span.buttons a.call:hover{
	background-image: url(../img/call_button1_hover.png);
}

/* Homepage choose_services -------------------------------------------- */

#call_form {
	text-align: left;
	font-size: 12px;
	padding: 1em;
	background-image: url(../img/form_bg.png);
	background-repeat: no-repeat;
}

#call_form h1 {
	font-size: 30px;
	text-align: center;
	padding: 5px;
	margin: 5px;
	line-height: 30px;
	margin-bottom: 12px;
	color: white;
	font-weight: normal;
}

#call_form h1 span {
	color: #FFFF33;
}

#call_form h2 {
	font-size: 19px;
	border-bottom: 1px solid #ccc;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #6B91F2;
	clear: left;
}

#call_form h2 em{
	font-size: 12px;
	color: gray;
	padding-left: 3em;
}

#serviceform label.error
{
	color: #A40031;
	float: left;
}

#serviceform label {
	display: block;
	font-weight: bold;
	font-size: 13px;
	clear: left;
}


#call_form div.elektrik,
#call_form div.tesisat_vitrifiye,
#call_form div.insaat,
#call_form div.mobilya
{
	float: left;
	margin-left: 3px;
}

#call_form div.elektrik
{
	margin-left: 0;
}

#call_form h3 {
	color: #A22121;
	font-size: 16px;
	font-weight: bold;
	margin-left: 2px;
}

#call_form input, #call_form textarea {
background-color:#FFFFFF;
background-image:url(../img/fieldbg.gif);
background-repeat:repeat-x;
border-color:#7C7C7C rgb(195, 195, 195) rgb(221, 221, 221);
border-style:solid;
border-width:1px;
font-family:Tahoma,Arial,sans-serif;
font-size:1.1em;
letter-spacing:1px;
line-height:1.2em;
padding: 3px;
}

#call_form input.submit {
	border: none;
	background-image: none;
}

#call_form .even {
	background-color: #DBF1FF;
}
#call_form table {
	width: 100%;
	font-size: 14px;
	line-height:22px;
	
}
#call_form td {
	padding: 3px;
}
#call_form .intro {
	margin: 0 40px;
	font-size: 14px;
	color: #00639F;
}

/* Homepage faq -------------------------------------------- */

.homepage #faq {
	background-image: url(../img/homepage_faq_bg.png);
	background-repeat: no-repeat;
}

.homepage #faq h1 {
	padding: 10px 0;
	margin: 0;
	font-weight: bold;
}

.homepage #faq p, .homepage #faq ul {
	font-size: 12px;
	text-decoration: none;
	color: #333333;
	line-height: 20px;
	margin-bottom: 12px;
	color: white;
	padding: 0;
	margin: 0;
}

.homepage #faq ul {
	margin:0;
	padding:0;
}

.homepage #faq li {
}

.homepage #faq #faq_questions {
	display: block;
	margin: 0;
	padding: 0;
	margin-left: 1em;
	list-style-type: none;
	width: 400px;
	float: left;
}

.homepage #faq #answers {
	margin:0;
	padding:0;
	width: 400px;
	margin-left: 440px;
	color: white;
	line-height: 28px;
	height: 180px;
	
}

.homepage #faq #answers h2{
	color: yellow;
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 10px;
	margin-top: 10px;
	background-color: transparent;
}

.homepage #faq #answers p{ 
	font-size: 14px;
	line-height: 20px;
	background-color: transparent;
}

.homepage #faq #faq_questions a {
	color: #FFFF33;
	text-decoration: none;
	font-weight: bold;
	padding: 1px 2px 1px 4px;
	display: block;
	margin: 2px 0px;
	width: 340px;
}

.homepage #faq #faq_questions a:hover {
	background-color: #FFFF33;
	color: black;
}

.homepage #faq #faq_questions a.highlight {
	background-color: #FFFF33;
	color: black;
}

.homepage #faq div.call_button {
	float: right;
	margin-right: 50px;
}

.homepage #faq div.call_button a{
	display: block;
	float: left;
	background-repeat: no-repeat;
	text-indent: -999em;
	height: 31px;
	width: 122px;
}

.homepage #faq div.call_button a.call{
	background-image: url(../img/call_button2.png);
}
.homepage #faq div.call_button a.call:hover{
	background-image: url(../img/call_button2_hover.png);
}

.homepage #survey a.survey{
	display: block;
	float: left;
	background-repeat: no-repeat;
	text-indent: -999em;
	height: 31px;
	width: 362px;
	margin-left: 270px;
	margin-top: 18px;
	background-image: url(../img/survey_button.png);
}

.homepage #survey a.survey:hover{
	background-image: url(../img/survey_button_hover.png);
}


/* Homepage contact -------------------------------------------- */

#contact {
	background-image: url(../img/homepage_contact_bg.png);
	background-repeat: no-repeat;
	margin-top: 0px;
}

#contact h1 {
	font-size: 23px;
	text-align: center;
	padding: 0;
	margin: 0;
	padding-top: 15px;
	padding-bottom: 12px;
	line-height: 20px;
	color: white;
	font-weight: bold;
}

#contact h1 span {
	color: #FFFF33;
}

#contact #phone_address, #contact #contact_form, #contact #contact_form_end {
	padding-left: 6px;
}

#contact h2 {
	font-size: 15px;
	margin: 3px 0;
	padding: 1px 0;
	color: white;
	font-weight: normal;
	font-weight: bold;
}

#contact p {
	font-size: 12px;
	line-height: 17px;
	margin-bottom: 0;
	color: black;
}

#contact p strong, #contact label {
	font-weight: bold;
	color: #FFFF33;
}

#contact label {
	font-size: 12px;
	margin: 5px 0 1px 0;
	display: block;
}

#contact .field {
	border: 1px solid white;
	padding: 3px;
}

#contact .field:focus {
	border: 1px solid orange;
	padding: 3px;
}

#phone_address {
	width: 300px;
	float: left;
	padding: 13px 0px 0 0;
	margin-left: 5px;
}

#contact_form {
	float: left;
	margin-left: 15px;
	margin-top: 10px;
}

#contact_form_end {
	float: left;
	margin-top: 36px;
	margin-left: 5px;
	
}

#phone_address a{
	color: white;
	text-decoration: none;
}

#phone_address a:hover{
	color: black;
	text-decoration: underline;
}

#notice {
	padding: 10px;
	text-align: center;
	font-weight: bold;
	color: #FFFF33;
}
#contactform label {
	display: block;
	font-weight: bold;
	font-size: 13px;
	clear: left;
}
#contactform label.error
{
	display: none!important;
}


/* Homepage survey -------------------------------------------- */

#survey {
	background-image: url(../img/homepage_survey_bg.png);
	background-repeat: no-repeat;
	margin-top: 0px;
}

#survey h1 {
	font-size: 23px;
	text-align: center;
	padding: 0;
	margin: 0;
	padding-top: 15px;
	padding-bottom: 12px;
	line-height: 20px;
	color: white;
	font-weight: bold;
}

#survey h1 span {
	color: #FFFF33;
}

#survey p {
	font-size: 19px;
	margin-top: 30px;
}

/* Homepage DIV Switcher -------------------------------------------- */

#div_switcher {
	height: 78px;
	/*width: 898px;*/
	/*background-image: url(../img/div_switcher_bg.png);
	background-repeat: no-repeat;*/
	margin-bottom: 8px;
	clear: both;
}

#div_switcher li{
	display: block;
	float: left;
	list-style: none;
}

#div_switcher li a {
	display: block;
	float: left;
	text-indent: -999em;
	text-decoration: none;
	display: block;
	height: 78px;
	background-repeat: no-repeat;
	/*background-color: #5CA6F9;
	background-color: red;*/
}

#div_switcher li a.know {
	width: 203px;
	background-image: url(../img/switcher_know_bg.png);
}

#div_switcher li.active a.know{
	width: 203px;
	background-image: url(../img/switcher_know_bg_active.png);
}

#div_switcher li a.faq {
	width: 215px;
	background-image: url(../img/switcher_faq_bg.png);
}
#div_switcher li.active a.faq{
	width: 215px;
	background-image: url(../img/switcher_faq_bg_active.png);
}

#div_switcher li a.contact {
	width: 223px;
	background-image: url(../img/switcher_contact_bg.png);
}
#div_switcher li.active a.contact {
	width: 223px;
	background-image: url(../img/switcher_contact_bg_active.png);
}

#div_switcher li a.survey {
	width: 256px;
	background-image: url(../img/switcher_survey_bg.png);
}
#div_switcher li.active a.survey {
	width: 256px;
	background-image: url(../img/switcher_survey_bg_active.png);
}

/* Homepage FAQ -------------------------------------------- */


#faq_homepage {
	background-image: url(../img/homepage_faq2_bg.png);
	background-repeat: no-repeat;
	width: 897px;
	height: 311px;
	background-repeat: no-repeat;
	padding: 4px;
}

#faq_homepage span {
	display: block;
	float: left;
	width: 275px;
	margin: 0px;
	padding: 2px 10px;
}

#faq_homepage span p {
	font-size: 14px;
	text-decoration: none;
	background-repeat: no-repeat;
	color: #333333;
	line-height: 26px;
	margin: 2px 10px;
	margin-bottom: 12px;
}

#faq_homepage span p a {
	color: #6B91F2;
	padding: 2px;
}

#faq_homepage span p a:visited {
	color: #6B91F2;
}

#faq_homepage span p a:hover {
	color: white;
	background-color: #6B91F2;
	text-decoration: none;
}

#faq_homepage span h3 {
	color: #C82401;
	font-size: 15px;
	padding: 0;
	margin: 0;
	font-weight: bold;
	margin-top: 13px;
	margin-bottom: 13px;
	margin-left: 6px;
	padding-left: 40px;
	background-position: center left;
	line-height: 18px;
}

#faq_homepage span p {
	text-align: left;
}

#faq_homepage span p strong {
	background-color: #FFFFCF;
}

#faq_homepage span.how h3 {
	background-image: url(../img/icon_how.png);
	background-repeat: no-repeat;
	
}

#faq_homepage span.who h3 {
	background-image: url(../img/icon_who.png);
	background-repeat: no-repeat;
}

#faq_homepage span.pricing h3 {
	background-image: url(../img/icon_pricing.png);
	background-repeat: no-repeat;
}

#faq_homepage a.details {
	background-image: url(../img/details_button2.png);
	background-repeat: no-repeat;
	width: 209px;
	height: 29px;
	display: block;
	text-indent: -999em;
	margin-left: 2em;
}

#faq_homepage a.details:hover {
	background-image: url(../img/details_button2_hover.png);
}

/* Footer  -------------------------------------------- */

#footer {
	padding-top: .5em;
	padding-bottom: .5em;
	border-top: 1px solid #E1E1E1;
	margin-top: .5em;
	margin-bottom: .2em;
	
}
#footer span{
	font-size: 12px;
}
#footer span.left{
	float: left;
	color: gray;
}

#footer span.right{
	float: right;
}
#footer a{
	color: gray;
	text-decoration: none;
}
#footer a:hover{
	color: #C34A5C;
	text-decoration: none;
	border-bottom: 2px solid #C34A5C;
}

.smallbr {
 	font-size:1px; 
	line-height: 0; 
}

.smallbr_clear {
	font-size:1px; 
	line-height: 0; 
	clear: both;
}


/* FAQ  -------------------------------------------- */
/*
#faq {
	width: 897px;
	background-color: #6B91F2;
	background-image: url(../img/faq_page_bg.png);
	background-repeat: repeat-y;
	margin-top: 6px;
	margin-bottom: 16px;
}

#faq .faq_header {
	display: block;
	background-color: red;
	height: 16px;
	background-image: url(../img/faq_page_header_bg.png);
	background-repeat: no-repeat;
}

#faq .faq_footer {
	display: block;
	background-color: red;
	height: 16px;
	background-image: url(../img/faq_page_footer_bg.png);
	background-repeat: no-repeat;
}

#faq h1 {
	font-size: 32px;
	text-align: center;
	padding: 5px;
	padding-bottom: 8px;
	line-height: 30px;
	color: white;
	font-weight: bold;
}



*/

/* Call Service  -------------------------------------------- */

#service {
	width: 897px;
	background-color: #6B91F2;
	background-image: url(../img/faq_page_bg.png);
	background-repeat: repeat-y;
	margin-top: 6px;
	margin-bottom: 16px;
	/*height: 673px;*/
}

#service .service_header {
	display: block;
	background-color: red;
	height: 16px;
	background-image: url(../img/faq_page_header_bg.png);
	background-repeat: no-repeat;
}

#service .service_footer {
	display: block;
	background-color: red;
	height: 16px;
	background-image: url(../img/faq_page_footer_bg.png);
	background-repeat: no-repeat;
}

#service h1 {
	font-size: 32px;
	text-align: center;
	padding: 5px;
	padding-bottom: 8px;
	line-height: 30px;
	color: white;
	font-weight: bold;
}

/* General */

.hidden {
	display: none;
}

.homepage #get_to_know span.buttons{
	display: block;
	position: absolute;
	margin-left: 525px;
}

.homepage #get_to_know span.buttons a{
	display: block;
	float: left;
	background-repeat: no-repeat;
	text-indent: -999em;
	height: 31px;
	width: 122px;
	margin-right: 10px;
}

.homepage #get_to_know span.buttons a.details{
	background-image: url(../img/details_button1.png);
}

.homepage #get_to_know span.buttons a.call{
	background-image: url(../img/call_button1.png);
}

.homepage #get_to_know span.buttons a.details:hover{
	background-image: url(../img/details_button1_hover.png);
}

.homepage #get_to_know span.buttons a.call:hover{
	background-image: url(../img/call_button1_hover.png);
}

span.required_field{
	color: #D33A01;
	font-weight: bold;
}
em.logotype {
	font-weight: bold;
	font-style: normal;
}



#success_message, #error_message {
	background-repeat: no-repeat;
	height: 55px;
	width: 897px;
	margin-top: 5px;
	font-size: 13px;
	font-family: Arial, sans-serif;
}
#success_message p, #error_message p {
	padding: 18px;
	text-indent: 4em;
}

#error_message {
	background-image: url(../img/error_bg.png);
	color: #D33A01
}
#success_message {
	background-image: url(../img/success_bg.png);
	color: #6BAF29;
}