html {
	margin: 0;
	padding: 0;
	overflow-y: scroll;
	height: 100%;
	}

body {
	width: 1000px;
	font: 75% arial, georgia;
	line-height: 1.88889;
	color: #626262;
	margin: 0 auto 0 auto;
	padding: 0;
	min-height: 100%;
	position: relative;
	}

.left {
	float: left;
	}	

.right {
	float: right;
	}

.clear {
	clear: both;
	}

.hidden {
	visibility: hidden;
	}	

.overlay {
    background: #ffffff none repeat scroll 0 0;
    display: none;
    height: 100%;
    left: 0;
    filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;    
    opacity: 1;
    top: 0;
    width: 100%;
    z-index: 50;
    display: none;
    position: fixed;
	}

.modal {
    position: absolute;
    width: 992px;
    left: 10%;
    top: 20%;
    z-index: 51;
	}

#logo 
{
	position: absolute;
	float: left;
	height: 183px;
	width: 210px;
	background: url(images/splashscreen.png) no-repeat top left;
	z-index: 53;
	}

#logo-side {
	height: 183px;
	background: url(images/splashscreen.png) no-repeat -850px 0 White;
	z-index: 52;	
    filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;    
    opacity: 0;
	overflow: visible;
	}
	

/*************************
**		HEADER			**
**						**
*************************/
#header {
	height: 80px;
	padding: 20px 0 0 90px;
	}
	
#header h1 {
	background: url(images/webmap.jpg) no-repeat -95px -22px;
	width: 80px; height: 58px;
	margin: 0;
	}
	
#header a {
	border: 0;
	display: block;
	height: 58px;
	width: 80px;
	text-decoration: none;
	}
	
#header h1 span {
	visibility: hidden;
	}

#header h2 {
	background: url(images/webmap.jpg) no-repeat -299px -32px;
	width: 753px;
	height: 48px;
	margin: 10px 0 0 0;
	}

#header span {
	visibility: hidden;
	}
	
#sub-header {
	height: 46px;
	}

/*************************
**		NAVIGATION		**
**						**
*************************/
.navigation {
	width: 246px;
	}

.navigation ul {
	list-style-type: none;
	margin: 0;
	}
	
.navigation ul li {
	width: 100px;
	margin: 0 0 13px 0;
	}

.navigation-top ul li {
	margin: 0;
	}

.navigation ul li a {
	text-decoration: none;
	display: block;
	}

.navigation ul li a span {
	visibility: hidden;
	}

#product a {
	background: url(images/webmap.jpg) no-repeat -44px -95px;
	}

#product a:hover {
	background: url(images/webmap.jpg) no-repeat -156px -95px;
	}
	
#product a.selected {
	background-position: -156px -95px;
	}

#furniture a {
	background: url(images/webmap.jpg) no-repeat -44px -118px;
	}

#furniture a:hover {
	background: url(images/webmap.jpg) no-repeat -156px -118px;
	}

#furniture a.selected {
	background-position: -156px -118px;
	}

#portfolio a {
	background: url(images/webmap.jpg) no-repeat -44px -142px;
	}

#portfolio a:hover {
	background: url(images/webmap.jpg) no-repeat -156px -142px;
	}
	
#portfolio a.selected {
	background-position: -156px -142px;
	}	

#contact a {
	background: url(images/webmap.jpg) no-repeat -44px -176px;
	}

#contact a:hover {
	background: url(images/webmap.jpg) no-repeat -156px -176px;
	}

#contact a.selected {
	background-position: -156px -176px;
	}

#blog a {
	background: url(images/webmap.jpg) no-repeat -44px -212px;
	}

#blog a:hover {
	background: url(images/webmap.jpg) no-repeat -156px -212px;
	}
	
#blog a.selected {
	background-position: -156px -212px;
	}

#cv a {
	background: url(images/webmap.jpg) no-repeat -44px -249px;
	}

#cv a:hover {
	background: url(images/webmap.jpg) no-repeat -156px -249px;
	}
	
#cv a.selected {
	background-position: -156px -249px;
	}

.sub-navigation {
/*	border: solid 1px red;*/
	}

.sub-navigation span {
	visibility: hidden;
	}
	
#timeimage {
	padding: 0;
	margin: 0;
	}
	
#timeimage a {
	background: url(images/webmap.jpg) no-repeat -300px -82px;
	text-decoration: none;
	}

#timeimage a:hover {
	background: url(images/webmap.jpg) no-repeat -300px -99px;
	}
	
#timeimage a.selected {
	background-position: -300px -99px;
	}	

.sub-navigation ul {
	list-style-type: none;
	float: left;
	padding: 23px 0 0 0;
	margin: 0;
	}

.sub-navigation ul li {
	float: left;
	}

.sub-navigation ul li a {
	float: left;
	display: block;
	text-decoration: none;
	}

#rimacouch a {
	background: url(images/webmap.jpg) no-repeat -300px -118px;
	width: 103px;
	}

#rimacouch a:hover {
	background: url(images/webmap.jpg) no-repeat -300px -138px;
	}
	
#rimacouch a.selected {
	background-position: -300px -138px;
	}

#refractchair a {
	background: url(images/webmap.jpg) no-repeat -405px -118px;
	width: 132px;
	}

#refractchair a:hover {
	background: url(images/webmap.jpg) no-repeat -405px -138px;
	}
	
#refractchair a.selected {
	background-position: -405px -138px;
	}

#suspend a {
	background: url(images/webmap.jpg) no-repeat -535px -118px;
	width: 89px;
	}

#suspend a:hover {
	background: url(images/webmap.jpg) no-repeat -535px -138px;
	}
	
#suspend a.selected {
	background-position: -535px -138px;
	}

#taglio a {
	background: url(images/webmap.jpg) no-repeat -622px -118px;
	width: 71px;
	}

#taglio a:hover {
	background: url(images/webmap.jpg) no-repeat -622px -138px;
	}
	
#taglio a.selected {
	background-position: -622px -138px;
	}

#chamfer a {
	background: url(images/webmap.jpg) no-repeat -692px -118px;
	width: 105px;
	}

#chamfer a:hover {
	background: url(images/webmap.jpg) no-repeat -692px -138px;
	}
	
#chamfer a.selected {
	background-position: -692px -138px;
	}

/*************************
**		CONTENT			**
**						**
*************************/
#content {
	padding: 0 0 170px 0;
	}

#content div {
	width: 681px;
	}

.sub-content {
	}
	
.sub-content a {
	text-decoration: none;
	color: #a2a3a3;
	}
	
.sub-content a.active {
	border: 0;
	}

.sub-content img {
	border: 1px solid;
	}
	
.sub-content p {
	margin: 0 0 30px 0;
	}
	
.process {
	background: url(images/webmap.jpg) no-repeat -300px -270px;
	}
	
.comingsoon {
	background: url(images/webmap.jpg) no-repeat -300px -403px;
	margin-left: 282px;
	}
	
.sub-content h3 span {
	visibility: hidden;
	}
	
.blog h3 {
	font-weight: normal;
	font-size: 1.2em;
	padding: 0;
	margin: 0;
	line-height: 10px;
	color: #353C42;
	}

.blog h4 {
	font-weight: normal;
	font-size: .8em;
	padding: 0;
	margin: 0;	
	line-height: 15px;
	}
	
.blog img {
	margin: 7px 0 0 0;
	border: 1px solid;	
	}
	
.blog p {
	margin: 0;
	width: 294px;
	font-size: .85em;
	letter-spacing: .9px;
	line-height: 13px;
	}
	
#contact-area-right {
	height: 300px;
	width: 385px !important;
	float: left;
	padding: 0 0 0 60px;
	border-left: 1px solid;
	}
	
#contact-area-right input {
	width: 385px;
	border: 1px solid #ccc;
	height: 15px;
	margin: 0 0 14px 0;
	}	

#contact-area-right textarea {
	height: 90px;
	width: 385px;
	border: 1px solid #ccc;
	margin: 1px 0 0 0;	
	}

#contact-area-right textarea:focus, #contact-area input:focus {
	border: 2px solid #a2a3a3;
	}

#contact-area-right input.submit-button {
	width: 100px;
	float: right;
	height: 20px;
	margin: 10px -2px 0 0;
	}

#contact-area-right label {
	width: 80px;
	float: left;
	color: #545b60;
/*	line-height: 8px;*/
	clear: left;
	}
	
#contact-area-left {
	float: left; 
	width: 180px !important; 
	}

#contact-area-left img {
	border: 0;
	}
	
/*two problems: 
--width on textarea does not work on safari 
--input boxes do not align to top of text*/

/*************************
**		FOOTER			**
**						**
*************************/
#footer {
	position: absolute;
	bottom: 0;
	height: 170px;
	text-align: right;
	padding: 0;
	margin: 0;
	font-size: 0.8em;
	width: 100%;
	}
	
#copyright {
	border-top: 1px solid #eaeaea;
	width: 681px;
	float: right;
	margin: 90px 75px 0 0;
	line-height: 14px;
	}
	
#copyright span {
	color: #c8c8c8;
	}
	
#sociallinks {
	height: 30px;
	position: absolute;
	bottom: 70px;
	left: 264px;
	}	

#sociallinks span {
	visibility: hidden;
	}
	
#sociallinks a {
	height: 30px;
	display: block;
	width: 30px;
	text-decoration: none;
	float: right;
	margin: 0 0 0 5px;
	}
	
#facebook {
	background: url(images/webmap.jpg) no-repeat -300px -315px;
	}
	
#facebook:hover {
	background-position: -300px -358px;
	}	
	
#twitter {
	background: url(images/webmap.jpg) no-repeat -340px -315px;
	}	
	
#twitter:hover {
	background-position: -340px -358px;
	}	
	
#stumbleupon {
	background: url(images/webmap.jpg) no-repeat -380px -315px;
	}	
	
#stumbleupon:hover {
	background-position: -380px -358px;
	}		

#cvlink {
	background: url(images/webmap.jpg) no-repeat -430px -315px;
	left: 135px;
	width: 57px !important;
	position: absolute;
	}	

#cvlink:hover {
	background-position: -430px -358px;
	}	
	
#linkedinlink {
	background: url(images/webmap.jpg) no-repeat -495px -316px;
	left: 195px;
	position: absolute;
	}	

#linkedinlink:hover {
	background-position: -495px -358px;
	}