﻿* { margin: 0; padding: 0; }

html
{
	background-color: #e7e7e7;
	color: #000;
	font-family: Arial, Sans-Serif;
	font-size: 0.9em;
}

body
{
	padding: 40px 0;
	font-size: 80%;
}

#LayoutHolder
{
	width: 900px;
	margin: 0 auto;
	background-color: #fff;
	color: #999;
}

#Header
{
	height: 100px;
	overflow: hidden;
	background: transparent url(Assets/MenuBar.gif) no-repeat left top;
	padding-right: 20px;
}

#Header #Menu
{
	display: block;
	list-style-type: none;
	float: right;
}

#Header #Menu li
{
	display: block;
	height: 100px;
	float: left;
}

#Header #Menu li a
{
	display: block;
	float: left;
	height: 100px;
	text-decoration: none;
	text-indent: -2000px;
	overflow: hidden;
}

#Header #Menu li.Home a		{ width: 75px; }
#Header #Menu li.Brief a	{ width: 72px; }
#Header #Menu li.Gallery a	{ width: 88px; }
#Header #Menu li.Partners a	{ width: 100px; }
#Header #Menu li.Contact a	{ width: 90px; }

#Header #Menu li a.Active,
#Header #Menu li a:hover
{
	background: transparent url(Assets/MenuBar.gif) no-repeat left top;
}

#Header #Menu li.Home a.Active,
#Header #Menu li.Home a:hover		{ background-position: -455px bottom; }
#Header #Menu li.Brief a.Active,
#Header #Menu li.Brief a:hover		{ background-position: -530px bottom; }
#Header #Menu li.Gallery a.Active,
#Header #Menu li.Gallery a:hover	{ background-position: -602px bottom; }
#Header #Menu li.Partners a.Active,
#Header #Menu li.Partners a:hover	{ background-position: -690px bottom; }
#Header #Menu li.Contact a.Active,
#Header #Menu li.Contact a:hover	{ background-position: -790px bottom; }

#Banner
{
	height: 180px;
	overflow: hidden;
	border-top: solid 1px #fff;
}

#ContentHolder
{
	padding: 30px 40px;
}

.ColumnHolder
{
	width: 820px;
	overflow: hidden;
}

.ColumnHolder .Column1,
.ColumnHolder .Column2
{
	float: left;
	overflow: hidden;
}

.ColumnHolder .Column1 { width: 440px; margin-right: 40px; }
.ColumnHolder .Column2 { width: 340px; }

.ListHolder .ListItem { margin-bottom: 30px; }

h2
{
	height: 20px;
	text-indent: -2000px;
	overflow: hidden;
	margin-bottom: 30px;
}

h2.Contact { background-image: url(Assets/PageTitleContact.gif); }
h2.Feature { background-image: url(Assets/PageTitleFeature.gif); }
h2.Gallery { background-image: url(Assets/PageTitleGallery.gif); }
h2.News { background-image: url(Assets/PageTitleNews.gif); }
h2.OurStory { background-image: url(Assets/PageTitleOurStory.gif); }
h2.Partners { background-image: url(Assets/PageTitlePartners.gif); }

h3, p, ul, ol
{
	margin-bottom: 0.5em;
	line-height: 140%;
}

h3
{
	color: #f37021;
	font-size: 100%;
}

a:link,
a:active,
a:visited	{ color: #000; text-decoration: none; }
a:hover		{ text-decoration: underline; }

p.Image { margin-bottom: 30px; }
p.Image img { border: solid 1px #e7e7e7; }

p strong { font-weight: normal; color: #f37021; }

.GalleryItem
{
	width: 820px;
	overflow: hidden;
}

.GalleryItem .Image
{
	width: 440px;
	float: left;
	overflow: hidden;
	margin-right: 40px;
}

.GalleryItem .Details
{
	width: 340px;
	float: left;
	overflow: hidden;
}

#Footer
{
	text-align: center;
	background: transparent url(Assets/Footer.gif) no-repeat 50% top;
	padding: 30px 0 0 0;
	line-height: 30px;
	font-size: 90%;
}

#Footer a:link,
#Footer a:active,
#Footer a:visited { color: #f37021; }