/* ksab.css
version 0.6.3 Andrew Draskoy, Hello World! Creative helloworldcreative.com
*/
 
/* 
Colour Palette

#4b3414		brown	
#ffffff		white
#0a0a0a		almost black green
#8f974a		olive
#8ea592		grey-green
#d9cb9b		light tan
#ab8a4e		dark tan
#745051		purpley brown
*/


* {
  margin: 0;
  padding: 0;
}

body {
  font-size: 62.5%;
  font-family: Arial, sans-serif;
  background: #4b3414;
}

#container {
  background: url(image/header-bg.jpg) no-repeat center top;
}

.hidden {
  display: none !important;
}

.icon img,
.icon a,
.icon a:link,
.icon a:hover,
.icon a:active,
.icon a:visited  {
  border: 0;
}
/* :focus { -moz-outline-style: none; } */
a { outline: none; }

.w960 {
  width: 960px;
  margin-left: auto;
  margin-right: auto;
}

.w880 {
  width: 880px;
  margin-left: auto;
  margin-right: auto;
}

/* HEADER */

#header {
  height: 86px;
}

#logo {
  float: left;
  padding-top: 36px;
}

#phone1 {
  float: right;
  padding-top: 54px;
}

/* NAVIGATION */

ul.nav {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}

ul.nav li {
  display: block;
  list-style-type: none;
  float: left;
  text-align: center;
}

/* NAV1 - SMALL NAVIGATION BUTTONS */

ul#nav1 {
    width: 880px; height: 28px;
    background: url(image/nav1.jpg);
    margin: 0 auto;
    padding: 0;
    position: relative;
}

ul#nav1 li {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: 0;
}

ul#nav1 li, ul#nav1 li a {
    height: 91px;
    display: block;
}

#n1-1 { left: 0; width: 220px; }
#n1-2 { left: 220px; width: 220px; }
#n1-3 { left: 440px; width: 220px; }
#n1-4 { left: 660px; width: 220px; }

#n1-1 a:active { background: transparent url(image/nav1.jpg) 0px -66px no-repeat; }
#n1-2 a:active { background: transparent url(image/nav1.jpg) -220px -66px no-repeat; }
#n1-3 a:active { background: transparent url(image/nav1.jpg) -440px -66px no-repeat; }
#n1-4 a:active { background: transparent url(image/nav1.jpg) -660px -66px no-repeat; }

#n1-1 a:hover { background: transparent url(image/nav1.jpg) 0px -99px no-repeat; }
#n1-2 a:hover { background: transparent url(image/nav1.jpg) -220px -99px no-repeat; }
#n1-3 a:hover { background: transparent url(image/nav1.jpg) -440px -99px no-repeat; }
#n1-4 a:hover { background: transparent url(image/nav1.jpg) -660px -99px no-repeat; }

#n1-1 .selected { background: transparent url(image/nav1.jpg) 0px -33px no-repeat; }
#n1-2 .selected { background: transparent url(image/nav1.jpg) -220px -33px no-repeat; }
#n1-3 .selected { background: transparent url(image/nav1.jpg) -440px -33px no-repeat; }
#n1-4 .selected { background: transparent url(image/nav1.jpg) -660px -33px no-repeat; }

/* NAV2 - LARGE NAVIGATION BUTTONS */

ul#nav2 {
    width: 880px; height: 91px;
    background: url(image/nav2.jpg);
    margin: 0 auto;
    padding: 0;
    position: relative;
}

ul#nav2 li {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: 0;
}

ul#nav2 li, ul#nav2 li a {
    height: 91px;
    display: block;
}

#n2-1 { left: 0; width: 292px; }
#n2-2 { left: 293px; width: 292px; }
#n2-3 { left: 586px; width: 292px; }

#n2-1 a:active { background: transparent url(image/nav2.jpg) 0px -192px no-repeat; }
#n2-2 a:active { background: transparent url(image/nav2.jpg) -293px -192px no-repeat; }
#n2-3 a:active { background: transparent url(image/nav2.jpg) -586px -192px no-repeat; }

#n2-1 a:hover { background: transparent url(image/nav2.jpg) 0px -288px no-repeat; }
#n2-2 a:hover { background: transparent url(image/nav2.jpg) -293px -288px no-repeat; }
#n2-3 a:hover { background: transparent url(image/nav2.jpg) -586px -288px no-repeat; }

#n2-1 .selected { background: transparent url(image/nav2.jpg) 0px -96px no-repeat; }
#n2-2 .selected { background: transparent url(image/nav2.jpg) -293px -96px no-repeat; }
#n2-3 .selected { background: transparent url(image/nav2.jpg) -586px -96px no-repeat; }

/* CONTENT */

#content-container {
  background: url(image/bg-tile.jpg) repeat-y center top;
}

#content-top-bg {
  height: 135px;
  padding: 0;
  background: url(image/content-top.jpg) no-repeat center top;
  margin-bottom: -97px;
}

#content {
}

#content-bottom-bg {
  margin: 0 auto;
  background: url(image/content-bottom.jpg) no-repeat center bottom;
  margin-top: -173px;
  height: 216px;
}

/* FOOTER */

#page-bottom {
  clear: both;
  margin: 0 auto;
  background: url(image/footer.jpg) no-repeat center bottom;
  height: 115px;
  width: 100%;
  color: #4b3414;
}

#footer {
  position: relative;
  height: 115px;
}

#footer-left {
  position: absolute;
  left: 0;
  top: 10px;
  height: 92px;
}

#footer-left img {
  margin: 16px 27px;
}

#footer-centre {
  padding-top: 22px;
  width: 340px;
  margin: auto;
  font-size: 1.2em;
  height: 68px;
  text-align: center;
}
 
#footer-centre h4 {
  font-size: 1.3em;
}

#footer-right {
  position: absolute;
  top: 4px;
  right: 0;
  text-align: right;
  height: 80px;
}

#contact {
  font-size: 2.4em;
}

#phone2 {
  margin-bottom: -2px;
}

#email img {
  margin-top: 5px;
  vertical-align: bottom;
}

#email, #email a, #email a:hover, #email a:visited {
  color: #4b3414;
  text-decoration: none;
  font-size: 1.2em;
}

#email a:hover {
  text-decoration: underline;
}

#outer-footer {
  height: 17px;
  color: white;
  padding-top: 7px;
  text-align: center;
}

#outer-footer p {
  margin: 0;
  padding: 0;
}

/* INFO PAGES CONTENT */

.content {
  width: 810px;
  min-height: 401px;
  margin: 0 auto;
}

.clear {
  clear: both;
}

div#content {
  font-size: 1.4em;
  color: #4b3414;
}

div#content p {
  margin: 0 0 1.4em 0;
}

div#content .heading {
  margin: 0.8em 0 0.8em 0;
}

div#content .top-heading {
  margin: 0 0 0.2em 0;
}

div#content .heading2 {
  margin: 0.9em 0 0.4em 0;
}

div.col1 {
  width: 810px;
  clear: both;
}

div.col2 {
  width: 810px;
  clear: both;
}

div#content div.left {
  float: left;
  width: 365px;
}

div#content div.right {
  float: right;
  width: 365px;
}

div#content p {
  text-align: justify;
}

div#content .purple {
  color: #745051;
}

div#content .brown {
  color: #4b3414;
}

div#content .grey {
  color: #8ea592;
  color: #745051;
}

div#content .link {
  margin-left: 0.4em;
}

div#content li {
  list-style-type: none;
  margin-right: 0.6em;
}

div.right img.photo {
  width: 384px;
  height: 201px;
  margin: -7px -9px 13px -10px;
  float: right;
}

div#content ul.alist {
  list-style-image: url(image/arrow12.png);
}

div#content ul.alist li {
  margin-bottom: 0.6em;
}

/* SPECIFIC PAGES */

/* INDEX PAGE */

div#index {
  width: 853px;
  height: 501px;
  
  padding: 0;
}

div#index-text {
  text-align: justify;
  width: 338px;
  float: right;
  color: #fff;
  padding: 0;
  margin: 0;
}

div#index-text p {
  padding: 29px 35px 0 0;
  margin: 0;
}

/* BUILDING PAGE */

div#building img#options {
  margin: 11px 0 20px 20px;
}

div#building img#elevations {
  margin-left: -45px;
}

/* LOCATION PAGE */

div#location .map {
  margin-top: 1.0em;
}

/* FAQ PAGE */

.faq-q {
  margin-bottom: 0.2em;
}

.faq-a {
  margin-bottom: 0.8em;
}

.faq-a, .faq-q {
  margin-left: 1.3em;
  text-indent: -1.3em;
  line-height: 1.2em;
}

/* DEVELOPER PAGE */

#ksab-logo {
  width: 385px;
  height: 200px;
  margin: -10px 0 28px 0;
}