/* CONTENTS
----------------------------------------------- 
Author: MAAP Architects

01 - BASIC/HTML TAGS
02 - ADDITIONAL TAGS
03 - STRUCTURE
04 - NAVIGATION
05 - MAINBODY
06 - SIDEBARS
07 - FOOTER
08 - MISC

*/


body {
	margin: 0;
	padding: 0;
	font-size: x-small; /* for IE5/Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small; /*for compliant browsers*/
	font-family: "Arial", Helvetica, sans-serif;
	background: #CECCC6;
	text-align: center; /*margin: auto fix for IE6*/
}

html>body { /* be nice to Opera */
	font-size: small;
}

/* BASIC/HTML TAGS
----------------------------------------------- */
	
h1 {
	font-size: 16px;
	margin: 0;
	padding: 0 0 20px 0;
	color: #d54d12;
}
	
h2 {
	font-size: 16px;
	margin: 0;
	padding: 0 0 10px 0;
	color: #d54d12;
}
	
h3 {
	font-size: 16px;
	margin: 0;
	padding: 0 0 10px 0;
	color: #9E0054;
}

h4 {
	font-size: 16px;
	margin: 0;
	padding: 0 0 10px 0;
	color: #9E0054;
}

p {
	font-size: 12px;
	margin: 0;
	padding: 0 0 8px 0;
	color: #9B968B;
}
	
a {	
	margin: 0;
	padding: 0;
	font-size: 90%;
	color: #6E99B9; 
	text-decoration: none;
	cursor: pointer;
	outline: none;
}

p a {font-size: 100%;}

ul {color: #9B968B; font-size: 12px; padding: 0 0 0 15px;}
ol {color: #9B968B; font-size: 12px; padding: 0 0 0 15px;}



	
/* ADDITIONAL TAGS
----------------------------------------------- */
em {font-style: normal;}
strong {font-weight: bold;}

.clear {clear: both;}
.left {float: left;}
.right {float: right;}
.altAlign {text-align: right;}

.mini {font-size: 80%;}

a img {border: none;}

em.textHide {display: none;}

.padd {float: left; padding: 10px;}
.paddH {float: left; padding: 0 10px;}
.paddR {float: left; padding: 0 10px 0 0;}
.paddL {float: left; padding: 0 0 0 10px;}
.paddV {float: left; padding: 10px 0;}


/* STRUCTURE
------------------------------------------------ */
/* Vertical center test
------------------------------------------------ 
*{margin:0;padding:0}
html,body{height:100%;}
#container{height:100%;width:100%;overflow:visible;position:relative;}

#position{position:absolute;top:50%;}

#content{position:relative;top:-50%;}*/

#position{position:absolute;top:50%;margin:0;padding:0;}

#content{position:relative;top:-50%;margin:0;padding:0;}

#wrap {
	position: relative;
	margin: 3% auto;
	padding: 0 0 20px 0;
	width: 1000px;
	height: 100%;
	min-height:1px;
	text-align: left;/*margin: auto fix for IE6*/
	overflow:visible;
	background: #FFF url(../Images/base.gif) no-repeat bottom left;
}

/*#wrap {
	position: relative;
	margin: 3% auto;
	padding: 0 0 20px 0;
	width: 1000px;
	height: auto;
	text-align: left;margin: auto fix for IE6
	background: #FFF url(../Images/base.gif) no-repeat bottom left;
}*/


#SpacerBar { height: 1px;
margin: 5% auto 0 auto;
padding: 0; } 
	
#header {
	float: left;
	margin: 51px 47px 45px 47px;
		display: inline; /*to fix double margin in IE6*/ 
	padding: 0;
	width: 906px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #CECCC6;
	}	
		
#wrap-inner {
	float: left;
	margin: 0;
	padding: 0 47px 0 47px;
	width: 906px;	
}

/* NAVIGATION 
------------------------------------------------ */

#mainNav {
	float: left;
	margin: 0;
	padding: 0;
	background: #FFF;
}

#mainNav ul {
	margin: 10px 0 0 0;
	padding: 0;
	list-style: none;
	display: block;
}

#mainNav ul li {
	float: left;
	margin: 0 10px 10px 0;
		display: inline; /*to fix double margin in IE6*/ 
	padding: 0px;
	height: 87px;
	width: 80px;
	background: #fff;
}

#mainNav ul li a {
	display: block;
	clear: left;
	margin: 0;	
	padding: 0;
	width: 100px;
	color: #6E99B9; 
	font-size: 11px;
}

#mainNav ul li a.personal {
	display: block;
	clear: left;
	margin: 0;	
	padding: 0;
	width: 200px;
	color: #6E99B9; 
	font-size: 11px;
}

#mainNav ul li a.personalselected {
	display: block;
	clear: left;
	margin: 0;	
	padding: 0;
	width: 200px;
	color: #D54D12; 
	font-size: 11px;
}
#mainNav ul li a:hover {color: #D54D12; }
#mainNav ul li a.selected {color: #D54D12; }
#mainNav ul li a.notselected {color: #bfd3e1; }



/* ------------------------------------------------ */

#mainNav ul li.one {background: #fff;}
#mainNav ul li.two {background: #fff;}
#mainNav ul li.three {background: #fff; margin-left: 10px;}
#mainNav ul li.four {background: #fff; margin-left: 10px;}
#mainNav ul li.five {background: #fff; margin-left: 10px;}
#mainNav ul li.personal {background: #fff;
						width: 200px; margin-left: 10px;}
#mainNav ul li.personalselected {background: #D54D12;
						width: 200px;}


/* MAINBODY
------------------------------------------------ */
	
#mainBody {
	float: left;
	margin: 0;
		display: inline; /*to fix double margin in IE6*/ 
	padding: 0;
	width: 906px; 
}

#sidebarOne {
	float: right;
	margin: 0;
		display: inline; /*to fix double margin in IE6*/ 
	padding: 0;
	width: 906px;
}
	
/* SIDEBARS
------------------------------------------------ */
#content {
	float: left;
	margin: 0;
		display: inline; /*to fix double margin in IE6*/ 
	padding: 0; 
}

#sidebarTwo {
	float: left;
	margin: 0;
		display: inline; /*to fix double margin in IE6*/ 
	padding: 0 0 10px 0;
}

/* FOOTER
------------------------------------------------ */
	
#footer {
	clear: both;
	float: left;
	margin: 0 47px 0 47px;
		display: inline; /*to fix double margin in IE6*/ 
	padding: 0 0 17px 0;
	width: 906px;
	height: 10px;
	text-align: center;
	border-bottom: 1px solid #fff;
	background: #FFF url(../xImages/base.gif) no-repeat bottom left;
}

#footer p {
	clear: both;
	margin: 0;
	padding: 0;
	line-height: 10px;
	font-size: 10px; 
	color: #fff;
	background: #fff;
}


/* MISC
------------------------------------------------ */

.logo {
	float: right;
	margin: 19px 0;
		display: inline; /*to fix double margin in IE6*/ 
	padding: 0;
	height: 63px;
	width: 97px;
	background: #fff;
}

.constructionline {
	float: left;
	margin: 0px 0;
	display: inline; /*to fix double margin in IE6*/
	padding: 0;
	height: 70px;
	width: 67px;
	background: #fff;
}

.riba {
	float: left;
	margin: 0px 0;
	display: inline; /*to fix double margin in IE6*/
	padding: 0;
	height: 70px;
	width: 103px;
	background: #fff;
}