/* CSS Document */

@import "kailis-common.css";

h1 {margin:-4px 0 0 0; padding:0;}
h2 {margin:0; padding:0;}

#masthead {  background:url(images/logo.gif) no-repeat left bottom;}

#navigation-wrap {width:925px; height:335px; padding:0; margin:0; position:relative; }

#navigation { position:absolute; bottom:0; left:0; }
* html body #navigation { bottom: 3px; }
#navigation a {float:left; display:block; text-indent:-9999px;height:55px; outline:none; cursor: pointer;}

#navigation a#engineeringlink {width:167px;  background:url(images/nav-engineering.png) no-repeat bottom left;  }
#navigation a#engineeringlink.active, #navigation a#engineeringlink:hover  {background:url(images/nav-engineering-active.png) no-repeat bottom left;}
#navigation a#commerciallink { width:166px;  background:url(images/nav-commercial.png) no-repeat bottom left; }
#navigation a#commerciallink.active, #navigation a#commerciallink:hover {  background:url(images/nav-commercial-active.png) no-repeat bottom left;}
#navigation a#leisurelink {  width:167px;  background:url(images/nav-leisure.png) no-repeat bottom left;}
#navigation a#leisurelink.active, #navigation a#leisurelink:hover { background:url(images/nav-leisure-active.png) no-repeat bottom left;}

#basecopy {width:925px; float:left; padding-bottom: 20px;}

.textwrap { width: 530px; padding:30px 0 0 44px; float:left; }
.textwrap .leftcopy { float: left; width: 230px; font-size: 110%; }
.textwrap .rightcopy { float: right; width: 280px; }

#commercial, #leisure {display:none;}

#upcoming-events { float:right; position:relative; width:286px; margin:30px 24px 0 0; padding:0; }
#upcoming-events h2.uehdr { margin: 0; }
#upcoming-events .upcoming-events-hp-wrapper {margin:15px 0 0 0;}
#upcoming-events .date {  float:left; padding:10px 3px 0 0; margin:0 30px 0 0; width:95px; display:block; border-bottom:1px #dedede solid;height:45px; color:#00a5e4; font-size:1em;}
#upcoming-events .description { line-height:130%;padding:10px 3px 0 3px;  border-bottom:1px solid #dedede; color:#767676;  height:45px;}
#upcoming-events .description span a { display:block;font-weight:bold; color:#0a3b66; text-decoration:none;}
#upcoming-events .description span a:hover {text-decoration:underline;}
#upcoming-events .last { border:none; }

\ html body #upcoming-events .date { padding:10px 0 0 0; }
* html body #upcoming-events .description {padding:10px 0 0 0;}