@charset "UTF-8";

html { background: #C96 url(images/brownpaper-bkgnd.jpg);}

body { /*font: 12px/1.4 Verdana, Helvetica, Arial, sans-serif;*/ }

article, aside, figure, footer, header, nav, section { display:block; }

#page-wrap {
	width: 900px;
	margin: 20px auto 10px;
	background: white url() top right no-repeat;
	-moz-box-shadow: 0px 3px 8px #666;
	-webkit-box-shadow: 0px 3px 8px #666;
	box-shadow: 0px 3px 8px #666;
}

header { position: relative; height:224px; width:900px; background: #666 url(images/banner-img2011.jpg);}

#logo {
	position: absolute;
	z-index: 2;
	top: 182px;
	left: 28px;
	background: url(images/logo_T-shadow.png) no-repeat;
	width: 238px;
	height: 121px;
}
nav { position: relative; height:30px; background: #e5aa68 url(images/glass-btn.png)  repeat-x 0 50%;
	border-bottom: 2px solid  #999; border-top: 1px solid #CCC;
	
}

nav p {
	position: absolute;
	right: 30px;
	top: -5px;
	color: #0e2b89;
	font-family: "Helvetica Condensed", "Arial Narrow", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	padding-top: 0;
}

nav p a {color: #0e2b89; text-decoration: none; }
nav p a:link,visited {color: #0e2b89; }
nav p a:hover {color: #FFF; }

a:link {
	color: #0e2b89;
}
a:visited {
	color: #0e2b89;
}
a:hover {
	color:#FC0 ;
}

#main-content { float: left; 
width: 430px;
	margin: 40px 20px 10px 25px;
	}

aside { float:right; position: relative; 
	width: 420px;
	margin: 20px 0 10px 0;
}

h1, h2, h3 { font-family: Arial, Helvetica, sans-serif; font-weight: bold;}

h1 { font-size: 22px ; color: #9D6841;}
h2 { font-size: 18px ; color: #666; border-bottom: 1px dotted #666; padding-bottom: 4px;}
h3 { font-size: 14px ; color: #333; font-style: italic;}
p, ul li { color:#036; font: 12px/1.4 Verdana, Helvetica, Arial, sans-serif;}

footer {
	font: 10px Helvetica, Arial, sans-serif;
	width: 900px;
	margin: 0 auto 20px;
	color: white;
	font-size: 10px;
}

#copyright {
	width: 50%;
	float: left;
}

#webcredit {
	width: 50%;
	float: right;
	text-align: right;
}

.photoborder {
	border: 9px solid #F8F2E9;
	border-radius: 12px;
	box-shadow: 3px 3px 5px #999;
	-moz-box-shadow: 3px 3px 5px #999;
	-webkit-box-shadow: 3px 3px 5px #999;
	
}

/*put class of group on footer.
Place footer outside of page-wrap, give it same width as page-wrap. */


/* CLEARFIX by Chris Coyier css-tricks.com, lynda.com */
.group:after {
        visibility: hidden;
        display: block;
        content: "";
        clear: both;
        height: 0;
        }
* html .group             { zoom: 1; } /* IE6 */
*:first-child+html .group { zoom: 1; } /* IE7 */
/* apply class of group to element we want to clear, i.e. #pagewrap*/



	
p.testimonial2 {
	font: normal 11px/1.3em Tahoma, Geneva, Verdana, Helvetica, Arial, sans-serif;
}

p.testimonial1 {
	font: normal 11px/1.3em Tahoma, Geneva, Verdana, Helvetica, Arial, sans-serif;
	border-top: 1px dotted #666; padding-top: 12px;
}

p.testimonial3 { font-family: Tahoma, Geneva, sans-serif; font-size: 11px; font-style: italic; color: #963; line-height: normal;
	 }
p.photolabel {
	font: italic 12px Arial, Helvetica, sans-serif;
	color: #963;
}

p.lesslead { line-height:normal;}