﻿

/* ########################   Page Layout Divs   ######################## */

#wrapper {
	background-position: center 50%; margin-left: auto; width: 970px; margin-right: auto; height: auto; background-color: transparent;
}
#masthead {
	background-image:url('../images/system/sliceTop.png'); background-repeat:no-repeat; background-position:center top; height:30px; width:970px; background-color: transparent;
}
#mastheadContent {
	 /* margin-left: auto; width: 950px; margin-right: auto; height:35px; text-align:right; */
	 FLOAT: right; PADDING-RIGHT: 10px; TEXT-ALIGN: right; height:30px; vertical-align:middle;
}
#contentWrapper {
	clear:both; background-image:url('../images/system/sliceSides.png'); background-repeat:repeat-y; background-position:center; height:auto; width:970px; background-color: transparent;
	/* CLEAR: both; BACKGROUND-IMAGE: url(../images/layout5top.png); MARGIN-LEFT: auto; WIDTH: 950px; MARGIN-RIGHT: auto; HEIGHT: 250px */
}
#header {
	clear:both; background-image:url(../images/system/header.png); margin-top:35px; margin-left: auto; width: 950px; margin-right: auto; height: 250px; background-color: transparent;
}
#contentNav {
	margin-left: auto; width: 950px; margin-right: auto;
}
#contentContainer {
	margin-left: auto; width: 950px; margin-right: auto; height: auto; background-color: transparent;
}
#contentLeft {
	
}
#contentRight {
	
}
#footer {
	margin-right:auto; margin-left:auto; background-image:url('../images/system/sliceBottom.png'); background-repeat:no-repeat; background-position:center top; height:120px; width:970px;
}
.footerContent {
	position:relative; padding-top:30px; padding-left:25px; font-size: 95%; color: #666; line-height: 150%;
}

a.footerContent, div.footerContent a {
	color:#666;
	padding-right:6px;
	text-decoration:none; font-weight:normal; font-size: 95%;
}

a.footerContent, div.footerContent a:hover 
{
	text-decoration: underline;	font-weight:normal; font-size: 95%;
}

div.footerContent a.footerContent:hover {
	text-decoration:underline; font-weight:normal; font-size: 95%;
}

div.footerContent a.footerContent {
	border-left:1px solid #666;
	color:#666;
	padding-left:6px;
	padding-right:6px;
	text-decoration:none; font-weight:normal; font-size: 95%;
}

.ClearfooterContent {
	clear:right;
	height:4px;
}




#contentLeft2col {
	PADDING-RIGHT: 0px; MARGIN-TOP: 30px; PADDING-LEFT: 25px; FLOAT: left; PADDING-BOTTOM: 10px; WIDTH: 590px; MARGIN-RIGHT: 10px; HEIGHT: auto;
}
#contentLeft2col LI {
	PADDING-LEFT: 10px; FONT-WEIGHT: normal; LIST-STYLE-POSITION: outside; FONT-SIZE: 100%;
	LIST-STYLE-IMAGE: url(../images/bullet.gif); MARGIN-LEFT: -25px; COLOR: #333; LINE-HEIGHT: 150%
}
#contentLeft2col P {
	FONT-SIZE: 100%; COLOR: #333; line-height:140%
}
#contentLeft2col H1 {
	BORDER-BOTTOM: #cacaca 1px solid; PADDING-BOTTOM: 10px; PADDING-LEFT: 0px; PADDING-RIGHT: 10px; FONT: 18px Arial, Helvetica, sans-serif; MARGIN: 0px 0px 15px; COLOR: #333
}
#contentLeft2col H2 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 130%; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0em; TEXT-TRANSFORM: none; COLOR: #666666; LINE-HEIGHT: 120%; PADDING-TOP: 0px
}



/* ########################   Image Slider   ######################## */

#slider {
	PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN-LEFT: 517px; margin-top: -224px; margin-bottom:7px; PADDING-LEFT: 0px; WIDTH: 420px; PADDING-RIGHT: 0px; LIST-STYLE-IMAGE: none; PADDING-TOP: 14px
}
#slider UL {
	PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px
}
#slider LI {
	PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px
}
#slider LI {
	WIDTH: 420px; HEIGHT: 225px; OVERFLOW: hidden
}
#slider img {
	border:0px; width:420px; height:225px;
}

/* ########################   Classes   ######################## */


.box {
	padding-left:16px; float: left; margin-top:20px; margin-bottom:0px; margin-left: 10px; width: 270px; display:block;
}
.box H1 {
	BORDER-BOTTOM: #cacaca 1px solid; padding-top:10px; PADDING-BOTTOM: 10px; PADDING-LEFT: 0px; PADDING-RIGHT: 10px; FONT: 18px Arial, Helvetica, sans-serif; MARGIN: 0px 0px 15px; COLOR: #333
}
.box P {
	FONT-SIZE: 100%; COLOR: #333; line-height:140%
}
.box A {
	FONT: 12px Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; COLOR: #ff9900; /* #145190 */
}
.box A:hover {
	FONT: 12px Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: underline; COLOR: #145190;
}


#services {
	padding: 20px 15px;
	MARGIN: 0px 0px;
}
#services H2 {
	BORDER-BOTTOM: #d7d7d7 1px solid; PADDING-BOTTOM: 10px; MARGIN: 5px 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT: bold 12px Arial, Helvetica, sans-serif; COLOR: #0a3e7d; PADDING-TOP: 10px
}
#services P {
	PADDING-BOTTOM: 20px; MARGIN: 5px 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT: 11px/1.6em Arial, Helvetica, sans-serif; COLOR: #333 /* #0a3e7d */; PADDING-TOP: 10px
}
#services P.link {
	BORDER-TOP: #d7d7d7 1px solid
}
#services A {
	FONT: 11px Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; COLOR: #ff9900; /* #145190 */
}
#services A:hover {
	FONT: 11px Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: underline; COLOR: #145190;
}
#services .image {
	border:1px #ff9900 solid;
}
#services .left {
	MARGIN: 0px 10px; WIDTH: 280px; FLOAT: left
}
#services .center {
	MARGIN: 0px 10px; WIDTH: 280px; FLOAT: left
}
#services .right {
	MARGIN: 0px 10px; WIDTH: 280px; FLOAT: left
}


.dropDownLang {
	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:#ffffff;
	border-color:#ffffff;
	border-width:1px;
	background-color:#2ca1cf;
}
.dropDownStart {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	color:#333;
}




/* ########################   HTML Tags   ######################## */

HTML {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
BODY {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 75%; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #333; LINE-HEIGHT: 120%; PADDING-TOP: 0px; BACKGROUND-IMAGE: url(../images/system/bgd1.png); BACKGROUND-REPEAT:no-repeat; background-position: right top; FONT-FAMILY: Arial, Helvetica, sans-serif;
}
/* 
P {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 95%; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #333; PADDING-TOP: 0px;
}
 */



/* ########################   Images   ######################## */

.imageRightTop {
	padding-left:0px; float: left; margin-top:30px; margin-bottom:5px; margin-left: 15px; width: 270px; 
	display:block; border:2px #ff9900 solid;
}
.imageRight {
	padding-left:0px; float: left; margin-top:15px; margin-bottom:5px; margin-left: 15px; width: 270px; 
	display:block; border:2px #ff9900 solid;
}


/* ########################   Links   ######################## */

A {
	FONT: 12px Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; COLOR: #ff9900; /* #145190 */
}
A:hover {
	FONT: 12px Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: underline; COLOR: #145190;
}


/* ########################   Start Page   ######################## */

#startContainer {
	MARGIN-LEFT: auto; WIDTH: 966px; MARGIN-RIGHT: auto; HEIGHT: 780px; BACKGROUND-IMAGE: url("../images/system/indexBgd.png"); background-repeat:no-repeat; margin-top:15px; margin-bottom:15px
}
#startLeft {
	position:relative; MARGIN-LEFT: 38px; WIDTH: 360px; HEIGHT: 591px; padding-top:105px;
}
#startMap {
	position:relative; MARGIN-LEFT: 265px; WIDTH: 640px; HEIGHT: 591px; margin-top:-675px;
}

#indexFooter {
	margin-right:auto; margin-left:auto; height:120px; width:970px; margin-top:-225px;
}
.indexFooterContent {
	position:relative; padding-top:30px; padding-left:25px; font-size: 95%; color: #666; line-height: 150%;	font-weight:normal;
}

a.indexFooterContent, div.indexFooterContent a {
	color:#666;
	padding-right:6px;
	text-decoration:none; font-weight:normal; font-size: 95%;
}

a.indexFooterContent, div.indexFooterContent a:hover 
{
	text-decoration: underline;	font-weight:normal; font-size: 95%;
}

div.indexFooterContent a.indexFooterContent:hover {
	text-decoration:underline;	font-weight:normal; font-size: 95%;
}

div.indexFooterContent a.indexFooterContent {
	border-left:1px solid #666;
	color:#666;
	padding-left:6px;
	padding-right:6px;
	text-decoration:none;
	font-weight:normal; font-size: 95%;
}

#indexText {
	 line-height:140%;
}


/* ########################   Gallery   ######################## */

#contentGallery {
	PADDING-RIGHT: 0px; MARGIN-TOP: 30px; PADDING-LEFT: 25px; FLOAT: left; PADDING-BOTTOM: 10px; WIDTH: 890px; MARGIN-RIGHT: 10px; HEIGHT: auto;
}
#contentGallery P {
	FONT-SIZE: 100%; COLOR: #333; line-height:140%
}
#contentGallery H1 {
	BORDER-BOTTOM: #cacaca 1px solid; PADDING-BOTTOM: 10px; PADDING-LEFT: 0px; PADDING-RIGHT: 10px; FONT: 18px Arial, Helvetica, sans-serif; MARGIN: 0px 0px 15px; COLOR: #333
}
.contentGalleryA {
	FONT: 12px Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: underline; COLOR: #ff9900 /* #145190 */
}


/* ########################   Gallery 2  ######################## */

#contentGallery2 {
	PADDING-RIGHT: 0px; MARGIN-TOP: 10px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 10px; WIDTH: 690px; MARGIN-RIGHT: 10px; HEIGHT: auto;
}
#contentGallery2 P {
	FONT-SIZE: 100%; COLOR: #333; line-height:140%
}
#contentGallery2 H1 {
	BORDER-BOTTOM: #cacaca 1px solid; PADDING-BOTTOM: 10px; PADDING-LEFT: 0px; PADDING-RIGHT: 10px; FONT: 18px Arial, Helvetica, sans-serif; MARGIN: 0px 0px 15px; COLOR: #333
}
.contentGallery2A {
	FONT: 12px Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: underline; COLOR: #ff9900 /* #145190 */
}

#contentGallery2Rgt {
	PADDING-RIGHT: 0px; MARGIN-TOP: 10px; PADDING-LEFT: 10px; FLOAT: left; PADDING-BOTTOM: 10px; WIDTH: 150px; MARGIN-RIGHT: 0px; HEIGHT: auto;
}
#contentGallery2Rgt P {
	FONT-SIZE: 100%; COLOR: #333; line-height:140%
}

#contentGallery2RgtWide {
	PADDING-RIGHT: 0px; MARGIN-TOP: 10px; PADDING-LEFT: 10px; FLOAT: left; PADDING-BOTTOM: 10px; WIDTH: 170px; MARGIN-RIGHT: 0px; HEIGHT: auto;
}
#contentGallery2RgtWide P {
	FONT-SIZE: 100%; COLOR: #333; line-height:140%
}




/* ########################   Testimonial   ######################## */

#contentTestimonial {
	PADDING-RIGHT: 0px; MARGIN-TOP: 30px; PADDING-LEFT: 15px; FLOAT: left; PADDING-BOTTOM: 10px; WIDTH: 920px; MARGIN-RIGHT: 0px; HEIGHT: auto;
}
#contentTestimonial P {
	FONT-SIZE: 100%; COLOR: #333; line-height:140%
}
#contentTestimonial H1 {
	BORDER-BOTTOM: #cacaca 1px solid; PADDING-BOTTOM: 10px; PADDING-LEFT: 0px; PADDING-RIGHT: 10px; FONT: 18px Arial, Helvetica, sans-serif; MARGIN: 0px 0px 15px; COLOR: #333
}
div.testimonial {
	MARGIN: 10px 10px; WIDTH: 282px; BACKGROUND: url("../images/system/testimonial_bgd282.png") repeat-y; float:left;
}
div.testimonial div {
	BACKGROUND: url("../images/system/testimonial_top282.png") no-repeat 50% top
}
div.testimonial div div {
	PADDING-BOTTOM: 30px; PADDING-LEFT: 7px; WIDTH: 268px; PADDING-RIGHT: 7px; BACKGROUND: url("../images/system/testimonial_btm282.png") no-repeat 50% bottom; PADDING-TOP: 15px
}


/* ########################   Other   ######################## */

.clear {
	CLEAR: both; MARGIN-BOTTOM: -1px; HEIGHT: 1px
}
.none {
	border:0px;
}
