@font-face {
	font-family: Museo;
  	src: url(Museo300-Regular.otf);
}

@font-face {
	font-family: Grandesign Neue;
  	src: url(Grandesign-Neue-Serif.ttf);
}

@font-face {
	font-family: Gentium Basic;
	src: url(GenBasR.ttf);
}

body {
	margin: 0;
	padding: 0;
}

#real_body {
	background: #222222 url("bg2.png") repeat-x;
}

#wrapper {
	background: transparent url("FreshFlavorbg.jpg") no-repeat scroll center top;
	display: table;
	width: 100%
}

#container {
	width: 1000px;
	background: transparent none repeat scroll 0 0;
	margin: 0 auto;
	
}

#main_nav_container {
	width: 1000px;
	margin: auto;
	padding: 0px;
}

#Top_area {
	width: 1000px;
	position: relative;
	margin: 0 auto;
	height: 180px;
}

#logo {
	width: 257px;
	height: 68px;
	position: relative;
	float: left;
	top: 15px;
	left: 120px;
}

#social_icons {
	list-style-type: none;
	list-style-image: none;
	height: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 10px;
	right: 0;
}

#top_email{
	font: 12px "Lucida Grande","Lucida Sans","Lucida Sans Unicode","Verdana", sans-serif;
	margin: 0px;
	padding: 0px;
	top: 25px;
	right: 175px;
	position: absolute;
}

#top_email a{
	color: #4C6C3F;
}

#main_nav_links ul li {
	display:inline;
	text-decoration: none;
	padding: 5px 5px;
	font: 14px helvetica neue, helvetica, arial, sans-serif;
	color: #333333
}

#main_nav_links ul li a:hover{
	color: #9a1515
}

#main_image {
	float: left;
	width: 650px;
	height: 560px;
	position: relative;
	margin: auto;
	padding-top: 45px;
}

#main_image img{  
	display: block;  
	background: #eaeaea;  
	padding: 5px;  
	border: solid 1px #d6d6d6;
}

#main_image object{  
	display: block;  
	background: #eaeaea;  
	padding: 5px;  
	border: solid 1px #d6d6d6;
}

#freelance {
	float: left;
	width: 654px;
	position: relative;
	margin: auto;
	border-top: 1px dashed DarkGrey;
}

#personal {
	float: left;
	width: 654px;
	position: relative;
	margin: auto;
	border-top: 1px dashed DarkGrey;
	top: 15px;
}

#about {
	float: right;
	position: relative;
	margin: auto 20px auto 0;
	width: 270px;
	height: 681px;
	padding-top: 45px;
}

#services{
	float: right;
	position: relative;
	margin: auto 20px auto 0;
	width: 270px;
	border-top: 1px dashed DarkGrey;
}

#contact{
	float: right;
	position: relative;
	margin: auto 20px auto 0;
	width: 270px;
	border-top: 1px dashed DarkGrey;
	padding-bottom: 1em;
}

#Sharkeys{
	float: left;
	padding-right: 15px;
	padding-bottom: 25px;
}

#Sharkeys img{
	display: block;  
	background: #eaeaea;  
	padding: 3px;  
	border: solid 1px #d6d6d6;
	cursor: pointer;
}

#Pyrocap{
	float: left;
	padding-right: 15px;
}

#Pyrocap img{
	display: block;  
	background: #eaeaea;  
	padding: 3px;  
	border: solid 1px #d6d6d6;
	cursor: pointer;
}

#OdorGo{
	float: left;
}

#OdorGo img{
	display: block;  
	background: #eaeaea;  
	padding: 3px;  
	border: solid 1px #d6d6d6;
	cursor: pointer;
}

#Moog{
	float: left;
	padding-right: 15px;
}

#Moog img{
	display: block;  
	background: #eaeaea;  
	padding: 3px;  
	border: solid 1px #d6d6d6;
	cursor: pointer;
}

#Riptide{
	float: left;
}

#Riptide img{
	display: block;  
	background: #eaeaea;  
	padding: 3px;  
	border: solid 1px #d6d6d6;
	cursor: pointer;
}

#Portfolio{
	float: left;
	padding-right: 25px;
}

#Portfolio img{
	display: block;  
	background: #eaeaea;  
	padding: 3px;  
	border: solid 1px #d6d6d6;
	cursor: pointer;
}

#AJ{
	float: left;
}

.design{
	color: #743a3f;
	font-weight: bold;
	line-height: .5em;
}

.design a{
	color: #743a3f;
	font-weight: bold;
	line-height: .5em;
}

#contactForm{
	width:270px; /* customize width, this form have fluid layout */
}	

#contactForm h1 span{
	display:block;
}				
	
/*#form2 fieldset{
	margin: auto;
	padding:0;
	border:none;			
}		
	
#form2 legend{
	display:none;
}*/	

#contactForm p{
	margin:.5em 20px;
}	

#contactForm label{
	display:block;
}	
	
.input{		
	width:230px;
	border:1px solid #d6d6d6;
	padding:5px 3px;
	background-color:#eaeaea;
}		
	
#contactForm textarea{
	height:125px;
	overflow:auto;
}					
	
#contactForm p.submit{
	padding-top: 0.5em;
}	

#button{
	color: #555555;	
}				

.indent{
	left: 15px;
}

#book {
	float: left;
	padding-right: 1em;
}

.clear {
	clear: both;
}

img, div { border: 0 none; }

p {
	font: 12px "Lucida Grande","Lucida Sans","Lucida Sans Unicode","Verdana", sans-serif;
	margin-top: .5em;
	margin-bottom: .5em;
	color: #555555;
}

ul li{
	font: 12px "Lucida Grande","Lucida Sans","Lucida Sans Unicode","Verdana", sans-serif;
	margin-top: .5em;
	margin-bottom: .5em;
	color: #555555;
}

h1 {
	font: 27px Grandesign Neue, Palatino, "Palatino Linotype","Hoefler Text", "Times New Roman",serif;
	color: #4C6C3F;
}

h2 {
	font: 9pt "Lucida Grande","Lucida Sans","Lucida Sans Unicode","Verdana", sans-serif;
	color: #4a354a;
}

h3 {
	font: 14px Grandesign Neue, Palatino, "Palatino Linotype","Hoefler Text", "Times New Roman",serif;
	color: #555555;
	line-height: 10px;
}

a{
	text-decoration: none;
	color: #555555;
}