﻿/*
###################################
	Scrollproperties, HTML
###################################
*/
html
	{
		overflow: -moz-scrollbars-vertical;
		overflow-x: hidden;
		overflow-y: scroll;
	}

/*
###################################
	Body
###################################
*/
body
	{
		background-color: #668dba;
		padding: 0px;
		margin: 0px; 
		background-image: url('../_gfx/design/background/body.gif');
		background-repeat: repeat-x;
		background-position: top left;
	}

/*
###################################
	HeaderWrapper
###################################
*/
#HeaderWrapper
	{
		width: 100%;
		height: 89px;
		background-image: url('../_gfx/design/background/header/wrapper.gif');
		background-repeat: repeat-x;
		background-position: top left;
		position: relative;
	}
#Header
	{
		margin: 0 auto;
		width: 763px;
		height: 89px;
	}
#HeaderLogo
	{
		float: left;
		padding-left: 3px;
		padding-top: 24px;
	}
#HeaderPhone
	{
		float: right;
		padding-right: 6px;
		padding-top: 20px;
	}
/*
###################################
	MenuWrapper
###################################
*/
#MenuWrapper
	{
		width: 100%;
		height: 30px;
		background-image: url('../_gfx/design/background/menu/wrapper.gif');
		background-repeat: repeat-x;
		background-position: top left;
		position: relative;
	}
#MenuLeft
	{
		width: 6px;
		height: 30px;
		background-image: url('../_gfx/design/background/menu/left.gif');
		background-repeat: no-repeat;
		background-position: top left;
		float: left;
	}
#MenuRight
	{
		width: 6px;
		height: 30px;
		background-image: url('../_gfx/design/background/menu/right.gif');
		background-repeat: no-repeat;
		background-position: top left;
		float: right;
	}
#Menu
	{
		margin: 0 auto;
		width: 763px;
		height: 30px;
	}

#MenuPlate
	{
		padding-left: 298px;
	}
.MenuItem
	{
		float:left;
		height: 30px;
	}
	
.MenuSpacer
	{
		float:left;
		height: 30px;
		width: 2px;
		background-image: url('../_gfx/design/menu/spacer.gif');
		background-repeat: no-repeat;
		background-position: top left;
	}

#MenuStart
	{
		width: 52px;
		height: 30px;
	}

#MenuService
	{
		width: 100px;
		height: 30px;
	}

#MenuReferences
	{
		width: 87px;
		height: 30px;
	}

#MenuAbout
	{
		width: 127px;
		height: 30px;
	}
	
#MenuContact
	{
		width: 87px;
		height: 30px;
	}

/*
###################################
	ContentWrapper
###################################
*/
#ContentWrapper
	{
		width: 100%;
		background-image: url('../_gfx/design/background/content/top_bg.gif');
		background-repeat: repeat-x;
		background-position: top left;
		position: relative;
	}
#ContentLeft
	{
		width: 4px;
		height: 5px;
		background-image: url('../_gfx/design/background/content/top_left.gif');
		background-repeat: no-repeat;
		background-position: top left;
		float: left;
	}
#ContentRight
	{
		width: 4px;
		height: 5px;
		background-image: url('../_gfx/design/background/content/top_right.gif');
		background-repeat: no-repeat;
		background-position: top left;
		float: right;
	}
#Content
	{
		margin: 0 auto;
		width: 763px;
		min-height: 574px;
		height: auto !important;
		height: 574px;
		position: relative;
	}
#ContentShadowLeft
	{
		width: 4px;
		height: 574px;
		background-image: url('../_gfx/design/background/content/shadow_left.jpg');
		background-repeat: no-repeat;
		background-position: top left;
		position: absolute;
		top: 0px;
		left: 0px;
	}
#ContentShadowRight
	{
		width: 4px;
		height: 574px;
		background-image: url('../_gfx/design/background/content/shadow_right.jpg');
		background-repeat: no-repeat;
		background-position: top left;
		position: absolute;
		top: 0px;
		left: 759px;
	}

#ContentPlate
	{
		margin-left: 4px;
		min-height: 574px;
		height: auto !important;
		height: 574px;
		width: 755px;
		padding-bottom: 40px;
		background-image: url('../_gfx/design/background/content/plate_bg.gif');
		background-repeat: repeat-x;
		background-position: top left;
	}
#ContentArea
	{
		padding-left: 41px;
		padding-top: 28px;
		padding-right: 36px;
	}

/*
###################################
	StartPage
###################################
*/
#StartPageText
	{
		width: 383px;
		float: left;
		padding-right: 26px;
	}

#StartPageSpacer	
	{
		float: left;
		width: 1px;
		height: 205px;
		background-image: url('../_gfx/design/startSpacer.gif');
		background-repeat: no-repeat;
		background-position: top left;
	}

#StartPageImages
	{
		float: left;
		width: 229px;
		padding-left: 39px;
		padding-top: 4px;
	}

.StartPageImage
	{
		padding-bottom: 18px;
	}

/*
###################################
	ContentPage
###################################
*/	
#PageImages
	{
		float: right;
		width: 210px;
		padding-left: 55px;
		padding-top: 5px;
	}
	
.RightImageItem
	{
		padding-bottom: 20px;
	}

#PageText
	{
		width: 383px;
		margin-right: 291px;
		font-size: 12px;
		line-height: 18px;
	}

/*
###################################
	Contact
###################################
*/
.ContactPlate
	{
		width: 383px;
		margin-right: 291px;
	}
	
.ContactItem
	{
		padding-bottom: 8px;
	}
	
.ContactLeft
	{
		float: left;
		width: 197px;
	}
	
.ContactRight
	{
		float: left;
		width: 183px;
	}
.ContactClear
	{
		clear: left;
	}
	
.ContactInput
	{
		width: 178px;
		border: #585a5d solid 1px;
		font-family: Arial;
		font-size: 13px;
		color: #4f4f4f;
		padding-top: 3px;
		padding-bottom: 3px;
		padding-left: 2px;
	}
	
.ContactText
	{
		width: 375px;
		height: 75px;
		border: #585a5d solid 1px;
		font-family: Arial;
		font-size: 13px;
		color: #4f4f4f;
		padding-top: 3px;
		padding-bottom: 3px;
	}

.ContactItemHeader	
	{
		font-size: 12px;
		font-weight: bold;
		padding-bottom: 2px;
	}
