/* CSS document for Web Brothers */

body {
	margin: 0;
	padding: 0;
	background: #FFFFFF url('../images/gradient-top.png') repeat-x scroll top;
}

#wrapper {
	margin: 0 auto 0 auto;
	padding: 0;
	min-width: 1000px;
}
	
	#header {
		position: relative;
		top: 106px;
		right: 340px;
		margin: -66px auto 0 auto;
		padding: 0;
		height: 170px;
		width: 292px;
		z-index: 99; 
	}
		#header a {
/* 			padding: 0 260px 90px 0; */
			position: relative;
		}
		#header h1 {
			font-size: 0pt;
			color: transparent;
		}
		#header img {
			border: 0;
		}
		
	#body {
		border: 0;
		border-top: 1px solid #AFD0EA;
		border-bottom: 1px solid #FFFFFF;
		background: #DFECF5;
		padding: 30px 0 0 0;
		height:100%;
		min-width: 980px;
	}
		#home_content {
			max-width: 950px;
			min-height: 487px;
			margin: 20px auto;
			background: #DFECF5 url('../images/background-home.jpg') no-repeat scroll center top;
			padding: 0px 0 40px 0;
			position: relative;
			z-index: 98;
		}
			div.bubble {
				text-transform: lowercase;
				position: absolute;
				/*border: 1px solid #000;*/
				color: #FFFFFF;
				text-align: center;
				font-family: georgia, serif;
			}
			div.left-top {
				left: 195px;
				top: 93px;
				width: 155px;
				font-size: 24pt;
			}
			div.right-top {
				right: 210px;
				top: 43px;
				width: 205px;
				font-size: 24pt;
			}
			div.left-bottom {
				/*left: 210px;
				bottom: 269px;
				width: 125px;*/
				left: 222px;
				bottom: 265px;
				width: 128px;
				line-height: 28px;
				font-size: 10pt;
				text-align: left;
			}
			div.right-bottom {
				/*right: 302px;
				bottom: 308px;
				width: 93px;*/
				right: 296px;
				bottom: 303px;
				width: 94px;
				line-height: 28px;
				font-size: 10pt;
				text-align: left;
			}
				div.bubble a {
					color: #FFFFFF;
					display: block;
					padding: 0 0 0 10px;
					background: transparent url('../images/arrows-home.png') no-repeat scroll right 1px;
				}
				div.bubble a:hover {
					color: #FDDCB1;
					background-position: right -27px;
				}
			
		/* About us */
		#about_statement {
			/*background: transparent url('../images/about-picture.jpg') no-repeat scroll bottom left;*/
			max-width: 950px;
			margin: 40px auto 0px auto;
			padding: 0 0 20px 0;
			font-family: helvetica, sans-serif;
			font-size: 12pt;
			color: #666666;
		}
			#about_statement h2 {
				margin: 30px 0 20px 388px;
			}
			#about_statement img {
				float: left;
				/*width: 385px;
				height: 270px;*/
				display: block;
				margin: -63px 0 0 0;
			}
			#about_statement p {
				margin: 10px 0 10px 385px;
			}
		#about_tabs {
			position: relative;
			max-width: 950px;
			margin: 0 auto;
		}
			#about_tabs span {
				position: absolute;
				bottom: 0;
				left: 33px;
				text-transform: lowercase;
				line-height: 24px;
				text-align: center;
				font-style: italic;
				color: #FFFFFF;
				font-size: 12pt;
				font-family: georgia, serif;
				background: transparent url('../images/about-tab-1.png') no-repeat scroll center;
				width: 104px;
				height: 23px;
			}
		#about_wrapper {
			background: #34658B;
			float: left;
			border-bottom: 1px solid #FFFFFF;
		}
			.about_team {
				width: 50%;
				background: #FFC47E url('../images/about-orange-gradient.png') repeat-x scroll;
				text-align: center;
			}
				.about_team h3 {
					font-weight: normal;
					font-family: helvetica light, sans-serif;
					color: #CE8E49;
					font-style: normal;
					font-size: 21pt;
					line-height: 60px;
				}
			#about_team_matan {
				float: left;
			}
			#about_team_dave {
				float: right;
			}
				#matan, #dave {
					width: 460px;
					height: 100px;
					color: #FFFFFF;
					font-family: georgia, serif;
					font-style: italic;
					font-size: 21pt;
					line-height: 40px;
					text-align: center;
				}
				#matan {
					float: right;
					margin: 0 15px 0 0;
					background: transparent url('../images/about-orange-thinker.png') no-repeat scroll 0 -5px;
				}
					#matan h3 {
						margin: 0 0 0 30px;
						text-align: left;
					}
				#dave {
					float: left;
					margin: 0 0 0 15px;
					background: transparent url('../images/about-orange-david.png') no-repeat scroll 0 -5px;
				}
					#dave span {
						padding: 0 0 0 80px;
					}
			.about_description {
				background: #34658B;
				font-family: arial, sans-serif;
				font-size: 10pt;
				color: #FFFFFF;
				width: 100%;
			}
				.about_description p {
					margin: 15px 10px;
					line-height: 150%;
				}
			#about_description_matan {
				float: left;
			}
			#about_description_dave {
				float: right;
			}
				#matan_description, #dave_description {
					background: #34658B url('../images/about-bottom-arrow.png') no-repeat scroll top center;
					width: 460px;
					text-align: left;
					padding: 10px 0;
				}
				#matan_description {
					float: right;
					margin: 0 15px 0 0;
				}
				#dave_description {
					float: left;
					margin: 0 0 0 15px;
				}
		/* Contact the Brothers */
		#contact_content {
			max-width: 950px;
			margin: 0 auto 50px auto;
			background: #DFECF5 url('../images/contact-background.png') no-repeat scroll top;
		}
			#contact_content h2 {
				margin: 30px 0 55px 98px;
			}
			#contact_form {
				min-height: 340px;
				margin: 0 auto;
				width: 850px;
				text-transform: lowercase;
				font-family: arial, sans-serif;
				font-size: 12pt;
				color: #86909A;
				padding: 15px 0 0 10px;
				position: relative;
			}
				form#contact_us {
					
				}
					#contact_us span {
					width: 65px;
					margin: 14px 10px 0 0;
					text-align: right;
					/*display: block;*/
					float: left;
				}
					#details {
						width: 240px;
						float: left;
					}
					#who_what {
						width: 420px;
						float: left;
					}
					#submit {
						width: 175px;
						float: left;
					}
						#submit ul {
							margin: 0 0 0 20px;
						}
							#submit ul li {
								margin: 5px 0;
							}
					input, textarea, select {
						background: #FFFFFF url('../images/gradient-bottom.png') repeat-x scroll 0 -13px;
						color: #535353;
						width: 150px;
						padding: 3px;
						border: 1px solid #E5E5E5;
						margin: 10px 0;
						padding: 6px 3px;
						font-family: arial, serif;
						font-size: 12pt;
						
					}
					select {
						width: 158px;
						background: #FFFFFF;
					}
					textarea {
						width: 330px;
						height: 178px;
					}
					.submit_contact {
						background: transparent url('../images/contact-sendmessage.png') no-repeat scroll 0-3px;
						cursor: pointer;
						width: 135px;
						height: 30px;
						color: transparent;
						font-size: 0pt;
						border: 0;
						position: absolute;
						bottom: 125px;
						right: 30px;
					}
					.submit_contact:hover {
						background-position: 0 -36px;
					}
					.submit_contact:active {
						background-position: 0 -68px;
					}
					#contact_details {
						position: absolute;
						bottom: 40px;
					}
	#footer {
		float: left;
		text-align: center;
		min-width: 100%;
		min-height: 105px;
		font-family: helvetica, arial, sans-serif;
		color: #A7A7A7;
		font-size: 10pt;
		background: #FFFFFF url('../images/gradient-bottom.png') repeat-x scroll;
		padding: 10px 0 0 0;
	}
		#footer ul {
			margin: 0 0 0 -305px;
			list-style-type: none;
		}
			#footer ul li {
				display: inline;
				position: relative;
				bottom: 10px;
			}
				#footer ul li a img {
					border: 0;
					opacity: 0.5;
					position: relative;
					top: 13px;
					margin: 0 0 0 5px;
				}
				#footer ul li a:hover img {
					opacity: 1;
				}
				#chupchik {
					position: absolute;
					top: -10px;
					left: 35px;
					width: 10px;
					height: 17px;
					padding: 10px;
					background: transparent url('../images/twittercorner.png') no-repeat scroll center;
				}
				#twitter {
					position: absolute;
					left: 55px;
					top: 0px;
					background: #E5E6EA;
					padding: 5px;
					width: 280px;
					color: #6D6E72;
					-webkit-border-radius: 10px;
					-khtml-border-radius: 10px;
					-moz-border-radius: 10px;
					-webkit-border-top-left-radius: 0;
					-khtml-border-radius-topleft: 0;
					-moz-border-radius-topleft: 0;
					font-family: georgia, serif;
					text-align: left;
					font-size: 10pt;
				}

/* All links except menu links*/
a, a:visited {
	color: #AEB0B3;
	text-decoration: none;
}

a:hover, a:active {
	color: #58595B;
}

/* Common elements */
h2 {
	text-align: left;
	font-family: georgia, serif;
	color: #1B76BE;
	font-size: 35pt;
	font-weight: normal;
	font-style: italic;
}

/* Notification */
#error {
	font-size: 10pt;
	color: #990000;
	text-transform: none;
}