/* ---------------------------------------------------------------
Title:    I Climbed Table Mountain
Company:  Key Solutuions
Designer: Andre Bruton
URL:      www.key.co.za
Date:     14 April 2009

© Copyright 2009, Key Solutions | All Rights Reserved
--------------------------------------------------------------- */

body {
background-color:#EBE6DD;
font:100% Georgia, "Times New Roman", Times, serif;
margin:0;
min-width:1024px;
padding:0;
text-align:center;
}

#brandingbg {
background:url(../images/bg-top.jpg) repeat-x center top;
font:100% Georgia, "Times New Roman", Times, serif;
margin:0;
min-width:840px;
padding:0;
text-align:center;
}

#wrapper {
height:284px;
margin:0 auto;
text-align:right;
width:800px;
}

#address {
color:#636365;
float:right;
font-family:Helvetica, Verdana, Arial, sans-serif;
font-size:12px;
letter-spacing:1px;
line-height:14px;
margin:0 auto;
padding-top:0;
text-align:center;
width:555px;
}

#phone {
color:#6A829C;
float:left;
font-family:Helvetica, Verdana, Arial, sans-serif;
font-size:26px;
font-weight:700;
height:30px;
line-height:45px;
text-align:left;
width:225px;
}

#phone .floatlft-sb {
float:left;
padding:5px 10px 0 5px;
}

#logo {
display:block;
float:left;
height:120px;
margin-bottom:40px;
margin-top:25px;
padding:0;
width:236px;
}

#logo a {
background:url(../images/logo.jpg) no-repeat center top;
float:left;
height:120px;
padding:0;
width:236px;
}

#banner1 {
background:url(../images/header1.jpg) no-repeat center top;
float:right;
height:230px;
margin-top:0;
text-align:left;
width:555px;
}

#banner2 {
background:url(../images/header2.jpg) no-repeat center top;
float:right;
height:230px;
margin-top:0;
text-align:left;
width:555px;
}

#banner3 {
background:url(../images/header3.jpg) no-repeat center top;
float:right;
height:230px;
margin-top:0;
text-align:left;
width:555px;
}

#banner3b {
background:url(../images/header3b.jpg) no-repeat center top;
float:right;
height:230px;
margin-top:0;
text-align:left;
width:555px;
}

#banner3c {
background:url(../images/header3c.jpg) no-repeat center top;
float:right;
height:230px;
margin-top:0;
text-align:left;
width:555px;
}

#banner3d {
background:url(../images/header3d.jpg) no-repeat center top;
float:right;
height:230px;
margin-top:0;
text-align:left;
width:555px;
}

#banner4 {
background:url(../images/header4.jpg) no-repeat center top;
float:right;
height:230px;
margin-top:0;
text-align:left;
width:555px;
}

#banner5 {
background:url(../images/header5.jpg) no-repeat center top;
float:right;
height:230px;
margin-top:0;
text-align:left;
width:555px;
}

#banner6 {
background:url(../images/header6.jpg) no-repeat center top;
float:right;
height:230px;
margin-top:0;
text-align:left;
width:555px;
}

#home #sddm .home a,#certificate #sddm .certificate a,#routes #sddm .routes a,#links #sddm .links a,#faq #sddm .faq a,#footerNav {
float:left;
margin-top:12px;
padding:0;
width:600px;
}

#footerNav ul {
float:left;
list-style:none;
margin:0;
padding:0;
width:485px;
}

#footerNav ul a {
border-right:1px solid #517391;
color:#ABB4C3;
display:block;
float:left;
font-family:Helvetica, Verdana, Arial, sans-serif;
font-size:12px;
font-weight:700;
line-height:12px;
margin:0;
padding:8px 10px;
text-decoration:none;
}

#footerNav li {
float:left;
}

#footerNav ul a:hover {
background:#8D9CB0;
color:#EBE6DD;
font-weight:700;
text-decoration:none;
}

#footerNav ul a:active {
text-decoration:none;
}

#home #footerNav .home a,#certificate #footerNav .certificate a,#routes #footerNav .routes a,#links #footerNav .links a,#faq #footerNav .faq a,#specials #footerNav .specials a,#contact #footerNav .contact a {
background:#8D9CB0;
color:#EBE6DD;
cursor:default;
font-size:12px;
line-height:12px;
}

#contentbg {
background:url(../images/bg-content.jpg) repeat-y center top;
color:#000;
font:100% Georgia, "Times New Roman", Times, serif;
margin:0;
min-width:840px;
padding:0;
text-align:center;
}

#contentwrapper {
margin:0 auto;
text-align:left;
width:800px;
}

#content {
float:right;
margin-top:0;
text-align:left;
width:520px;
}

#content h1 {
color:#6A829C;
font-family:"AvantGarde-Medium", Avant Garde, Geneva, Verdana, Helvetica Neue, Helvetica, Arial;
font-size:25px;
font-weight:400;
line-height:30px;
padding-bottom:3px;
padding-right:20px;
padding-top:3px;
}

#content h2 {
border-bottom:1px solid #EBE6DD;
color:#333;
font-family:Helvetica, Verdana, Arial, sans-serif;
font-size:16px;
font-weight:700;
line-height:25px;
margin-right:20px;
padding-left:3px;
padding-top:3px;
}

#content h3 {
color:#513F3D;
font-family:Helvetica, Verdana, Arial, sans-serif;
font-size:18px;
font-weight:700;
line-height:25px;
margin-right:20px;
padding-left:3px;
}

#content p {
color:#333;
font-family:Helvetica, Verdana, Arial, sans-serif;
font-size:14px;
line-height:20px;
padding-left:8px;
padding-right:30px;
}

#content img {
border-color:#EBE6DD;
color:#EBE6DD;
}

#content strong {
color:#513F3D;
}

#content em {
color:#513F3D;
font-family:Georgia, "Times New Roman", Times, serif;
}

#sidelist {
background:url(../images/bg-sidelist.jpg) no-repeat center top;
float:left;
padding-bottom:5px;
text-align:left;
width:247px;
}

#sidelist ul {
list-style-type:none;
margin-left:0;
margin-right:0;
padding-left:0;
padding-right:15px;
}

#sidelist ul a {
color:#636365;
display:block;
font-family:Helvetica, Verdana, Arial, sans-serif;
font-size:16px;
height:27px;
line-height:28px;
padding-left:6px;
text-decoration:none;
}

#sidelist li {
color:#6A829C;
display:block;
font-family:Helvetica, Verdana, Arial, sans-serif;
font-size:13px;
font-weight:400;
line-height:16px;
list-style:none;
}

#sidelist ul a:hover {
background:url(../images/sidelist-hover.jpg) repeat-y center top;
color:#EBE6DD;
height:27px;
line-height:28px;
padding-left:6px;
}

html>body #sidelist ul a {
margin:auto;
}

#home #sidelist .home a,#certificate #sidelist .certificate a,#routes #sidelist .routes a,#links #sidelist .links a,#faq #sidelist .faq a,#specials #sidelist .specials a,#contact #sidelist .contact a {
background:none;
color:#6A829C;
cursor:default;
line-height:28px;
margin-right:10px;
padding-left:6px;
}

#sidelist p {
color:#6A829C;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
font-weight:400;
line-height:16px;
padding-left:5px;
padding-right:20px;
}

#endbg {
background:url(../images/bg-footer.jpg) no-repeat center top;
background-color:#6A829C;
color:#EBE6DD;
font:100% Georgia, "Times New Roman", Times, serif;
margin:0;
min-width:840px;
padding:0;
text-align:center;
}

#end {
font-family:Helvetica, Verdana, Arial, sans-serif;
font-size:11px;
height:100px;
margin:0 auto;
padding:50px 10px 50px 0;
text-align:right;
width:800px;
}

#sitemap {
float:left;
font-family:Helvetica, Verdana, Arial, sans-serif;
font-size:13px;
margin:0 auto;
padding-left:10px;
text-align:left;
width:580px;
}

#contactform {
float:left;
margin-left:20px;
width:420px;
}

#contactform .normal {
color:#535154;
}

a:hover {
color:#636365;
text-decoration:none;
}

a:active {
text-decoration:underline;
}

a.link2:link {
color:#636365;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
font-weight:400;
text-decoration:underline;
}

a.link2:hover {
color:#6A829C;
font-size:12px;
font-weight:400;
text-decoration:none;
}

a.designer:hover {
color:#EBE6DD;
font-size:12px;
text-decoration:underline;
}

#footer,.clear {
clear:both;
}

a:link,a:visited {
color:#6A829C;
text-decoration:underline;
}

a.link2:visited,a.link2:active {
color:#636365;
font-size:12px;
font-weight:400;
text-decoration:underline;
}

a.designer:link,a.designer:visited,a.designer:active {
color:#ABB4C3;
font-size:12px;
text-decoration:none;
}