@charset "UTF-8";


/* --------------- Globals and Resets --------------- */
* {
	margin: 0px;
	padding: 0px;
}
.clearFix {
	clear: both;
}
img {
	border-style: none;
}
.noScreen { 
	/*Moves items off screen but leaves them visible to screen readers*/
	display: block;
	position: absolute;
	height: 0px;
	width: 0px;
	text-indent: -9009px;
}
.hidden {
	/*Moves items off screen but leaves them visible to screen readers*/
	/* This element used by admin editor for managed content only */
	display: block;
	position: absolute;
	height: 0px;
	width: 0px;
	text-indent: -9009px;
}
p, ul, ol   {
font-size: 0.8em;
	
}
p {margin-bottom: 20px;}


/* --------------- Layout --------------- */
body {
	background: #CC6600 url(../images/bg.png);
	font-family: Arial, Helvetica, sans-serif;
	color: #2C0F01;
	line-height: 1.3em;
	font-size: 16px;
}
#wrapper {
	height: 800px;
	background: url(../images/bg_x.png) repeat-x left top;
	padding-left: 40px;
	padding-bottom: 40px;
}
#page {
	min-height: 100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	width: 1024px;
	position: relative;
}
#contentWrapper {
	background: #eee7db url(../images/page_texture.png) repeat;
	width: 760px;
	z-index: 10;
}
#branding {
	height: 24px;
	text-indent: -9000px;
	display: block;
	font-size: 9px;
}
h1, h2, h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: 100;
}

/* --------------- Global Navigation --------------- */
#navigation {
	background: url(../images/navigation_corner.png) no-repeat right top;
	font-family: "Century Gothic", "Lucida Grande", Tahoma, Verdana;
	text-transform: uppercase;
	height: 80px;
	padding-top: 30px;
	padding-left: 20px;
}
#navigation ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#navigation li {
	display: inline;
}
#navigation a {
	padding-right: 20px;
	padding-left: 20px;
	font-size: 18px;
	text-decoration: none;
	color: #563321;
	padding-bottom: 25px;
	font-family: "Century Gothic", "Lucida Grande", Tahoma, Verdana;
}
#navigation a:hover, .active {
	background: url(../images/navOver.png) no-repeat center bottom;
}
#home {
	position: absolute;
	height: 145px;
	width: 70px;
	left: -70px;
	top: 75px;
}
#home a {
	background: url(../images/btn_home.png);
	height: 145px;
	display: block;
}
#home a:hover {
	background: url(../images/btn_home.png) -70px 0px;
}
#home span {
	text-indent: -9000px;
	display: block;
}

/* --------------- Local Navigation --------------- */
#localNav {
	width: 220px;
	float: left;
	padding-left: 40px;
}
#localNav ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#localNav li {
	display: block;
}
#localNav  li a {
	text-decoration: none;
	display: block;
	color: #2C0F01;
	line-height: 2em;
	border-bottom: 1px dotted #666666;
	padding-left: 20px;
}
#localNav li a:hover {
	color: #CC6600;
	background: url(../images/localNavOver.png) repeat-y;
}


/* --------------- Side of page elements --------------- */
#coffeecup {
	position: absolute;
	height: 220px;
	width: 373px;
	top: 0px;
	z-index: 2;
	right: -130px;
}
#postcard {
	position: absolute;
	height: 388px;
	width: 407px;
	top: 100px;
	z-index: 0;
	right: -143px;
}
#staff1 {
	position: absolute;
	height: 212px;
	width: 237px;
	top: 600px;
	z-index: 0;
	right: -20px;
}
#staff2 {
	position: absolute;
	height: 234px;
	width: 231px;
	top: 380px;
	z-index: 0;
	right: 10px;
}
#aboutHome {
	position: absolute;
	height: 684px;
	width: 467px;
	top: 100px;
	z-index: 0;
	right: -203px;
}
#staffPhoto {
	position: absolute;
	height: 700px;
	width: 450px;
	top: 0px;
	z-index: 2;
	right: -186px;
}

/* --------------- Homepage Specific Elements --------------- */
#homepage #intro {
	width: 240px;
	float: left;
	padding-left: 40px;
}
#homepage #intro h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #2E1001;
	font-weight: 100;
	font-size: 1.1em;
	margin-top: 30px;
	line-height: 1.5em;
}
#homepage #demo {
	float: right;
	padding: 30px 0px 0px 42px;
	height: 279px;
	width: 410px;
	background: url(../images/bg-demo.jpg) no-repeat;
}
#homepage #welcome {
	padding: 40px;
}

#welcome span {
	background: #F3F0C7;
}
#homepage   #welcome   h3 {
	font: italic 100 1.2em/1.5em Georgia, "Times New Roman", Times, serif;
	color: #92806b;
}
#homepage  #recentBlogs {
	float: left;
	width: 340px;
	padding-left: 40px;
}
#homepage #recentBlogs h2 {
	color: #cc6600;
	font: 100 1.5em Georgia, "Times New Roman", Times, serif;
	padding-bottom: 25px;
}
#homepage #clientTools {
	float: right;
	padding-right: 40px;
	width: 280px;
}



/* --------------- Footer --------------- */
#footer {
	background: url(../images/page_texture_dark.png);
	height: 100%;
}
#footer #generalContact {
	width: 340px;
	padding-left: 40px;
	padding-top: 10px;
	float: left;
	background: url(../images/footer_gen_contact_bg_detail.png) no-repeat left bottom;
	height: 500px;
	margin: 0px;
}
#footer h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: 100;
	padding-bottom: 25px;
}
#footer #contactForm {
	float: right;
	width: 280px;
	padding-right: 40px;
	padding-top: 10px;
}
#footer div.hr {
  height: 15px;
  background: url(../images/footer_divider.png) no-repeat scroll center;
}
#footer div.hr hr {
  display: none;
}
#footer a {
	color: #CC6600;
	text-decoration: none;
	border-bottom: 1px dotted #999999;
}
#footer a:hover {
	color: #006699;
	border-bottom-style: none;
}

/* --------------- Footer Form Stuff --------------- */
#footer form {
	display: inline;
}
#footer div {
	margin-bottom: 20px;
}
#footer legend {
	text-indent: -9000px;
	display: block;
	position: absolute;
	height: 0px;
	width: 0px;
}
#footer fieldset {
	border-style: none;
}
#footer input {
	border: 1px solid #999999;
	height: 30px;
	background: #eeede7;
	margin-right: 12px;
	width: 207px;
	font: 1.3em Georgia, "Times New Roman", Times, serif;
	color: #CC6600;
	padding-left: 8px;
}
#footer textarea {
	height: 130px;
	width: 280px;
	border: 1px solid #999999;
	background: #EEEDE7;
	font-family: "Times New Roman", Times, serif;
	color: #CC6600;
	padding: 8px 2px 8px 5px;
}
#footer label {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #666666;
	font-style: italic;
	text-transform: lowercase;
}
#submit {
	width:162px;
	height:30px;
	text-indent:-9999px;
	overflow:hidden;
	border:0;
	background:url(../images/btn_submit.png) no-repeat 0 0;
	display:block;
	cursor:pointer !important;
}
#submit:hover {
	background-position:0 -30px;
}
#pageContent {
	float: right;
	padding-right: 40px;
	width: 420px;
}

#pageContent h1 {
	color: #CC6600;
	font-style: italic;
	padding-bottom: 25px;
	font-size: 1.5em;
	font-weight: 100;
	line-height: 1.25em;
}
#pageContent h2  {
	font: italic 100 1.25em/1.3em Georgia, "Times New Roman", Times, serif;
	color: #92806B;
	padding-bottom: 20px;
}
#pageContent {
	padding: 0px 40px 40px 0px;
}
#pageContent p {
	line-height: 1.2em;
}
#pageContent h3 {
	padding-bottom: 10px;
}
#pageContent li,#pageContent ol {
	padding-left: 10px;
	padding-bottom: 5px;
	margin-left: 10px;
}
#pageAuxilary {
	float: left;
	width: 240px;
	padding-left: 40px;
	padding-top: 40px;
}
#hr hr {
	display: none;
}
#hr {
	border-bottom: 1px dotted #666666;
	padding-top: 10px;
	margin-bottom: 20px;
	margin-left: 40px;
	margin-right: 40px;
}

#pageContent .hr {border-bottom: 1px dotted #666666; margin-bottom: 18px;}
#pageContent hr {
	display: none;
}
#pageContent   a {
	color: #CC6600;
	text-decoration: none;
}
#pageContent a:hover {
	color: #006699;
	border-bottom-style: none;
}
.staffMemberList {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.staffMemberList img {
	padding-right: 10px;
}
.staffMemberList  a  {
	display: block;
	padding: 5px;
}
.staffMemberList li {
border-bottom: 1px dotted #999999;
}

#staffHeads img {
	border: 1px solid #666666;
}
#staffHeads a {
	display: block;
	float: left;
	margin-right: 18px;
	margin-bottom: 18px;
}
.portfolioThumbnail {
	margin-right: 16px;
	margin-bottom: 16px;
}
#flashGraphic {
	margin-bottom: 20px;
}
.entry {
	border-bottom: 1px dotted #999999;
	margin-bottom: 25px;
}
#localNav h3 {
	margin-top: 20px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #999999;
}
#recentBlogs a  {
	font-family: Arial, Helvetica, sans-serif;
	color: #2C0F01;
	text-decoration: none;
	font-weight: bold;
}
#recentBlogs a:hover {
	color: #006699;
}
#recentBlogs h3 a {
	font-size: 0.8em;
	color: #43291A;
}
#recentBlogs a.readMore {
	color: #CC6600;
	border-bottom: 1px dotted #999999;
}
#recentBlogs a.readMore:hover {color: #006699;}
.post img {
	margin: 8px;
	padding: 4px;
	background: #D3C8B6;
}

#pageContent a img .noborder    {
	border-style: none !important;
	border: 0 !important;
}
.author {
	font-style: italic;
}
#generalContact a {border:none;}