@import url(/include/css/editor.php);

body, html {
	height:100%;
	}

#bg {
	width:100%;
	min-height:100%;
	background:url('/image/bg.jpg') left center repeat-x;
	position:relative;
	}
#bgImg {
	width:100%;
	min-height:100%;
	background:url('/image/background.jpg') center center repeat-x;
	position:relative;
	}

#house {
	position:absolute;
	width:650px;
	height:490px;
	left:-30px;
	top:50%;
	margin-top:-280px;
	background:url('/image/house.jpg')
	}

#site {
	position:absolute;
	width:898px;
	height:580px;
	left:70%;
	left:50%;
	top:50%;
	margin-top:-290px;
	margin-left:-629px;
	margin-left:-449px;
	}


/** SITE  **/

#wrapper {
	}
#content {
	padding-left:70px;
	height:250px;
	background:url('/image/bg-content.png');
	}
	.textblock {
		width:341px;
		height: 220px;
		overflow: auto;
		margin:17px 10px 10px 35px;
		float:left;
		}
	.site9 .textblock,
	.site10 .textblock {
		margin:17px 10px 10px 15px;
		width:363px;
		}

	#scroll {
		height:160px;
		overflow:auto;
		}
	#scroll-form {
		height:220px;
		margin-top:-10px;
		}
	.catScroll #scroll {
		height:220px;
		overflow:hidden;
		}


/** CONTENT **/

	/** Home **/

	#title-home {
		width:100%;
		height:60px;
		background:url('/image/title-home.gif') left top no-repeat;
		}

	/** Projects and Products **/

	#spacer {
		height:23px;
		}

	#itemScroll {
		padding-top:15px;
		}

	/** GoogleMap **/

	#googlemap {
		padding-top: 17px;
		margin-right: 60px;
		overflow: auto;
		}


/** NAVIGATION **/

#navigation {
	height:30px;
	padding-top:60px;
	background:silver;
	background:url('/image/navigation.png') no-repeat center top;
	}
.site7 #navigation { background-position:0px -62px; }
.site8 #navigation { background-position:0px -124px; }
.site9 #navigation { background-position:0px -186px; }
.site10 #navigation { background-position:0px -248px; }


/** EXTRA **/

#extra {
	height:165px;
	background:url('/image/bg-extra-empty.jpg') center bottom no-repeat;
	}
.withExtras #extra {
	background-image:url('/image/bg-extra-blue.jpg');
	}

	#scroller img {
		width: 898px;
		height: 165px;
		}


/** FOOTER **/

#footer {
	height:75px;
	background:url('/image/bg-footer.png') center top no-repeat;
	}
#footer p {
	text-align:right;
	padding-top:48px;
	padding-right:34px;
	}


/** BASIC CLASSES **/

.titleImage {
	text-indent:-999em;
	}

.btnPrev {
	display:block;
	width:5px;
	height:9px;
	line-height:9px;
	background:url('/image/arrow-prev.gif') left top no-repeat;
	}
.btnNext {
	display:block;
	width:5px;
	height:9px;
	line-height:9px;
	background:url('/image/arrow-next.gif') left top no-repeat;
	}

#scroll .btnNext,
#scroll .btnPrev {
	float:left;
	overflow:hidden;
	margin-top:100px;
	}
#scroll .btnNext span,
#scroll .btnPrev span {
	visibility:hidden;
	}
.fullImage {
	float:left;
	margin:0px 10px;
	}