html {
	height: 100%; margin-bottom: 1px; /* fixing the problem with Firefox shifting the centred site when vertical scrollbar appears */
}

body				{
	background-color: #FFFFFF; 
	margin: 0px;
	text-align: center;	
	font-family: arial, sans-serif; 
	font-size: 12px
}

#container		{
	margin: 14px auto;
	width: 770px; 
}
#logo		{
	float: left;
}
#contact_details		{
	text-align: right; padding-top: 6px;
	font-size: 11px; font-family: arial black; color: #000000;
}
#nav	{
	clear: both; margin-top: 15px;
	padding: 3px; padding-left: 8px;
	background-color: #FF6633;
	text-align: left; color: #FFFFFF
}
#nav a	{
	color: #000000; font-weight: bold; margin-left: 1px; margin-right: 1px; font-size: 10px
}
#nav a:hover	{
	color: #FFFFFF; text-decoration: none
}
#nav a.on	{
	color: #FFFFFF; font-weight: bold; margin-left: 1px; margin-right: 1px; font-size: 10px
}

#col1	{
	float: left; width: 434px; margin-right: 12px; text-align: left; margin-top: 23px
}
#col1_index	{
	float: left; width: 160px; margin-right: 12px; 
}
#col1_text	{
	float: left; margin-top: 38px; width: 256px
}

#col2	{
	float: left; width: 324px; text-align: left; margin-top: 23px
}
#pics	{
	margin-top: 32px
}
#pics img {
	margin-bottom: 8px
}
#pics img.map {
	border: solid 1px #FFD6AC
}
#pics img.pull_quote_below {
	margin-bottom: 0px
}

#footer	{
	border-top: solid 4px #FF6633;
	padding-top: 6px;
	font-size: 11px;
	clear: both;
	color: #000000;
	text-align: left
}
#footer a	{
	color: #000000
}
#footer a:hover	{
	color: #FF6633; text-decoration: none
}

h1	{
	font-size: 18px; margin-top: 0px; margin-bottom: 12px; font-family: arial black; font-weight: normal
}
h2	{
	font-size: 15px; margin-top: 0px; margin-bottom: 12px; font-weight: bold; color: #000000
}
h3	{
	font-size: 14px; margin-top: 0px; margin-bottom: 2px; font-weight: bold
}
h4	{
	font-size: 12px; margin-top: 0px; margin-bottom: 2px; font-weight: bold
}
p	{
	margin-top: 0px; margin-bottom: 8px
}
p.small	{font-size: 11px}

ul	{
	margin-top: 8px; margin-bottom: 12px; margin-left: 0px; padding-left: 18px;
}
li	{
	margin-left: 0px
	list-style-type: disc;
}

.pull_quote {
	font-size: 15px; font-weight: bold; color: #000000; background-color: #FFFFFF;
	border: solid 1px #FF6633; 
	padding: 8px
}
.pull_quote_attribute {
	font-size: 12px; font-weight: normal; color: #000000; margin-top: 8px
}
.testimonial_attribute	{
	font-weight: bold
}
.project_name	{
	background-color: #FFFFFF; border: solid 1px #FF6633; padding: 8px; margin-bottom: 8px
}
.project_name	a {
	color: #000000; font-weight: bold
}
.project_name	a:hover {
	color: #FF6633; text-decoration: none
}
.news_link	{
	font-size: 14px; font-weight: bold; margin-bottom: 8px; color: #FF6633
}
.required	{
	color: red; font-size: 16px
}
.instruction	{
	color: #FF6633
}

a		{
	text-decoration: none; color: #FF6633
}
a:hover		{
	text-decoration: underline
}
a.index	{
	color: #000000; font-size: 11px; font-family: arial black; font-weight: normal
}
a.index:hover	{
	color: #FF6633; text-decoration: none
}
a.index_on	{
	color: #FF6633; font-size: 11px; font-family: arial black; font-weight: normal
}
a.index_on:hover	{
	color: #FF6633; text-decoration: none
}
a.sub_index	{
	color: #000000; font-size: 11px; font-family: arial; font-weight: bold
}
a.sub_index:hover	{
	color: #FF6633; text-decoration: none
}
a.sub_index_on	{
	color: #FF6633; font-size: 11px; font-family: arial; font-weight: bold
}
a.sub_index_on:hover	{
	color: #FF6633; text-decoration: none
}
a.contact_details_email	{
	color: #000000
}
a.contact_details_email:hover	{
	color: #FF6633; text-decoration: none
}
a.bullet {
	font-size: 11px; font-family: arial black; color: #000000; padding-left: 4px
}
a.bullet:hover {
	color: #FF6633; text-decoration: none
}
a.bullet_news {
	font-size: 14px; font-family: arial; font-weight: bold; color: #000000; padding-left: 4px
}
a.bullet_news:hover {
	color: #FF6633; text-decoration: none
}
a.bullet_news_on {
	font-size: 14px; font-family: arial; font-weight: bold; color: #FF6633; padding-left: 4px
}
a.bullet_news_on:hover {
	color: #FF6633; text-decoration: none
}
a.bullet_small {
	font-size: 10px; font-family: arial black; color: #000000; padding-left: 4px
}
a.bullet_small:hover {
	color: #FF6633; text-decoration: none
}

img	{
	border: none
}

td		{
	vertical-align: top; text-align: left
}
td.image_grid	{
	padding: 0px; padding-right: 4px; 
}
td.image_grid_right	{
	padding: 0px; 
}
td.border	{
	background-color: #FF6633; 
}


input	{
	font-family: arial; font-size: 12px; margin-bottom: 4px
}
textarea	{
	font-family: arial; font-size: 12px
}