/*  CSS Document                             */

@charset "UTF-8";

/* Global Styles */
body { margin: 0px; padding: 0px; font-family: Helvetica; font-size: 16px; background-color: #aaa;}

table { padding: 0; border-collapse: collapse; }


h1 { margin: 15px 0px 12px 0px; font-weight: normal; font-family: Georgia; font-size: 48px; color: #b80e0e; line-height: 50px; }
h2 { margin: 0px 0px .5em 0px; font-family: Georgia; font-size: 24px; color: #0e3ab8; }
h3 { font-size: 1.2em; margin: 0px 0px 0px 0px; color: #b80e0e; }
p,ul { margin: 0px 0px 1em 0px; line-height: 22px; color: #000; list-style-type:square;}
li { padding-right: 10px; display: inline; }
a { color: #900; text-decoration: none; }
.clear { clear: both; line-height: 1px; }

/* Page-specific Styles */


/* Global Layout */

header  { display: block; position: absolute; top: 0px; left: 0px; height: 70px; background: url(../images/template/background_banner.jpg?v=1) no-repeat 0px 0px; -webkit-box-shadow: 0px 5px 4px rgba(28,84,0,0.15); box-shadow: 0px 5px 4px rgba(28,84,0,0.15); }

article { display: block; position: absolute; top: 70px; left: 0px; background: url(../images/template/background_content.jpg?v=1) repeat-x 0px 0px; }
article .content_container { position: absolute; top: 0px; left: 0px; background: none; }
article .content_container .content_loading_container { position: absolute; top: 0px; padding: 40px 20px 0px 40px; }

footer  { display: block; position: absolute; bottom: 0px; left: 0px; height: 60px; background-color: #fff; }
footer span  { position: absolute; top: 18px; right: 24px; font-size: 12px; }

nav { position: absolute; bottom: 18px; left: 25px; }
nav a { padding: 15px 15px 15px 30px; background: url(../images/template/logo_nav.png?v=1) no-repeat 0px 7px; }
nav a.selected { background-position: 0px -43px; }

.banner_logo { position:absolute; top:0px; left:0px; }
.banner_notes { position:absolute; top:3px; right:0px; }

.gallery_container .thumbnail { float: left; margin: 0px 10px 10px 0px; display: inline-block; }
.gallery_container .thumbnail img { border: 2px solid rgba(255,255,255,0); }
.gallery_container .thumbnail img.selected { border-color: rgba(102,140,58,.4); }
.gallery_container .thumbnails .caption_text { display: none; }

.contact_us_content { width: 500px; }
.services_content { width: 500px; }
.pricing_content { width: 500px; }
.faq_content p { width: 800px; font-size: .9em; margin: 0px 0px .7em 0px; line-height: 17px;}

/* Page-specific Layout */
.page.home article .content_container { background: url(../images/template/background_content_home.jpg?v=1) no-repeat 0px 0px; }

/* Orientation-specific Layout - Landscape */
.page.landscape  { position: relative; width: 1024px; height: 748px; overflow: hidden; }
.page.landscape header  { width: 1024px; }
.page.landscape article { width: 1024px; height: 618px; }
.page.landscape footer  { width: 1024px; }

.page.landscape article .content_container { width: 1024px; height: 618px; }

.page.landscape .home_content { width: 475px; }
.page.landscape .video_graphic { position: absolute; right: 0px; top: 75px; }
.page.landscape .pricing_graphic { position: absolute; right: 0px; top: 125px; }
.page.landscape .contact_graphic { position: absolute; right: -500px; top: 0px; }

.page.landscape .gallery_container { width: 940px; position: relative; }
.page.landscape .gallery_container .detail { width: 530px; margin: 0px 10px 0px 0px; border-right: 2px solid rgba(102,140,58,.4); float: left; }
.page.landscape .gallery_container .detail img { width: 525px; height: 395px; }
.page.landscape .gallery_container .thumbnails { width: 380px; float: left; }
.page.landscape .gallery_container .thumbnails .thumbnail img { width: 110px; height: 83px; }
.page.landscape .gallery_container .thumbnails .caption { width: 385px; height: 50px; position: absolute; bottom: 12px; right: 0px; }

/* Orientation-specific Layout - Portrait */
.page.portrait { position: relative; width: 768px; height: 1004px; overflow: hidden; }
.page.portrait header  { width: 768px; }
.page.portrait article { width: 768px; height: 874px; }
.page.portrait footer  { width: 768px; }

.page.portrait article .content_container { width: 768px; height: 874px; }

.page.portrait.home .image_d { position: absolute; -webkit-transform: translate3d(330px,535px,0px); }
.page.portrait.home .image_b { position: absolute; -webkit-transform: translate3d(125px,575px,0px); }
.page.portrait.home .image_c { position: absolute; -webkit-transform: translate3d(55px,635px,0px); }
.page.portrait.home .image_a { position: absolute; -webkit-transform: translate3d(125px,730px,0px); }

.page.portrait .video_graphic { position: absolute; right: 0px; top: 470px; }

.page.portrait .gallery_container { height: 680px; position: relative; }
.page.portrait .gallery_container .detail { margin: 0px 0px 5px 0px; border-bottom: 2px solid rgba(102,140,58,.4); }
.page.portrait .gallery_container .detail img { width: 525px; height: 395px; margin: 0px 0px 0px 75px; }
.page.portrait .gallery_container .thumbnails { margin-top: 85px; }
.page.portrait .gallery_container .thumbnails .thumbnail img { width: 100px; height: 76px; }
.page.portrait .gallery_container .thumbnails .caption { height: 50px; position: absolute; top: 410px; left: 0px; }