html,body
{
	margin: 0px;
	padding: 0px;
	height: 100%;
}

.header
{
	width: 100%;
	height: 87px;
	background-image: url("../images/header_gradient.png");
}
		
	.header h1
	{
		position: absolute;
		top: -1000px;
		left: -1000px;
	}
	
.home-link
{
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -512px;
	height: 250px;
	width: 300px;
}
		
.footer
{
	position: relative;
	width: 100%;
	height: 75px;
	background-image: url("../images/footer_gradient.png");
}

.navigation
{
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -512px;
	height: 87px;
	width: 1024px;
	background-image: url("../images/header.png");
}

	.navigation.withSearch
	{
		background-image: url("../images/header_search.png");
	}

.navigation .main-navigation
{
	position: absolute;
	top: 20px;
	left: 300px;
	list-style-type: none;
	list-style-position: inside;
}

	.navigation .main-navigation li
	{
		margin: 6px;
		padding: 0px;
		float: left;
		
		font-family: "Trebuchet MS", "MS Trebuchet", Trebuchet, Arial, sans-serif;
		font-size: 16px;
		color: #4a4a4a;
		text-shadow: #fff 1px 1px 0px;
	}
	
	
		.navigation .main-navigation li a
		{
			text-decoration: none;
			color: #4a4a4a;
		}


.stage
{
	position: relative;
	width: 100%;
	height: 100%;
	background-color: #1b385e;
	background-image: url("../images/blue_background.png");
	background-position: top center;
	background-repeat: repeat-y;
}

	.stage table tr td
	{
		text-align: left;
	}

	.stage-center
	{
		position: relative;
		top: 0px;
		left: 50%;
		margin-left: -512px;
		width: 1024px;
	}

	.stage .top-block
	{
		position: relative;
		width: 1024px;
		height: 307px;
		background-image: url("../images/architectural_header.jpg");
	}
	
	.whiteboard
	{
		position: absolute;
		top: -295px;
		left: 22px;
		width: 504px;
		height: 488px;
		background-image: url("../images/whiteboard.png");
	}
	
		.whiteboard .contents
		{
			position: absolute;
			top: 43px;
			left: 42px;
			width: 422px;
			height: 297px;
			background-image: url("../images/whiteboards/whiteboard1.png");
		}
		
		.whiteboard .video-contents
		{
			position: absolute;
			display:none;
			top: 43px;
			left: 42px;
			width: 422px;
			height: 297px;
			background-image: url("../images/video-overview.png");
		}
		
	.picker
	{
		position: absolute;
		top: 54px;
		left: 538px;
		width: 452px;
		height: 214px;
		background-image: url("../images/picker.png");
	}
	
	.stage .top-shadow
	{
		position: absolute;
		top: 0px;
		width: 100%;
		left: 0px;
		height: 10px;
		background-image: url("../images/top_shadow.png");
	}

	.black-stripe
	{
		float: right;
		margin-top: 12px;
		margin-right: 20px;
		padding-top: 5px;
		width: 458px;
		text-align: justify;
		
		font-family: "MS Trebuchet", "Trebuchet MS", Trebuchet, Arial, sans-serif;
		font-size: 13px;
		line-height: 28px;
		color: #fff;
	}
	
		.black-stripe h2
		{
			margin: 0px;
			padding: 0px;
			color: #ffbd1d;
			font-size: 18px;
			font-weight: normal;
		}

.middle-block
{
	position: relative;
	width: 1024px;
	height: 100%;
	background-image: url("../images/office_background.jpg");
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #fff;
}

.middle-block-no-strip
{
	position: relative;
	width: 1024px;
	height: 100%;
	background-image: url("../images/office_background_nostripe.jpg");
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #fff;
}

.page-bottom
{
	position: relative;
	width: 898px;
	height: 224px;
	background-image: url("../images/ourpromise.png");
	margin-left: 63px;
	margin-top: -45px;
	margin-bottom: 10px;
}

	.page-bottom ul
	{
		position: absolute;
		top: 168px;
		left: 10px;
		list-style-type: none;
		list-style-position: inside;
		margin: 0px;
		padding: 0px;
	}
	
		.page-bottom ul li
		{
			display: block;
			width: 250px;
			float: left;
			margin: 0px;
			padding: 0px;
			margin-left: 40px;
			
			font-family: "MS Trebuchet", "Trebuchet MS", Trebuchet, Arial, sans-serif;
			font-size: 13px;
			color: #fff;
			font-weight: normal;
		}
		
			.page-bottom ul li em
			{
				color: #f8bf47;
			}

.footer-left
{
	position: absolute;
	top: 10px;
	left: 50%;
	margin-left: -500px;
	font-family: "MS Trebuchet", "Trebuchet MS", Trebuchet, Arial, sans-serif;
	font-size: 13px;
	line-height: 28px;
	color: #787878;
}

.footer-right1
{
	position: absolute;
	top: 10px;
	left: 50%;
	margin-left: 197px;
	font-family: "MS Trebuchet", "Trebuchet MS", Trebuchet, Arial, sans-serif;
	font-size: 10px;
	line-height: 18px;
	font-weight: normal;
	color: #fff;
}

	.footer-right1 a
	{
		color: #fff;
		text-decoration: none;
	}
	
	.footer-right1 a:hover
	{
		color: #cde5ff;
		text-decoration: underline;
	}


.footer-right2
{
	position: absolute;
	top: 10px;
	left: 50%;
	margin-left: 350px;
	font-family: "MS Trebuchet", "Trebuchet MS", Trebuchet, Arial, sans-serif;
	font-size: 10px;
	line-height: 18px;
	font-weight: normal;
	color: #fff;
}

.footer-csr
{
	position: absolute;
	top: -23px;
	left: 50%;
	margin-left: 85px;
	width: 95px;
	height: 98px;
	background-image: url("../images/csr.png");
}

.top-block-short
		{
			width: 1024px;
			height: 98px;
			background-image: url("../images/architectural_header_short.png");
		}

.commercial-top-block-short
		{
			position: relative;
			width: 1024px;
			height: 98px;
			background-image: url("../images/commercial/commercial_header_short.png");
		}
		
		.command_buttons
		{
			position: absolute;
			right: 10px;
			bottom: -15px;
		}
		
			.command_buttons a
			{
				display:none;
			}
			
			.command_buttons img
			{
				border:none;
			}
		
			.top-block-info
			{
				position: relative;
				top: 17px;
				left: 237px;
			}
			
			.top-block-info span.page-title
			{
				font-family: "Trebuchet MS", "MS Trebuchet", Trebuchet, Arial, sans-serif;
				font-size: 24px;
				color: #f8bf47;
				text-shadow: #000 1px 1px 8px;
			}
			
			.top-block-info span.byline
			{
				font-family: "Trebuchet MS", "MS Trebuchet", Trebuchet, Arial, sans-serif;
				font-size: 16px;
				color: #fff;
				text-shadow: #000 1px 1px 8px;
			}

		.document-block
		{
			margin-left: 20px;
			margin-top: -10px;
			margin-right: 20px;
			
			font-family: "Trebuchet MS", "MS Trebuchet", Trebuchet, Arial, sans-serif;
			font-size: 15px;
			line-height: 28px;
		}

.commercial_stage
{
	position: relative;
	width: 100%;
	height: 100%;
	background-color: #1b385e;
	background-image: url("../images/blue_background.png");
	background-position: top center;
	background-repeat: repeat-y;
}

	.commercial_stage table tr td
	{
		text-align: left;
	}

	.commercial_stage-center
	{
		position: absolute;
		top: 0px;
		left: 50%;
		margin-left: -512px;
		width: 1024px;
	}

	.commercial_stage .commercial-top-block
	{
		position: relative;
		width: 1024px;
		height: 269px;
		background-image: url("../images/commercial/top_stripe.jpg");
	}
	
	.video-whiteboard
	{
		position: absolute;
		top: -250px;
		right: 22px;
		width: 413px;
		height: 473px;
		background-image: url("../images/commercial/video_whiteboard.png");
	}
	
	.video-introductory-whiteboard
	{
		position: absolute;
		top: -250px;
		right: 22px;
		width: 413px;
		height: 473px;
		background-image: url("../images/commercial/video_whiteboard2.png");
	}

	.commercial_stage .top-shadow
	{
		position: absolute;
		top: 0px;
		width: 100%;
		left: 0px;
		height: 10px;
		background-image: url("../images/top_shadow.png");
	}

	.commercial-intro
	{

		position: absolute;
		top: 35px;
		left: 31px;
		width: 528px;
		height: 214px;

		text-align: justify;
		
		font-family: "MS Trebuchet", "Trebuchet MS", Trebuchet, Arial, sans-serif;
		font-size: 12px;
		line-height: 24px;
		color: #fff;
	}
	
		.commercial-intro h2
		{
			margin: 0px;
			padding: 0px;
			color: #ffbd1d;
			font-size: 32px;
			font-weight: normal;
			text-shadow: #000 0px 0px 3px;
			margin-bottom: 10px;
		}

.commercial-middle-block
{
	position: relative;
	width: 1024px;
	height: 100%;
	background-image: url("../images/commercial/background.jpg");
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #314765;
}

.commercial-column
{
	width: 200px;
	float: left;
	margin: 20px;
	
	font-family: "MS Trebuchet", "Trebuchet MS", Trebuchet, Arial, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	color: #fff;
	margin-bottom: 0px;
}

	.column-header
	{
		font-size: 10px;
		font-weight: bold;
		letter-spacing: 1px;
		text-shadow: #000 -1px -1px 0px;
		text-transform: uppercase;
	}
	
	.commercial-column ul
	{
		list-style-type: none;
		list-style-position: inside;
		margin: 0px;
		padding: 0px;
	}
	
		.commercial-column ul li
		{
			margin-top: 10px;
			margin-bottom: 15px;
			font-size: 11px;
		}
		
		.commercial-column ul li strong
		{
			font-size: 13px;
		}
		
		.commercial-column ul li a
		{
			color: #fff;
			font-weight: normal;
			text-decoration: none;
		}

.commercial-download-column
{
	width: 200px;
	float: left;
	margin: 20px;
	
	font-family: "MS Trebuchet", "Trebuchet MS", Trebuchet, Arial, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	color: #fff;
	margin-bottom: 0px;
}

	.column-header
	{
		font-size: 10px;
		font-weight: bold;
		letter-spacing: 1px;
		text-shadow: #000 -1px -1px 0px;
	}
	
	.commercial-download-column ul
	{
		list-style-type: none;
		list-style-position: inside;
		margin: 0px;
		padding: 0px;
	}
	
		.commercial-download-column ul li
		{
			margin-top: 5px;
			margin-bottom: 5px;
			font-size: 11px;
		}
		
		.commercial-download-column ul li strong
		{
			font-size: 13px;
		}
		
		.commercial-download-column ul li a
		{
			color: #fff;
			font-weight: normal;
			text-decoration: none;
		}
		
.commercial-content
{
	position: absolute;
	top: 5px;
	left: 15px;
	right: 15px;

	font-family: "MS Trebuchet", "Trebuchet MS", Trebuchet, Arial, sans-serif;
	font-size: 12px;
	line-height: 29px;
	font-weight: normal;
	color: #fff;
}

.architectural_column
{
	float:left;
	width: 314px;
	margin-top: 18px;
	margin-left: 18px;
}

.architectural_column_top
{
	width: 314px;
	height: 29px;
	background-image: url("../images/architectural_column_top.png");
}

.architectural_column_middle
{
	background-image: url("../images/architectural_column_middle.png");
	color: #fff;
	font-family: "Trebuchet MS", "MS Trebuchet", Trebuchet, Arial, sans-serif;
	font-size: 13px;
	padding-left: 22px;
	padding-right: 22px;
}

	.architectural_column_middle h3
	{
		font-size: 12px;
		letter-spacing: 2px;
		text-transform: uppercase;
		font-weight: bold;
		margin-top: -10px;
		color: #f5d000;
		text-shadow: #000 -1px -1px 0px;
	}
	
	.architectural_column_middle ul
	{
		list-style-type: none;
		list-style-position: inside;
		margin: 0px;
		padding: 0px;
	}
	
	.architectural_column_middle ul li
	{
		margin-top: 15px;
		margin-bottom: 10px;
	}
	
	.architectural_column_middle a
	{
		color: #fff;
		font-weight: bold;
		text-decoration: none;
	}
	
		.architectural_column_middle a:hover
		{
			text-decoration: underline;
		}

.architectural_column_bottom
{
	width: 314px;
	height: 17px;
	background-image: url("../images/architectural_column_bottom.png");
}