/*

Stylesheet for Mokee Computer Technologies - mokee.com

====   color scheme   ====
=  dark blue:	#094168  =
=  medium blue:	#005b9a  =
=  blue:		#0191c8  =
=  light blue:	#74c2e1  =
=  gray:		#8c8984  =
=  orange:		#ff9900  =
=  green:		#6BBD46  =
==========================

*/

html { margin:0; padding:0; }
body { margin:0; padding:0; width:100%; background:#094168; }

/* new clearfix */
.clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
* html .clearfix { zoom:1; } /* IE6 */
*:first-child+html .clearfix { zoom:1; } /* IE7 */

/* page */
.page-wrapper { width:100%; margin:0; padding:0; text-align:center; }

/* banner */
.banner-wrapper { width:100%; height:75px; text-align:center; background:white; border-bottom:1px solid #094168; }
.banner { width:960px; height:75px; margin:0 auto; text-align:left; background:white; }
.logo { float:left; margin-left:5px; }
.logo img { width:327px; height:37px; border:0; margin-top:25px; }
.social { float:right; margin:0; }
.social ul { margin:0; padding:0; display:inline; list-style-type:none; }
.social ul li { display:inline; white-space:nowrap; margin-right:10px; }
.social ul li img { border:0; margin-top:5px; }

/* top section with background burst */
.top-wrapper { width:100%; height:250px; text-align:center; background:#005b9a; background-position:bottom center; }
.top-content { width:960px; height:250px; margin:0 auto; text-align:left; background:#005b9a url('images/bg-top.gif') no-repeat; color:white; }
.top { position:relative; height:250px; width:960px; }
div#teaser { position:absolute; left:0; bottom:0; width:960px; height:250px; background:transparent url('images/mokee-teaser.png') no-repeat; display:none; }
div#teaser img { margin-top:175px; margin-left:550px; }

div#warning-notices-wrapper {
	width:100%;
	border-top:2px solid black;
	border-bottom:2px solid black;
	background:red;
	text-align:center;
	}
div#warning-notices {
	width:960px;
	margin:0 auto;
	}
div#warning-notices p {
	width:100%;
	color:white;
	font-size:12pt;
	font-weight:400;
	font-family:verdana,arial,sans-serif;
	padding:10px;
	}
	div#warning-notices p.date {
		font-size:9pt;
		font-weight:900;
		}
		
div#message-wrapper {
	width:100%;
	border-top:2px solid black;
	border-bottom:2px solid black;
	background:white;
	text-align:center;
	}
div#message {
	width:960px;
	margin:0 auto;
	color:black;
	}
div#message p {
	width:100%;
	color:black;
	font-size:10pt;
	font-weight:400;
	font-family:verdana,arial,sans-serif;
	padding:10px;
	}
	div#message p.date {
		font-size:9pt;
		font-weight:900;
		}

/* mid section with button navs */
.mid-wrapper { width:100%; height:100px; text-align:center; background:#ececec url('images/bg-mid.gif') repeat-x; }
.mid { width:960px; height:100px; margin:0 auto; padding:15px 0; }
.mid p { margin:0; padding:0; }
.mid p.pointer { text-align:right; margin-right:175px; }

/* content */
.content-wrapper { width:100%; text-align:center; background:white; }
.content-content { width:960px; height:220px; margin:0 auto; text-align:left; background:url('images/bg-content.gif') no-repeat; background-position:top left; }
.content { margin:0; padding:0 10px 0 25px; }
.content p { margin:0; padding:0; }
.content-inside { width:960px; margin:0 auto; padding:25px 0 0 15px; text-align:left; }
.content-inside h1 { margin:0; }
.left-section { float:left; width:560px; height:200px; background:url('images/bg-serversphere.gif') no-repeat; background-position:top left; }
.left-section p.info { margin-left:365px; margin-top:60px; }
.left-section p.launch { margin-left:365px; margin-top:20px; text-align:right; }
.left-section p.launch img { width:100px; height:15px; }
.right-section { float:right; width:300px; height:200px; }
.right-section h3 { margin-top:0; }
.right-section p { font-size:9pt; font-family:verdana,arial,sans-serif; color:gray; padding-right:20px; }

/* footer */
.footer-wrapper { width:100%; height:250px; text-align:center; background:url('images/bg-footer.gif') repeat-x; }
.footer-content { width:960px; height:250px; margin:0 auto; }
.footer { margin:0; padding:0; font-size:8pt; font-family:verdana,arial,sans-serif; color:#7eb4db; }
.footer a { color:#7eb4db; text-decoration:none; }
.footer a:hover { color:#fff; text-decoration:underline; }
.footer p { margin:0; padding:8px 0 0 0; }

div.fblike { width:960px; text-align:center; margin-top:10px; }