@charset "UTF-8";
/* CSS Document */

div.cntPageContent { padding:0px 0px 0px 0px; }


/* HEADER */
div.imgHeader {
	margin: 0px 0px 0px 0px;
	min-height:338px;
	height:auto !important;
	height:338px;
	background:url(../images/pic_home_header.jpg) no-repeat bottom;
}
div.headerHeadlines {
	width:400px;
	height:auto !important;
	padding:130px 0px 30px 30px;
	
}
div.headerHeadlines p{
	font-size:12px;
	color:#333333;
	margin:10px 0px 15px 0px;
}
h1.pageTitle { height:65px; }
h1#picTitleHeadline { background:url(../images/pic_home_header_welcomHeadline.gif) no-repeat left top; }

/* Left side of highlight container*/
div.highlightContainerLeftContent {
	width:500px;
}
div.highlightContainerLeftContent * {
	float:none;
}
div.highlightContainerLeftContent p{
	font-size:11px;
	color:#FFFFFF;
	width:400px;
	margin:10px 0px 15px 0px;
}
h2.highlightContainerTitle {
	height:25px; 
	margin:10px 0px 0px 0px;
}
h2.highlightContainerTitle span { visibility:hidden; }
h2#picTitleFeatureHeadline { background:url(../images/pic_home_getInspired.gif) no-repeat left top }
H3.inHighlightCont { font-size:12px; font-weight:bold; color:#FFFFFF; }

div#highlightContainerLeftLinks {
	float:left;
	width:500px;
	margin:0px 0px 3px 0px;
}
div#highlightContainerLeftLinks img{
	margin:0px 15px 0px 0px;
}


/* LEFT LOWER COLUMN */
div.leftColumn {
	margin: 10px 20px 10px 30px;
	padding-bottom:40px;
	width:575px;
	float:left;
	background:url(../images/pic_home_divider.png) no-repeat right top;
	position:relative;
}
div.leftColumn p{
	width:265px;
	font-size:11px;
	color:#333333;
	margin:10px 0px 15px 0px;
}

h1.leftcolumnTitle { height:52px; }
h1.leftcolumnTitle span { visibility:hidden; }
h1#picLeftColumnTitle { background:url(../images/pic_home_learnColor.gif) no-repeat left top; }

div#leftColumnLinks {
	margin: 0 0 3px 0;
}
div#leftColumnLinks img{
	margin:0px 15px 8px 0px;
}

div#leftColumnSwatch {
	padding:10px 30px 10px 10px;
	float:right;
	clear:right;
}


/* RIGHT LOWER COLUMN */
div.rightColumn {
	margin: 10px 30px 10px 0px;
	width:210px;
	float:right;
	position:relative;
}
div.rightColumn * {
	position:relative;
}

h1.rightColumnTitle { height:52px; }
h1.rightColumnTitle span { visibility:hidden; }
h1#picRightColumnTitle { background:url(../images/pic_home_startExploring.gif) no-repeat left top; }

div#rightColumnLinks {
	width:210px;
	margin:0px 0px 3px 0px;
}
div#rightColumnLinks p{
	font-size:11px;
	color:#333333;
	margin:0px 0px 15px 0px;
}
div#rightColumnLinks img{
	margin:0px 15px 0px 0px;
}

div#cntFeatureBandLeft {
	padding-top:14px;
}

div#cntFeatureBandRight {
	padding-top:14px;
}


.leftColumn * { position:relative; }




div.cntFeatureArea { position:relative; padding-bottom:5px; }
div.cntFeatureAreaContent { position:relative; background:url(../images/feature/bg-feature-top.gif) repeat-y top right; padding:5px 5px 0 0; }
div.cntFeatureAreaLeft { position:absolute; top:5px; left:0; background:#002B56 url(../images/feature/bg-feature-corner-ur.gif) top right no-repeat; }
div.cntFeatureAreaLeft a { color:white; }
div.cntFeatureAreaLeftInner { padding:28px 20px 28px 20px; }
div.cntFeatureAreaRight { }
div.cntFeatureAreaLeftBottom { position:absolute; bottom:0; right:0; background:url(../images/feature/bg-feature-corner-br.gif) no-repeat; width:10px; height:11px; }
div.cntFeatureAreaBottom { position:absolute; bottom:0; left:0; background:url(../images/feature/bg-feature-bottom.gif) repeat-y bottom right; height:22px; }



#cntFeatureMyRooms { width:880px; }
#cntFeatureMyRooms div.cntFeatureAreaLeft { width:500px; height:350px; }
#cntFeatureMyRooms div.cntFeatureAreaRight { margin-left:505px; width:300px; }
#cntFeatureMyRooms div.cntFeatureAreaBottom {  width:880px; }