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

/* inner width 454px */

/*
	RESET
*/

html							{background-color:#555659; color:#333;}
.floatLeft 								{ float: left; }
.floatRight								{ float: right; }
.clear									{ clear: both; }
a								{background:none; text-decoration:none;border: 0px;}
a:hover							{ color:#000; text-decoration:none; border:0px;}

/*
	STRUCTURE
*/

#main-wrap 				{width: 960px; margin-left: auto; margin-right:auto; }
#header-wrap			{height: 188px; margin-left:58px; width: 832px; background: url("header.png") no-repeat;  }
#content-wrap			{float: left; width: 760px; margin-left:74px; padding: 20px; background: url("bgradient.png") top right no-repeat #f8e0b1; }
#footer-wrap			{height: 54px; width: 842px; margin-left:58px; padding-bottom:15px; padding-left:257px; padding-right: 186px;
							background: url("footer.png") no-repeat; float:left;}
							
/*
	CONTENT
*/

.content				{float: left; background-color: #f5e8cd;  border:solid 1px #FFF; margin: 10px; padding:5px; -moz-border-radius: 10px; -webkit-border-radius: 10px; width:740px; }
.content-left			{background-color: #f5e8cd; margin: 10px; border:solid 1px #FFF;  padding:5px; width:335px; float:left; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.content-right			{background-color: #f5e8cd; margin: 10px;  border:solid 1px #FFF;  padding:5px; width:335px; float:right; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.img					{width:300px; background-color: #f5e8cd; margin-left: auto; margin-right:auto; }

/*
	NAVIGATION
*/

.hide 					{visibility:hidden;}
#home					{float:left; position:absolute; margin-top: 17px; margin-left:151px; height:110px; width: 534px; text-decoration:none; background:none;}
#bio					{float:left; position: absolute; margin-top: 150px; margin-left:144px; height:38px; width: 68px;text-decoration:none; background:none;}
#products				{float:left; position: absolute; margin-top: 150px; margin-left:212px; height:38px; width: 138px;text-decoration:none; background:none;}
#portfolio				{float:left; position: absolute; margin-top: 150px; margin-left:350px; height:38px; width: 138px;text-decoration:none; background:none;}
#commissions			{float:left; position: absolute; margin-top: 150px; margin-left:489px; height:38px; width: 196px;text-decoration:none; background:none;}
.social					{float:left; margin-top: 17px; margin-right: 7px; text-decoration:none; background:none; height: 28px; width:28px;}