/* -----------------------------------*/
/* ---------->>> GLOBALS <<<----------*/
/* -----------------------------------*/

body {
	margin: 0;
	padding: 0;
	background: #FFF;
}

body {
	
	font-family: Arial;
	font-size: 12px;
	color: #000;
}

h1, h2, h3, p, ul, li, form, input, textarea, select {
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}

a {
	color: #76AE0D;
}

a:hover {
	text-decoration: none;
}

/***** INPUTS *****/

.std_text {
	height: 13px;
	padding: 5px 4px;
	font: 11px Arial;
	border: 1px solid #C7C7C7;
}

/***** HELPERS *****/

.clear {
	height: 0;
	clear: both;
	overflow: hidden;
}

/***** HEADERS *****/

h1 {
	margin: 0 0 43px 85px;
	font-size: 22px;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 20px;
	color: #76AE0D;
	border-bottom: 1px dashed #76AE0D;
	cursor: pointer;
}

	div.current h1 {
		color: #000;
		border-bottom: 1px dashed #000;
		margin-bottom: 0;
	}
	
h2 {
	float: left;
	margin-right: 25px;
	font-size: 18px;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 18px;
	color: #76AE0D;
	border-bottom: 1px dashed #76AE0D;
	cursor: pointer;
}

	h2.current {
		border: none;
		color: #000;
		cursor: default;
	}

h3 {
	margin-left: -2px;
	font-size: 17px;
	font-weight: normal;
	text-transform: uppercase;
	color: #76AE0D;
}

/* -----------------------------------*/
/* --------->>> STRUCTURE <<<---------*/
/* -----------------------------------*/

#layout {
	width: 1000px;
}

	#mainbar {
		float: left;
		padding-left: 85px;
		width: 611px;
	}
	
	#sidebar {
		float: left;
		width: 304px;
	}
	
#footer {
	height: 137px;
	padding: 36px 0 0 74px;
}
	
/* -----------------------------------*/
/* ---------->>> MAINBAR <<<----------*/
/* -----------------------------------*/

/***** FEEDBACK *****/

#mainbar div.feedback {
	display: none;
	position: absolute;
	z-index: 1;
	top: 19px;
	left: 61px;
	padding-left: 24px;
	padding-top: 35px;
	width: 350px;
	height: 353px;
	background: url('./../img/feedback_bg.jpg') no-repeat;
}

	#mainbar div.feedback .field {
		position: relative;
		width: 294px;
		margin-top: 15px;
	}
	
	#mainbar div.feedback textarea {
		height: 153px;
	}
	
	#mainbar div.feedback p {
		position: relative;
		top: 15px;
		width: 294px;
	}
	
	#mainbar div.feedback a.send {
		position: relative;
		vertical-align: -9px;
		font-weight: bold;
		font-size: 11px;
		text-decoration: underline;
		cursor: pointer;
	}

/***** TOP *****/

#mainbar div.top {
	
}

	#mainbar div.top img {
		display: block;
	}
	
		#mainbar div.top img.mail {
			position: relative;
			z-index: 2;
			margin-top: 40px;
			cursor: pointer;
		}
		
		#mainbar div.top img.logo {
			float: left;
			margin-top: 34px;
		}

/***** CONTENT *****/
	
#mainbar div.content {
	margin-top: 30px;
}

	#mainbar div.content div.menu {
		float: left;
		position: relative;
		left: -85px;
		padding-bottom: 8px;
		background: url('./../img/h1_content.jpg') 0 6px no-repeat;
	}
	
	#mainbar div.content div.back {
		background-position: 0 9px;
		margin: -3px 0 11px;
	}
	
		#mainbar div.content div.back span.arrow {
			margin-left: 54px;
			font-size: 23px;
			color: #76AE0D;
		}
	
		#mainbar div.content div.back a {
			margin-left: 6px;
			text-decoration: none;
			border-bottom: 1px dashed #76AE0D;
		}
	
	#mainbar div.content div.current {
		background: url('./../img/h1_current.jpg') 0 6px no-repeat;
	}
	
	#mainbar div.content div.ajax_content {
		display: none;
	}
	
/***** SERVICES *****/

	#mainbar div.content div.services {
		width: 551px;
	}
	
		#mainbar div.content div.services div.ajax_content {
			padding: 16px 0 44px;
		}
	
			#mainbar div.content div.services div.ajax_content ul {
				list-style-type: none;
				font-size: 15px;
				margin-left: -19px;
			}

				#mainbar div.content div.services div.ajax_content ul li {
					margin-bottom: 10px;
				}
				
					#mainbar div.content div.services div.ajax_content ul li span.price {
						color: #76AE0D;
					}
					
/***** PORTFOLIO, CLIENTS *****/

	#mainbar div.content div.portfolio, #mainbar div.content div.clients {
		
	}
	
		#mainbar div.content div.portfolio div.ajax_content, #mainbar div.content div.clients div.ajax_content {
			padding: 18px 0 67px;
		}
		
			#mainbar div.content div.portfolio div.ajax_content div.switch, #mainbar div.content div.clients div.ajax_content div.switch {
				margin-bottom: 30px;
			}
			
			#mainbar div.content div.portfolio div.ajax_content div.archieve, #mainbar div.content div.clients div.ajax_content div.archieve {
				display: none;
			}
		
			#mainbar div.content div.portfolio div.ajax_content div.row, #mainbar div.content div.clients div.ajax_content div.row {
				float: left;
				overflow: hidden;
				text-align: center;
				width: 171px;
				height: 172px;
				margin: 0 32px 40px 0;
			}
			
				#mainbar div.content div.portfolio div.ajax_content div.row img, #mainbar div.content div.clients div.ajax_content div.row img {
					display: block;
					margin: 0 auto;
					padding-bottom: 8px;
				}
				
/***** EXTENDED PORTFOLIO *****/

	#mainbar div.content div.extended_portfolio {
		width: 551px;
	}
	
		#mainbar div.content div.extended_portfolio h2 {
			float: none;
			margin: 0 0 14px 0;
		}
	
		#mainbar div.content div.extended_portfolio div.target {
			background: #BFE5F0;
			margin-left: -15px;
			padding: 15px 15px 26px 15px;
		}
		
			#mainbar div.content div.extended_portfolio div.target p.h {
				margin-bottom: 6px;
				font-size: 14px;
				font-weight: bold;
			}
			
		#mainbar div.content div.extended_portfolio div.body {
			padding-top: 19px;
		}
		
			#mainbar div.content div.extended_portfolio div.body p {
				line-height: 20px;
				margin-bottom: 20px;
			}
			
/***** CONTENT PORTFOLIO *****/

	#mainbar div.content div.content_portfolio {
		width: 551px;
	}
	
		#mainbar div.content div.content_portfolio div.ajax_content {
			padding: 18px 0 21px;
		}
	
			#mainbar div.content div.content_portfolio div.ajax_content div.row {
				margin-bottom: 15px;
			}
		
				#mainbar div.content div.content_portfolio div.ajax_content div.row p.h {
					position: relative;
					left: -29px;
					color: #76AE0D;
					font-size: 22px;
					line-height: 20px;
				}
				
					#mainbar div.content div.content_portfolio div.ajax_content div.row p.h span.dash {
						display: block;
						float: left;
					}
					
					#mainbar div.content div.content_portfolio div.ajax_content div.row p.h a {
						display: block;
						float: left;
						margin-left: 6px;
						border-bottom: 1px dashed #76AE0D;
						cursor: pointer;
					}
				
				#mainbar div.content div.content_portfolio div.ajax_content div.row p.current {
					color: #000;
				}
					
					#mainbar div.content div.content_portfolio div.ajax_content div.row p.current a {
						border-color: #000;
						color: #000;
					}
				
				#mainbar div.content div.content_portfolio div.ajax_content div.row div.body {
					padding-top: 8px;
					display: none;
				}
	
/* -----------------------------------*/
/* ---------->>> SIDEBAR <<<----------*/
/* -----------------------------------*/

#sidebar div.language {
	margin: 37px 0 0 8px;
	font-size: 14px;
	word-spacing: 8px;
}

#sidebar div.switch {
	margin: 35px 0 0 5px;
	font-size: 11px;
	line-height: 12px;
}

	#sidebar div.switch img {
		float: left;
		margin: -1px 10px 0 0;
	}
	
#sidebar div.feed {
	margin-top: 126px;
	padding-left: 5px;
	color: #7B7B7B;
}

	#sidebar div.feed p.text {
		width: 185px;
		margin-top: 12px;
		font-size: 14px;
		text-indent: -16px;
	}
	
		#sidebar div.feed p.text span.q {
			padding: 0 4px;
			color: #000;
		}
	
	#sidebar div.feed p.signature {
		width: 187px;
		margin-top: 8px;
		font-size: 12px;
		font-style: italic;
		line-height: 16px;
	}
	
/* -----------------------------------*/
/* ----------->>> FOOTER <<<----------*/
/* -----------------------------------*/

#footer p.c {
	font-size: 32px;
	color: #0C92D2;
}

#footer p.y {
	margin: -1px 0 0 11px;
	font-size: 13px;
}