	
	/*  PROJECT NAME:         Extended Office	 */
	

	/* SMALL RESET */

* { margin:0; padding:0; }
img { border:0; }
a { outline:0; }
ul {
	list-style-image: none;
	list-style-type: none;
}
html, body { width:100%; height:100%; }



	/* MISC */
	
p { color:#000000; font-size:1.2em; }
a { text-decoration:none; }
h1, h2 { font-family: Arial, Helvetica, sans-serif;	 font-size:4em; color:#6b2f77; }
h2 { font-size:3em; }
.right p { color:#6b2f77; }


p.blue {
	color:#628589;
	font-size:1.4em;
	font-weight:bold;
	text-align: left;
}

	
	/* MAIN LAYOUT */
	
body { font-size:62.5%; font-family:Arial; background:#6b2f77; text-align:center; }
div.wrapper { width:860px; margin:0 auto; padding-top:10px; }
div.header { float:left; width:100%; height:166px; background:url("images/header.gif") no-repeat; }
div.content { float:left; width:100%; background:url("images/content.gif") repeat-y; text-align:left; padding:10px 0 0 0; }
div.left { float:left; width:269px; margin:0 25px 0 50px; display:inline; }
div.right {
	float:left;
	width:480px;
	list-style-type: disc;
}
div.footer {
	float:left;
	width:100%;
	height:85px;
	background:url("images/footer.gif") no-repeat;
	text-align: center;
}
	.footer p { font-size:1em; color:#ffffff; margin-top:30px; line-height:1em; }
	.footer p a { color:#ffffff; margin:0 3px 0 3px; }
	
ul.menu { float:left; margin:117px 0 0 201px; display:inline; }
	.menu li { float:left; }
	.menu li a { float:left; height:30px; background-repeat:no-repeat !important; background-position:bottom left !important; }
	.menu li a:hover { background-position:0 -30px !important; }
	.menu li.active a, .menu li.active a:hover { background-position:0 0 !important; }
	
	.menu li a.focused { background:url("images/nav_getfocused.gif"); width:160px; margin-top:1px; }
	.menu li a.services { background:url("images/nav_services.gif"); width:128px; margin-left:1px; }
	.menu li a.tips { background:url("images/nav_tips.gif"); width:125px; margin-left:1px; }
	.menu li a.coffee { background:url("images/nav_coffee.gif"); width:210px; margin-left:1px; }
	
div.sidebar { width:269px; background:url("images/left_bg.gif") repeat-y; margin-bottom:30px; }
	.sidebar img.lay { display:block; }
	.sidebar h3 { font-size:1.4em; color:#6b2f77; margin:0 16px 0 16px; }
	.sidebar p {
	margin:0 16px 0 16px;
}
	
img.quiz { margin-left:5px; }
div.youtube { float:left; width:480px; height:300px; background:#6b2f77; }
img.quote { float:left; margin:10px 0 0 10px; }

div.row {
	float:left;
	width:100%;
	margin-bottom:4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	color: #308EA7;
}
	.row span {
	float:left;
	width:80px;
	color:#628589;
	font-size:1.0em;
	font-weight:bold;
	margin-top:1px;
}
	.row input, .row textarea { width:380px; border:1px solid #628589; background:#f9f9f9; }
	.row textarea { width:470px; clear:left; margin-top:3px; height:90px; }
div.row2 { float:left; width:100%; margin:2px 0 2px 0; }
	.row2 label { font-size:1.4em; color:#6b2f77; }
.wrapper .content .right  {
	text-align: center;
}
.wrapper .content .right {
	text-align: left;
}
.wrapper .content .left .sidebar p a strong {
	color: #6B2F77;
}
.formtext {
	font-size: small;
	color: #666;
}
.wrapper .footer p a strong em {
	color: #32BDE3;
}


