* {
	margin: 0;
	padding: 0;
	font-family: Tahoma, Verdana, Arial, Sans-Serif; 
	font-size: 11px;
}

html {
	overflow: hidden; 
}

body {
	text-align: left; 
	background-color: #171717;
	color: #666666;
	width: 4200px;
	height: 1900px;
	/* overflow: hidden; */


	scrollbar-arrow-color: #adadad;
	scrollbar-base-color: #212121;
	scrollbar-track-color: #171717;
	scrollbar-highlight-color:#adadad;
	scrollbar-shadow-color:#adadad;

}

a:link, a:visited, a:active {
	color: #9d9d9d;	
	text-decoration: none;
	outline: none;
}

a:hover, a.link:hover {
	color: #9d9d9d;	
	text-decoration: underline;
	outline: none;
}

img {
	border: none;
}

p {
	margin: 10px 0px;
}

table {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
	
	table th {
		text-align: left;
		font-weight: bold;
		vertical-align: middle;
		text-transform: capitalize;
	}

	table td {
		vertical-align: top;
	}


form {
	padding: 0px;
	margin: 0px;
}

	fieldset {
		border: 0px;
	}

h1 {
	border-bottom:1px solid #212121;
	color:#ADADAD;
	display:block;
	font-family:Myriad Pro,Myriad,Helvetica,Tahoma;
	font-size:200%;
	font-weight:normal;
}


/* OFFER */

#offer {
	display: block;
	width: 570px;
	position: absolute;
	top: 70px;
	left: 140px;
	z-index: 100;
	background: transparent url(../images/headers_offer.gif) no-repeat 0 0;
}

	#offer_list, #offer_text {
		margin-top: 85px;
		display: block;
		height: 400px;
		overflow: hidden;
	}

	#offer_list {	
		width: 250px;
		float: right;
	}

		#offer_list li {
			margin-bottom: 1px;
			border-bottom: 1px solid #262626;
			list-style-image: none;
			list-style-position: outside;
			list-style-type: none;
		}

			#offer_list li a {	
				display: block;
				color: #666666;
				padding: 10px;
				/* text-shadow: #333333 0px 1px 0px; */
			}

				#offer_list li a b {
					font-weight: normal;
				}

					#offer_list li a b:before {
						content: "_ ";
						color: #adadad;
					}

				#offer_list li a:hover, #offer_list li a.selected {	
					color: #adadad;
					text-decoration: none;
					background-color: #171717;
					background-color: rgba(0,0,0,0.2);
				}

					#offer_list li a:hover b:before, #offer_list li a.selected b:before {	
						content: "_ ";
						color: #ffffff;
					}



			#offer_list li.selected a {	
				color: #adadad;
			}


	#offer_text {	
		width: 270px;
		float: left;
		color: #676767;
	}

		#offer_text li {
			float: left;
			width: 270px;
			height: 400px;
			line-height: 140%;
			text-align: justify;
			overflow: hidden;
		}

			#offer_text li h2.header {
				display: none;
			}


/* ABOUT US */

#about {
	display: block;
	width: 570px;
	position: absolute;
	top: 900px; /*740*/
	left: 840px;
	z-index: 100;
	background: transparent url(../images/headers_about.gif) no-repeat 0 0;
}

	#about_list, #about_text {
		margin-top: 85px;
		display: block;
		height: 400px;
		overflow: hidden;
	}

	#about_list {	
		width: 250px;
		float: right;
	}

		#about_list li {
			margin-bottom: 1px;
			border-bottom: 1px solid #262626;
			list-style-image: none;
			list-style-position: outside;
			list-style-type: none;
		}

			#about_list li a {	
				display: block;
				color: #666666;
				padding: 10px;
				/* text-shadow: #333333 0px 1px 0px; */
			}

				#about_list li a b {
					font-weight: normal;
				}

					#about_list li a b:before {
						content: "_ ";
						color: #adadad;
					}

				#about_list li a:hover, #about_list li a.selected {	
					color: #adadad;
					text-decoration: none;
					background-color: #171717;
					background-color: rgba(0,0,0,0.2);
				}

					#about_list li a:hover b:before, #about_list li a.selected b:before {	
						content: "_ ";
						color: #ffffff;
					}

			#about_list li.selected a {	
				color: #adadad;
			}

	#about_text {	
		width: 270px;
		float: left;
		color: #676767;
	}

		#about_text li {
			float: left;
			width: 270px;
			height: 400px;
			line-height: 140%;
			text-align: justify;
			overflow: hidden;
		}

			#about_text li h2.header {
				display: none;
			}





/* PORTFOLIO */

#portfolio {
	position: absolute;
	top: 70px;
	left: 3310px; /*2750*/
	display: block;
	width: 800px;
	height: 640px;
	z-index: 100;
	background: transparent url(../images/headers_portfolio.gif) no-repeat 0 0;
}

	#portfolio_container {
		margin-top: 75px;
		display: block;
		width: 800px;
		height: 395px;
		overflow: hidden;
	}
	
		#portfolio_preview {
			width: 724px;
			height: 393px;
			border: 1px solid #282828;
			margin-bottom: 10px;
			background-color: #171717;
		}

			#portfolio_preview .content {
				padding: 0px 10px 10px 10px;
				margin: 0;
				height: 338px;
				overflow: hidden;
			}

			#portfolio_preview p.close {
				padding: 10px;
				margin: 0;
				text-align: right;
			}

				#portfolio_preview p.close a {
					color: #666666;
					text-transform: capitalize;
				}

					#portfolio_preview p.close a b {
						font-weight: normal;
					}

						#portfolio_preview p.close a b:before {
							content: "_ ";
							color: #adadad;
						}

					#portfolio_preview p.close a:hover {
						color: #adadad;
						text-decoration: none;
					}

						#portfolio_preview p.close a:hover b:before {
							content: "_ ";
							color: #ffffff;
						}


		#portfolio_list {
			display: block;
			width: 800px;
			height: 395px;
			overflow: hidden;
		}

			#portfolio_list li {
				float: left;
				margin: 0 30px 20px 0;
				border: 1px solid #282828;
				list-style-image: none;
				list-style-position: outside;
				list-style-type: none;
				width: 220px;
				height: 180px;
				overflow: hidden;
			}

				#portfolio_list li a {
					display: block;
					width: 220px;
					height: 180px;
					overflow: hidden;
					text-decoration: none;
					background-color: #171717;
					background-color: rgba(23,23,23,0.6);
				}

					#portfolio_list li a.empty {
						cursor: default;
					}
/*
						#portfolio_list li a.empty:hover {
							background-color: #171717;
							background-color: rgba(23,23,23,0.2);
						}
*/
				#portfolio_list li a:hover {
					background-color: #171717;
					background-color: rgba(0,0,0,0.6);
				}

					#portfolio_list li a .preview {
						width: 200px;
						height: 120px;
						overflow: hidden;
						border: 1px solid #000000;
						margin: 8px;
						display: block;
						background: #000000 url(../images/bg_preview.gif) no-repeat 0 0;
						text-align: center;
					}

					#portfolio_list li a p {
						color: #9d9d9d;
						margin: 0 8px;
						color: #666666;
						font-size: 10px;
					}

						#portfolio_list li a p b {
							display: block;
							color: #9d9d9d;
							font-weight: bold;
							font-size: 11px;
							margin-bottom: 4px;
						}

							#portfolio_list li a p b:before {
								content: "_ ";
								color: #adadad;
							}

							#portfolio_list li a:hover p b {	
								color: #adadad;
							}

								#portfolio_list li a:hover p b:before {	
									content: "_ ";
									color: #ffffff;
								}

		#portfolio_container.high {
			height: 605px;
		}

			#portfolio_container.high #portfolio_preview {
				height: 603px;
			}

				#portfolio_container.high #portfolio_preview .content {
					height: 548px;
				}

			#portfolio_container.high #portfolio_list {
				height: 605px;
			}




	#portfolio_navi {
		clear: both;
		margin-top: 10px;
		display: block;
		width: 726px;
	}

		#portfolio_navi li {
			list-style-image: none;
			list-style-position: outside;
			list-style-type: none;
		}

			#portfolio_navi #portfolio_navi_prev {
				float: left;
				display: none;
			}

			#portfolio_navi #portfolio_navi_next {
				float: right;
				display: none;
			}

				#portfolio_navi a {
					color: #666666;
					text-transform: capitalize;
				}

					#portfolio_navi b {
						font-weight: normal;
					}

						#portfolio_navi b:before {
							content: "_ ";
							color: #adadad;
						}

					#portfolio_navi a:hover {
						color: #adadad;
						text-decoration: none;
					}

						#portfolio_navi a:hover b:before {
							content: "_ ";
							color: #ffffff;
						}





/* CONTACT US */

#contact {
	display: block;
	width: 700px;
	position: absolute;
	top: 950px;
	left: 2550px; /* 1400 */
	z-index: 100;
	background: transparent url(../images/headers_contact.gif) no-repeat 0 0;
}

	#contact_form {
		clear: right;
		margin-top: 100px;
		display: block;
		overflow: hidden;
		width: 360px;
		float: left;
		color: #676767;
		color: #adadad;
	}

		#contact_form label {
			clear: both;
			float: left;
			width: 70px;
			margin-top: 10px;
			text-transform: capitalize;
			line-height: 20px;
			color: #666666;
		}

			#contact_form label.required {
				color: #f4f4f4;
			}

			#contact_form label:before {
				content: "_ ";
				color: #adadad;
			}

		#contact_form input, #contact_form textarea, #contact_form select {
			float: left;
			margin-top: 10px;
			border: 1px solid #313131;
			background-color: #171717;
			background-color: rgba(0,0,0,0.2);
			width: 250px;
			padding: 3px;
			color: #676767;
			/* height: 20px; */
		}

		#contact_form textarea {
			height: 100px;
		}

		#contact_form select {
			width: 258px;
		}

			#contact_form input:hover, #contact_form textarea:hover {
				background-color: #121212;
				background-color: rgba(0,0,0,0.4);
				color: #565656;
			}

			#contact_form .focus, #contact_form input.focus:hover, #contact_form textarea.focus:hover {
				background-color: #000000;
				color: #565656;
			}

			#contact_form .error, #contact_form input.error:hover, #contact_form textarea.error:hover {
				background-color:#990000;
				border:1px solid #BB0000;
				color:#000000;
			}

		#contactform_security {
			width: 40px !important;
		}

		#contact_form button {
			clear: both;
			margin: 10px 0 10px 70px;
			padding: 3px;
			border: 1px solid #666666;
			background-color: #666666;
			color: #bbbbbb;
			width: 70px;
			text-transform:capitalize;
			display:block;
		}

			#contact_form button:hover {
				cursor: pointer;
				border: 1px solid #777777;
				background-color: #777777;
				color: #cccccc;
			}

		#contact_form button.sending {
			background:#666666 url(../images/sending1.gif) no-repeat scroll 50px 50%;
			padding-right: 20px;
		}

			#contact_form button.sending:hover {
				background-color: #666666;
				border: 1px solid #666666;
			}


		#contact_form #contactform_error {
			display: none;
			width: 250px;
			clear: both;
			margin: 0 0 0 70px;
			font-weight: bold;
			background-color:#990000;
			border:1px solid #BB0000;
			color:#000000;
		}

			#contact_form #contactform_error p {
				padding: 5px;
				margin: 0;
			}

		#contact_form #contactform_success {
			display: none;
			width: 320px;
			clear: both;
			margin: 10px 0px;
			padding: 3px;
			font-weight: bold;
			background-color: #171717;
			background-color:rgba(23, 23, 23, 0.6);
			border:1px solid #282828;
			color:#ffffff;
		}

			#contact_form #contactform_success p {
				padding: 5px;
				margin: 0;
			}

	#contact_text {
		clear: right;
		margin-top: 110px;
		overflow: hidden;
		width: 270px;
		float: left;
	}






/* START */

#start {
	display: block;
	width: 840px;
	height: 570px;
	position: absolute;
	top: 150px;
	left: 1700px; /*1380*/
	z-index: 100;
}

	#start_text {
		margin-top: 0px;
		display: block;
		height: 300px;
		overflow: hidden;
		width: 270px;
		float: right;
		color: #676767;
	}

	#logo {
		display: block;
		width: 185px;
		height: 86px;
		background: transparent url(../images/logo.gif) no-repeat 0 0;
		float: right;
		margin-right:90px;
	}

		#logo span {
			display: none;
		}

	#start_menu {
		float: left;
		margin-top: 100px;
		width: 500px;
		height: 400px;
		position: relative;
	}

		#start_menu li {
			position: absolute;
			text-transform: uppercase;
			list-style-image: none;
			list-style-position: outside;
			list-style-type: none;
			text-transform: uppercase;
			color: #adadad;
			font-family: Myriad Pro, Myriad, Helvetica, Tahoma;
			width: 200px;
		}

			#menu_about {
				top: 10px;
				left: 50px;
			}
			#menu_offer {
				top: 100px;
				left: 340px;
			}
			#menu_portfolio {
				top: 190px;
				left: 70px;
			}
			#menu_contact {
				top: 280px;
				left: 250px;
			}


			#start_menu li a {
				background: transparent url(../images/circles.gif) no-repeat 0 -26px;
				color: #a2a2a2;
				font-family: Myriad Pro, Myriad, Helvetica, Tahoma;
				padding-left: 30px;
				display: block;
				height: 30px;
			}

				#start_menu li a:hover {
					background: transparent url(../images/circles.gif) no-repeat -26px 0px;
					text-decoration: none;
				}

			#start_menu li a b {
				font-weight: normal;
				display: block;
				margin-bottom: 5px;
				color: #f0f0f0;
				font-size: 13px;
				font-family: Myriad Pro, Myriad, Helvetica, Tahoma;
			}

				#start_menu li a:hover b {
					color: #ffffff;
				}


/* BACKGROUND */

#background {
	display: block;
	width: 4200px;
	height: 1900px;
	overflow: hidden;
	background: transparent url(../images/bg2.jpg) no-repeat 800px 0; 
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}


#background_mask {
	display: block;
	width: 4200px;
	height: 1900px;
	overflow: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
}


.wdw_badge {
	display: block;
	width: 130px;
	height: 91px;
	background: transparent url(../images/wdw_badge.gif) no-repeat 0 0;
	position: absolute;
	z-index: 9999;
}

	#offer .wdw_badge {
		left: 700px;
		top: -50px;
	}

	#about .wdw_badge {
		left:-120px;
		top:380px;
	}

	#contact .wdw_badge {
		left:-100px;
		top:385px;
	}

	#portfolio .wdw_badge {
		left:750px;
		top:300px;
	}




/* MENU */

.menu {
	margin-top: 10px;
	clear: both;
}

	.menu li {	
		float: left;
		margin-right: 12px;
		text-transform: uppercase;
		/* letter-spacing: -1px; */
		list-style-image: none;
		list-style-position: outside;
		list-style-type: none;
	}

		.menu li a {	
			font-family: Myriad Pro, Myriad, Helvetica, Tahoma;
			color: #a2a2a2;
		}

			.menu li a:hover {	
				color: #f4f4f4;
				text-decoration: none;
			}

		.menu li.selected a {	
			color: #f4f4f4;
		}


#portfolio .menu {
	float: right;
	margin-top: 20px;
	margin-right: 65px;
}


#contact .menu {
	float: right;
	margin-top: 20px;
}



/* TEXTS */

.text {
	line-height: 140%;
	text-align: justify;
}

.header {
	display: block;
	margin-bottom: 25px;
	text-transform: uppercase;
	color: #adadad;
	letter-spacing: 1px;
	font-family: Myriad Pro, Myriad, Helvetica, Tahoma;
	font-weight: normal;
	text-align: justify;
}

.container {	
	display: none;
}





/* OTHER */



.clear {
	clear: both;
}

.hidden {
	position: absolute;
	top: -10000px;
	left: -10000px;
	display: none;
}



/* SECURITY CODE TABLE */

#security {
	float:left;
	margin-bottom: 10px;
	width: auto;
}

#security td {
	width: 40px;
	padding: 5px 0px 0px 0px;
}

	#security input {
		width: 30px !important;
		margin-top: 0;
	}

	#security img {
		border: 0px;
	}




/* LOADING */

.loading {
	background:transparent url(../images/loading1.gif) no-repeat scroll 100% 50%;
	font-weight:normal;
	padding:4px 20px 5px 0;
	text-transform:capitalize;
}













/* XXX */

#wn1 {
	border: 0;
	border:0 none;
	left:-10px;
	position:absolute;
	top:-130px;
}