@charset "UTF-8";

html,body,div,form { padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif;  }
img { border:none; }
h1,h2,h3,h4,h5,p { font-size:0px; padding:0px; margin:0px;}

html {
	background-color: #FFFFFF;
	background-image: url(../images/background.jpg);
}

.page #container { 
	width:710px; 
	margin:0px auto;
}

.page p.logo { 
	padding:70px 0px 20px 7px;
}

.page hr {
	height:1px;
	border:0px;
	color:#999;
	background-color:#999;
}

.page div.left {
	width:240px;
	float:left;
}

.page div.left p.image {
	width:240px;
	height:280px;
	margin-bottom:1px;
}

.page div.links ul {
	list-style:none;
	padding:0px;
	margin:0px;
}

.page div.links ul li {
	width:240px;
	background-color:#000000;
	color:#fff;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:lowercase;
	text-align:center;
	vertical-align:middle;
	height:22px;
	padding:6px 0px 0px 0px;
	margin:0px 0px 1px 0px;
}

.page div.links ul li a { 
	color:#fff; 
	text-decoration:none; 
}

.page div#main {
	margin:0px 0px 50px 290px;
}

.page div#main h1 {
	height:21px;
	padding:0px 20px 0px 10px;
	width:auto;
	float:left;
	font-size:14px;
	color:#fff;
	font-weight:normal;
	padding-top:4px;
}

.page div#main h2 {
	height:18px;
	padding:0px 20px 0px 10px;
	width:auto;
	float:left;
	font-size:13px;
	color:#fff;
	font-weight:normal;
	padding-top:3px;
}

.page div#main h3 {
	font-size:11px;
	color:#999;
	margin-top:25px;
	padding:0px 20px 0px 10px;
}

.page div#main h4 {
	font-size:13px;
	color:#669933;
	padding: 5px 0 0 0;
}

.page div#main p.back {
	height:19px;
	padding:0px 9px 0px 9px;
	width:auto;
	float:left;
	font-size:11px;
	color:#fff;
	font-weight:normal;
	padding-top:6px;
	margin-left:1px;
	background-color:#000;
}

.page div#main.reality h1 {
	background-color:#339999;
}

.page div#main.community h1 {
	background-color:#E9BA00;
}

.page div#main.vision h1 {
	background-color:#CC6600;
}

.page div#main.blogs h1 {
	background-color:#669933;
}

.page div#main.blogs h2 {
	background-color:#669933;
}

.page div#main.error h1 {
	background-color:#999999;
}

.page div#main.error h2 {
	background-color:#999999;
}

.page div#main, .page div#main p {
	font-size:12px;
	color:#333;
}

.page div#main p.break {
	height:40px;
}

.page div#main p.break2 {
	height:0px;
}

.page div#main p {
	padding:6px 0px;
}

.page div#main a {
	font-weight:bold;
	text-decoration:none;
}

.page div#main a:hover {
	font-weight:bold;
	color:#000!important;
}

.page div#main.reality a {
	color:#339999;
}

.page div#main.community a {
	color:#E9BA00;
}

.page div#main.vision a {
	color:#CC6600;
}

.page div#main.blogs a {
	color:#669933;
}

.page div#main.blogs div.options p {
	font-size:11px;
	color:#999;
}

.page div#main.error p a {
	color:#999999;
}

.page div#main p.back a {
	font-weight:normal!important;
	color:#fff!important;
	text-decoration:none;
}

.page div#main p.back a:hover {
	text-decoration:underline;
}

.page div.links ul li a:hover { 
	color:#fff; 
	text-decoration:none; 
}

.page div.blogoptions {
	height:19px;
	padding:0px 10px 0px 10px;
	width:auto;
	float:right;
	font-size:14px;
	color:#fff;
	font-weight:normal;
	padding-top:6px;
	background-color:#999999;
}

.page div.blogoptions p {
	padding:0px!important;
	color:#fff;
}

.page div.blogoptions p a {
	color:#fff!important;
	font-weight:normal!important;
}

.page div.blogoptions p a:hover {
	color:#fff!important;
	font-weight:normal!important;
	text-decoration:underline!important;
}

.page div.blogoptionswindow {
	display:none;
	position:absolute;
	z-index:101;
	width:200px;
	padding:10px;
	background-color:#999;
	margin-left:200px;
	margin-top:25px;
}

.page div.blogoptionswindow p {
	color:#fff!important;
}

.page div.blogoptionswindow p.submit {
	text-align:right;
}

.page div.blogoptionswindow p.sublink {
	color:#fff!important;
}

.page div.blogoptionswindow p.sublink a {
	color:#fff!important;
	font-weight:normal!important;
}

.page div.reality_output {
	margin-top:20px;
} 

.page div.reality_output img {
	width:70px;
	height:70px;
	border:1px solid #666;
	margin:5px 5px;
	padding:10px;
	float:left;
	background-color:#fff;
}

.page div.reality_output img:hover {
	cursor:pointer;
	border-color:#339999;
	margin-top:0px;
	margin-bottom:10px;
}

.page .reality_img {
	float: right;
	width: 120px;
	border:1px solid #666;
	padding:10px;
	background-color:#fff;
	margin:10px 0px 15px 15px;
}