﻿@charset "UTF-8";
/* CSS Document */

body {
	background-color: #FFFFFF;
	height: 100%;
}
#base {
	width: 1024px;
	position: absolute;
	left: 50%;
	top: 0px;
	background-image: url(images/sidebar_blocks.jpg);
	margin-left: -512px;
	background-repeat: repeat-y;
	background-position: 45px 610px;
	z-index: 30;
}
#slogan_shdw {
	background-image: url(images/bg_text.jpg);
	background-repeat: repeat;
	position: absolute;
	height: 133px;
	width: 725px;
	left: 0px;
	top: 0px;
}
#side_photos01 {
	background-image: url(images/side_photos01a.jpg);
	position: relative;
	height: 285px;
	width: 187px;
	z-index: 30;
}
#btn_quote {
	background-image: url(images/btn_quote.jpg);
	position: relative;
	height: 69px;
	width: 187px;
}

#btn_claim {
	background-image: url(images/btn_claim.jpg);
	position: relative;
	height: 65px;
	width: 187px;
}

#btn_news {
	background-image: url(images/btn_news.jpg);
	position: relative;
	height: 66px;
	width: 187px;
}

#side_photos02 {
	background-image: url(images/side_photos.jpg);
	position: relative;
	width: 187px;
	bottom: 0px;
	height: 414px;
}

#side_photos03 {
	background-image: url(images/side_photos.jpg);
	position: relative;
	width: 187px;
	bottom: 0px;
	height: 2300px;
}

#side_photos04 {
	background-image: url(images/side_photos.jpg);
	position: relative;
	width: 187px;
	bottom: 0px;
	height: 200px;

}

#carbon_logo {
	background-image: url(images/carbon_logo.jpg);
	position: absolute;
	height: 131px;
	width: 187px;
	left: 45px;
	top: 0px;
}
#logo {
	background-image: url(images/planned_logo.jpg);
	background-repeat: repeat;
	position: absolute;
	height: 94px;
	width: 189px;
	top: 26px;
	left: 745px;
}
#linksbar {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CAD9E3;
	border-bottom-color: #CAD9E3;
	position: absolute;
	height: 15px;
	width: 100%;
	top: 163px;
	left: 0px;
	background-color: #FFFFFF;
	z-index: 20;
}


/*
Internet Explorer: Width & Height include the border and padding etc. For example, 600px width includes 50px padding- it doesn't add it on.

Other Browsers: The Width & Height do not include b & p, it is added on to it. So 600px width will become 700px width with 50px padding on each side.

So, below, the html>body tag is the details for all other browsers- IE will ignore this and read what is in the regular tag. Get it?
 */





#maintext {
	border: 1px solid #CAD9E3;
	position: absolute;
	width: 687px;
	left: 247px;
	top: 137px;
	padding-top: 80px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	z-index: 10;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-align: justify;
}
.bluetxt {
	color: #0066CC;
	font-size: 9pt;
}
a:link {
	color: #0D4B6C;
	text-decoration: none;
}


html>body #maintext {
	width: 647px;
	}


#assoc_logos {
	position: relative;
	height: 50px;
	width: 679px;
	top: 105px;
	left: -10px;
	text-align: right;
	font-size: 10px;
}

/*
html>body #assoc_logos {
	top: 105%;
	}

*/


h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #0D4B6C;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6699FF;
}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #00000;
	font-weight: normal;
	margin-left: 30px;
}

#links {
	position: absolute;
	height: 13px;
	width: 777px;
	left: 50%;
	top: 164px;
	z-index: 40;
	margin-left: -260px;
}
#base_index {
	width: 1024px;
	position: absolute;
	left: 50%;
	top: 0px;
	margin-left: -512px;
	background-color: #FFFFFF;
	height: 768px;
}
#basefront_index {
	width: 100%;
	position: absolute;
	left: 0px;
	top: 50%;
	background-color: #FFFFFF;
	height: 1px;
	overflow:visible;
}
#basefront2_index {
	width: 1024px;
	position: absolute;
	left: 50%;
	top: -240px;
	margin-left: -512px;
	background-color: #FFFFFF;
	height: 480px;

}
#select_planned {
	position: absolute;
	height: 133px;
	width: 612px;
	top: 0px;
}
#select_architects {
	position: absolute;
	height: 134px;
	width: 620px;
	top: 140px;
	left: 404px;
}
#select {
	position: absolute;
	left: 444px;
	top: 280px;
	background-image: url(images/choose.jpg);
	height: 12px;
	width: 136px;
}
#select_planned_txt {
	position: absolute;
	left: 444px;
	top: 306px;
	background-image: url(images/choose.jpg);
	height: 12px;
	width: 49px;
}
#select_architects_txt {
	position: absolute;
	left: 522px;
	top: 306px;
	background-image: url(images/choose.jpg);
	height: 12px;
	width: 58px;
}
#award_pic {
	position: absolute;
	left: 888px;
	top: 330px;
	height: 135px;
	width: 135px;
}
#award_pic2 {
	position: absolute;
	left: 1px;
	top: 330px;
	height: 135px;
	width: 231px;
}
#award_text {
	position: absolute;
	left: 286px;
	top: 372px;
	height: 92px;
	width: 546px;
}
#award_title {
	position: absolute;
	left: 286px;
	top: 330px;
	height: 40px;
	width: 546px;
}

