/* ******* LAYOUT ******** */
body {
	border: 0;
	margin: 0;
	padding: 0;
	background-color: #F0F0F0;
	text-align: center; /* Based on IE hack - http://akaxaka.gameover.com/index.php/2005/on-horisontal-css-centering-using-absolute-positioning/ */
	}

#page_content {
	position: relative;
	text-align: left; /* Based on IE hack - http://akaxaka.gameover.com/index.php/2005/on-horisontal-css-centering-using-absolute-positioning/ */
	width: 870px;
	background-color: white;
/*	border: 1px solid red;*/
	margin: 0px auto;
	background-image: url('../images/left_background.gif');
	background-repeat: repeat-y;
	}
	#left_bar {
		width: 34px;
/*		border: 1px solid blue;		*/
		float:left;
		text-align:right;
		}
		.left_nav_item {
			width: 26px;
			height: 72px;
			display: block;
			margin-left: 8px;
		}
		.left_nav_item#btn_contact {
			background: no-repeat url(../images/btn_contact.gif) left top;
			}
		.left_nav_item#btn_faq {
			background: no-repeat url(../images/btn_faq.gif) left top;
			}
		.left_nav_item#btn_home {
			height: 38px;
			background: no-repeat url(../images/btn_home.gif) left top;
			}	
			.left_nav_item#btn_contact:hover,
			.left_nav_item#btn_faq:hover,
			.left_nav_item#btn_home:hover {
				background-position: left bottom;
			}
				
	#right_side {
		float:left;
		width: 834px;
/*		border: 1px solid green;*/
		background-color: white;
		}
		#top_bar {
			text-align: right;

			}
		#top_dotted {
			height: 2px;
			font-size: 0px;
			margin: 0px 10px;
			background-color: white;
			background: repeat-x url(../images/dotted-line.gif) left bottom;
			}
		#nav_bar {
			margin: 10px 15px 15px 10px;
/*			border: 1px solid blue;*/
			}
			.nav_item {
				height: 17px;
				padding-left: 30px;
				float: right;
				text-decoration: none;
				padding-top: 7px;
				}
			.nav_item p {
				border: 0;
				margin: 0;
				padding: 0;
				padding-top: 7px;
			}
			.nav_item#btn_whatwedo {
				width: 85px;
				background: no-repeat url(../images/btn_whatwedo.gif) left top;
				}
			.nav_item#btn_pastwork {
				width: 75px;
				background: no-repeat url(../images/btn_pastwork.gif) left top;
				}
			.nav_item#btn_theproduct {
				width: 85px;
				background: no-repeat url(../images/btn_theproduct.gif) left top;
				}
			.nav_item#btn_howitworks {
				width: 95px;
				background: no-repeat url(../images/btn_howitworks.gif) left top;
				}
			.nav_item#btn_whatweneedfromyou {
				width: 145px;
				background: no-repeat url(../images/btn_whatweneedfromyou.gif) left top;
				}
			.nav_item#btn_whatwedo:hover, .nav_item#btn_pastwork:hover, 
			.nav_item#btn_theproduct:hover, .nav_item#btn_howitworks:hover, 
			.nav_item#btn_whatweneedfromyou:hover {
				background-position: left bottom;
				}
		#main_content {
/*			border: 1px solid red;*/
			padding-left: 40px;
			}
			#image_content {
/*				border: 1px solid green;*/
				float: right;
				width: 365px;
				}
				#testimonial {
					width:170px;
					margin-left:130px;
					margin-top:50px;
				}
			#header_content {
				width: 420px;
/*				border: 1px solid purple;*/
				float:left;
				background: repeat-x url(../images/dotted-line.gif) left bottom;
				}
			#text_content {
				float: left;
				width: 420px;
				margin-bottom: 30px;
				color: #969696;
/*				border: 1px solid #777;*/
				}
				#column_1, #column_2 {
					float: left;
					margin-top: 10px;
					padding: 0;
					width: 50%;
/*					border: 1px solid green;*/
					}
				#column_1 p {
					margin-bottom: 5px;
					margin-right: 15px;
					}
				.contact_us {
					width: 80px;
					height: 14px;
					padding-left: 20px;
					padding-top: 2px;
					display: block;
					text-decoration: none;
					font-weight: bold;
					}
				.contact_us#dark_blue {
					color: #0C479D;
					background: no-repeat url(../images/contact_dark_blue.gif) left top;
					}
				.contact_us#green {
					color: #669966;
					background: no-repeat url(../images/contact_green.gif) left top;
					}
				.contact_us#khaki {
					color: #A6BD1E;
					background: no-repeat url(../images/contact_khaki.gif) left top;
					}
				.contact_us#light_blue {
					color: #8BD3E5;
					background: no-repeat url(../images/contact_light_blue.gif) left top;
					}
				.contact_us#orange {
					color: #FF7F00;
					background: no-repeat url(../images/contact_orange.gif) left top;
					}
				.contact_us#violet {
					color: #CD82BE;
					background: no-repeat url(../images/contact_violet.gif) left top;
					}
				.contact_us#medium_blue {
					color: #85A3CE;
					background: no-repeat url(../images/contact_medium_blue.gif) left top;
					}
				.contact_us#dark_blue:hover, .contact_us#green:hover,
				.contact_us#khaki:hover, .contact_us#light_blue:hover,
				.contact_us#orange:hover, .contact_us#violet:hover,
				.contact_us#medium_blue:hover {
					background-position: left bottom;
					}
				.bottleLink {
					padding-left:13px;
					color: #4D4D4D;
					position: relative;
					left: -13px;
					}
				.bottleLink:hover {
					color: #FF7F00;
					background: no-repeat url(../images/arrow_orange.gif) left 2px;
					}
				.bottleLink a {
					text-decoration: none;
					color: #4D4D4D;
					}
				.answer, .question {
					background: repeat-x url(../images/dotted-line.gif) left top;
					padding: 5px 0px;
/*					padding-right: 5px;*/
/*					border: 1px solid #444;*/
					width: 49%;
					float: left;
					}
				.question {
					clear:both;
					}
	#footer_bar {
		clear:both;
		color: #969696;
		/*border: 1px solid blue;*/
		padding: 5px;
		margin-left: 45px;
		margin-right: 10px;
		background: repeat-x url(../images/dotted-line.gif) left top;
		}

	#contact {
		position: absolute;
		left: 34px;
		top: 180px;
		width: 698px;
		height: 421px;
		border: 1px solid #E1E1E1;
		background-color: #E1E1E1;
		}
		#contact_close {
			width: 26px;
			height: 421px;
			display: block;
			text-decoration: none;
			background: no-repeat url(../images/btn_close.gif) left top;
			float: right;
			}
		#contact_close:hover {
			background-position: right top;
			}
		#contact_info {
			float: right;
			width: 160px;
			height: 381px;
			padding: 20px;
			background-color: #4D4D4D;
			line-height: 130%;
			}
		#contact_left_part {
			/*border: 1px solid green;*/
			height: 391px;
			padding: 15px;
			padding-bottom: 0px;
			}
			#questions, #contact_form {
				background-color: #F1F1F1;;
				padding: 10px;
				padding-left: 20px;
				color: #969696;
				}
			#questions {
				height: 30px;
				}
			#contact_form {
				margin-top: 10px;
				/*border: 1px solid #999;*/
				margin-bottom: 0px;
				}
				#contact_form input.text, #contact_via, #form_buttons, #contact_form textarea {
					background-color: white;
					width: 190px;
					font-size: 90%;
					padding: 4px;
					margin: 0;
					margin-bottom: 4px;
					border: 0px solid white;

					}
				#contact_form input.text {
					color: #969696;
					display: block;
					}
					#contact_form input.text:hover, #form_buttons input:hover {
						font-weight: bold;
					}
				#form_buttons input {
					font-size: 100%;
					color: #FF7F00;
					background-color: white;
					border: 0px;
					}
				#contact_form textarea {
					height: 260px;
					color: #969696;
					float: right;
					font-size: 90%;
					margin-right: 10px;
				}
				#form_buttons {
					margin-bottom:0px;
				}
			#progress_indicator {
				position: absolute;
				width: 472px;
				height: 421px;
				background-color: #969696; /* pale weak blue */
			  	filter: alpha(opacity=65);
			  	-moz-opacity: 0.65;
			  	opacity: 0.65;
				top: 0px;
				left: 0px;
				}
				#progress_indicator img {
					position: absolute;
					top: 100px;
					left: 100px;
				}


/* ********************************* */
/* ******* FONTS AND COLORS ******** */
/* ********************************* */

body, input, textarea {
	font-family: 'Myriad-Roman', Arial, Tahoma, "MS Trebuchet", sans-serif;
	font-size: 11px;
	color: #4D4D4D;
	}
h1, h2 {
	font-family: Verdana, 'Myriad-Roman', Arial, Tahoma, "MS Trebuchet", sans-serif;
	font-weight: normal;
	font-size: 65px;
	margin: 0;
	border: 0;
	padding: 0;
	margin-top: 20px;
	line-height: 55px;
	}
h2 {
	margin-top: 25px;
	line-height: 14px;
	font-size: 11px;
	margin-bottom: 15px;
	}
.nav_item {
	font-family: Verdana, Arial, "MS Trebuchet", sans-serif;
	font-size: 9px;
	text-transform: uppercase;
	color: #4D4D4D;
	}
#footer_bar {
	font-size: 9px;
	}
	#footer_bar a {
		text-decoration: none;
		color: #969696;
	}
	#footer_bar a:hover {
		color: #4D4D4D;
	}
p.testimonialHeader, p.testimonial, p.testimonialFooter {
	font-family:'Georgia', 'Myriad-Roman', 'Times New Roman', serif;
	line-height: 125%;
	}
p.testimonial {
	font-size: 110%;
	}
p.testimonialHeader {
	font-family: Verdana, Arial, "MS Trebuchet", sans-serif;
	}
ol {
	padding-left:15px;
	padding-right: 10px;
	}
form {
	margin: 0;
	padding: 0;
	border: 0;
	}
#contact_info a {
	color: white;
	text-decoration: none;
	}
	#contact_info a:hover {
		text-decoration: underline;
		}