/* @override 
	http://www.chuffedproductions.com/styles/chuffedStyle.css
	http://chuffedproductions.com/styles/chuffedStyle.css
*/
/*Chuffed Productions*/

/* @group Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
 /*remember to define focus styles!*/ 
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
 /*tables still need 'cellspacing="0"' in the markup*/ 
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a {
	text-decoration: none;
}
/* @end */
html, body {
	height: 100%;
}
body {
	color: #4f4a4a;
	position: relative;
	text-shadow: #fff 1px 1px 0;
	font: 62.5% "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	background-color: #ffffff;
}
/* @group Structure */
#vertical{
	float:left;
	height:50%;
	margin-top:-18.5em;/* half vertical height*/
	width:100%;
}
#hoz {
	width: 72em;
	margin-left:auto;
	margin-right:auto;
	height: 37em;
	overflow:auto;/* allow content to scroll inside element */
	text-align:left;
	clear:both;
}
#home #page {
	width: 100%;
	background-color: white;
}
#clientSide #page {
	width: 41em;
	background-color: #e3e3e3;
	padding: 2em;
}
#sidebar {
	background-color: #e3e3e3;
	width: 20em;
	padding: 2em;
}
#wrapper {
	width: 72em;
	margin: 0 auto 10em;
}

/* @end */
#header {
	width: 72em;
	position: relative;
	height: 14em;
}
#header .client {
	position: absolute;
	right: 0;
	bottom: 0;
}
.logo {
	width: 122px;
	height: 136px;
}
.name {
	width: 506px;
	height: 41px;
	position: absolute;
	right: 0;
	top: 63px;
}
.info {
	width: 72em;
	position: relative;
	margin-top: 150px;
}
.contact {
	float: left;
}
.client {
	float: right;
}
/* @group Sidebar */
.stretcher {
	margin-bottom: 1em;
}
.stretcher dt {
	font-size: 1.3em;
}
#sidebar a {
	font-size: 120%;
}
#Message {
	width: 100%;
}
/* @end */
/* @group Calendars */
#smallCal {
	width: 20em;
	height: 14em;
	background-color: #fff;
	margin-bottom: 2em;
	font-size: 1em;
}
#bigCal {
	font-size: 2em;
	width: 100%;
	margin: 0;
	padding: 0;
}
#bigCal h4 {
	height: 4.14em;
	width: 4.14em;
	padding: 0.5em;
	background-color: #efefef;
	border-top: 1px solid #fff;	
	border-right: 1px solid #fff;
}
#bigCal th {
	font-weight: bold;
	padding: 0 0 0.5em 0.5em;
}
#bigCal th a {
	font-weight: bold;
}
/* @end */
/* @group clientInfo */
#clientInfo {
	width: 70em;
	background-color: #e3e3e3;
	padding: 1em;
}
#clientInfo li {
	display: inline;
	margin-right: 2em;
	font-size: 1.3em;
}
#clientInfo li span {
	font-weight: bold;
}
#clientInfo li.logOut {
	float: right;
	margin-right: 0;
}
#clientInfo li a, #clientInfo li a:visited {
	color: #4f4a4a;
	font-weight: bold;
}
#clientInfo li a:hover {
	
}
#clientInfo p span {
	font-size: 85%;
}
/* @end */
/* @group Login */
label {
}
input {
}
br {
}
/* @end */
/* @group Type */
p {
	font-size: 1.5em;
}
.info p, #header .client p {
	font-size: 3em;
	color: #1d1d1d;
	font-weight: bold;
}
.info p a, .info p a:visited {
	color: #1d1d1d;
	padding: 10px;
	border-bottom-style: none;
}
.info p a:hover, .info p a:hover span {
	color: #1d1d1d;
	background-color: #e5e5e5;
}
.info p span, #header .client p span {
	color: #b5b7b4;
}
h1 {
	margin-bottom: 0.5em;
	font-weight: bold;
	font-size: 2.5em;
	
}
h2 {
	margin-bottom: 0.5em;
	font-weight: bold;
	font-size: 1.5em;
	
}
h3 {
	font-weight: bold;
	font-size: 1.8em;
}
#sidebar h4 {
	
}
a:link, a:visited {
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	color: #4f4a4a;
}
a:hover {
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
/* @end */
/* @group Reusable Elements */

.clearfix {
	clear: both;
}

/* @group Margins */
.m_30 {
	margin: 3em;
}
.mr_30 {
	margin-right: 3em;
}
.mt_30 {
	margin-top: 3em;
}
.mb_30 {
	margin-bottom: 3em;
}
.ml_30 {
	margin-left: 3em;
}
.auto {
	margin: 0 auto;
}
.nmt {
	margin-top: 0;
}
/* @end */
/* @group Padding */
.2em {
	padding: 2em;
}
/* @end */
/* @group Floats */
.fl {
	float: left;
}
.fr {
	float: right;
}
/* @end */
/* @end */