/*
Theme Name: Custom Theme by SM
Theme URI: http://www.standardmotion.com
Description: Design by Jon Setzen, Production by Caroline Keim
Tags: Anima, architecture, design, furniture
	
*/
	
/*
RESET
*/

*									{ margin: 0; padding: 0; }
html								{ overflow-y: scroll; height:100%; }
html, body							{ height: 100%; }
ul									{ list-style: none; }
ol									{ list-style: none; }
a									{ outline: none; text-decoration: none; }
a img								{ border: none; }
img									{ vertical-align: middle; }
table								{ border-collapse: collapse; }

/*
UTILITY
*/

.floatLeft							{ float: left; }
.floatRight							{ float: right; }
.clear								{ clear: both; }
.smpad								{ padding: 5px 0; }
.top								{vertical-align: top;}
.small								{font-size: 9px;}
.bold								{font-weight: bold;}

/*
STRUCTURE
*/

body 					{font: 11px  Helvetica, Arial, sans-serif; color: #a5a5a5; text-align: center; background-color: #404040; margin: 0; padding: 0; line-height: 1.4em;}
#container 				{margin: 0 auto;  text-align:left; width:981px;background-color: #000000; min-height: 100%; padding-bottom: 30px;}
#wrap					{margin: 0 auto;  text-align:left; width:981px;background-color: #000000;}
#content				{padding-bottom: 20px;}
#header 				{text-align: right; margin-bottom: 40px; padding: 15px;}
ul#nav-list 			{float: right; text-transform: uppercase; margin-top: 3px;}
ul#nav-list li			{float: left; padding-right: 15px;}
ul#nav-list a   		{font-size: 10px; font-weight: bold; text-decoration: none; color: #5e5e5e;}
ul#nav-list a:hover 	{color: #a5a5a5;}
a						{color: #7b7b7b; text-decoration: underline;}
a:hover					{text-decoration: none; color: #e0e0e0;}
a:active				{text-decoration: none; color: #fffd41;}
#sidebar				{font-size: 11px; width: 240px; margin: 20px 15px 0 0;}
#sidebar h2				{font-size: 14px; font-weight: normal; margin: 0px 0; color: #acacac;}
h1						{font-size: 18px; font-weight: normal;}
#sidebar li				{list-style: none;}
.sidebar-section		{margin-bottom: 30px;}

/*
HOME
*/
#home-content			{color: #a5a5a5; font-size: 12px; width: 575px; height: 160px; padding: 0 15px 0 15px; border-right: 1px solid #474747; float: left;}
#home-content p			{margin-bottom: 20px;}
#rotate-images			{margin-bottom: 40px;}
#recent-news			{width: 320px; font-size: 12px; color: #a5a5a5; float: left; margin: -17px 0 0 20px;}
#recent-news h2			{font-size: 14px; font-weight: normal; color: #5e5e5e;}
#recent-news a			{color: #a5a5a5; text-decoration: underline;}
#recent-news a:hover	{text-decoration: none;}
#rotate-images			{position: relative; height: 400px;}
#rotate-images li		{position: absolute; top: 0; left: 0;}

/*
BLOG
*/

#news-content			{padding: 0 15px;}
#main-posts				{width: 500px; border-right: 1px dotted #474747;padding: 0 185px 0 0;}
#main-posts	h2			{font-size: 14px; font-weight: normal; margin-bottom: 5px;}
#main-posts .post img			{padding: 5px 0;}
#main-posts .post		{padding: 15px 0; border-bottom: 1px solid #a5a5a5;}
#main-posts p			{margin-bottom: 10px;}

/*
PROJECTS
*/

ul#filter				{font-size: 16px; font-weight: normal;}
ul#projects				{margin-bottom: 35px;}
ul#filter li			{float:left; margin-right: 10px;}
.slash					{margin-left: 10px; display: inline;}
ul#filter a				{text-decoration: none !important; color: #cacaca;}
ul#filter a:hover		{color: #7b7b7b !important;}
.individual-project		{padding: 0 15px;}
.boxgrid				{width: 327px; height: 208px; float:left; background:#f2f2f2; background-image: url(http://s64018.gridserver.com/wp-content/images/grid-gradient.jpg); overflow: hidden; position: relative; }
.boxgrid img			{position: absolute; top: 0; left: 0; border: 0;}
.boxgrid h3				{color:#333333; font-weight:normal; font:18px Helvetica, Arial, sans-serif; margin: 85px 0 0 15px;}
.boxgrid a				{color: #333333; text-decoration: none;}	
.project-details h2		{font-size: 18px; color: #7b7b7b; font-weight: normal;}		
.project-details 		{width: 245px; color: #7b7b7b; font-size: 11px; float: left; }
.project-details p		{margin-bottom: 7px;}
#gen-info 				{font-family: Verdana, sans-serif; font-size: 10px; padding: 5px 0; margin: 10px 0; border-top: 1px solid #7b7b7b; border-bottom: 1px solid #7b7b7b;}
#description			{margin: 5px 0; padding: 5px 0;  position: relative; overflow: hidden; height: 275px; width: 245px;} 
#arrows					{text-align: right; border-top: 1px solid #7b7b7b; margin: 10px 0; padding: 2px 0;}
.Scroller-Container 	{position: absolute;}
.Scrollbar-Up 			{cursor: pointer;}
.Scrollbar-Down 		{cursor: pointer;}
#awards					{margin: 10px 0;}
#press					{margin: 10px 0;}
#process				{margin: 10px 0;}
#project-nav			{margin: 10px 0;}
#photo-gallery			{float: left; width: 645px; text-align: right; margin-left: 50px;}
ul#photos li			{width:645px; height: 530px;}
#next_button {background-image: url(http://s64018.gridserver.com/wp-content/images/next.gif);height: 7px;width: 10px;}
#next_button:hover {background-image: url(http://s64018.gridserver.com/wp-content/images/next-mo.gif);}
#prev_button {background-image: url(http://s64018.gridserver.com/wp-content/images/prev.gif);height: 7px;width: 10px;}
#prev_button:hover {background-image: url(http://s64018.gridserver.com/wp-content/images/prev-mo.gif);}
ul#slide_control li {display: block;float: right;}
.pic 					{width: 640px; height: 520px;}
.pic img				{max-width: 640px; max-height: 520px;}
.caption 				{width: 640px; text-align: right; margin: 10px 0;}
#project-links			{font-size: 9px;}
#floorplan				{margin: 10px 15px 0 0;}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*
ABOUT
*/

#about					{padding: 0 15px; color: #7b7b7b;}
#about p				{margin-bottom: 15px;}
#about-content			{width: 615px; border-right: 1px dotted #474747;padding: 0 60px 0 0;}
#about-content h2		{font-size: 14px; font-weight: normal; margin-bottom: 10px;}
#about-sidebar h2		{font-size: 14px; font-weight: normal; color: #acacac;}
.bio img				{padding: 0 10px 0 0; float: left;}
.about-section {margin-bottom: 15px;}
.bio					{height: 150px; display: block; float: left; margin: 0 0 15px 0;}

#process					{padding: 0 15px; color: #7b7b7b; width: 800px;}
#process p				{margin-bottom: 15px;}

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}
  /* must be same height as the footer */
  

#footer {position: relative;
	margin-top: -30px !important; /* negative value of footer height */
	height: 30px;
	font-size: 10px;
	clear:both; background-color: #000; margin: 0 auto; text-align:center; width:981px;} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */