/* preload background images */
#preload {
background: url(images/bg-body.png) no-repeat;
background: url(images/bg-header.jpg) no-repeat;
background: url(images/bg-nav.png) no-repeat;
background: url();
height: 0;
text-indent: -1000em;
}

body {
background: url(images/bg-body.png) repeat-x #fafa94;
font:	 14px Tahoma, Verdana, sans-serif;
margin: 0;
padding: 0;
*text-align: center;
}

a { color: #006; }
a:visited { color: #666; }

address { font-style: normal; }

h1, h2, h3 { 
clear: both;
margin: 15px 0;
}

h1, h2, h3, caption, dt, #navbar li { font-family: "Gill Sans", Trebuchet, sans-serif; }

hr { 
background: transparent;
border: 1px solid #eee;
height: 1px;
}

img { border: 1px solid #eee; }

table.calendar {
border: 1px solid #eee;
border-collapse: collapse;
clear: both;
margin: 0 auto;
width: 48%;
}

table.calendar caption { 
background: #eee;
color: #000;
font-variant: small-caps;
font-weight: bold;
margin: 0 auto;
}

table.calendar td { 
border: 1px solid #eee;
text-align: center; 
}

table.calendar .full td, td.full { 
background: #eee;
color: #bbb;
}

.top { 
display: block;
margin: 5px 0 10px 0;
}

.top:before { 
content: "^";
padding: 0 3px 0 0;
width: 5px;
}

.calendar .top { text-align: right; }

ul.navigation,
ul.inline { 
list-style: none;
margin: 0;
padding: 0;
}

ul.navigation, ul.navigation li,
ul.inline li, ul.inline li { 
float: left;
list-style: none;
*position: relative;
}

ul.inline li:after { 
color: #bbb;
content: " ~ ";
display: inline;
}

ul.inline li:last-child:after { content: ""; }

#content li, p { 
margin: 0 0 .67em 0; 
}

#content dl {
clear: both;
overflow: visible;
}

#content dt { 
*display: inline;
float: left;
width: 150px;
}

#content dd { 
*display: inline;
margin: 0 0 10px 160px;
}

#content dd li,
#content dd ul { 
margin-left: 0;
padding-left: 0;
}

#content dd li { 
margin-left: 1em;
}

#content-inner h1,
#content-inner h2 { font-size: 16px; }

#content .navigation li { 
border-right: 1px solid #7fa493;
padding: 0 .67em;
text-align: center;
}

#content .navigation li:last-child { border: 0; }

#container { 
background: #fff;
border: solid 1px #eee;
border-top-width: 0;
border-bottom-width: 0;
margin: 0 auto;
position: relative;
*text-align: left;
width: 760px;
}

#header {
background: url(images/bg-header.jpg) no-repeat;
padding: 10px;
}

#header h1,
#header h2 { 
font-weight: normal;
padding: 0;
}

#header h1 { margin: 0 0 5px 0; }

#header h2 { 
font-size: 16px;
margin: 0;
width: 48%;
}

#header address { 
margin-left: 48%; 
text-align: right;
}

#header * { color: #fff; }

#navbar, #navbar li, #navbar li a { height: 25px; }

#navbar { 
background: url(./images/bg-nav.png) no-repeat transparent;
border-top: 1px solid #eee;
position: relative;
width: 760px; 
}

#navbar li a { 
display: block; 
font-variant: small-caps;
line-height: 25px;
padding: 0 4px 0 0;
text-decoration: none;
vertical-align: middle;
}

#navbar li a:hover { color: #7fa493; }

#navbar li { width: 125px; }

#navbar li#home { 
padding-left: 10px; 
width: 85px;
}

.home #navbar li#home a,
.about #navbar li#about a,
.calendar #navbar li#calendar a,
.clients #navbar li#clients a,
.links #navbar li#links a,
.extras #navbar li#extras a { font-weight: bold; }


#content {
margin: 0 10px 10px 10px;
padding-top: 25px;
width: 740px;
}

#footer { 
font-size: 11px;
padding: 5px 10px;  
}

#footer #copy {
float: left;
width: 48%;
}

#footer #credit {
margin-left: 48%;
text-align: right;
}

/* clear floats */
ul.navigation:after, ul.navigation li:after,
ul.inline:after  {
content: ".";
clear: both;
display: block;
font-size: 0;
height: 1px;
line-height: 0;
text-indent: -1000em;
}