/* CSS Document */

body {
	text-align: center;
	margin-left: 0px;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 8px;
	background-color: #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-style: normal;
	font-weight: normal;
	color: #403F3B;
	line-height: 14px;
}
a:link {color: #403F3B; text-decoration: underline; font-weight: normal;}
a:visited {color: #403F3B; text-decoration: underline; font-weight: normal;}
a:hover {color: #403F3B; text-decoration: none; font-weight: normal;}
a:active {color: #403F3B; text-decoration: underline; font-weight: normal;}

p {
	margin-top: 0px;
	margin-bottom: 20px;
}
h1 {
    font-size: 1.2em;
    font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
}


h2 {
    font-size       : 1em;
    font-weight     : bold;
}

.note {
	font-size: 0.8em;
}
.space {
	padding-left	: 20px;
}

.end {
	clear: both;
}
hr {
	border-top: #CCCCCC dotted 1px;
	border-right: #FFF dotted 1px;
	border-bottom: #FFF dotted 1px;
	border-left: #FFF dotted 1px;
	margin: 18px 0px 18px 0px;
}

ul {
	margin          : 0px;
	padding         : 1px 0px 0px 0px;
	list-style-type: none;
}

li {
	background: url(../img/bullet03.gif) top left no-repeat;
	padding: 1px 0px 8px 0.6em;
}


/*CONTENT HOLDERS*/

#container {
	margin: 0 auto;
	width: 900px;
	text-align: left;
	background: #FFF url(../img/tile_left_bar.gif) top left repeat-y;
	border: 1px solid #BEBDB3;
	height: 100%;
}
#container1col {
	margin: 0 auto;
	width: 900px;
	text-align: left;
	background: #FFF;
	border: 1px solid #BEBDB3;
	height: 100%;
}
#header {
	background: #A3A39B;
	position: relative;
	top: 0;
	left: 0;
	width: 900px;
	height: 86px;
}
#nav {
	background: #A3A39B;
	float: left;
	height: 47px;
	width: 900px;
	border-bottom: 1px solid #FFF;
	border-top: 1px solid #FFF;
	clear: both;
}
#navHome {
	background: #A3A39B;
	float: left;
	height: 47px;
	width: 900px;
	border-top: 1px solid #FFF;
	clear: both;
}
#LeftBar {
	float: left;
	width: 230px;
	height: 100%;
	background:  url(../img/img_outline_side_bar.gif) top left no-repeat;
	clear: both;

}
#Content {
	float: left;
	width: 670px;
	height: 100%;
}
#Content1col {
	float: left;
	width: 900px;
	height: 100%;
}

#footer {
	clear: both;
	background: #A3A39B;
	float: left;
	width: 848px;
	font-size: 11px;
	padding: 3px 26px 4px 26px;
	border-top: 1px solid #FFF;

}

/*HEADER STYLES*/

#logo {
	width: 292px;
	height: 85px;
	float: right;
	text-align: right;
}
#leftImg {
	width: 230px;
	height: 86px;
	float: left;
}

/*LEFT BAR STYLES*/

#leftBarContent {
	padding: 20px 26px 20px 26px;
	font-size: 0.8em;
	color: #403F3B;
}
#leftBarContent ul {
	margin          : 0px;
	padding         : 4px 0px;
	list-style-type: none;
}

#leftBarContent li {
	background		: url(../img/bullet02.gif) top left no-repeat;
	padding			: 0px 0px 6px 0.6em;
}



/*CONTENT STYLES*/

#mainHeading {
	float: left;
	padding: 20px 0px 10px 26px;
	width: 720px;
	height: 100%;
}
#mainContent {
	float: left;
	display: inline;
	padding: 0px 26px 26px 26px;
	font-size: 0.8em;
	width: 618px;
	height: 100%;
}
#mainContent1col {
	float: left;
	display: inline;
	padding: 26px;
	font-size: 0.8em;
	width: 848px;
}
.floatleft{
	float: left;
	margin: 0px 26px 26px 0px
}
.floatright{
	float: right;
	margin: 0px 0px 26px 26px
}
#gallery{
	float: left;
	width: 618px;
	text-align: center;
	margin: 0px
}
.arrow{
	padding: 0px 20px 147px 20px;
}
.arrow02{
	padding: 0px 33px 0px 33px;
}
.outline{
	border: 1px solid #FFF;
}
.padbottom{
	float: left;
	margin: 0px 0px 26px 0px
}
.hotspot {
	padding: 0px 0px 0px 4px;
	font-size: 0.8em;
}


/*QR6kW GALLERY STYLES*/

#dynloadarea{
	width: 196px;
	height: 196px;
	border: #ccc dotted 1px;
	padding: 8px;
}
.cellPad{
	padding: 0px 0px 10px 0px;
}
.QR6kWleftCell {
	width: 20%;
}
.QR6kWmidCell {
	width: 40%;
	padding: 0px 26px 10px 0px;
}
.QR6kWrightCell {
	width: 40%;
}
.paybackTable {
	background-color: #EFEFEF;
	color: #403F3B;
	font-size: 0.85em;
	padding: 6px !important;
}
.paybackTableLine {
	border-top: #FFF dotted 1px;
}

.assumption {
	font-size: 0.9em;
	border-top: #FFF dotted 1px;
}

/*MEDIA STYLES*/

.MediaCell {
	width: 50%;
	padding: 0px 26px 10px 0px;
}

/*FOOTER STYLES*/

.footerText01 {
	float: left;
	vertical-align: middle;
	color:#403F3B;
	padding-top: 1px;
}
.footerImg {
	float: right;
}


/*HOMEPAGE STYLES*/

#homeImg {
	float: left;
	width: 900px;
	height: 300px;
	background: #FFF url(../img/img_close_up_home.jpg) top left no-repeat;
	border-top: #FFFFFF solid 1px;
}
#homeCaption {
	position: relative;
	top: 161px;
	left: 26px;
	width: 300px;
	height: 100px;
}
#homeContent {
	float: left;
	width: 900px;
	height: 100%;
	background: #F2F2F1;
}
#homeShortcuts {
	float: left;
	padding: 6px 26px 13px 26px;
	font-size: 0.8em;
	width: 8em;
}
#homeShortcuts ul {
	margin          : 4px 0px 0px 0px;
	padding         : 2px 0px 2px 0px;
	list-style-type: none;
	border-bottom: #D8D7D2 dotted 1px;
	border-top: #D8D7D2 dotted 1px;
}

#homeShortcuts li {
	background: url(../img/bullet01.gif) top left no-repeat;
	padding: 0px 0px 4px 0.6em;
}

#homeNews {
	float: left;
	padding: 6px 0px 0px 0px;
	font-size: 0.8em;
	width: 580px;
	margin: 0px 0px 0px 140px;
}
#homeNews ul {
	margin          : 0px;
	padding         : 4px 0px 0px 0px;
	list-style-type: none;
}

#homeNews li {
	background: url(../img/bullet03.gif) top left no-repeat;
	padding: 1px 0px 3px 0.6em;
}



/*TABLE STYLES*/

.table {
	width: 100%;
	text-align: center;
	margin: 0;
}

.table td {
	padding: 10px;
}

.tableImg {
	width: 33%;
	border-right: #ccc dotted 1px;
}
.tableImgRight {
	width: 33%;
}
.tableTxtTop {
	width: 33%;
	border-right: #ccc dotted 1px;
	border-bottom: #ccc dotted 1px;
}
.tableTxt {
	width: 33%;
	border-right: #ccc dotted 1px;
}
.tableTxtRight {
	width: 33%;
	border-bottom: #ccc dotted 1px;
}


/*FORM STYLES*/

.formTable {
	width: 100%;
	margin: 0;
}

.formTable td {
	padding: 6px;
}

.leftCell {
	width: 35%;
	text-align: right !important;
	vertical-align: top;
}

.cellBorder {
	border-bottom: #ccc dotted 1px;
	padding-bottom: 12px !important;
}	

.mandatory  {
	color: #900;
	font-size: 110%;
	font-weight: bold;

}

.inputCell input, select, textarea {

	font: normal normal normal 95%/135% arial, helvetica, sans-serif;
	background-color: #f0f0f0;
	border: 1px solid #a3a39b;
	padding: 1px 2px;
	width: 95%;
}

select {
	width: 97%;
	padding-right: 1px;
}

.button {
	width: auto;
	padding: 2px 4px;
	margin-right: 6px;
}

.box {
	margin: 0px;
	border-width: 0 !important;
	background-color: #fff;
	width: auto;
}

.description {
	margin-top: 0px;
	border: 1px solid #FFF !important;
	width: auto;
	background-color: #FFF;
	text-align: center;
}
