html { background:#423939 }

body {
font-family:helvetica, arial, verdana, sans-serif;
font-size:62.5%;
line-height:1em;
color:#272727;
background:#000;
margin:0
}

/*-----
generic
-----*/

a:link, a:visited { color:#326b9d; text-decoration:none }
a:hover { color:#528bbd }
h1, h2, h3, h4, h5, h6 { margin:0; font-size:1em; font-weight:normal }
p, ul, ol { margin:0 0 20px; font-size:1.2em; line-height:20px }
p { margin:0 0 18px }

/*----
layout
----*/

#head, #logo, #nav, #content, #foot { clear:both }
#head-content, #logo, #nav ul, #content, #foot-content { width:833px; margin:0 auto; padding:0 30px }

#head #logo { float:left; padding:0 }
  #head #logo h1 a { display:block; width:330px }
  #head #logo h1 { float:left; width:335px; height:115px }
  #head #logo h2 { float:left; width:344px; height:38px; margin:37px 0 0 80px }
  #head #logo h2 span { display:block; height:0; overflow:hidden }

#content-layout { padding-top:8px; padding-bottom:8px; height:470px }
.events #content-layout { height:auto }

#content #body { float:left; width:585px; height:470px; overflow-y:auto; position:relative }
.events #content #body { width:100%; background-image:url(../img/content-body-wide.gif); height:auto; overflow-y:hidden }
.portfolio #content #body { overflow:hidden }

  #content #body #photo-border { display:block; border:1px solid #ccc; height:457px; width:572px; position:absolute; top:5px; left:5px; }
  #content #body #photo-border { filter: alpha(opacity=70); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); -moz-opacity: 0.70; opacity:0.7; }
  #content #body-copy { padding:50px 50px 20px }
  #content h2, #content h3 { margin:0 0 10px }
  #content h2.intro { margin:0 0 20px }

#content #side { float:right; width:240px; height:470px; position:relative }
.events #content #side { display:none }
.home #content img { display:block; float:left }

.nav ul { margin:0; padding:0; list-style:none; padding:1px 0 0 }
.nav ul li { float:left }
.nav ul li a { float:left; display:block; padding:5px 24px 4px }

#nav .nav ul { padding:0 0 0 42px; width:774px }

#foot { float:left; padding:0 0 20px; width:100% }
  #foot p { margin:0 }
  #foot-nav { float:right; width:520px }
  #foot-nav ul { margin:0 }
  #foot .nav ul li a { float:left; display:block; padding:6px 10px 4px; margin:8px 0 0 }
  #foot-logo { height:16px; width:16px; float:left; margin:10px 0 0 }
  #foot-logo a { display:block; width:16px; height:16px; float:left }
  #foot-logo a span { display:block; overflow:hidden; height:0; width:0 }
  #foot-copyright { float:left; padding:9px 0 9px 10px; width:270px }

/* side photos */

#side { position:relative }
#side img.side-photo { position:relative; z-index:0 }
#side .swirl { position:absolute; z-index:1; top:14px; left:0; width:133px; height:140px; background:url(../img/side-swirl.gif) no-repeat 0 0 }
#side .corner { position:absolute; z-index:2; display:block; height:4px; width:4px; margin:9px }
#side .tl { top:0; left:0; border-top:1px solid #000; border-left:1px solid #000 }
#side .tr { top:0; right:0; border-top:1px solid #000; border-right:1px solid #000 }
#side .bl { bottom:0; left:0; border-bottom:1px solid #000; border-left:1px solid #000 }
#side .br { bottom:0; right:0; border-bottom:1px solid #000; border-right:1px solid #000 }
.home #side .swirl { display:none }

/*--------------------------------
backgrounds / borders / typography
--------------------------------*/

#head { background:#3395bf url(../img/head-y.gif) repeat-y top center; }
  #head #logo { background:url(../img/logo-tagline.gif) no-repeat 151px 35px }
  #head #logo h2 { background:url(../img/head-desc.gif) no-repeat 0 0 }

#content #body { background:#dde9f5 url(../img/content-body.gif) no-repeat 0 0 }
  #body-copy { font-family:verdana, sans-serif }
  #body-copy p { font-size:1.1em; line-height:1.9em }
  #content h2, #content h3 { color:#3ea6d9; font-size:1.4em; line-height:1.6em; font-weight:normal } 
  #content h3 { font-weight:bold; font-size:1.2em }
  #content h2.intro { font-size:1.4em }

#side { background:#fff }

  /* services ordered list */
  
  .numbered p { position:relative; padding:0 0 0 33px }
  .num { font-size:2.4em; color:#3ea6d9; font-family:georgia, serif; font-weight:normal; line-height:1em; position:absolute; top:0; left:0 }
  .num1 .on, .num2 .on, .num3 .on { color:#1e86b9 }

.nav ul { font-size:1em }
.nav ul li a { text-transform:uppercase; color:#1777a2 }

#nav { background:#96d6f2; border-bottom:1px solid #c1e7f7; border-top:1px solid #98e0ff }
  #nav .nav { border-bottom:1px solid #7ac4e4 }
  #nav .nav ul li a { border-left:1px solid #9cdefb }
  #nav .nav ul li a:hover, #nav .nav ul li.on a { background:#90cde8 }
  #nav .nav ul li { border-left:1px solid #61aece }
  #nav .nav ul li.last { border-right:1px solid #cbe1ea }
  #nav .nav ul li.last a { border-right:1px solid #61aece }

#foot { background:#423939; color:#9a8686; border-top:1px solid #584e4e }
  #foot a { color:#9a8686 }
  #foot a:hover { color:#aa9696 }
  #foot .nav ul li a { border-right:1px solid #9a8686; line-height:10px }
  #foot .nav ul li.last a { border-right:0 }
  #foot .nav ul li.on a { color:#cab6b6 }
  #foot-logo { background:url(../img/logo-icon.gif) no-repeat 0 0 }
  #foot-copyright p { text-transform:uppercase; font-size:1em }

/*---------------------
portfolio / cycle slide
---------------------*/

.portfolio #content #body { background:#000 }
.portfolio #content #body #photo img { display:block }
.portfolio #content #side { background:#000 }

#slides { width:240px; height:423px }
#slides .slide a { display:block; position:relative; width:240px; height:141px }
#slides .slide a img { display:block }
/* #slides .slide a span.slide-visited { position:absolute; top:10px; right:10px; text-indent:-9999px; background:#3395bf; width:4px; height:4px; display:block; z-index:3 } */

p.next-prev { margin:0 }
#slide-pager { position:absolute; bottom:13px; right:25px }
#of8 { position:absolute; bottom:13px; right:7px; font-size:13px; color:#666 }
  #slide-pager a { display:none; color:#ccc; font-size:12px }
  #slide-pager a.activeSlide { display:inline; outline:none; cursor:default }

#prev-slide, #next-slide { display:block; width:16px; height:16px; background:red; text-indent:-9999px; outline:0; position:absolute; background:url(../img/slide-arrows.gif) no-repeat 0 0 }
#prev-slide { bottom:10px; left:10px }
#next-slide { bottom:10px; left:30px; background-position:0 -16px }
#prev-slide:hover { background-position:-16px 0 }
#next-slide:hover { background-position:-16px -16px }
#prev-slide:active { background-position:-32px 0 }
#next-slide:active { background-position:-32px -16px }

/*--
misc
--*/

hr.divide { display:none }
.clear { clear:both }
img { border:0 }
img.image { border:5px solid #eee }
.hide { display:none }

/* events calendar */
#ie6warning {display:none; _display:block }
#calendar {display:block; _display:none }
#login { padding-top:80px }
#login label { color:#999; display:block; padding:0 0 5px }
#login h4 { color:#999 }
#login h3 { color:#ccc; margin:0 0 20px }
#signin, .button { display:block }
#login #user, #login #pass { margin:0 0 15px }