/* 1. public_editor.css */


/** STYLES FOR HTML ELEMENTS *********************************************************/
/*************************************************************************************/
HTML{FONT-SIZE:x-small; overflow: -moz-scrollbars-vertical !important;}
BODY{COLOR:#000000;  FONT-FAMILY:Arial,Helvetica,Verdana; margin:0px;}
A:link, A:active, A:hover, A:visited{COLOR: #004644;}
P{MARGIN-TOP:0px; MARGIN-BOTTOM:15px;/*Required for same look in Firefox and IE*/}
UL{MARGIN-TOP:0px; MARGIN-BOTTOM:5px; MARGIN-LEFT:20px;}
HR {border: none; border-top: 1px solid #f6f2de; height: 1px; margin-top: auto; margin-bottom: auto;}
/* table{font-size:xx-small; } */

/** STYLES FOR TEMPLATE ELEMENTS ******************************************** ********/
/*************************************************************************************/
.H1header{FONT-SIZE:240%; FONT-WEIGHT:normal; MARGIN-BOTTOM:15px; MARGIN-TOP:5px; line-height:normal;}
.H2header{FONT-SIZE:200%; FONT-WEIGHT:normal; MARGIN-BOTTOM:13px; MARGIN-TOP:0px; line-height:normal;}
.H3header{FONT-SIZE:150%; FONT-WEIGHT:normal; MARGIN-BOTTOM:10px; MARGIN-TOP:0px; line-height:normal;}
.H3headerNoMargin{FONT-SIZE:150%; FONT-WEIGHT:normal; MARGIN-TOP:0px; margin:0; padding:0;}
.H4header{FONT-SIZE:170%; FONT-WEIGHT:normal; MARGIN-BOTTOM:10px; MARGIN-TOP:0px; line-height:normal;}

/** STYLES FOR EDITOR DROP DOWN LIST (PARAGRAPH FORMAT) ********/
/*************************************************************************************/
h1{FONT-SIZE:220%; FONT-WEIGHT:normal; MARGIN-BOTTOM:15px; MARGIN-TOP:5px; font-family:Georgia, Arial, Helvetica, Verdana; color: #004644;}
h2{FONT-SIZE:180%; FONT-WEIGHT:normal; MARGIN-BOTTOM:15px; MARGIN-TOP:0px; font-family:Georgia, Arial, Helvetica, Verdana; color: #004644;}
h3{FONT-SIZE:140%; FONT-WEIGHT:normal; MARGIN-BOTTOM:10px; MARGIN-TOP:0px; font-family:Georgia, Arial, Helvetica, Verdana; color: #004644;}
h4{FONT-SIZE:160%; FONT-WEIGHT:normal; MARGIN-BOTTOM:10px; MARGIN-TOP:0px; font-family:Georgia, Arial, Helvetica, Verdana; color: #004644;}

img {border:0;}
.quotation{FONT-SIZE:160%; FONT-WEIGHT:normal; text-align:center; MARGIN-BOTTOM:5px; MARGIN-TOP:0px; font-family:Georgia, Arial, Helvetica, Verdana;}
img {border:0;}
.WebClear{clear:both;}

.clearfix:after {
    content: '.';
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    line-height: 0;
}
.clearfix {
    display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}

.uppercase{text-transform: uppercase;}

/** STYLES FOR EDITOR DROP DOWN LIST (ADAPTED STYLE) *********************************/
/*************************************************************************************/
.ImportantEditor{FONT-WEIGHT:bold; COLOR:#7D7207!important;}
.ImagetextEditor{FONT-WEIGHT:normal; FONT-SIZE:90%;}
.SmallText{FONT-WEIGHT:normal; FONT-SIZE:80%; line-height:110%;}

/* 2. public_base.css */


/** STYLES FOR THE BASEFILE **********************************************************/
/** The class names below are used in the basefile (/Templates/Framework/base1.ascx) */
/*************************************************************************************/
.containerborder{ background-color:#FFF; width:880px; margin:0px auto 0px auto; z-index: 10; position: relative; top: 0px; bottom: 0px;}
.container{ background-color:#FFF; width:870px; margin:0px auto 0px auto; position: relative; top: 0px; bottom: 0px;}
.containerPrint{ width:682px; margin:5px 0px 5px 5px;}

.headerArea{ position:relative; height:147px; background-image:url(../images/header_bg.jpg); margin-bottom:6px;}
.logo{ position:absolute; right:58px; top:10px;}
.HeaderText {position: absolute; left: 65px; top: 35px; font-family:Georgia, Arial, Helvetica, Verdana; font-size: 330%; color: #004644;  } 
.mainMenuArea{ position:absolute; width:855px; bottom:10px; text-align: left; padding:0px 0px 0px 15px; }
.mainMenuLink{ font-weight:bold; color:#000000; font-size:100%; text-decoration:none;}
A.mainMenuLink:link{ color:#000000; text-decoration:none;}
A.mainMenuLink:active{ color:#000000; text-decoration:none;}
A.mainMenuLink:visited{ color:#000000; text-decoration:none;}
A.mainMenuLink:hover{ color:#808284; text-decoration:none;}

.mainMenuLinkActive{ color:#808284;}
A.mainMenuLinkActive:link{ color:#808284; text-decoration:none;}
A.mainMenuLinkActive:active{ color:#808284; text-decoration:none;}
A.mainMenuLinkActive:visited{ color:#808284; text-decoration:none;}
A.mainMenuLinkActive:hover{ color:#808284; text-decoration:none;}

.languageFlag{ margin:0px 0px 0px 3px; vertical-align:text-bottom;}

.addThis    {float:right;}


.mainArea{ min-height:400px; _height:400px;}


.subMenuArea{ background-image:url(../images/submenu_bg.gif);}
.subMenuContent{ padding:14px 10px 8px 10px; min-height:240px; _height:240px;}

.subMenuItem{ padding:2px 5px 2px 22px; border-bottom:solid 1px #efebd8; font-size:110%; background-image:url(../images/submenu_arrow_bg.gif); background-repeat:no-repeat;}
/*.subMenuItem{ padding:2px 5px 2px 5px; border-bottom:solid 1px #efebd8; font-size:110%;}*/
.subMenuSubItem{ padding:2px 5px 2px 27px; border-bottom:solid 1px #efebd8; font-size:100%;}
.subMenuLink{ font-weight:bold; color:#000000; text-decoration:none;}
A.subMenuLink:link{ color:#000000; text-decoration:none;}
A.subMenuLink:active{ color:#000000; text-decoration:none;}
A.subMenuLink:visited{ color:#000000; text-decoration:none;}
A.subMenuLink:hover{ color:#808284; text-decoration:none;}

.subMenuLinkActive{ font-weight:bold; color:#808284; text-decoration:none;}
A.subMenuLinkActive:link{ color:#808284; text-decoration:none;}
A.subMenuLinkActive:active{ color:#808284; text-decoration:none;}
A.subMenuLinkActive:visited{ color:#808284; text-decoration:none;}
A.subMenuLinkActive:hover{ color:#808284; text-decoration:none;}

.leftArea{ width:158px; float:left; min-height:250px;}
.leftAreaContainer{ margin-top:6px; }
.leftAreaSeparator {height:6px; width:158px; overflow:hidden;}

.leftAreaSalesPerson{ background-image:url(../images/salespersonleft_topbg.gif); background-position:left top; background-repeat:no-repeat; padding:10px 1px 0px 10px;}
.leftAreaSalesPersonBottom{ background-image:url(../images/salespersonleft_bottom.gif); background-position:bottom left; height:10px;}

.leftAreaHouseProposal{ background-image:url(../images/salespersonleft_topbg.gif); background-position:left top; background-repeat:no-repeat; padding:10px 5px 0px 5px; margin-top:6px;}
.leftAreaHouseProposalBottom{ background-image:url(../images/salespersonleft_bottom.gif); background-position:bottom left; height:10px;}

.printerButton{margin:0px 0px 0px 8px; vertical-align:text-bottom; border:0px;}

/** STYLES FOR TEMPLATE WIDTH ********************************************************/
/** The templates are included inside the basefile, your web design will tell you ****/
/** the maximal width to use for the templates. **************************************/
/*************************************************************************************/
.templatebild{WIDTH:682px; float:right; MARGIN-BOTTOM:20px; float:right; margin-right:15px; _margin-right:2px; MIN-HEIGHT:515px; _HEIGHT:515px; }
.template{WIDTH:682px; float:right; MARGIN-BOTTOM:20px; float:right; margin-right:15px; _margin-right:2px; min-height:350px; _height:350px; }
.templateStart{ float:right; MIN-HEIGHT:350px; _HEIGHT:350px; MARGIN-BOTTOM:20px;}


/* 3. public_templates.css */


/*************************************************************************************
This stylesheet will be used for the templates included in Litium Studio. Changes
below will change the appearance of the pages using the templates in the folder
"Templates".
**************************************************************************************/


/** STYLES FOR LITIUM STUDIO TEMPLATES ***********************************************/
/*************************************************************************************/
.Landskap{ font-family:"American Typewriter"; }

.article2ImageContainer {float:left; width:159px;}
.article2ImageContainerLeftMargin {margin-left:15px;}

.Intro{FONT-SIZE:120%; line-height:120%; font-weight:normal; margin-bottom:10px;}
.Text{ font-size:120%; line-height:140%; margin-bottom:10px;}
.text{ font-size:120%; line-height:140%; margin-bottom:10px;}
.smallText{ font-size:110%; line-height:140%;}
.smallTextTight{ font-size:110%; line-height:110%;}
.Normal{FONT-SIZE:110%;}
.Textbold{FONT-WEIGHT:bold;}
.Factheader{FONT-WEIGHT:bold; COLOR:white; BACKGROUND-COLOR:#555555; PADDING:5px;}
.Facttext{FONT-WEIGHT:normal; BACKGROUND-COLOR:#DDDDDD; PADDING:5px;}
.Imagetext{FONT-WEIGHT:normal; MARGIN-TOP:2px; TEXT-ALIGN:CENTER;}
.Date{COLOR:#AAAAAA; MARGIN-TOP:0px; MARGIN-BOTTOM:0px;}

.startBox{width:286px; height:132px; background-image:url(../images/start_box_bg.gif); background-repeat:no-repeat; position:absolute;}
.startBox2{width:286px;  background:url(../Images/PuffbackBottom.gif) no-repeat left bottom; }
.doublePuffContainer{width:286px; float:left;}
.startboxLink{background:url(../images/submenu_arrow.gif) no-repeat left center; color:#000 !important; text-decoration:none; padding-left:15px;}
.startboxLink:hover{ text-decoration:underline;}
.startBox2 .floatRightImg{float:right; padding-left:10px; padding-bottom:5px;}
.floatRightNewsImg{float:right; padding-left:10px; padding-bottom:5px;}
.startBoxInner{padding:12px 17px 14px 17px; background:url(../Images/Puffback.gif) no-repeat left top;}
.startPageRightContainer{ border-bottom:solid 1px #ebe7d4; width:271px; margin-left:3px; padding:10px 0 15px 12px;}
.startPageRightContainer .floatRightImg{float:right; padding-left:10px; padding-bottom:5px;}
a.OurHouseModelsLink:link, a.OurHouseModelsLink:active, a.OurHouseModelsLink:visited{text-decoration: none;}
a.OurHouseModelsLink:hover{text-decoration: underline;}
.PuffImage{padding-top:21px;}
.NewsPuffImage{float:right; padding-left:10px; margin-top:-5px;}
.newsinfo{line-height: 130%;}
.headercontainer {width:142px;}
.noborder{border: none;}

.boxTopLinkArea{ position:absolute; width:128px; height:20px; top:0px; right:0px; border-bottom:solid 1px #ffffff; border-left:solid 1px #ffffff;}
.boxTopLinkContent{ padding:3px 11px 0px 5px;}
.boxTopLink{ color:#000000; font-family:Arial, Verdana; font-size:110%; font-weight:bold; float:left;}
A.boxTopLink:link{ color:#000000; text-decoration:none;}
A.boxTopLink:active{ color:#000000; text-decoration:none;}
A.boxTopLink:visited{ color:#000000; text-decoration:none;}
A.boxTopLink:hover{ color:#000000; text-decoration:none;}

.ContentIntroArea{ width:451px;}

.TwoColumnsLeft{ width:48%; float:left;}
.TwoColumnsLeftLarge{ width:56%; float:left;}
.CrossLinksArea {margin-bottom:20px; }
.CrossLinksArea p { margin: 0;}
.CrossLinksArea a {font-family:Georgia, Arial, Helvetica, Verdana; font-size: 130%; text-decoration: none; }
.TwoColumnsRight{ width:48%; float:right;}
.TwoColumnsRightSmall{ width:32%; float:right;}

.ContactPersonListCell{ width:50%;}
.ContactPersonListDividerRow{ height:17px;}
.ContactPersonListHeader{ background-color:#d6d0ba; background-image:url(../images/contactPersonHeader.gif); color:#000000; font-weight:bold; font-size:110%; width:325px;}
.ContactPersonListArea{ width:325px; background-image:url(../images/contactPersonBottom.gif); background-position:bottom left; height:150px;}
.ContactPersonListAreaImg {width:129px; float:right; text-align:right; padding-bottom:1px; padding-right:1px;}
.ContactPersonListAreaText {padding:10px; width:175px; float:left;}

.houseMenuTop{ background-image:url(../images/housemenu_bgtop.gif); background-position:left top; padding:3px 7px 3px 7px; border-bottom:solid 1px #f6f2de;}
.houseMenuBottom{ background-image:url(../images/housemenu_bgbottom.gif); background-position:left bottom; padding:3px 7px 3px 7px; margin-bottom:20px;}
.houseMenuItem{ /*display:inline; margin-right:20px;*/ width:135px; font-size:110%;}
.houseMenuItemNarrow{ /*display:inline; margin-right:20px;*/ width:100px; font-size:110%;}
.houseMenuItemIcon{ margin:2px 4px 0px 0px; border:0px;}
.houseMenuItemIcon2{ margin:2px 7px 0px 0px; border:0px;}

.houseCompareBarTop{ background-image:url(../images/housemenu_bgtop.gif); background-position:left top; padding:2px 7px 0px 7px; }
.houseCompareBarBottom{ background-image:url(../images/housemenu_bgbottom.gif); background-position:left bottom; height:3px;}

.HouseImage{ position:absolute; left:0px;}
.HouseImage2{ position:relative; left:0px;}

.houseReferenceImageText {
    height: auto;
    min-height: 2.6em;
    padding: 0;
    line-height: 1.3em;
}
* html .houseReferenceImageText {
    height: 2.6em;
}
.houseReferenceThumbnails ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.houseReferenceThumbnails ul li {
    list-style: none;
    display: inline;
    float: left;
    padding: 0;
    background-repeat: no-repeat;
    background-position: center center;
}
.houseReferenceThumbnails ul a, .houseReferenceThumbnails ul a:link, .houseReferenceThumbnails ul a:visited, .houseReferenceThumbnails ul a:hover, .houseReferenceThumbnails ul a:active {
    display: block;
    height: 100%;
    width: 100%;
    background-image: none !important;
    cursor: pointer;
}




.referenceImages {margin:0; padding:0; list-style-type:none;}
.referenceImages li {margin:0 6px 6px 0; float:left; padding:16px 21px 17px 17px; width:128px; height:118px; background:transparent url(images/referenceImage.png) no-repeat; }
.referenceImages li.nomargin {margin-right:0;}
.referenceImages li img {border:0;}
.referenceImages .imageContainer {
	height:96px;
	width:128px;
	display: table;
	text-align: center;
	*display: block;
	*position: relative;
}
.referenceImages .referenceLabel {text-transform:uppercase; font-size:11px; color:#656565; line-height:22px;}
.referenceImages .referenceLabel div {float:right; color:#b6b6b6;}

.referenceImages .imageContainer a {
	display: table-cell;
	vertical-align: middle;
	*display: block;
	*position: absolute;
	*text-align: center;
	*left: 0px;
	*width: 100%;
	*cursor: pointer;
	*top: expression(this.parentElement.clientHeight / 2 - this.clientHeight / 2);
}



.houseFacts{ background-image:url(../images/housefacts_bg.gif); background-position:top left; background-color:#fcf8e4; margin-top:6px;}
.houseFactsContent{ padding:8px 8px 0px 8px;}
.houseFactsBottom{ background-image:url(../images/housefacts_bottom.gif); background-position:top left; height:10px; width:218px; background-color:#fcf8e4;}

.HouseListItem, .ProjectListItem{ background-image:url(../Images/HouseListYellowItem.gif); width:220px; height:20px;}
.HouseListImage, .ProjectListImage{height: 97px; margin-bottom:5px;}
.HouseListArea, .ProjectListArea{ width:220px; float:left; margin-bottom:11px;}
.HouseListSeparator, .ProjectListSeparator{ width:11px; float:left;}
.houseListLink, .projectListLink { color:#000000!important; text-decoration:none; font-weight:bold;}
A.houseListink:link{ color:#000000!important; text-decoration:none;}
A.houseListLink:active{ color:#000000!important; text-decoration:none;}
A.houseListLink:visited{ color:#000000!important; text-decoration:none;}
A.houseListLink:hover{ color:#000000!important; text-decoration:underline;}
.houseListHeader{FONT-SIZE:120%; font-weight:bold; border-bottom:solid 1px #f6f2de; padding-bottom:3px;}
.houseListCompareButton{width:75px; border:0px; font-size:110%; height:14px; cursor:pointer; font-weight:bold; background-color:white; background-image:url(../Images/compareButton.gif); background-repeat:no-repeat;}

.HouseSpecListRow{ border-bottom:solid 1px #f8f5e5; padding:2px 0px 2px 0px;}
.HouseSpecListRight{float:left;}
.HouseSpecListLeft{float:left; width:120px; font-weight:bold;}

.listItem{ padding:15px 0px 10px 0px;}
.listItem1{ background-color:#f7f5ed; padding:1px; border-bottom:solid 1px #f0eee4;}
.listItem2{ background-color:#faf9f6; padding:1px; border-bottom:solid 1px #f0eee4;}
.listSeparator{ height:1px; border-bottom:solid 1px #f0eee4;}
.listItemHover{ background-color:#f0eee4; padding:1px; border-bottom:solid 1px #f0eee4;}
.listLink{ color:#000000; text-decoration:none;}
A.listLink:link{ color:#000000; text-decoration:none;}
A.listLink:active{ color:#000000; text-decoration:none;}
A.listLink:visited{ color:#000000; text-decoration:none;}
A.listLink:hover{ color:#000000; text-decoration:underline;}


.Linklist{FONT-WEIGHT:normal; MARGIN-TOP:20px;}
.Linkicon{MARGIN-RIGHT:3px; HEIGHT:10px;}
.Filelist{FONT-WEIGHT:normal; MARGIN-TOP:20px;}
.Fileicon{MARGIN-RIGHT:5px;}
.Productlist{FONT-WEIGHT:normal; MARGIN-TOP:20px;}
.Newslist{FONT-WEIGHT:normal; MARGIN-TOP:20px;}
.Form{}
.InputItem{FONT-SIZE:110%; MARGIN-BOTTOM:10px; COLOR:#000000; FONT-FAMILY:Verdana,Arial,Helvetica;}
.InputItemFixedWidth{FONT-SIZE:110%; MARGIN-BOTTOM:10px; WIDTH:300px; COLOR:#000000; FONT-FAMILY:Verdana,Arial,Helvetica;}
.InputItemFullWidth{FONT-SIZE:110%; MARGIN-BOTTOM:10px; WIDTH:100%; COLOR:#000000; FONT-FAMILY:Verdana,Arial,Helvetica;}
.SelectItemFixedWidth{FONT-SIZE:110%; MARGIN-BOTTOM:10px; WIDTH:305px; FONT-WEIGHT:bold; COLOR:#000000; FONT-FAMILY:Verdana,Arial,Helvetica;}
.MarginTight{MARGIN-TOP:5px;}
.MarginSingle{MARGIN-TOP:10px;}
.MarginDouble{MARGIN-TOP:20px;}
.MarginDiv {width:100%; height:20px; overflow:hidden;}

.Image{MARGIN-TOP:20px;}
.ImageCenter{TEXT-ALIGN:CENTER; MARGIN-TOP:20px;}
.ImageLeft{TEXT-ALIGN:LEFT; MARGIN-TOP:20px;}
.ImageRight{TEXT-ALIGN:RIGHT; MARGIN-TOP:20px;}
.ImageLeftFloat{FLOAT:LEFT; MARGIN-TOP:10px; MARGIN-RIGHT:10px; MARGIN-BOTTOM:10px; DISPLAY:INLINE;}
.ImageRightFloat{FLOAT:RIGHT; MARGIN-TOP:10px; MARGIN-LEFT:10px; MARGIN-BOTTOM:10px; DISPLAY:INLINE;}

.ColumnSpace{HEIGHT:10px; WIDTH:10px;}
.CrossHorizontal{FONT-SIZE:1%; HEIGHT:2px; BACKGROUND-COLOR:#555555;}
.CrossHorizontalCell{FONT-SIZE:1%; PADDING-BOTTOM:10px; PADDING-TOP:10px;}
.CrossVertical{FONT-SIZE:1%; WIDTH:2px; BACKGROUND-COLOR:#555555;}
.CrossVerticalCell{FONT-SIZE:1%; HEIGHT:100%; PADDING:5px;}

.threeColumnLeft{VERTICAL-ALIGN:top; WIDTH:350px; padding-right:5px;}
.threeColumnMiddle{VERTICAL-ALIGN:top; WIDTH:189px; padding-top:5px; padding-left:5px; padding-right:5px;}
.threeColumnRight{VERTICAL-ALIGN:top; WIDTH:189px; padding-top:5px; padding-left:5px;}
.threeColumnLineV{padding-top:5px; BACKGROUND-IMAGE: url(../templates/common/images/dotlineV_bg.gif);}
.threeColumnLineH{MARGIN-TOP:5px; MARGIN-BOTTOM:5px; HEIGHT:1px; BACKGROUND-IMAGE: url(../templates/common/images/dotlineH_bg.gif);}

.twoColumnTable{WIDTH:100%; HEIGHT:350px;}
.twoColumnLeft{VERTICAL-ALIGN:top; PADDING-RIGHT:20px;}
.twoColumnRight{VERTICAL-ALIGN:top; WIDTH:180px; PADDING-LEFT:20px;}
.twoColumnInnerTable{MARGIN-TOP:20px;}
.twoColumnInnerOne{HEIGHT:100%; WIDTH:33%; VERTICAL-ALIGN:top; PADDING-TOP:10px; PADDING-RIGHT:10px;}
.twoColumnInnerTwo{HEIGHT:150px; WIDTH:34%; VERTICAL-ALIGN:top; PADDING-TOP:10px; PADDING-LEFT:10px; PADDING-RIGHT:10px;}
.twoColumnInnerThree{HEIGHT:150px; WIDTH:33%; VERTICAL-ALIGN:top; PADDING-TOP:10px; PADDING-LEFT:10px;}
.twoColumnLineH{HEIGHT:1px; BACKGROUND-COLOR: #9A9A9A;}
.twoColumnLineV{WIDTH:1px; BACKGROUND-COLOR: #9A9A9A;}

.rightColumn{margin-bottom:20px;}
.rightColumn ul{margin:0px;}
.rightColumn li{list-style-type:none; padding-bottom:3px;}

.Fileheader{FONT-SIZE:120%; FONT-WEIGHT:bold; MARGIN-BOTTOM:5px; BORDER-BOTTOM:1px solid black;}
.Fileitem{FONT-SIZE:120%; FONT-WEIGHT:normal; MARGIN-BOTTOM:5px; text-decoration:none;}
.Fileitem a:link{color: #000000; text-decoration:none;}
.Fileitem a:active{color: #000000; text-decoration:none;}
.Fileitem a:visited{color: #000000; text-decoration:none;}
.Fileitem a:hover{color: #000000; text-decoration:underline;}

.Linkheader{FONT-SIZE:110%; FONT-WEIGHT:bold; MARGIN-BOTTOM:5px; BORDER-BOTTOM:1px solid black;}
.Linkitem{FONT-SIZE:110%; FONT-WEIGHT:normal; MARGIN-BOTTOM:5px;}
.Productname{FONT-SIZE:110%; FONT-WEIGHT:bold; MARGIN-BOTTOM:5px;}
.Productlink, A.Productlink:link, A.Productlink:active, A.Productlink:hover, A.Productlink:visited{}
.Productdesc{FONT-SIZE:110%; FONT-WEIGHT:normal;}
.ProductRowItem1{PADDING:5px; BACKGROUND-COLOR:#F7F7F7;}
.ProductRowItem2{PADDING:5px; BACKGROUND-COLOR:#EBEBEB;}
.ProductColumnItem1{PADDING:10px; border-left:1px solid #9A9A9A; WIDTH:33%;}
.ProductColumnItem2{PADDING:10px; border-left:1px solid #9A9A9A; WIDTH:34%;}
.ProductColumnItem3{PADDING:10px; border-left:1px solid #9A9A9A; WIDTH:33%;}
.ProductitemLineH{HEIGHT:1px; BACKGROUND-COLOR:#9A9A9A;}
.ProductitemLineV{PADDING:10px; border-left:1px solid #9A9A9A;}
.Productitem{FONT-SIZE:110%; LINE-HEIGHT:20px;}
.Productitemlist{PADDING-RIGHT:20px; WIDTH:150px;}
.ProductitemlistLineV{border-left:1px solid #9A9A9A;}
.Newsimage{FLOAT:RIGHT; MARGIN-LEFT:10px; DISPLAY:INLINE;}
.Newsdate{FONT-SIZE:100%;}
.Newsheader{FONT-SIZE:110%; FONT-WEIGHT:bold;}
.Newslink, A.Newslink:link, A.Newslink:active, A.Newslink:hover, A.Newslink:visited{}
.Newsintro{FONT-SIZE:110%; FONT-WEIGHT:normal;}
.Newsitem1{PADDING:5px; BACKGROUND-COLOR:#F7F7F7;}
.Newsitem2{PADDING:5px; BACKGROUND-COLOR:#EBEBEB;}
.Breadcrumb{FONT-SIZE:110%; FONT-WEIGHT:normal; COLOR:gray;}
A.Breadcrumb:link, A.Breadcrumb:active, A.Breadcrumb:hover, A.Breadcrumb:visited{COLOR:gray!important;}


/** SYSTEM ERROR MESSAGE *************************************************************/
/*************************************************************************************/
.litErrorFieldset{MARGIN-TOP:10px; MARGIN-BOTTOM:10px;}
.litErrorLegend{COLOR: #FF0000! important; FONT-SIZE:110%; PADDING-RIGHT:6px;}
.litErrorDiv{PADDING-TOP:8px; PADDING-BOTTOM:5px;}
.litErrorIcon{WIDTH:16px; HEIGHT:16px; MARGIN-RIGHT:3px;}
.litErrorMsg{COLOR: #FF0000! important; FONT-SIZE:110%;}

.subFlashTextContainer
{
	width:558px;
	margin:18px 0 20px;
	padding:0px 10px 0px 10px;
}

.subFlashTextContainer p
{
	margin:0;	
}

/* Slideshow House */
.slideShowContainer { float:left; position:relative; height:290px; width:218px; background-color:#FFF;}

.slideShowContainer img{ position:absolute;}
.slideShowContainer #imgA{ z-index:101;}
.slideShowContainer #imgB{ z-index:102;}

#thumbContainer a
{
	display:block;
	float:left;
	margin:0 3px 3px 0;
	
	outline:none;
}

#thumbContainer img{border:0;}

/* Referencehouse */

#referenceGallery
{
	width:660px;	
}

#referenceHouseThumbContainer img
{
	cursor:pointer;
	border:0;
}

#referenceHouseThumbContainer ul
{
	margin:0;	
}

#referenceAltText{ width:100%; height:15px; padding-top:2px;}

#referenceHouseThumbContainer li
{
	list-style:none;
	float:left;
	text-align:center;
	width:120px;
}

#referenceHouseThumbContainer a
{
	outline:none;
}

#referenceHouseThumbContainer
{

}

#referenceImageContainer a
{
	outline:none;
	cursor:pointer;
}

#referenceGallery
{
	margin:13px 0 0 16px;
}

#referenceImageContainer img{}

#referenceImageContainer
{
	width:660px;
	height:495px;
	background-color:#FFF;
	overflow:hidden;
	position:relative;
}

#referenceImageContainerInner
{
	width:660px;
	height:495px;
	overflow:hidden;
	position:absolute;
	left:0;
	top:0;
	z-index:999;
}

#ajaxLoader
{
	position:absolute;
	z-index:1003;
	display:none;
	top:229px;
	left:312px;
	width:36px;
	height:36px;
	background:url(Images/ajaxLoaderBack.png) no-repeat center center;
}

#referenceImageContainer .goLeft
{
	position:absolute;
	z-index:1001;
	display:block;
	width: 330px;
	height: 495px;
	background:none;
}

#referenceImageContainer .goLeft:hover{background: url(Images/PrevPhoto.png) no-repeat left center;}

#referenceImageContainer .goRight
{
	position:absolute;
	z-index:1002;
 	display:block;
	width: 330px;
	height: 495px;
	left:330px;
	background: none;
	
}

#referenceImageContainer .goRight:hover{background: url(Images/NextPhoto.png) no-repeat right center;}

.scrollLeft{float:left; margin-right:10px; margin-top:15px; cursor:pointer;}

.scrollRight{float:right; margin-top:15px; cursor:pointer;}

.RightContentTextArea{float:right; width:210px; font-size:120%; margin:2px 0 20px 0;}

/* Startpage */

#startPageSlideshowContainer
{
 width:578px;
 height:368px;
 position:relative;
 background-color:#FFF;
}

#startPageSlideshowContainer #imgA{position:absolute; z-index:101;}
#startPageSlideshowContainer #imgB{position:absolute; z-index:102;}
#startPageSlideshowContainer .goLeft
{
	position:absolute;
	z-index:103;
 	display:block;
	width: 289px;
	height: 368px;
	background: url(Images/transparent.gif) no-repeat right center;
	outline:none;	
}
#startPageSlideshowContainer .goRight
{
	position:absolute;
	z-index:104;
 	display:block;
	width: 289px;
	height: 368px;
	left:289px;
	background: url(Images/transparent.gif) no-repeat right center;
	outline:none;	
}
#startPageSlideshowContainer .goRight:hover{background: url(Images/NextPhoto.png) no-repeat right center;}
#startPageSlideshowContainer .goLeft:hover{background: url(Images/PrevPhoto.png) no-repeat left center;}

/* HouseList */

#AhusSearchBox
{
	background:url(Images/ahusSearchBox.png) no-repeat;
	width:690px;
	height:50px;

	overflow:hidden;
	padding-left:10px;
	margin:20px 0;
}

.AhusSearchBoxHeaderContainer
{	
	float:left;
	width:120px;
	padding-top:0 !important;
	margin-top:13px;
}

#AhusSearchBox div
{
	padding-top:13px;
	float:left;
}

.marginBottom
{
	line-height:28px;
}

.PosBottom{ position:absolute; bottom:0;}
.PosTop{ position:absolute; top:0;}

/***Office Template***/

.OfficeMainBlurb
{
	width:239px;
	padding: 15px 15px 15px 428px;
	margin-bottom:15px;
	min-height:210px;
	background-color:#fbf6e1 !important;
}

* html .OfficeMainBlurb
{
	height:210px;
}

.OfficeMainContent{width:413px; margin-right:269px;}

.OfficeRightContent{width:252px; float:right;}

.PersonnelList{ list-style:none; margin:0; padding:0;}

.PersonnelList a{ cursor:pointer;}

.PersonnelList .OfficePerson{ display:none; }

.OfficeMainBlurb .OfficePerson{display:block;}

.OfficePerson ul{list-style:none; padding:100px 0 0 0; margin:0;}

.houseCompareBarTop .MainMenuList{list-style:none; margin:0; padding:0;}

.houseCompareBarTop .MainMenuList li{float:left; margin-right:10px;}

.houseCompareBarTop .MainMenuList .listLinkBack{ float:right; margin-right:0;}

.OfficeMainBlurb .rightBoxMultiList{ margin:0; padding:0; list-style:none;}

.rightBoxMultiList .listSubHeader{ margin-bottom:10px; font-weight:bold;}

body.noBackground{background:none !important;}

/***CIRCULAR SUBSCRIPTION***/
.SubscriptionField input{ margin-right:5px;}


/*Supersize Plugin Styles*/
#loading {
	position: absolute;
	top: 49.5%; 
	left: 49.5%;
	z-index: 3;
	width: 24px; 
	height: 24px;
	text-indent: -999em;
	/*background-image: url(images/progress.gif);*/
}
#supersize{
	position:fixed;
}
#supersize img, #supersize a{
	height:100%;
	width:100%;
	position:absolute;
	z-index: 0;
}
#supersize .prevslide, #supersize .prevslide img{
	z-index: 1;
}
#supersize .activeslide, #supersize .activeslide img{
	z-index: 2;
}
/*end of Supersize Plugin Styles*/