/* CSS Document */

/* Impress Design, LLC is the home of graphic designer 
		Jack McDaniel
		720.495.1368
		www.Impress-Design.com */
/* Feel free to use this template as you like. It was developed for use with 
MODx Content Management Framework, but it will work with any site. 
Just make certain you change it and don't steal my images */

/*******************************************************************
 			Site Colors: 	Green #78a22e,
 							Orange #c24e1a,
							Text #111111
********************************************************************/
/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: 
	http://developer.yahoo.com/yui */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, 
fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { 
	font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h5, h5, h6 { font-size:100% }
q:before, q:after { content:''}

ol, ul, li { list-style:none }

* a { position:relative } /* Gets links displaying over a PNG background */
a { outline:none } /* Gets rid of Firefox's dotted borders */
a img { border:none } /* Gets rid of IE's blue borders */


/* Body Settings and Background */
html,body{
	margin:0; 
	padding:0; 
	border:0; 
	font-size:14px; 
	font-weight: 100; 
	font-family: Arial,Helvetica,sans-serif;
	color:#111111;
}
html{
	background:#f8fbe6 url(../img/BG2.jpg)  top center no-repeat fixed;
}

/***********************************************************
				BASIC LINKS
**********************************************************/
a {
	color: #78a22e; 
	text-decoration: none;
}
a:hover {
	color: #c24e1a; 
	text-decoration: none;
}
/********************************************************
				BODY INFO
*********************************************************/
@font-face {
  font-family: 'Graublau Web';
  src: url('http://www.seyonconsulting.com/GraublauWeb.eot');
  src: local('Graublau Web Regular'), local('Graublau Web'), 
         url('http://www.seyonconsulting.com/GraublauWeb.otf') format('opentype');
}
body{
	width:100%; 
	margin:0 auto;
	background:#f8fbe6 url(../img/BG2.jpg) top center no-repeat fixed; 
	color: #111;
	font-family: Arial,Helvetica,sans-serif;
}
*{margin:0; padding:0}

#bodywrap {
	width: 100%;
	margin: 0 auto;
}
#maincontainer{
	width: 960px; /*Width of main container*/
	margin: 0 auto; /*Center container on page*/
}
	
/**********************************************************
				HEADER
************************************************************/
#header {
	margin: 0 auto;
	height: 151px;
	overflow: hidden;
}
#logo {
	overflow: hidden;
	float: left;
	width: 223;
}
#headerright {
	float: right;
	width: 730px;
	margin: 5px 5px 0 0;
	padding: 0px;
	overflow: hidden;
}
#blurb {
	font-family: 'Graublau Web','Trebuchet MS',Helvetica,sans-serif;
	font-size: 22px;
    font-weight: 100;
	text-decoration: none;
	text-align: right;
	line-height: 28px;
	margin-right: 185px;
}
.emphasis {
	color: #c24e1a;
	padding-right: 25px;
}
/**********************************************************
				MAIN MENU
************************************************************/
.toplinks {
	margin: 40px 0px 0px 15px;
	list-style: none;
	text-align: left;
}	
.toplinks ul {
	margin: 15px 0px 0 40px;
	padding: 0px;
	list-style: none;
}
.toplinks ul li a {
	color: #c24e1a;
	display: block;
	font-family: 'Graublau Web','Trebuchet MS',Arial,Helvetica,sans-serif;
	font-size: 1.3em;
    font-weight: 100;
	text-decoration: none;
}
.toplinks ul li a:hover {
	color: #78a22e;
	display: block;
	text-decoration: none;
}
.toplinks li {
	float: left;
	padding: 0 15px 0 15px;
	overflow: hidden;
	border-right: 1px solid #111;
}
.toplinks li.last {
	border-right: 0;
}
.toplinks li:hover {
	left: auto;
	display: block;
	background: url(../img/liBG.jpg) top left no-repeat;
	overflow: hidden;
}
.toplinks li.current {
	background: url(../img/liBG.jpg) top left no-repeat;
}
.toplinks li.current a {
	color: #111;
}
/*******************************************************
				CONTENT PAGE INFO
*********************************************************/
#wrap {
float: left;
width: 100%;
}
#contentContainer {
	float: left;
	width: 100%;
	margin: 50px 0 30px 0;
}
#content {
	margin-right: 340px; /*Set right margin to rightColumnWidth*/
	margin-bottom: 30px;
	margin-left: 75px;
	padding: 0 20px 0px 0;
	font-size: 1.1em;
	font-weight: 100;
	line-height:1.6em;
}
#content p {
	padding-left: 50px;
	padding-bottom: 15px;
}
#content img {
	float: left;
	margin: 10px 20px 10px -25px;
	background: #78a22e;
	padding: 6px;
}
.tele {
	font-family: 'Graublau Web','Trebuchet MS',Arial,Helvetica,sans-serif;
	font-size: 24px;
	font-weight: 100;
	margin: 20px 0;
	letter-spacing: -0.045em;
	color: #78a22e;
}
.user {
	float: left;
	width: 50%;
}
.userInner {
	padding: 7px;
}
/*****************************************************
					RIGHT COLUMN
******************************************************/
#rightColumn{
	float: left;
	width: 340px; /*Width of left column*/
	margin-left: -340px; /*Set left margin to -(MainContainerWidth)*/
}
#rightColInner {
	margin: 0 5px 15px 15px;
	padding: 8px;
}
/******************************************************
				RIGHT COLUMN Links
*********************************************************/
/**********************************************************************
				FOOTER
**********************************************************************/
#footer{
	clear: left;
	width: 960px;
	background: url(../img/footBG.png) top left no-repeat;
	overflow: hidden;
	height: 170px;
}
.footlinks {
		padding: 60px 0px 40px 0px;
		list-style: none;
		text-align: right;
}	
.footlinks ul {
	margin: 15px 0 0 0;
	padding: 0px;
	list-style: none;
}
.footlinks ul li a {
	color: #c24e1a;
	display: block;
	font-family: 'Graublau Web','Trebuchet MS',Arial,Helvetica,sans-serif;
	font-size: 1.1em;
    font-weight: 100;
	text-decoration: none;
}
.footlinks ul li a:hover {
	color: #78a22e;
	display: block;
	text-decoration: none;
}
.footlinks li {
	float: left;
	padding: 0 15px 0 15px;
	overflow: hidden;
	border-right: 1px solid #111;
}
.footlinks li.last {
	border-right: 0;
}
.footlinks li:hover {
	left: auto;
	display: block;
	overflow: hidden;
}
.footlinks li.current a {
	color: #111;
}
/********************************************************************
				HEADERS
********************************************************************/
h1 {
	font-family: 'Graublau Web','Trebuchet MS',Arial,Helvetica,sans-serif;
	font-size: 42px;
	font-weight: 100;
	margin: 20px 0;
	letter-spacing: -0.045em;
}
h2 {
	font-family: 'Graublau Web','Trebuchet MS',Arial,Helvetica,sans-serif;
	font-size: 36px;
	font-weight: 100;
	padding: 20px 0;
	letter-spacing: -0.045em;
}
h3 {
	font-family: 'Graublau Web','Trebuchet MS',Arial,Helvetica,sans-serif;
	font-size: 28px;
	font-weight: 100;
	margin: 20px 0 20px 20px;
	letter-spacing: -0.045em;
	color: #78a22e;
}
h4 {
	font-family: 'Graublau Web','Trebuchet MS',Arial,Helvetica,sans-serif;
	font-size: 24px;
	font-weight: 100;
	margin: 10px 20px;
	letter-spacing: -0.045em;
	color: #78a22e;
}
h5 {
	font-family: 'Graublau Web','Trebuchet MS',Arial,Helvetica,sans-serif;
	font-size: 18px;
	font-weight: 100;
	margin: 5px 0;
	letter-spacing: -0.045em;
	color: #78a22e;
}
/****************************************************
				BLOCKQUOTES
********************************************************/
.blockquote {
	float: right;
	width: 220px;
	border-top: 5px solid #222;
	border-bottom: 5px solid #222;
	padding: 10px 0 10px 0;
	font-size: .9em;
	font-style: italic;
	margin-left: 15px;
	margin-bottom: 10px;
	line-height: 1.1em;
	background-color: #B9D0DC;
}
.blockquote img {
	float: left;
	margin-bottom: 10px;
}
.blockquote p {
	padding: 10px;
}
/****************************************************
				CONTENT LISTS
********************************************************/
.contentList {
	margin-left: 75px;
	font-size: 1.0em;
}
.contentList li {
	display: block;
	text-decoration: none;
	padding-left: 35px;
	background: url(../img/arrow.png) 15px 8px no-repeat;
	line-height: 28px;
}
/*****************************************************************
				REFLECT ARCHIVES
******************************************************************/
.reflect_month_link {
	background: url(../img/arrow.jpg) top left no-repeat;
	padding: 0 13px;
	font-size: 14px;
}
/*****************************************************************
				NEW PATIENT FORM
******************************************************************/
.newPatient {
	background: url(../img/pdf.gif) top left no-repeat;
	padding: 0 50px;
	line-height: 35px;
	margin-top: 20px;
}
/*****************************************************************
				EMAIL FORM
******************************************************************/
#EmailForm {
}
#cfName {
	margin: 5px 0 5px 5px;
	padding: 4px;
	background:#f8fbe6;
	border: 1px solid #78a22e;
	border-top: 1px solid #111;
	border-left: 1px solid #111;
	width: 170px;
}
#cfEmail {
	margin: 5px 0 5px 5px;
	padding: 4px;
	background:#f8fbe6;
	border: 1px solid #78a22e;
	border-top: 1px solid #111;
	border-left: 1px solid #111;
	width: 170px;
}
#cfPhone {
	margin: 5px 0 5px 5px;
	padding: 4px;
	background:#f8fbe6;
	border: 1px solid #78a22e;
	border-top: 1px solid #111;
	border-left: 1px solid #111;
	width: 170px;
}
#cfRegarding {
	margin: 5px 0 5px 5px;
	padding: 4px;
	background:#f8fbe6;
	border: 1px solid #78a22e;
	border-top: 1px solid #111;
	border-left: 1px solid #111;
	width: 180px;
}
#cfMessage {
	margin: 5px 0 5px 5px;
	padding: 4px;
	background:#f8fbe6;
	border: 1px solid #78a22e;
	border-top: 1px solid #111;
	border-left: 1px solid #111;
	width: 170px;
	height: 135px;
}
#cfContact {
	margin-top: 5px;
	margin-left: 25px;
	padding: 7px;
	background: #c24e1a;
	color: #FFF;
	border: 1px solid #111;
}
/****************************************
			BLOG POSTS
******************************************/
.ditto_info {
	font-size: .9em;
	text-transform: uppercase;
}