/* Style sheet for Fasciato Architects website
for all browsers except IE
Copyright 2011 Fasciato Architects */


/* Overall formatting */
* 		{
		margin: 0;
		padding: 0;
		}
a		{
		color: #D0D0D0;
		text-decoration: none;
		}
a:hover		{
		color: red;
		text-decoration: none;
		}
img		{
		border: none;
		margin: 0;
		padding: 0;
		}
body 		{	
		background: #252527;
		color: #D0D0D0;
		font-family: "Century Gothic", sans-serif;
		font-size: 13px;
		line-height: 1.2;
		}
		
/* formatting for the overlay which shows the large image */
.large_box	{
	 	position:absolute;
		visibility:hidden;
		top: 25px;
		left: 25px;
		z-index:3;
		width:100%;
		}

/* formatting for the box which holds everything */
.box		{
		position:static;
		margin-top: 50px;
		margin-left: auto;
		margin-right: auto;
		z-index:1;
		background: #45474F;
		width: 1000px;
		}
		
/* Formatting for the top banner */
.banner		{
		height:	100px;
		text-align: right;
		}

.banner img	{
		position: relative;
		top: 40px;
		right: 15px;
		}

/* formatting for the main content section of the homepage only */
.homepage	{
		height: 350px;
		}

.homepage img	{
		height: 350px;
		}

/* formatting for the main content section of all other pages */
.content	{
		height: 350px;
		}

.content img	{
		float: right;
		height: 350px;
		margin-left: 14px;
		}

.content iframe {
		float: right;
		height: 350px;
		margin-left: 14px;
		}

.textbox	{
		float: left;
		width: 356px;
		margin-left: 20px;
		text-align: justify;
		}

/* formatting for the main image frame */
.image_frame	{
		float: right;
		height: 350px;
		margin-left: 14px;
		}

/*formatting for the menu footer area*/
.footer		{
		height: 180px;
		}

/*formatting for the menu footer area*/
.subfooter	{
		background: #252527;
		height: 120px;
		padding-top: 10px;
		text-align: right;
		}

/* formatting for menu items */
.menu		{			
		position: relative;
		top: 40px;
		float: left;
		margin-left: 20px;
		margin-right: 20px;
		line-height: 1;
		}

/* formatting for thumbnail items */
.thumbnail	{
		position: relative;
		top: 75px;
		float: right;
		}

.thumbnail img	{
		margin-right: 5px;
		}
		
/* formatting for link items */
.links	{
		position: relative;
		top: 75px;
		float: right;
		}

.links img	{
		margin-right: 5px;
		height: 60px;
		}