html, body {
	height: 100%;
	max-height: 100%;
	margin: 0px; padding: 0px; border: 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	background-color: #040A04;
}

* { margin: 0; padding: 0 }

img { display: block; border: none; }

a img { border: none; }

ul { list-style-image: none; list-style-position:outside; list-style-type:none; }

div#TheContainer {
	margin: 0px auto 0px auto;
	width: 940px;
}

/*--------- THE HEADER ---------*/

div#TheHeader {
	width:940px;
}

div#TheLogoPart{
	width: 940px;
	height: 80px;
}

div#TheLogo {
	position: relative;
	top: 10px;
	left: 18px;
    width: 220px;
	height: 62px;
   	background: url(../images/TheLogo.png) no-repeat;
	float: left;
}

div#TheSearchForm {
	position: relative;
	top: 30px;
	left: 402px;
    width: 260px;
	height: 20px;
	float: left;
}

.SearchText {
	margin: 0px;
	padding: 0px;
	border: 0px;
    width: 190px;
	height: 20px;
	float: left;
   	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
}

.SearchButton {
	margin: 0px;
	padding: 0px 0px 0px 10px;
	border: 0px;
    width: 60px;
	height: 20px;
	cursor: pointer;
	float: left;
}

div #TheBitmap {
	width: 940px;
	height: 237px;
	background: url(../images/HeaderBitmap.jpg) no-repeat;
}

/*--------- THE HEADER END ---------*/



/*--------- THE MENU ---------*/

div#TheMenu{
	width: 940px;
	height: 58px;
}

div#MenuLeftMargin{
	float: left;
	width: 122px;
	height: 58px;
	background: url(../images/MenuLeftSide.png) no-repeat;
}

div#MenuRightMargin{
	float: left;
	width: 123px;
	height: 58px;
	background: url(../images/MenuRightSide.png) no-repeat;
}

div#Menu01 { width: 139px; height: 58px; float: left; }
div#Menu01 a { display: block; width: 139px; height: 58px; background: url(../images/MenuHomeNormal.png) no-repeat; outline: none; }
div#Menu01 a:hover { background:url(../images/MenuHomeHover.png) no-repeat; }
body.pageHome #Menu01 { cursor: default; background:url(../images/MenuHomeHover.png) no-repeat; }

div#Menu02 { width: 139px; height: 58px; float: left; }
div#Menu02 a { display: block; width: 139px; height: 58px; background: url(../images/MenuPortfolioNormal.png) no-repeat; outline: none; }
div#Menu02 a:hover { background:url(../images/MenuPortfolioHover.png) no-repeat; }
body.pagePortfolio #Menu02 { cursor: default; background:url(../images/MenuPortfolioHover.png) no-repeat; }

div#Menu03 { width: 139px; height: 58px; float: left; }
div#Menu03 a { display: block; width: 139px; height: 58px; background: url(../images/MenuPricesNormal.png) no-repeat; outline: none; }
div#Menu03 a:hover { background:url(../images/MenuPricesHover.png) no-repeat; }
body.pagePrices #Menu03 { cursor: default; background:url(../images/MenuPricesHover.png) no-repeat; }

div#Menu04 { width: 139px; height: 58px; float: left; }
div#Menu04 a { display: block; width: 139px; height: 58px; background: url(../images/MenuQuoteNormal.png) no-repeat; outline: none; }
div#Menu04 a:hover { background:url(../images/MenuQuoteHover.png) no-repeat; }
body.pageQuote #Menu04 { cursor: default; background:url(../images/MenuQuoteHover.png) no-repeat; }

div#Menu05 { width: 139px; height: 58px; float: left; }
div#Menu05 a { display: block; width: 139px; height: 58px; background: url(../images/MenuAboutUsNormal.png) no-repeat; outline: none; }
div#Menu05 a:hover { background:url(../images/MenuAboutUsHover.png) no-repeat; }
body.pageAboutUs #Menu05 { cursor: default; background:url(../images/MenuAboutUsHover.png) no-repeat; }

/*--------- THE MENU END ---------*/



/*--------- THE CONTENT ---------*/

div#TheContent {
	margin-left: auto;
	margin-right: auto;
	width: 900px;
	height: auto;
	color: #C0C0C0;
	font-size: 12px;
	letter-spacing: 0.01em;
	text-align: justify;
}

div#TheContent p {
	padding-left: 5px;
	padding-right: 5px;
}

div#NarrowColumn {
    width: 320px;
	float: left;
}

div#CenteredSpace {
	height: 10px;
    width: 30px;
	float: left;
}

div#WideColumn {
    width: 550px;
	float: left;
	overflow: hidden;
}


.TheTitlePart {
	clear: both;
	margin-bottom: 10px;
	width: auto;
    height: 30px;
	background: url(../images/TitleBackground.png) repeat-x;
}

.TheTitlePart h1 {
	color: #FFFFFF;
	font-weight: normal;
	letter-spacing: 0.04em;
	font-size: 22px;
}

.BigGreenCenteredText {
    color: #A9ED63;
	font-size: 28px;
	text-align: center;
	letter-spacing: 0.02em;
}

div#PortfolioSearch {
	margin-top: 10px;
	width: 320px;
	height: 74px;
	border: solid 1px #283E18;
	background-color: #0A1704;
	text-align: center;
}

.PortfolioSubTitle {
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
    width: 190px;
	height: 25px;
	background: url(../images/PortfolioSearchTitleBackground.png) repeat-x;
}

div#PortfolioSearch h2 {
	text-align: center;
	font-size: 16px;
	color: #FFFFFF;
	font-weight: normal;
	letter-spacing: 0.02em;
}

div#PortfolioSearch select {
	margin-top: 12px;
	width: 190px;
   	font-size: 12px;
}

div#PortfolioLegend {
	margin-top: 20px;
	width: 320px;
	height: auto;
	text-align: center;
}

div#PortfolioLegend .TheTitlePart {
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
    width: 190px;
	height: 25px;
	background: url(../images/TitleBackground.png) repeat-x bottom;
	clear: both;
}

div#PortfolioLegend h2 {
	text-align: center;
	font-size: 16px;
	color: #C0C0C0;
	font-weight: normal;
	letter-spacing: 0.02em;
}

div#LegendLeftSide {
    width: 159px;
	border-right: solid 1px #363B36;
	float: left;
}

div#PortfolioLegend ul {
    list-style: none;
	margin-left: 5px;
	margin-right: 5px;
}

div#LegendLeftSide p {
	line-height: 20px;
	float: right;
	display: block;
}

div#LegendLeftSide img {
	display: block;
	width: 30px;
	height: 30px;
	float: right;
	clear: both;
}

div#LegendRightSide {
    width: 159px;
	float: left;
}

div#LegendRightSide p {
	line-height: 20px;
	float: left;
	display: block;
}

div#LegendRightSide img {
	display: block;
	width: 30px;
	height: 30px;
	float: left;
	clear: both;
}

div#PortfolioLegend a {
    text-decoration: underline;
	color: #C0C0C0;
}

div#PortfolioLegend a:hover {
	color: #FFFFFF;
}

div#PortfolioLegend .GreenLine {
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
    width: 190px;
	height: 10px;
	background: url(../images/TitleBackground.png) repeat-x bottom;
	clear: both;
}

.AnyQuestion a { color: #a9ed63; }
.AnyQuestion a:hover { color: #FFFFFF; }

.NewsDate {
    color: #a9ed63;
	font-size: 14px;
	font-weight: bold;
}

.NewsTitle {
    color: #ffffff;
	font-size: 14px;
	font-weight: bold;
}

.NewsText {
    line-height: 14px;
	margin-bottom: 10px;
	text-align: left;
}


.PortfolioItem {
	margin: 10px 2px 10px 2px;
    width: 270px;
	height: 170px;
	border-bottom: solid 1px #1e231e;
	background: url(../images/PortfolioItemBackground.png) repeat-x;
	float: left;
}

.ItemThumbnail {
	width: 120px;
    margin-top: 10px;
	float: left;
}

.ItemThumbnail img {
    border: solid 1px #73AC43;
}

.ItemDescription {
	width: 150px;
	height: 130px;
	overflow: hidden;
    float: left;
	text-align: left;
}

.ItemDescription .DescriptionTitle {
	font-size: 12px;
	font-family: Arial;
	margin-top: 5px;
    color: #FFFFFF;
}

.ItemDescription .DescriptionText {
	margin-top: 4px;
	font-size: 11px;
	letter-spacing: 0.03em;
	line-height: 13px;
    color: #c2ea98;
}

.ItemIconList {
	clear: both;
	float: left;
	margin-top: 10px;
	margin-left: 5px;
    width: 192px;
	height: 30px;
	overflow: hidden;
	}

.ItemIconList img {
	margin-top: 5px;
	margin-left: 2px;
	float: left;
}

.ItemLink {
	float: left;
   	position: relative;
	top: 15px;
	left: 26px;
}

.PortfolioItem a { color: #73ac43; }
.PortfolioItem a:hover { color: #a9ed63; }

.HighlightText {
	color: #DEFB49;
}

#popUp {
	padding: 1px 3px 1px 3px;
	display:none;
	position:absolute;
	z-index:100;
	background:#f9f9f9;
	border: 1px solid #2C9200;
	color: #082C02;
	text-align: center;
    font-size: 10px;
}

/*--------- THE CONTENT END ---------*/



/*--------- THE WELCOME ---------*/

.WelcomeBanner {
    width: 180px;
	height: 320px;
	float: left;
	overflow: hidden;
}

.WelcomeBanner h1 {
	margin-top: 5px;
	text-align: center;
	color: #C3E5A7;
	font-size: 14px;
	font-weight: normal;
}

div#WelcomeBanner01 {
	margin: 5px auto 0px auto;
	padding-top: 170px;
	line-height: 22px;
	font-size: 11px;
	color: #C0C0C0;
	text-align: center;
    width: 150px;
	height: 280px;
	background: url(../images/WelcomeBanner01.jpg) no-repeat;
}

div#WelcomeBanner02 {
	position: relative;
	margin: 5px auto 0px auto;
	padding-top: 170px;
	line-height: 22px;
	font-size: 12px;
	letter-spacing: -0.02em;
	color: #C0C0C0;
	text-align: center;
    width: 150px;
	height: 280px;
	background: url(../images/WelcomeBanner02.jpg) no-repeat;
}

div#WelcomeBanner03 {
	margin: 5px auto 0px auto;
	padding-top: 170px;
	line-height: 22px;
	font-size: 11px;
	color: #C0C0C0;
	text-align: center;
    width: 150px;
	height: 280px;
	background: url(../images/WelcomeBanner03.jpg) no-repeat;
}

.TextInfo {
    height: 70px;
}


.ClickForTour { position: relative; bottom: 0px; margin: 10px auto 0px auto; width: 90px; height: 20px; }
.ClickForTour a { display: block; width: 90px; height: 20px; background: url(../images/ClickForTourButtonNormal.png) no-repeat; outline: none; }
.ClickForTour a:hover { background:url(../images/ClickForTourButtonHover.png) no-repeat; }



/*--------- THE WELCOME END ---------*/



/*--------- THE RECENT PROJECTS ---------*/

.RecentProjectsImage {
    margin: 20px auto 20px auto;
}

/*--------- THE RECENT PROJECTS END ---------*/


div#GetInTouchImage {
    width: 70px;
	height: 200px;
	background: url(../images/GetInTouch.jpg) no-repeat;
	float: left;
}

div#GetInTouchText {
	margin-left: 4px;
	margin-bottom: 30px;
    width: 245px;
	height: 200px;
	color: #C0C0C0;
	float: left;
	font-size: 14px;
	line-height: 1.2em;
    letter-spacing: -0.02em
}

div#GetInTouchText a { color: #73ac43; text-decoration: none; }
div#GetInTouchText a:hover { color: #ffffff; }

div#TheRequestCall {
	margin: 10px auto 20px auto;
    width: 202px;
	height: 170px;
}

ul#RequestCallForm span {
	position: relative;
	left: 2px;
	text-align: left;
	font-weight: bold;
	display: block;
	float: left;
}

ul#RequestCallForm .RedStar {
	margin-left: 3px;
	float: left;
	font-size: 16px;
	font-weight: normal;
    color: #CC0000;
}


ul#RequestCallForm input{
   	margin-bottom: 10px;
    width: 200px;
	border: solid 1px #a7a6aa;
}

ul#RequestCallForm .CallMeBackButton {
	margin-top: 10px;
	margin-left: 56px;
	padding: 0;
	border: 0;
    width: 90px;
	height: 20px;
	background: url(../images/SendNowNormal.jpg) no-repeat;
	cursor: pointer;
}



/*--------- THE PRICES ---------*/

.PricesTable {
    width: 550px;
	margin: auto;
	font-size: 12px;
}

.PricesTable span {
	color: #DEFB49;
}

.PricesTable .TableHeader {
    background: #193604 none;
	border-top: solid 1px #73AC43;
	border-bottom: solid 1px #73AC43;
	color: #FFFFFF;
	padding-left: 10px;
	width: 250px;
	font-weight: bold;
	font-size: 13px;
}

.PricesTable td {
	height: 25px;
	background: #142A07 url(../images/PricesListBackground.png) no-repeat;
	padding-left: 15px;
}

.PricesTable .EmptyPriceCell {
	height: 25px;
	background: #142A07 none;
	padding-left: 15px;
}

.PricesTable .TableFooter {
    background: #1D231D none;
	border-bottom: solid 1px #73AC43;
	color: #FFFFFF;
	padding-left: 10px;
	height: 40px;
	width: 250px;
	font-weight: bold;
	font-size: 13px;
}

.PricesTable .TableFooter .TableFooterButton { width: 90px; height: 20px; float: left; }

.PricesTable .TableFooter .TableFooterButton a { outline: none; }

.PricesTable .TableFooterText {
	width: 150px;
	margin-left: 10px;
	height: 20px;
	float: left;
}
/*--------- THE PRICES END ---------*/



/*--------- THE FOOTER ---------*/

div#TheFooter {
	clear: both;
	margin-left: auto;
	margin-right: auto;
	width: 920px;
	height: 93px;
   	background: url(../images/FooterBackground.png) repeat-x;
}

div#FooterTopPart {
    width: 920px;
	height: 70px;
}

div#FooterCopyrightText {
	position: relative;
	top: 11px;
	left: 15px;
    width: 450px;
	height: 50px;
	float: left;
}

div#FooterCopyrightText .LightGreyText {
    color: #C7C7C7;
	letter-spacing: 0.02em;
}

div#FooterCopyrightText .DarkGreyText {
    color: #848484;
	font-size: 12px;
	letter-spacing: 0.02em;
}

div#FooterLogo {
	position: relative;
	top: 13px;
	left: 405px;
    width: 48px;
	height: 44px;
	background: url(../images/FooterLogo.png) no-repeat;
	float: left;
}

div#FooterBottomPart {
	padding-top: 3px;
	padding-left: 15px;
    width: 920px;
	height: 23px;
	font-size: 12px;
	letter-spacing: 0.02em;
	color: #444844;
}

div#FooterBottomPart p a { text-decoration: none; color: #2C4619; }
div#FooterBottomPart p a:hover { color: #848484; }

div#FooterBottomPart .ValidText {
	padding-left: 642px;
}

/*--------- THE FOOTER END ---------*/



/*--------- THE FREE QUOTE ---------*/

div#FreeQuoteForm {
    width: 352px;
	margin: 10px auto 10px auto;
}

div#FreeQuoteForm div {
	margin-left: 2px;
	float: left;
}

ul#FreeQuote span {
	position: relative;
	left: 2px;
	text-align: left;
	font-weight: bold;
	display: block;
	float: left;
}

ul#FreeQuote .RedStar {
	margin-left: 3px;
	float: left;
	font-size: 16px;
	font-weight: normal;
    color: #CC0000;
}

ul#FreeQuote input,
ul#FreeQuote textarea,
ul#FreeQuote select {
   	margin-bottom: 10px;
    width: 350px;
	border: solid 1px #a7a6aa;
}

ul#FreeQuote .QuoteSelectDate {
 	margin-left: 5px;
   	margin-bottom: 10px;
	width: 55px;
	border: solid 1px #a7a6aa;
}

ul#FreeQuote .QuoteSelectTime {
 	margin-left: 10px;
   	margin-bottom: 10px;
	width: 126px;
	border: solid 1px #a7a6aa;
}

ul#FreeQuote .SendForm {
	margin: 20px 0px 10px 131px;
	padding: 0;
	border: 0;
    width: 90px;
	height: 20px;
	cursor: pointer;
}

ul#FreeQuote .ContactName input,
ul#FreeQuote .ContactEmail input,
ul#FreeQuote .ContactInquiry textarea {
    background-color: #E6F5B1;
}

/*--------- THE FREE QUOTE END ---------*/



/*--------- THE ABOUT US ---------*/

.AboutUsItem {
	margin: 20px 2px 20px 2px;
    width: 546px;
	height: 245px;
	border-bottom: solid 1px #1e231e;
	background-color: #152A05;
}

.AboutUsPicture {
	width: 245px;
	float: left;
}

.AboutUsPicture img {
    margin: 15px;
}

.AboutUsDetails {
	width: 301px;
	overflow: hidden;
    float: left;
	text-align: left;
}

.AboutUsDetails .DetailsName {
	font-size: 16px;
	font-weight: bold;
	margin-top: 0px;
    color: #FFFFFF;
	line-height: 25px;
}

.AboutUsDetails .DetailsJob {
	font-size: 16px;
	font-weight: bold;
	margin-top: 0px;
    color: #c2ea98;
	line-height: 30px;
}

.AboutUsDetails .DetailsText {
	font-size: 13px;
    color: #C0C0C0;
}

/*--------- THE ABOUT US END ---------*/






div#hiddenPics {
	position: absolute;
	overflow: hidden;
	left: -9999px;
	top: -9999px;
	height: 1px;
	width: 1px;
	display:none;
}