@charset "utf-8";
/* CSS Document */

body {
	background-repeat: no-repeat;
	background-attachment: 100%;
	margin: 0px;
	background-position: 0px;
	topmargin:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: 666666;
	left: auto;
	right: auto;
	background-color: #CCCCCC;
}


#wrapper {
	width: 900px;
	position: relative;
	height: auto;
	margin: auto;
	visibility: visible;
	z-index: 5;
	float: none;
}
#wrapper_contact {
	width: 795px;
	position: relative;
	height: 700px;
	margin: auto;
	visibility: visible;
	z-index: 5;
	float: none;
	left: -1px;
}



#page-background {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-repeat: repeat;
	background-color: #CCCCCC;
	background-image: url(../images/bg_tile.jpg);
	visibility: hidden;
}


/* Remove margins from the 'html' and 'body' tags, and ensure the page takes up full screen height */
html, body {
	height:100%;
	padding:0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
/* Specify the position and layering for the content that needs to appear in front of the background image. Must have a higher z-index value than the background image. Also add some padding to compensate for removing the margin from the 'html' and 'body' tags. */
#content {
	position:relative;
	z-index:-2;
	height: 212px;
	width: 800px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: lighter;
	color: 666666;
	text-align: justify;
	padding-top: 300px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 20px;
	margin-right: auto;
	margin-left: auto;
}


#content_furniture {
	position:relative;
	z-index:-2;
	height: 400px;
	width: 800px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: lighter;
	color: 666666;
	text-align: justify;
	padding-top: 300px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 20px;
	margin-right: auto;
	margin-left: auto;
}

#content_contact {
	position:relative;
	z-index:1;
	height: auto;
	width: 800px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: lighter;
	color: 666666;
	text-align: justify;
	padding-top: 83px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 120px;
	margin-right: auto;
	margin-left: auto;
}



#apDiv10 {
	position:absolute;
	width:200px;
	height:600px;
	z-index:100;
	left: 17px;
	top: 72px;
}

#paraFade {
	width: 810px;
	height: 331px;
	padding-left: 54px;
	padding-bottom: 51px;
}

#paraLeft {
	float: left;
	height: auto;
	width: 500px;
	text-align: justify;
}
#paraMiddle {
	float: left;
	height: auto;
	width: 95px;
	padding-left: 10px;
}
#paraRight {
	float: left;
	height: auto;
	width: 190px;
	padding-left: 10px;
}



#apDiv1 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:-10;
	left: 17px;
	top: 48px;
}
#apDiv2 {
	position:absolute;
	width:804px;
	height:97px;
	z-index:-3;
	left: 18px;
	top: 30px;
}


#apDiv3 {
	position:absolute;
	width:200px;
	height:600px;
	z-index:30;
	left: 35px;
	top: 73px;
}
#apDiv4 {
	position:absolute;
	width:804px;
	height:97px;
	z-index:3;
	left: 1px;
	top: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	font-weight: lighter;
}
#apDiv5 {
	position:absolute;
	width:200px;
	height:600px;
	z-index:1;
	left: 10px;
	top: 25px;
}
#apDiv6 {
	position:absolute;
	width:804px;
	height:97px;
	z-index:3;
	left: 38px;
	top: 30px;
}
#apDiv7 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:1;
	left: 17px;
	top: 72px;
}
#apDiv8 {
	position:absolute;
	width:200px;
	height:600px;
	z-index:30;
	left: 16px;
	top: 72px;
}
#apDiv9 {
	position:absolute;
	width:200px;
	height:600px;
	z-index:1;
	left: 17px;
	top: 24px;
}
#apDiv11 {
	position:absolute;
	width:804px;
	height:97px;
	z-index:3;
	left: 14px;
	top: 72px;
}

#apDiv12 {
	position:absolute;
	width:200px;
	height:17px;
	z-index:6;
	left: 1px;
	top: 111px;
}
#apDiv13 {
	position:absolute;
	width:200px;
	height:90px;
	z-index:-10;
	left: 17px;
	top: 72px;
}





#main {
	width: 900px;
	position: relative;
	height: 602px;
	margin: auto;
	visibility: visible;
	z-index: 5;
	float: none;
}
#footer {
	width: 850px;
	position: relative;
	height: 50px;
	margin: auto;
	visibility: visible;
	z-index: 100;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-image: url(../images/address.png);
	background-repeat: no-repeat;
	background-position: 29px top;
	bottom: 28px;
	top: 0px;
}




#footerWheeler {
	width: 600px;
	position: relative;
	height: 50px;
	margin: auto;
	visibility: visible;
	z-index: 100;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-image: url(../images/address.png);
	background-repeat: no-repeat;
	background-position: 29px top;
	bottom: 28px;
	float: left;
}
#paraFade3 {
	width: 810px;
	height: 365px;
	padding-left: 54px;
}
#paraLeft3 {
	float: left;
	height: 360px;
	width: 500px;
	text-align: justify;
}
#content_projects {
	position:relative;
	z-index:-2;
	height: 312px;
	width: 800px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: lighter;
	color: 666666;
	text-align: justify;
	padding-top: 360px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 20px;
	margin-right: auto;
	margin-left: auto;
}




.inProgressBox {
	position: relative;
	float: left;
	width: 390px;
	height: 260;
	margin-left: 2px;

}

.inProgressItem {
	position: relative;
	float: left;
	width: 76px;
	height: 76px;
	border: 1px solid #ffffff;
	margin-right: 3px;
	margin-bottom: 3px;
}

.bigImageBox {
	position: relative;
	float: left;
	width: 390px;
	height: 260px;
	overflow: hidden;
	margin-left: 12px;
}

.inProgressBox img  {
	border: none;
}
.footerSpace {
	width: 850px;
	position: relative;
	height: 200px;
	margin: auto;
	visibility: visible;
	z-index: 100;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-repeat: no-repeat;
	bottom: 28px;
	top: 0px;
}
#apDiv14 {
	position:absolute;
	width:300px;
	height:115px;
	z-index:1;
	left: 17px;
	top: 72px;
}
#content_profile {
	position:relative;
	z-index:-2;
	height: 212px;
	width: 800px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: lighter;
	color: 666666;
	text-align: justify;
	padding-top: 300px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 20px;
	margin-right: auto;
	margin-left: auto;
}
#wrapper_projects {
	width: 900px;
	position: relative;
	height: 562px;
	margin: auto;
	visibility: visible;
	z-index: 5;
	float: none;
}

#paraFade2 {
	width: 810px;
	height: 260px;
	padding-left: 54px;
	padding-bottom: 51px;
}