/*
================
General Layout
================
*/


*
{
	border: none;
	font-family: Verdana, Geneva, sans-serif;
	margin: 0px;
	padding: 0px;
	text-align: left;
	text-decoration: none;
}


body
{
	background-color: #DEDEDE;
	background-image: url( './../images/background.jpg' );
	background-position: center top;
	background-repeat: repeat-y;
	text-align: center; /* fix for IE */
	margin-bottom: 16px;
}


.youTube
{
	height: 400px;
	margin-top: 8px;
	width: 650px;
}


#main
{
	margin: 0px auto;
	width: 866px;
}


div.blueLine
{
	background-color: #1488FF;
	clear: both;
	height: 1px;
	margin-bottom: 8px;
	margin-top: 8px;
}


span.bold
{
	font-weight: bold;
}


#logo
{
	padding-bottom: 48px;
	padding-top: 32px;
}


#headerMenu
{
	background-color: #333333;
	margin-bottom: 4px;
	padding-bottom: 4px;
	padding-top: 4px;
}


#header div ul
{
	list-style-type: none;
}


#header div ul li
{
	display: inline;
	margin-left: 32px;
}


#headerMenu ul li img
{
	margin-right: 8px;
	position: relative;
	top: 2px;
}


#headerMenu ul li a
{
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
}


#headerMenu ul li a:hover
{
	color: #1488FF;
	text-decoration: underline;
}


#headerSub
{
	background-color: #666666;
	height: 20px;
	line-height: 20px;
	margin-bottom: 8px;
}


#headerSub ul li, #headerSub ul li a
{
	color: #FFFFFF;
	font-size: 12px;
}


#headerSub ul li a:hover
{
	color: #1488FF;
	text-decoration: underline;
}


#projectListMenu
{
	background-color: #333333;
	float: right;
	padding-bottom: 8px;
	padding-top: 8px;
	width: 200px;
}


#projectListMenu *
{
	margin-left: 8px;
}


#projectListMenu h2
{
	color: #FFFFFF;
	font-size: 14px;
}


#projectListMenu h3
{
	color: #FFFFFF;
	font-size: 12px;
	margin-top: 8px;
}


#projectListMenu ul
{
	list-style-type: none;
}


#projectListMenu ul li a
{
	color: #FFFFFF;
	font-size: 12px;
}


#projectListMenu ul li a:hover
{
	color: #1488FF;
	text-decoration: underline;
}


.footerSeparator
{
	clear: both;
	height: 8px;
}


#footer
{
	position: relative;
}


#footerLinks
{
	left: 0px;
	position: absolute;
}


#footerInfo ul
{
	text-align: right;
}


#footer div ul
{
	list-style-type: none;
}


#footer div ul li
{
	color: #FFFFFF;
	display: inline;
	font-size: 12px;
}


#footerLinks ul li
{
	margin-right: 16px;
}


#footerInfo ul li
{
	margin-left: 16px;
}


#footer div ul li a
{
	font-size: 12px;
	color: #FFFFFF;
}


#footer div ul li a:hover
{
	color: #1488FF;
	text-decoration: underline;
}


/*
================
Home
================
*/


.homeBanner
{
	height: 336px;
	width: 866px;
}


#quickInfo
{
	margin-bottom: 8px;
}


#quickInfoAbout
{
	float: left;
	width: 358px;
}


#quickInfoContact
{
	float: left;
	width: 358px;
}


#quickInfoGallery
{
	float: left;
	width: 150px;
}


#quickInfo div h2, #quickInfo div p, #quickInfo div a
{
	color: #FFFFFF;
	font-size: 12px;
}


#quickInfo div a:hover
{
	color: #1488FF;
	text-decoration: underline;
}


#quickInfo div h2
{
	margin-top: 4px;
}


#quickInfo div h2, #quickInfo div p
{
	margin-bottom: 16px;
}


#galleryLink
{
	background-image: url( './../images/gallery.png' );
	background-position: top;
	display: block;
	height: 111px;
	width: 150px;
}


#galleryLink:hover
{
	background-position: bottom;
}


#latestNews
{
	float: left;
	width: 650px;
}


#latestNews table
{
	border-collase: collapse;
	border-spacing: 0px;
}


#latestNews table tr td
{
	padding-bottom: 12px;
	padding-top: 12px;
	vertical-align: top;
	width: 325px;
}


#latestNews table tr td h2 a
{
	color: #1488FF;
	font-size: 16px;
}


#latestNews table tr td h2 a:hover
{
	color: #FFFFFF;
	text-decoration: underline;
}


#latestNews table tr td p
{
	color: #FFFFFF;
	font-size: 12px;
	margin-top: 12px;
}


#latestNews table tr td p a
{
	color: #FFFFFF;
	font-size: 12px;
	font-style: italic;
}


#latestNews table tr td p a:hover
{
	color: #1488FF;
	text-decoration: underline;
}


#latestNews table tr td a img
{
	border: 2px solid #FFFFFF;
}


#latestNews table tr td a:hover img
{
	border: 2px solid #1488FF;
}


#latestNews h1
{
	color: #FFFFFF;
	font-size: 16px;
	margin-bottom: 8px;
}


#latestNews p
{
	color: #FFFFFF;
	font-size: 12px;
}


/*
================
Projects
================
*/


#projectList
{
	float: left;
	width: 650px;
}


#projectList p
{
	color: #FFFFFF;
	font-size: 12px;
}


#projectList table
{
	border-collase: collapse;
	border-spacing: 0px;
}


#projectList table tr td
{
	padding-bottom: 12px;
	padding-right: 19px;
	padding-top: 12px;
	vertical-align: top;
	width: 325px;
}


#projectList table tr td h2 a
{
	color: #1488FF;
	font-size: 16px;
}


#projectList table tr td h2 a:hover
{
	color: #FFFFFF;
	text-decoration: underline;
}


#projectList table tr td p
{
	color: #FFFFFF;
	font-size: 12px;
	margin-top: 12px;
}


#projectList table tr td p a
{
	color: #FFFFFF;
	font-size: 12px;
	font-style: italic;
}


#projectList table tr td p a:hover
{
	color: #1488FF;
	text-decoration: underline;
}


#projectList table tr td a img
{
	border: 2px solid #FFFFFF;
	height: 252px;
	width: 302px;
}


#projectList table tr td a:hover img
{
	border: 2px solid #1488FF;
}


#showProject
{
	float: left;
	padding-top: 16px;
	width: 650px;
}


#projectList h1, #showProject h1
{
	color: #FFFFFF;
	font-size: 16px;
	margin-bottom: 8px;
}


#projectList .description, #showProject .description
{
	background-color: #333333;
	padding: 8px 0px 1px 0px;
}


#projectList .description p, #showProject .description p
{
	color: #FFFFFF;
	font-size: 12px;
	margin: 0px 8px 8px 8px;
}

#showProject p img
{
	margin-top: 8px;
	width: 650px;
}


/*
================
Gallery
================
*/


#gallery
{
	float: left;
	width: 650px;
}


#gallery table tr td.centerCell
{
	text-align: center;
	width: 222px;
}


#gallery table tr td a img, #gallery table tr td img
{
	width: 210px;
}


#gallery table tr td a img
{
	border: 2px solid #FFFFFF;
}


#gallery table tr td a:hover img
{
	border: 2px solid #1488FF;
}


#gallery h1
{
	color: #FFFFFF;
	font-size: 16px;
	margin-bottom: 8px;
}


#gallery .description
{
	background-color: #333333;
	padding: 8px 0px 1px 0px;
}


#gallery .description p
{
	color: #FFFFFF;
	font-size: 12px;
	margin: 0px 8px 8px 8px;
}


/*
================
Services
================
*/


#serviceList
{
	float: left;
	width: 650px;
}


#serviceList table
{
	border-collase: collapse;
	border-spacing: 0px;
}


#serviceList table tr td
{
	padding-bottom: 12px;
	padding-right: 19px;
	padding-top: 12px;
	vertical-align: top;
	width: 306px;
}


#serviceList table tr td h2 a
{
	color: #1488FF;
	font-size: 16px;
}


#serviceList table tr td h2 a:hover
{
	color: #FFFFFF;
	text-decoration: underline;
}


#serviceList table tr td p
{
	color: #FFFFFF;
	font-size: 12px;
	margin-top: 12px;
}


#serviceList table tr td p a
{
	color: #FFFFFF;
	font-size: 12px;
	font-style: italic;
}


#serviceList table tr td p a:hover
{
	color: #1488FF;
	text-decoration: underline;
}


#serviceList table tr td a img
{
	border: 2px solid #FFFFFF;
	height: 130px;
	width: 302px;
}


#serviceList table tr td a:hover img
{
	border: 2px solid #1488FF;
}


#showService
{
	float: left;
	padding-top: 16px;
	width: 650px;
}


#serviceList h1, #showService h1
{
	color: #FFFFFF;
	font-size: 16px;
	margin-bottom: 8px;
}


#serviceList .description, #showService .description
{
	background-color: #333333;
	padding: 8px 0px 1px 0px;
}


#serviceList .description p, #showService .description p
{
	color: #FFFFFF;
	font-size: 12px;
	margin: 0px 8px 8px 8px;
}

#showService p img
{
	margin-top: 8px;
	width: 650px;
}


/*
================
Prices
================
*/


#prices
{
	float: left;
	width: 650px;
}


#prices h1
{
	color: #FFFFFF;
	font-size: 16px;
	margin-bottom: 8px;
}


#prices .description
{
	background-color: #333333;
	padding: 8px 0px 1px 0px;
}


#prices .description p
{
	color: #FFFFFF;
	font-size: 12px;
	margin: 0px 8px 8px 8px;
}


/*
================
Information
================
*/


#information
{
	float: left;
	width: 650px;
}


#information .description
{
	float: left;
	width: 317px;
}


#information .contact
{
	float: right;
	width: 317px;
}


#information div h1
{
	color: #1488FF;
	font-size: 16px;
	padding-top: 16px;
}


#information div p
{
	color: #FFFFFF;
	padding-top: 16px;
	font-size: 12px;
}


#information div p a
{
	color: #FFFFFF;
	font-size: 12px;
}


#information div p a:hover
{
	color: #1488FF;
	text-decoration: underline;
}


#contactForm
{
	clear: left;
	padding-top: 32px;
	width: 512px;
}


#contactForm table
{
	margin-left: 16px;
}


#contactForm td
{
	padding-bottom: 4px;
	vertical-align: middle;
}


#contactForm label
{
	color: #FFFFFF;
	font-size: 12px;
	margin-right: 8px;
}


#contactForm input, #contactForm textarea
{
	border: 1px solid #1488FF;
	background-color: #E0E0E0;
	color: #333333;
	font-size: 14px;
	padding: 2px 4px;
}


#contactForm input:hover, #contactForm textarea:hover
{
	background-color: #FFFFFF;
}


#contactForm textarea
{
	width: 300px;
}


#map
{
	clear: left;
	padding-top: 32px;
}


#map iframe
{
	height: 300px;
	width: 648px;
}