body {background: #989890 url(bg_body.png) top center no-repeat; font: 62.5% "Trebuchet MS", arial, sans-serif; color: #333;}
p {font-size: 1.1em; line-height: 1.3em;}
h2 {font-size: 1.6em; color: #a30303;}	
ul {list-style:disc; line-height: 15px;}
ol {list-style: decimal; line-height: 15px; margin: 15px 0 10px 25px;}
li {font-size: 1.1em; padding: 0 0 5px 0;}
blockquote {font-size: 1.6em; line-height: 1.4em; color: #2a3c45;}
strong {font-weight: bold;}
em {font-style: italic;}

a {color: #a30303; text-decoration: none;}
a:hover {text-decoration: underline;}
		
#container {margin: 0 auto; width: 774px;}

#main {margin: 0 auto; width: 774px; padding: 0 0 0 7px;}

#header {background: #2a3c45; width: 760px; overflow: hidden;}

#header h1 {width: 175px; height: 77px; background: url(logo.png) no-repeat; text-indent: -100em; float: left;}

#nav {float: right; margin: 51px 16px 0 0;}
#nav ul {height: 26px; list-style: none; display: inline; overflow: hidden;}
#nav li {list-style: none; display: inline;}
#nav a {padding: 26px 0 0 0; float: left; overflow: hidden; height: 0px !important;}
#nav a:hover {background-position: 0 -26px;}
#nav a:active, #nav a.selected {background-position: 0 -26px;}

#tabout a {width: 60px; background: url(nav_about.png) top left no-repeat;}
#ttours a {width: 70px; background: url(nav_tours.png) top left no-repeat;}
#tuse a {width: 108px; background: url(nav_use.png) top left no-repeat;}
#tcreate a {width: 124px; background: url(nav_create.png) top left no-repeat;}
#teducators a {width: 102px; background: url(nav_educators.png) top left no-repeat;}
#tcontact a {width: 75px; background: url(nav_contact.png) top left no-repeat;}

#home_banner {width: 760px; height: 251px; text-align: right; position: relative;}
#home_banner .title {position: absolute; bottom: 10px; right: 90px;}
#home_banner .sample {position: absolute; bottom: 8px; right: 16px; cursor: pointer;}
.homestead {background: url(banner1.jpg) 0 0 no-repeat;}
.works {background: url(banner2.jpg) 0 0 no-repeat;}
.frick {background: url(banner3.jpg) 0 0 no-repeat;}
.sprout {background: url(banner4.jpg) 0 0 no-repeat;}
.westmoreland {background: url(banner5.jpg) 0 0 no-repeat;}
.mellonsquare {background: url(banner6.jpg) 0 0 no-repeat;}
.grant {background: url(banner7.jpg) 0 0 no-repeat;}

#sub_banner {width: 760px; height: 148px; background-color: #efffcd; position: relative;}
#sub_banner h2 {color: #2a3c45; width: 450px; font-size: 3.7em; position: absolute; bottom: 5px; left: 40px; text-transform: uppercase;}
.tmp {background: url(bg_sub.jpg) top right no-repeat;}
.tmp3 {background: url(bg_sub3.jpg) top right no-repeat;}
.tmp4 {background: url(bg_sub4.jpg) top right no-repeat;}
.tmp5 {background: url(bg_sub5.jpg) top right no-repeat;}
.tmp6 {background: url(bg_sub6.jpg) top right no-repeat;}

#tour_banner {width: 760px; height: 112px; background-color: #efffcd; position: relative; padding: 36px 0 0 0;}
#tour_banner h2 {width: 239px; height: 32px; background: url(hdr_taketour.png) no-repeat; text-indent: -100em; margin: 0 0 0 32px;}
#tour_banner p {margin: 12px 0 0 40px; width: 450px; font-size: 1.3em; line-height: 1.4em;}
.tmp2 {background: url(bg_sub2.jpg) top right no-repeat;}

#home {background: url(bg_home.png) top left repeat-y; overflow: auto; margin: 4px 0 0 0; width: 760px;}

#home #col_left {width: 474px; float: left;}
#home #col_left h2 {margin: 16px 0 12px 40px;}
#home #col_left p {font-size: 1.2em; line-height: 1.4em; margin: 0 20px 16px 40px;}

#home #col_left hr {border:0; border-top: 1px solid #fff; height: 0; background: #fff; padding: 0; margin: 0;}

#taketour {background: #efffcd; overflow: auto;}
#taketour p {float: right; font-size: 1.4em !important; width: 230px; padding: 52px 15px 0 0; margin: 0 !important; line-height: 1.2em; }

#home #col_right {float: right; width: 267px; margin: 0 9px 0 0;}
#home #col_right h2 {font-size: 2.0em; color: #777; margin: 0 0 0 15px;}

#home #col_right hr {border:0; border-top: 1px solid #c6da4b; height: 0; background: #c6da4b; margin: 10px 0;}

#home .tagline {margin: 27px 0 27px 15px;}

#home .tour {margin: 0 0 10px 15px; font-size: 1.1em; line-height: 1.4em;}
#home .tour img {float: left; margin: 1px 15px 0 0; border: 1px solid #888;}
#home .tour a {font-weight: bold; text-transform: uppercase;}

#home #logos {margin: 10px 0 0 15px;}
#home #logos p {font-size: 1.1em; line-height: 1.2em; padding: 0 20px 10px 0;}

#sub {overflow: auto; margin: 4px 0 0 0; width: 760px; position: relative;}

#sub #col_left {width: 476px; margin: 10px 0 0 40px; float: left;}
#sub #col_left h3, #sub #col_left h4 {font-size: 16px;  color: #2a3c45; font-weight: bold}
#sub #col_left h3 {text-transform: uppercase; margin: 15px 0;}
#sub #col_left h4 {margin: 15px 0 10px 0;}
#sub #col_left p {color: #333; margin: 0 0 10px 0; font-size: 1.2em; line-height: 1.5em;}
#sub #col_left ul {margin: 10px 0 10px 12px;}
#sub #col_left li {font-size: 11px; font-size: 1.2em;}

#sub #col_right {float: right; width: 200px; margin: 10px 9px 0 0;}

#sub hr {border:0; border-top: 1px solid #c6da4b; height: 0; background: #c6da4b; clear: left;}

#sub .listing {width: 325px; margin: 20px 0 25px 40px; font-size: 1.1em; line-height: 1.4em; float: left;}
#sub .listing img {float: left; margin: 0 15px 0 0; border: 1px solid #888;}
#sub .listing a {font-weight: bold; text-transform: uppercase;}
#sub .listing p {font-size: 1.0em; margin: 3px 0; line-height: 1.4em;}

#tour {overflow: auto; margin: 4px 0 0 0; width: 760px; background: url(bg_tours.png) top left repeat-y;}

#tour .sample {cursor: pointer;}

#tour #col_left {width: 476px; float: left;}
#tour #col_left h2 {font-size: 2.0em; color: #2a3c45; font-weight: bold; margin: 15px 0 10px 0;}
#tour #col_left h3 {font-size: 1.6em; color: #2a3c45; font-weight: bold; margin: 0 0 10px 0;}
#tour #col_left p {font-size: 1.2em; line-height: 1.4em; margin: 0 20px 10px 0;}
#tour #col_left p span {font-size: 1.3em; line-height: 1.5em;}

#tour #brochure {background: #efffcd; overflow: auto; padding: 0 0 5px 33px; border-top: 6px solid #fff;}
#tour #brochure div {float: right; width: 114px; text-align: center; padding: 7px 7px 0 33px;}
#tour #brochure div p {margin: 5px 0 10px 0; font-size: 1.1em; font-weight: bold; line-height: 1.3em; color: #999}

#tour #audio {border-top: 1px solid #fff; background: #fff; }

#tour .info {border-top: 1px solid #fff; padding: 20px 15px 10px 33px;}

#tour #col_right {float: right; width: 278px;}
#tour #col_right h2 {width: 236px; height: 50px; background: url(hdr_buytour.png) no-repeat; text-indent: -100em; margin: 14px 0 15px 20px;}
#tour #col_right h3 {font-size: 1.8em; font-weight:bold; color: #222; margin: 6px 0 0 20px;}
#tour #col_right p { margin: 15px 30px 0 20px; font-size: 1.2em;}
#tour #col_right table {margin: 0 0 5px 10px;}
#tour #col_right td {font-size: 1.4em; color: #999; padding: 0 0 10px 20px; white-space: nowrap}
#tour #col_right ul {margin: 15px 30px 0 30px;}
#tour #col_right li {padding: 0 0 8px 0; font-size: 1.1em;}


#tour #col_right hr {border:0; border-top: 1px solid #c6da4b; height: 0; background: #c6da4b; width: 268px; margin: 6px 0 0 0;}

#slider {padding: 0 0 10px 0;}

#slider ol {font-size: 1.1em; margin: 10px 30px 0 36px !important;}
#slider li {line-height: 1.4em;}
#slider p { margin: 0px 30px 5px 20px !important;}

p.small {font-size: 10px;}

#footer {border-top: 1px solid #c6da4b; margin: 18px 23px 20px 8px; padding: 10px;}
#footer ul, #footer li {list-style: none; display: inline; font-size: 1.0em;}
#footer li {margin: 0 4px;}