/*


  Eric Weiand



  http://www.weiand-design.com


  #42331f - burnt umber
  
  #9c3108 - burnt sienna
  
  #5e8ea5 - blue/gray
  
  #000000 - black
  
  

*/



/*



	RESET



*/







* {
	margin:0;
	padding:0;

}




html {
	overflow-y:scroll;

}



html, body {
	height:100%;

}




body {
	font-size:62.5%;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	background-color: #d3d0cc;
	background-image: url(images/main_bg_tile.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}




ul {
	list-style:none;

}




ol {
	list-style:none;

}




a {
	outline:none;
	text-decoration:none;

}



a img {
	border:none;

}




table {
	border-collapse:collapse;

}







/*



	UTILITY



*/




.floatleft {
	float:left;

}



.floatright {
	float:right;

}




.clear {
	clear:both;

}



hr {
	color:#000000;
	margin:10px 0 10px 0;
	height:1px;

}







/*



	TYPOGRAPHY



*/



p.toplinkgallery {
	padding-top:10px;
	float:right;
}

p.toplink {
	float:right;
}



p, li {
	font-size:16px;
	line-height:20px;
}




a {
	color:#42331f;
	text-decoration:underline;

}




a:hover {
	color:#5e8ea5;
	
}




h1 {
	font-size: 48px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;

}




h2 {
	font-size:36px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
}




h3 {
	font-size:24px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin:0 0 10px 0;

}




h4 {
	color:000000;
	font-size:18px;
	margin-bottom:15px;

}






/*



	STRUCTURE



*/







#page-wrap {
	width: 960px;
	margin:0px auto;
	min-height:100%;
	height:auto !important; 
	height: 100%;

}

#header-wrap{
	width:960px;
	height:110px;
}


#main-col {
	width:660px;
	padding:10px;
	float:left;
	
}



/*



	HEADER



*/


#logo {
	width:275px;
	height:53px;
	background:url(images/logo.png) no-repeat;
	float:left;
	text-indent:-9999px;
	margin:56px 0 0 0;

}


ul#social-small {
	width:200px;
	margin: 0 0 0 0;
	float:right;

}



ul#social-small li {
	display:inline;
	float:right;
	
}

#social-small img  {
	padding-left:5px;
	padding-right:5px;
	margin-top:10px;
}


#social-small a:hover img {
	margin-top:8px;
	
}



/*



	MENU



*/







ul#main-nav {
	width:400px;
	margin: 0 0 0 0;
	float:right;
	margin-top:-20px;

}



ul#main-nav li {
	display:inline;
	float:right;
	padding-left:5px;
	padding-right:5px;
	
}





/*

welcome message

*/

h2.welcome-area {
	width:960px;
	height:150px;
}

.hi-image {
	float:left;
	margin:60px 0 0 62px;
	padding-bottom:15px;
}



/*

begin gallery banner

*/

#gallery-container {
	width:920px;
	margin:55px auto 0 auto;

}







/*
begin About
*/

.about-image {
	float:left;
	margin:30px 0 0 62px;
	padding-bottom:15px;
}

p.about-area {
	width:960px;
	height:auto;
	font-size:16px;
	line-height:20px;
}


/*
begin contact
*/

#contact-area {
	width:960px;
	height:140px;
	margin-top:40px;
}




#email-area {
	float:left;
	width:300px;
	height:140px;
}

.email-image {
	float:left;
	margin:20px 0 0 62px;
	padding-bottom:15px;
}





#im-area {
	width:300px;
	height:140px;
	margin-right:30px;
	float:right;
}

.im-image {
	margin:20px 0 0 62px;
	padding-bottom:15px;
}




#social-area {
	float:right;
	width:300px;
	height:140px;
}

.social-image {
	float:left;
	margin:20px 0 0 62px;
	padding-bottom:15px;
}


ul#social-small {
	width:200px;
	margin: 0 0 0 0;
	float:right;

}



ul#social-large li {
	display:inline;
	float:right;
	
}

#social-large img  {
	padding-left:5px;
	padding-right:5px;
	
}


#social-large a:hover img {
	margin-top:8px;
	
}





/*
	FOOTER
*/





#footer {
	margin-top:50px;
	height:30px;
	
}




#footer-inside {
	width:960px;
	margin:0 auto;
	color:#42331f;
	padding:10px 0;
}