@charset "UTF-8";
/* CSS Document */
/* Table of Contents:

Global Styles – (body, paragraphs, lists, etc)
Header
Page Structure
Headings
Text Styles
	
*/
/* Reset
--------------------------------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}


body { line-height: 1.5; background: #fff; margin:1.5em 0; }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a img { border: none; }



/* Global Styles
--------------------------------------------------------------------------------------- */
html, body { border:0; margin:0; padding:0; font-family:'Arial', Helvetica, Lucida Grande sans-serif; color:#8a7d5f; text-align:center; background-color:#f7f5f0; height:100%; font-size:12px; }


/* Page Structure
--------------------------------------------------------------------------------------- */

#page {margin: 0 auto; width:900px; }

#banner { background:url(../images/bDrop_banner.jpg) no-repeat; height:338px; }

#home, #history, #awards, #plan, #heritage, #interior, #energy, #modelling, #archicentre, #links, #contact, #staff, #forms, #media, #projects, #test, #blog {text-align:left; padding:45px 40px 30px 40px; }


 
.image {float:right; width:245px; margin:5px 35px 15px 0; }
#video {float:right; width:346px; margin:5px 0 15px 35px; z-index:0; position:relative; }

#teaser_wrap {width:868px; height:152px; margin:30px 0px 0px 0px;}

#teaser { list-style:none;	 padding:0px; clear:both; line-height:0px;}
#teaser li { float:left;}
#teaser li a { height:152px; display:block; float:left; text-decoration:none; text-indent: -900em;}

#footer {background:url(../images/bDrop_footer.gif) no-repeat;  padding-top:15px; padding-left:40px; height:35px; font-family:'Arial', Helvetica, Lucida Grande sans-serif; font-size:9px; font-weight:400; color:#796d51;}

#flash {  position:relative; z-index: 0; width:727; height:500; }

.people {margin:0 0 35px 0; width:350px; }
.title {padding-top:30px;}
.break {margin:20px 0; clear:both; }
.img {float:left; margin-right:15px;}


/* Nav Test
--------------------------------------------------------------------------------------- */



#nav { float:right; padding:0; margin:0; list-style:none; height:15px; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}

#nav li a.home {display:block; float:left; height:15px; width:78px; text-decoration:none; padding:0 0 0 12px; cursor:pointer; background:url(../images/bt_home.gif) no-repeat; text-indent:-9999px;}
#nav li a.home:hover {background: url(../images/bt_homeOV.gif) no-repeat;}

#nav li a.projects {display:block; float:left; height:15px; width:110px; text-decoration:none; padding:0 0 0 12px; cursor:pointer; background:url(../images/bt_projects.gif) no-repeat; text-indent:-9999px;}
#nav li a.projects:hover {background: url(../images/bt_projectsOV.gif) no-repeat;}

#nav li a.links {display:block; float:left; height:15px; width:77px; text-decoration:none; padding:0 0 0 12px; cursor:pointer; background:url(../images/bt_links.gif) no-repeat; text-indent:-9999px;}
#nav li a.links:hover {background: url(../images/bt_linksOV.gif) no-repeat;}

#nav li a.contact {display:block; float:left; height:15px; width:103px; text-decoration:none; padding:0 0 0 12px; cursor:pointer; background:url(../images/bt_contact.gif) no-repeat; text-indent:-9999px;}
#nav li a.contact:hover {background: url(../images/bt_contactOV.gif) no-repeat;}


#nav li.top {display:block; float:left; height:15px;}

#nav li a.overview {display:block; float:left; height:35px; width:107px; text-decoration:none;padding:0 0 0 12px; cursor:pointer; background:url(../images/bt_overview.gif) no-repeat; text-indent:-9999px;}
#nav li a.overview:hover {background: url(../images/bt_overviewOV.gif) no-repeat;}

#nav li a.services {display:block; float:left; height:35px; width:104px; text-decoration:none;padding:0 0 0 12px; cursor:pointer; background:url(../images/bt_services.gif) no-repeat; text-indent:-9999px;}
#nav li a.services:hover {background: url(../images/bt_servicesOV.gif) no-repeat;}

#nav li a.extras {display:block; float:left; height:35px; width:85px; text-decoration:none;padding:0 0 0 12px; cursor:pointer; background:url(../images/bt_extras.gif) no-repeat; text-indent:-9999px;}
#nav li a.extras:hover {background: url(../images/bt_extrasOV.gif) no-repeat;}

#nav li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:35px; background:url(../images/bt_overview.gif) no-repeat;}
#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:35px; background:url(../images/bt_overviewOV.gif) no-repeat;}


/* Default list styling */

#nav li:hover {position:relative; z-index:200;}

#nav li:hover ul.sub
{left:1px; top:15px; background: #f7f5f0; padding:3px; border:1px solid #d6d0c0; white-space:nowrap; width:100px; height:auto; z-index:900;}

#nav li:hover ul.sub li
{display:block; height:15px; position:relative; float:left; width:100px;  font-weight:500; }

#nav li:hover ul.sub li a
{display:block; font-size:10px; height:16px; width:88px; line-height:16px; text-indent:5px; color:#796d51; text-decoration:none; text-transform:uppercase; }

#nav li:hover ul.sub li a:hover 
{ color:#a21418; border-color:#fff;}

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; z-index:500; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}



/* Nav Test End
--------------------------------------------------------------------------------------- */





/* Headings
--------------------------------------------------------------------------------------- */

h1, h2, h3 {}

#home h1, #history h1, #awards h1, #plan h1, #heritage h1, #interior h1, #energy h1, #modelling h1, #archicentre h1, #links h1, #contact h1, #staff h1, #forms h1, #media h1, #projects h1, #blog h1, #test h1 { width:570px; height:55px; margin:0; padding:0; background:url(../images/hd_home.gif) no-repeat top; text-indent:-9000px; }
#history h1 { background:url(../images/hd_history.gif) no-repeat top;  }
#awards h1 { background:url(../images/hd_awards.gif) no-repeat top;  }
#plan h1 { background:url(../images/hd_plan.gif) no-repeat top;  }
#heritage h1 { background:url(../images/hd_heritage.gif) no-repeat top; }
#interior h1 { background:url(../images/hd_interior.gif) no-repeat top; }
#energy h1 { background:url(../images/hd_energy.gif) no-repeat top; }
#modelling h1 { background:url(../images/hd_modelling.gif) no-repeat top; }
#archicentre h1 { background:url(../images/hd_archicentre.gif) no-repeat top; }
#links h1 { background:url(../images/hd_links.gif) no-repeat top; }
#contact h1 { background:url(../images/hd_contact.gif) no-repeat top; }
#staff h1 { background:url(../images/hd_staff.gif) no-repeat top; }
#forms h1 { background:url(../images/hd_forms.gif) no-repeat top; }
#media h1 { background:url(../images/hd_media.gif) no-repeat top; }
#projects h1 { background:url(../images/hd_projects.gif) no-repeat top; }
#blog h1 { background:url(../images/hd_blog.gif) no-repeat top; }
#test h1 { background:url(../images/hd_test.gif) no-repeat top; }

h2 { font-size:16px; color:#9f854a; line-height:21px; margin:5px; padding:4px; }

.list { font-size:12px; line-height:18px; margin:5px 5px 15px 25px; list-style-image:url(../images/ic_point.gif); padding:0 0 0 10px;  list-style-position: outside; display:block; }



/* Text Styles
--------------------------------------------------------------------------------------- */

p, .bold, .table { margin:5px; padding:4px; font-size:12px; line-height:18px; }

.bold {color:#796d51; margin:0; padding:0;}

/* Links
--------------------------------------------------------------------------------------- */

a, a:link, a:visited, a:hover {text-decoration:none; margin:0; padding:0; }

#nav ul li a.home { width: 74px; background: url(../images/bt_home.gif) no-repeat; text-indent: -9999px; }
#nav ul li a.about { width: 92px; background: url(../images/bt_about.gif) no-repeat; text-indent: -9999px; }
#nav ul li a.history { width: 84px; background: url(../images/bt_history.gif) no-repeat; text-indent: -9999px; }
#nav ul li a.gallery { width: 84px; background: url(../images/bt_gallery.gif) no-repeat; text-indent: -9999px; }
#nav ul li a.faqs { width: 61px; background: url(../images/bt_faq.gif) no-repeat; text-indent: -9999px; }
#nav ul li a.maps { width: 62px; background: transparent url(../images/bt_maps.gif) no-repeat;  text-indent: -9999px; }
#nav ul li a.pricing { width: 78px; background: url(../images/bt_pricing.gif) no-repeat; text-indent: -9999px; }
#nav ul li a.echuca { width: 127px; background: url(../images/bt_echuca.gif) no-repeat; text-indent: -9999px; }
#nav ul li a.service { width: 85px; background: url(../images/bt_services.gif) no-repeat; text-indent: -9999px; }
#nav ul li a.contact { width: 113px; background: url(../images/bt_contact.gif) no-repeat; text-indent: -9999px; }

#nav ul li a.home:hover { background: url(../images/bt_homeOV.gif) no-repeat; }
#nav ul li a.about:hover { background: url(../images/bt_aboutOV.gif) no-repeat; }
#nav ul li a.history:hover { background: url(../images/bt_historyOV.gif) no-repeat; }
#nav ul li a.gallery:hover { background: url(../images/bt_galleryOV.gif) no-repeat;}
#nav ul li a.faqs:hover { background: url(../images/bt_faqOV.gif) no-repeat; }
#nav ul li a.maps:hover { background: transparent url(../images/bt_mapsOV.gif) no-repeat;  }
#nav ul li a.pricing:hover { background: url(../images/bt_pricingOV.gif) no-repeat; }
#nav ul li a.echuca:hover { background: url(../images/bt_echucaOV.gif) no-repeat; }
#nav ul li a.service:hover { background: url(../images/bt_servicesOV.gif) no-repeat; }
#nav ul li a.contact:hover { background: url(../images/bt_contactOV.gif) no-repeat; }

#page a, a:link, a:hover, a:visited {color:#a21418; margin:0; padding:0; font-family:'Arial', Helvetica, Lucida Grande sans-serif; font-size:12px; }
#page a:hover { color:#a21418; text-decoration:underline;  }

#teaser #teaser-one a {	width:265px; background: url(../images/bt_teaser1.jpg) no-repeat left top; }
#teaser #teaser-one a:hover { background: url(../images/bt_teaser1.jpg) no-repeat left bottom;}

#teaser #teaser-two a {	width:300px; background: url(../images/bt_teaser2.jpg) no-repeat left top;}
#teaser #teaser-two a:hover { background: url(../images/bt_teaser2.jpg) no-repeat left bottom;}

#teaser #teaser-three a { width:289px; background: url(../images/bt_teaser3.jpg) no-repeat left top;}
#teaser #teaser-three a:hover { background: url(../images/bt_teaser3.jpg) no-repeat left bottom;}

#footer a, a:link, a:hover, a:visited { color:#796d51; text-decoration:none; font-family:'Arial', Helvetica, Lucida Grande sans-serif; margin:0 8px 0 8px; padding:0; font-size:9px; font-weight:400; }
#footer a:hover { color:#a21418; text-decoration:none;  }