html {
	margin: 0;
	padding: 0;
	overflow: auto;
	height: 100%;
	}

body {
	background: url(images/layoutBg.jpg) repeat fixed #104259;
	color: #eee;
	margin: 0;
	padding: 0;
	font-family: verdana, tahoma, arial, sans-serif;
	font-size: small;
	height: 100%;
	}
	
#layoutWrapper {
	background: url(images/contentBg.jpg) repeat;
	margin: auto;
	width: 980px;
	position: relative;
	margin-top: 15px;
	}
	
		#layoutMap {	
			background: none;
			padding: 5px 10px 0 15px;
			margin: -12px 0 0 0;
			font-size: x-small;
			font-family: verdana, tahoma, arial, sans-serif;
			position: absolute;
			}

		#layoutFrame {
			background: url(images/layoutFrameLeftAndRight.png) repeat-y;
			}
	
			#layoutHeaderBar {
				background: url(images/layoutHeaderBarBg.png) no-repeat center top;
				height: 140px;
				width: 980px;
				}
				
				#layoutMainMenu {
					float: right;
					width: 280px;
					height: 90px;
					margin-top: 10px;
					position: relative;
					}
					
					#layoutMainMenu div {
						position: absolute;
						}
						
					#layoutMainMenu a {
						display: block;
						background-position: center;
						background-repeat: no-repeat;
						position: relative;
						}
						
						#layoutMainMenu div.blog {
							top: 20px;
							right: 234px;
							}
							
						#layoutMainMenu div.blog a {
							width: 38px;
							height: 38px;
							background-image: url(images/icons/mainMenu/blog.png);
							}
						
						#layoutMainMenu div.projects {
							top: 5px;
							right: 152px;
							}
							
						#layoutMainMenu div.projects a {
							width: 70px;
							height: 70px;
							background-image: url(images/icons/mainMenu/projects.png);
							}
							
						#layoutMainMenu div.scenarios {
							top: 25px;
							right: 85px;
							}
						
						#layoutMainMenu div.scenarios a {
							width: 58px;
							height: 58px;
							background-image: url(images/icons/mainMenu/scenarios.png);
							}
						
						#layoutMainMenu div.contact {
							top: 58px;
							right: 46px;
							}
							
						#layoutMainMenu div.contact a {
							width: 35px;
							height: 34px;
							background-image: url(images/icons/mainMenu/contact.png);
							}
				
			#layoutContent {
				width: 960px;
				margin: auto;
				height: 100%;
				padding: 0 10px 0 10px;
				min-height: 330px;
				}
				
				div.yield {
					padding: 10px 20px 20px 20px;
					}
			
			#layoutStatusBar {
				background: url(images/layoutStatusBarBg.png) no-repeat center top;
				width: 100%;
				height: 140px;
				clear: both;
				position: relative;
				}
				
				#layoutStatusBar div.profilePanel {
					background: url(images/profilePanelBg.png) no-repeat center top transparent;
					width: 144px;
					height: 92px;
					position: absolute;
					bottom: 22px;
					right: 24px;
					}
					
					#layoutStatusBar div.profilePanel div.info {
						color: #000;
						padding: 10px;
						font-size: x-small;
						}
						
						#layoutStatusBar div.profilePanel div.info h3 {
							color: #104d6b;
							font-size: 1em;
							margin: 0 0 2px 0;
							}
					
					#layoutStatusBar div.profilePanel a.logout {
						position: absolute;
						bottom: 0;
						width: 144px;
						height: 27px;
						background: url(images/icons/logout0.png) no-repeat center bottom transparent;
						}
						
					#layoutStatusBar div.profilePanel a.logout:hover {
						background-image: url(images/icons/logout1.png);
						}
					



img {
	border: 0;
	}
	
hr {
	height: 1px;
	background-color: #eee;
	color: #aaa;
	border: 0;
	}
	
h1 {
	font-weight: normal;
	margin: 25px 0 10px 0;
	padding: 0 0 0.3em 43px;
	color: #fff;
	font-size: 2.2em;
	background: url(images/header1Icon.png) no-repeat left 0.2em;
	font-family: "Lucida Sans Unicode", "Lucida Grande", LucidaGrande, "Lucida Sans";
	}
	
	h1 hr {
		margin: 0.3em 0 0 2px;
		background-color: #6ba660;
		color: #6ba660;
		border: 0;
		}
	
*.delimiter {
	background: url(images/delimiterHrBg.png) repeat-x bottom transparent;
	color: #99b5c2;
	}	
		
div.rewindHr {
	margin: 0 0 10px 0;
	height: 10px;
	padding: 0;
	background: url(images/delimiterHrBg.png) repeat-x bottom transparent;
	}
	
	div.rewindHr a {
		display: block;
		float: right;
		width: 14px;
		height: 8px;
		background: url(images/rewindPageArrow.png) no-repeat top right;
		}
		
*.delimiter *.icon {
	display: block;
	float: right;
	cursor: pointer;
	}
	
h2, h3, h4 {
	font-weight: normal;
	}

h4 {
	font-size: 1em;
	padding-bottom: 6px;
	margin-bottom: 3px;
	}
	
h2.column {
	margin: 30px 0 10px 0;
	padding-bottom: 5px;
	font-size: 1.1em;
	border-bottom: solid 1px #fff;
	}


	
*.columnOf1 {
	width: 95%;
	margin: 0 2.5% 0 2.5%;
	float: left;
	}
	
*.columnOf2 {
	width: 45%;
	margin: 0 2.5% 0 2.5%;
	float: left;
	}
	
*.columnOf3 {
	width: 28%;
	margin: 0 2.5% 0 2.5%;
	float: left;
	}
	
*.column2Of3 {
	width: 62%;
	margin: 0 2.5% 0 2.5%;
	float: left;
	}
	
*.columnOf4 {
	width: 20%;
	margin: 0 2.5% 0 2.5%;
	float: left;
	}
	
	
*.clear {
	height: 0;
	font-size: 1px;
	line-height: 1px;
	visibility: hidden;
	clear: both;
	position: relative;
	}
	
*.ajaxLoaderClock {
	position: absolute;
	background: url(images/ajaxLoaderClock.gif) no-repeat center;
	width: 12px;
	height: 12px;
	padding: 0;
	margin: 0;
	}	

a {
	text-decoration: none;
	}
	
a:link, a:visited {
	color: #73c4ef;
	}
	
a:active, a:hover {
	color: #80e22a;
	}
	

a.bubblerActivator {
	background: url(nBubble/images/bubblerActivator.png) no-repeat transparent;
	width: 70px;
	height: 70px;
	display: block;
	position: absolute;
	right: 80px;
	bottom: 62px;
	}
	
*.smoked {
	color: #99b5c2;
	}
	
img.icon {
	border: 0;
	padding: 2px;
	vertical-align: middle;
	}
	
	img.icon:hover {
		background-color: #6dc024;
		}
		

div.layoutErrorMsg {
	padding: 10px;
	background-color: darkred;
	color: #fff;
	}
		
div.layoutInfoMsg {
	padding: 10px;
	background-color: #6dc124;
	color: #fff;
	}
		
div.errorFor {
	color: #ff5050;
	}