/* 
	client: 		Pochin
	development: 	Rippleffect
	developer: 		michael braithwaite
	
	css: 			structure
*/

/* defaults */

* {
	margin:0;
	padding:0;
}

/* misc */

.clr, hr {
	clear:both;
}

hr {
	padding:10px 0 0 0;
	margin:0 0 10px 0;
	background-color:transparent !important;
	border:0;
	border-bottom:1px solid #ccc;
	height:1px;
}

/* main structure */

#container {
	width:880px;
	height:auto;
	margin:30px auto 0 auto;
	border:5px solid #ddd9d4;
	padding:54px 35px 0 35px;
}

#container #header {
	width:880px;
}

#container #image-bar {
	width:880px;
}

/* header */

/** main elements **/

#container #header .main-elements {
	width:880px;
	margin:0 0 25px 0;
	float:left;
}

/*** logos ***/

/*** search ***/

#container #header #search {
	float:right;
	width:188px;
	margin:20px 11px 0 0;
	display:inline;
}

/** nav **/

#container #header #main-nav {
	width:880px;
	float:left;
	margin:0 0 16px 0;
	height:31px;
	background-image:url(/assets/images/header/nav/nav-bg.png);
	background-repeat:no-repeat;
	background-position:top left;
	position:relative;
	z-index:30;
}

/* image-bar */

/** left col **/

/*** image links ***/

#container #image-bar #image-bar-left {
	width:218px;
	float:left;
}

/*** featured ***/

#container #image-bar #image-bar-left li.featured {
	width:192px;
	height:213px;
	background-repeat:no-repeat;
	background-position:top left;
	float:left;
	padding:10px;
	margin:0 0 3px 0;
}

#container #image-bar #image-bar-left li.featured .featured-image {
	width:192px;
	height:80px;
	position:absolute;
	margin:130px 0 0 0;
}

#construction #container #image-bar #image-bar-left li.featured {
	background-image:url(/assets/images/image-bar/leftcol/featured/construction.png);
}

#property #container #image-bar #image-bar-left li.featured {
	background-image:url(/assets/images/image-bar/leftcol/featured/property.png);
}

#conpump #container #image-bar #image-bar-left li.featured {
	background-image:url(/assets/images/image-bar/leftcol/featured/conpump.png);
}

#home #container #image-bar #image-bar-left li.featured {
	background-image:url(/assets/images/image-bar/leftcol/featured/home.png);
}

#container #image-bar #image-bar-left li.featured ul {
	width:192px;
}

#container #image-bar #image-bar-left li.featured ul li {
	width:192px;
	margin:0 0 5px 0;
}

#construction #container #image-bar #image-bar-left li.featured ul li a {
	color:#fff;
}

#construction #container #image-bar #image-bar-left li.featured ul li a:hover {
	text-decoration:underline;
}

#container #image-bar #image-bar-left li.featured p {
	margin:0 0 5px 0;
}

/** right col - main image **/

#container #image-bar #image-bar-right {
	width:661px;
	height:267px;
	float:right;
	overflow:hidden;
}

#container #image-bar #image-bar-right #corners {
	position:absolute;
	z-index:6;
	background-repeat:no-repeat;
	background-position:top left;
	background-image:url(/assets/images/image-bar/main/corner-overlays.png);
	width:661px;
	height:267px;
}

#container #image-bar #image-bar-right #image-cycle {
	position:absolute;
	z-index:4;
	width:661px;
	height:267px;
	overflow:hidden;
	display:block;
}

#container #image-bar #image-bar-right #main-images {
	position:absolute;
	z-index:5;
	width:661px;
	height:267px;
	overflow:hidden;
	display:block;
}


/* main content area */

#container #main-content {
	width:880px;
	padding:15px 0 0 0;
}

#container #main-content #text {
	width:644px;
	display:block;
	float:left;
	padding:0 0 40px 0;
	overflow:hidden;
}

#container #main-content #text #breadcrumb {
	width:644px;
	display:block;
	float:left;
	margin:0 0 7px 0;
}

#container #main-content #register-col {
	width:216px;
	float:right;
	margin:0 0 20px 20px;
}

#container #main-content #search-box {
	width:623px;
	padding:0 20px 40px 0;
	border-right:1px solid #ddd9d4;
}

#container #main-content #reports-box {
	width:644px;
	padding:0 0 40px 0;
	overflow:hidden;
}

/** location map **/

#container #main-content #text #google-location {
	width:644px;
	margin:20px 0 0 0;
	clear:both;
	float:left;
}

/* footer */

#container #footer {
	width:880px;
	float:left;
	clear:both;
	border-top:1px solid #ddd9d4;
	padding:5px 0 15px 0;
	margin:20px 0 0 0;
}