/* Basic
---------------------------------------------------------- */

body {
	/*background:#fff;*/
	margin:0;
	min-width:770px;
	padding:0;
}
	body, input, textarea {
		font: 100% "Lucida Grande", Arial, Verdana, Tahoma, sans-serif;
		color: #2c2c2c;
	}
	#root {
		text-align:center;
	}
	form, dl, dt, dd, ol, ul, li, h1, h2, p {
		margin: 0;
		padding: 0;
		}
	img { border: 0; }
	hr { display: none; }
	address {
		font-style: normal;
	}
	a {
		color: #436c95;
		text-decoration: underline;
	}
	a:hover {
		text-decoration: none;
		background: #436c95;
		color: #fff;
	}



/* Section - Header
---------------------------------------------------------- */
#header-wrapper {
	background: url("../images/grid/bg_header-wrapper.gif") 0 100% repeat-x;
}
	#header {
		margin:0 auto;
		width:770px;
		position: relative;
		height:76px;
		text-align:left;
		background: url("../images/grid/bg_header.jpg") 100% 100% no-repeat;
	}
		#header h1 {
			background: url("../images/netconstructor-logo.gif") 0 0 no-repeat;
			height:45px;
			left:0;
			position: absolute;
			top:18px;
			width: 172px;
			z-index:100;
		}
		#header h1 span {
			display:none;
		}

		#header h2 {
			background: url("../images/spacer.gif") 0 0 no-repeat;
			height:23px;
			right:131px;
			position: absolute;
			top:59px;
			width: 279px;
		}
			#header h2 span {
				display:none;
			}
			
		#header-menu {
			height:18px;
			left:225px;
			position: relative;
			top:27px;
			width: 450px;
		}
		
		#header-menu td {
			padding-left:10px;
			padding-right:10px;
		}

	
/* Section - Realization
---------------------------------------------------------- */
#realization-wrapper {
	background: #EF6000 url("../images/grid/bg_realization-wrapper.jpg") 0 0 repeat-x;
	width:100%;
	height:309px;
	position:relative;
	left:0px;
	right:0px;
}

/* #realization-wait { 
		top:28%;
		left:45%;
		vertical-align:middle;
		text-align:center;
		z-index:10001;
	} */

	#realization {
		height:309px;
		he\ight:300px;
		margin:0px auto;
		min-height:300px;
		padding: 0px 0px 9px;
		position:absolute;
		text-align:center;
		width:770px;
		left:0px;
		right:0px;
		z-index:10000;
	}
	* html #realization {
		height:309px;
		heigh\t:300px;
	}
	
		#realization dl {
			padding: 251px 0 0;
		}
		/* Hides from IE-mac \*/
		* html #realization dl { height:1px;}
		/* End hiding from IE-mac */
			#realization dl dt,
			#realization dl dd {
				margin:0px;
			}
			#realization dl dt {
				float: left;
			}
				#realization dl dt img {
					display: block;
				}
				#realization dl dd.body {
					font-size: 62.5%;
					color: #fff;
					margin: 0 0 0 201px;
					border-left: 1px solid #fff;
					padding: 1px 15px 1px 24px;
					line-height: 1.5em;
					text-align:left;
				}
				#realization dl dd.body a {
					color: #fff;
				}
				#realization dl dd.body a:hover {
					text-decoration: none;
					background: #fff;
					color: #a90000;
				}
			#realization dl dd.screen {
				position: absolute;
				left:0;
				top:0;
				border-bottom: 1px solid #e2e2e2;
				line-height:1px; /* hmm */
			}
				#realization dl dd.screen img {
					display: block;
				}


	#realization-prev {
		height:309px;
		he\ight:300px;
		margin:0px auto;
		min-height:300px;
		padding: 0px 0px 9px;
		position:absolute;
		text-align:center;
		width:770px;
		left:0px;
		right:0px;
		z-index:9999;
	}
	* html #realization-prev {
		height:309px;
		heigh\t:300px;
	}
	
		#realization-prev dl {
			padding: 251px 0 0;
		}
		/* Hides from IE-mac \*/
		* html #realization-prev dl { height: 1px; }
		/* End hiding from IE-mac */
			#realization-prev dl dt,
			#realization-prev dl dd {
				margin: 0;
			}
			#realization-prev dl dt {
				float: left;
			}
				#realization-prev dl dt img {
					display: block;
				}
				#realization-prev dl dd.body {
					font-size: 62.5%;
					color: #fff;
					margin: 0 0 0 201px;
					border-left: 1px solid #fff;
					padding: 1px 15px 1px 24px;
					line-height: 1.5em;
					text-align:left;
				}
				#realization-prev dl dd.body a {
					color: #fff;
				}
				#realization-prev dl dd.body a:hover {
					text-decoration: none;
					background: #fff;
					color: #a90000;
				}
			#realization-prev dl dd.screen {
				position: absolute;
				left:0;
				top:0;
				border-bottom: 1px solid #e2e2e2;
				line-height:1px; /* hmm */
			}
				#realization-prev dl dd.screen img {
					display: block;
				}

/* Section - Realization List
---------------------------------------------------------- */
#realizations-list-wrapper {
	background: url("../images/grid/bg_realizations-list-wrapper.gif") 0 0 repeat-x;
	border-bottom: 1px solid #e4e4e4;
	margin: 0 0 10px;
}
	#realizations-list {
		margin:0 auto;
		overflow:hidden;
		width:770px;
		padding: 8px 0 9px;
		text-align:left;
		position: relative;
	}
		
		#realizations-list #mask {
			height:61px;
			margin:0 29px;
			overflow:hidden;
			position:relative;
		}
		
		#realizations-list ol {
			display:block;
			left:0;
			margin:0;
			padding: 0;
			position:absolute;
			list-style: none;
			top:0;
			width:3000px;
		}
		#realizations-list ol:after {
			content: "."; 
			display: block; 
			height: 0; 
			clear: both; 
			visibility: hidden;
			}

		/* Hides from IE-mac \*/
		* html #realizations-list ol { height: 1px; }
		#realizations-list ol { display: block; }
		/* End hiding from IE-mac */

			#realizations-list ol li {
				float: left;
				margin: 0 11px 11px 0;
				height:61px;
				width:61px;
			}
				#realizations-list ol li a,
				#realizations-list ol li span {
					background: #fff;
					border: 1px solid #bababa;
					display: block;
					height:61px;
					he\ight:55px;
					overflow:hidden;
					padding: 2px;
					position:relative;
					width:61px;
					w\idth:55px;
				}
				#realizations-list ol li a:hover {
					border: 1px solid #EF6000;
					/*border: 2px solid #bababa;
					border-top: 1px solid #bababa;
					border-left: 1px solid #bababa;
					padding: 1px 2px 2px 1px;*/
				}
					#realizations-list ol li a img,
					#realizations-list ol li span img {
						display:block;
						position:relative;
					}

					#realizations-list ol li.active a img {
						top:-65px;
					}
		
		#realizations-list ul {
			margin:0;
			padding:0;
			list-style:none;
			position:absolute;
			left:0;
			top:0;
			width:770px;
		}
			#realizations-list ul li {
				position:absolute;
				top:30px;
			}
			#realizations-list ul li#older {
				left:0;
			}
			#realizations-list ul li#newer {
				right:0;
			}
			#realizations-list ul li,
			#realizations-list ul li a {
				width:22px;
				height:21px;
			}
			#realizations-list ul li#newer,
			#realizations-list ul li#newer a {
				background: url("../images/grid/arrow_newer.gif") 0 0 no-repeat;
			}
			#realizations-list ul li#older,
			#realizations-list ul li#older a {
				background: url("../images/grid/arrow_older.gif") 0 0 no-repeat;
			}
			#realizations-list ul li#newer.inactive a,
			#realizations-list ul li#older.inactive a,
			#realizations-list ul li#newer.inactive:hover a,
			#realizations-list ul li#older.inactive:hover a {
					background-position:0 -84px !important;
			}
				#realizations-list ul li a {
					display:block;
				}
				#realizations-list ul li#newer a:hover,
				#realizations-list ul li#older a:hover{
					background-position:0 -42px;
				}
				#realizations-list ul li span {
					display:none;
				}


/* Section - Content-wrapper
---------------------------------------------------------- */
#content-wrapper {
	margin:0 auto 15px;
	padding: 11px 0 6px;
	width:770px;
	text-align:left;
	background: url("../images/grid/bg_content-wrapper.gif") 0 0 repeat-y;
	font-size:68.75%;
	line-height:1.5em;
}
#content-wrapper:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
/* Hides from IE-mac \*/
* html #content-wrapper { height: 1px; }
#content-wrapper { display: block; }
/* End hiding from IE-mac */

#content-wrapper h2 {
	font-size:136.36%;
	color: #EF6000;
}

	/* Section - Modules
	---------------------------------------------------------- */
	#modules {
		width: 201px;
		float: left;
	}
		#modules h2 {
			margin: 0 20px 11px;
		}
		/* testimonials */
		#modules #testimonials {
			margin:0 17px;
		}
			#modules #testimonials ul {
				margin:0;
				padding:0;
			}

			#modules #testimonials ul li {
				/*display:none;*/
				list-style:none;
				margin:0;
				padding:0;
			}
			
			/*
			#modules #testimonials ul li.current {
				display:block;
			} */
			
			#modules #testimonials blockquote {
				background: #f8f8f8 url("../images/grid/bg_blockquote_1.gif") 0 0 no-repeat;
				margin:0;
				padding:12px 0 0;
				font-size: 100%;
				width: 167px;
			}
			#modules #testimonials blockquote p {
				background: #f8f8f8;
				margin:0 15px;
				padding:0;
				color:#3b3b3b;
				/*font-size: 81.82%;*/ /* 9px */
				font-size: 90.91%; /* 10px */
				line-height:1.8em;
			}
			#modules #testimonials blockquote dl {
				background: #fff  url("../images/grid/bg_blockquote_2.gif") 0 0 no-repeat;
				margin:0;
				padding:33px 0 0;
				color:#56656e;
			}
			#modules #testimonials blockquote dl dt {
				font-size: 109.09%;
			}
			#modules #testimonials blockquote dl dt cite {
				font-style: normal;
			}
				#modules #testimonials blockquote dl dt a {
					color: #446c96;
				}
				#modules #testimonials blockquote dl dt a:hover {
					color: #fff;
					background: #446c96;
				}
			#modules #testimonials blockquote dl dd {
				font-size: 90.91%;
			}


	/* Section - Content
	---------------------------------------------------------- */
	#content {
		float: left;
		width: 569px;
		widt\h: 529px;
		padding: 0 20px;
	}
		#content h2 {
			margin: 0 0 10px;
		}
		#content p {
			/*font-size:90.91%;*/
			line-height:1.55em;
			margin: 0 0 7px;
		}
		
		/* Contact form */
		#content form {
			background: #f8f8f8;
			margin: 18px 0 0;
			padding: 15px 57px 7px 57px;
		}
		#content form:after {
			content: "."; 
			display: block; 
			height: 0; 
			clear: both; 
			visibility: hidden;
			}
		/* Hides from IE-mac \*/
		* html #content form { height: 1px; }
		#content form { display: block; }
		/* End hiding from IE-mac */

		#content form dl.address {
			float: left;
			width: 200px;
			line-height: 1.45em;
		}
			#content form dl.address dt {
				font-weight: bold;
				margin: 0 0 6px;
			}
		#content form .form-body {
			float: left;
			/*width: 199px;*/
			width: 209px;
		}
		#content form .form-body div {
			padding: 0 0 4px;
			text-align: right;
		}
		#content form .form-body div:after {
			content: "."; 
			display: block; 
			height: 0; 
			clear: both; 
			visibility: hidden;
			}
		/* Hides from IE-mac \*/
		* html #content form .form-body div { height: 1px; }
		#content form .form-body div { display: block; }
		/* End hiding from IE-mac */
		#content form .form-body label {
			float: left;
			width: 49px;
			text-align: right;
		}
		#content form .form-body input.text,
		#content form .form-body textarea {
			float: left;
			/*width: 139px;
			widt\h: 134px;*/
			width: 149px;
			widt\h: 144px;
			border: 1px solid #d1d1d1;
			background: #fff;
			padding: 0 0 0 3px;
			margin: 0 0 0 11px;
		}
		#content form .form-body input.text:focus,
		#content form .form-body textarea:focus {
			background: #fffacc;
		}
		#content form .form-body input.text.error,
		#content form .form-body textarea.error {
			border:1px solid #EF6000;
		}
		#content form .form-body textarea {
			margin: 0 0 0 60px;
			overflow: auto;
		}
		#content form .form-body #send {
			border: 1px solid #d1d1d1;
			background: #fff;
			padding: 1px 8px;
			margin: 2px 0 0;
			color: #436c95;
			font-weight: bold;
		}
		#content form .form-body #send:focus {
			color: #fff;
			background: #436c95;
		}
		* html #content form .form-body #send {
			padding: 1px 4px;
		}

		/* Messages in form */
		#content form .form-body p.message {
			margin: 3px 0 13px 17px;
			line-height: 1.2em;
			font-size: 90.91%;
		}
			#content form .form-body p.message strong {
				display: block;
			}


		/* Messages no js */
		#content .message-box {
			background: #f8f8f8;
			margin: 18px 0 0;
			padding: 43px 76px 32px 76px;
			text-align: center;
		}
			#content .message-box p.message {
				margin: 0 auto 23px;
				line-height: 1.3em;
				font-size: 90.91%;
			}
				#content p.message strong.sent {
					color: #906600;
					font-weight: normal;
					background: url("../images/grid/icon_sent.gif") 0 0 no-repeat;
					padding: 0 0 0 18px;
				}
				#content p.message strong.error {
					color: #EF6000;
					font-weight: normal;
					background: url("../images/grid/icon_error.gif") 0 0 no-repeat;
					padding: 0 0 0 18px;
				}
				/* Hides from IE-mac \*/
				* html #content p.message strong { height: 1px; }
				/* End hiding from IE-mac */



			#content p.box-link {
				margin: 0;
				line-height: 1.3em;
				font-size: 100%;
			}
				#content p.box-link a {
					border: 1px solid #d1d1d1;
					background: #fff;
					padding: 2px 8px;
					margin: 2px 0 0;
					color: #436c95;
					font-weight: bold;
					text-decoration: none;
				}
				#content p.box-link a:hover {
					color: #fff;
					background: #436c95;
				}

				/* Hides from IE-mac \*/
				* html #content p.box-link a { height: 1px; }
				/* End hiding from IE-mac */

/* Sections - Footer
---------------------------------------------------------- */
#footer-wrapper {
	background: url("../images/grid/bg_footer-wrapper.gif") 0 0 repeat-x;
}
	#footer {
		margin:0 auto;
		width:770px;
		padding: 15px 0 50px;
		text-align:center;
	}
		#footer p {
			color: #7f7f7f;
			font-size: 62.5%;
		}