/* keysite version="1.0" */

/* CSS styles for regular screen display */

/* PHP variables go here */

   



/* Basics */

html {}
body { font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; }

p, li { font-family:Georgia, Times, "Times New Roman", serif; font-size:95%; line-height:24px; }

a { text-decoration:none; border-bottom:1px solid; }
a:visited { border-bottom-style:dotted; }
a:hover { border-bottom-style:dashed; }
a:active { border-bottom-style:none; }

h1 { font-weight:bold; font-size:175%; letter-spacing:-1px; line-height:24px; margin-bottom:24px; }
h2 { font-weight:bold; font-size:135%; letter-spacing:-1px; line-height:24px; margin-bottom:0px; }
h3 { line-height:24px; }
h4 { font-weight:bold; line-height:24px; }

/* Layout */
#page { width:860px; margin:50px auto; padding:40px 50px 50px; }

#header a { text-decoration:none; border:none; font-size:180%; font-weight:bold; letter-spacing:-1px; display:block; float:left; }
#header a em { font-weight:normal; }
#header a img { margin-top:0; }
#header p { float:right; font-size:120%; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing:-1px; line-height:39px; }
#header p em { font-weight:bold; font-size:120%; }
#header img { margin-top:15px; }

#nav { border-bottom:5px solid; margin-bottom:1px; margin-top:25px; }
#nav li { font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; }
#nav li a { display:block; float:left; border:none; padding:2px 10px; border-right:1px solid; border-bottom:1px solid; }
#nav li a.on { cursor:default; }
#nav li.tagline { float:right; font-size:110%; font-style:italic; letter-spacing:-1px; }

#content-wrapper { clear:both; border-top:10px solid; }

#content { float:left; padding-top:22px; }
#content p { padding-bottom:1.5em; }
#content strong { font-weight:bold; }
#content em { font-style:italic; }
#content ul, #content ol { padding-left:20px; padding-bottom:1.5em; }
#content ol { padding-left:20px; padding-bottom:1.5em; }
#content ul { padding-left:16px; padding-bottom:1.5em; }
#content ul li { list-style-type:square; padding-left:9px; }
#content ol li { list-style-type: decimal; padding-left:5px; }

#aside { float:right; padding:12px 0 22px; }
#aside img { margin-top:10px; }
#aside small { display:none; }

#keywords { clear:both; border-top:5px solid; width:100%; background-image:url('../images/shim.png'); background-repeat:repeat-x; 
background-position:top; }
#keywords li { float:left; font-size:60%; font-family:Helvetica, "Helvetica Neue", Arial, sans-serif; border-right:1px solid; border-top:1px solid; 
padding:2px 7px; }
#keywords li.clear { clear:both; float:none; }
		
#footer { clear:both; }
#footer p { margin-top:25px; }
#footer p cite { float:right; font-style:italic; }
#footer p cite a { font-style:normal; }

/* Varying content column widths for pages */
body#home-page #content { width:500px; }
body#home-page #aside { width:320px; }

body#contact-us #content { width:320px; }
body#contact-us #content span { display:block; }
body#contact-us #content span.tel { display:inline; }

body#contact-us #aside { width:500px; }
body#contact-us #aside iframe { width:498px; height:400px; margin-top:12px; border:1px solid #666; }


/* Colours */
html { background-color:#E7E7DE; }

li, p { color:#666; }

a { border-bottom-color:#4a4b4b; }

h1, h2, h3 { color:#4a4b4b; }

a { color:#4a4b4b; }

h4 { color:#666; }

#page { background-color:white; }

#header a { color:#666; }
#header a em { color:#4a4b4b; }
#header p { color:#666; }

#nav { border-bottom-color:#4a4b4b; }
#nav li a { background-color:#E7E7DE; border-right-color:white; border-bottom-color:white; }
#nav li a:hover { background-color:#4a4b4b; color:white; border-right-color:white; border-bottom-color:white; }
#nav li a:active { background-color:#fff; color:#4a4b4b; }
#nav li a.on { background-color:#4a4b4b; color:white; border-bottom-color:#4a4b4b; }

#content-wrapper { border-top-color:#E7E7DE; }

body#contact-us #aside #map { background-color:#E7E7DE; }

#keywords { border-top-color:#E7E7DE; background-color:#E7E7DE; }
#keywords li { background-color:#E7E7DE; color:#4a4b4b; border-top-color:white; 
border-right-color:white; }
		
#footer p { color:#999; }

/* Clear Fix */
.clearfix:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; }
.clearfix { width:100%; }
html[xmlns] .clearfix { display:block; }
* html .clearfix { height:1%; }

/* Enhancements for modern browsers */

#page { border-radius:25px; -webkit-border-radius:25px; -moz-border-radius:25px; }

#nav li a { -webkit-transition: all 0.15s linear; }

#nav li:first-child a { border-top-left-radius:6px; -webkit-border-top-left-radius:6px; -moz-border-radius-topleft:6px; }
#nav li:nth-child(2) a { border-top-right-radius:6px; -webkit-border-top-right-radius:6px; -moz-border-radius-topright:6px; }