html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1; font-family:Arial,Helvetica,sans-serif;}
ol,ul{list-style:none}
blockquote,q{quotes:none}
a { color: #777777; }
a:hover { text-decoration: none; }

/** header */
#header { background: #fff; height: 140px; border-top: 10px solid #A7A7A7; border-bottom: 1px dotted #ccc; margin-bottom: 40px; margin-left: 10px; margin-right: 10px; }
#logo h1 { text-indent: -9999px; height: 150px; width: 350px; display: block; background: url('/images/logo.png') no-repeat 0 35px; margin-left: -10px;}
#info, #phone { font-size: 14px; line-height: 16px; padding-top: 45px; }
#info h3  { text-transform: uppercase;  }
#info h4  { font-weight: normal;  }
#info h5  { font-weight: normal;  font-size: 12px; line-height: 12px;  }
#info a  { color: #000;  }
#info img { float: left; margin-right: 24px; margin-top: -7px; position: relative; }

/** main */
#main-top {height: 450px;}
#main-back {background-color: #000000; }
#main { float: right; background: url('/images/main.png') no-repeat; height: 430px; width: 850px;  }
#main-nav { position: absolute; top: 0; right: 0 }
#main-nav ul { margin: 13px 30px 0 0; }
#main-nav li { display: inline; text-transform: uppercase; color: #ccc; margin: 0 20px 0 0; padding: 0 12px 0 0; border-right: 2px solid #666; }
#main-nav li.last { margin: 0px; padding: 0px; border-right: none }
#main-nav a { color: #ccc; font-size: 11px; letter-spacing: 1px; text-decoration: none; }
#main-nav a:hover { color: #fff; }

/** details */
#details {height: 180px; margin-top: 30px;}
#details h2    { width: 240px; height: 170px; text-indent: -9999px; background: url('/images/details.png') no-repeat; display: block; }
#details .item { width: 220px; height: 190px; float: right; padding: 6px; margin-right: 0px; background: url('/images/details-box.png') no-repeat; }
#details h3 { margin: 4px 0 0 0; text-align: center; padding: 0; font-size: 18px; }
#details p  { margin: 8px 0 0 4px; padding: 0px; font-size: 13px; line-height: 17px;}

/** about */
#about {height: 430px; padding-top: 30px; }
#ologo a { border-top: 3px solid #fff; border-bottom: 1px solid #fff; display: block; margin: 0 0 10px 0; padding: 0; }
#ologo a:hover { border-top: 3px solid #333; border-bottom: 1px solid #333; }

/** calendar */
#calendar {height: 200px; padding-top: 30px; margin-top: 30px;}
#calendar h2 {  text-indent: -9999px;  height: 170px; width: 240px; background: url('/images/calendar.png') no-repeat; display: block;}


/** contact */
#contact {height: 600px; background: #A7A7A7; padding-top: 10px; margin-top: 80px; }
#friends p.lead { font-size: 20px; line-height: 24px; padding-right: 20px; margin-bottom: 40px; display: block; }
#friends { background: #A7A7A7; }
#friends p.quote { background: white; padding: 20px; font-size: 14px; line-height: 19px; margin-bottom: 0; }
#friends p.attrib { padding-left: 20px; margin-bottom: 20px; display: block; }

#footer {height: 200px; background: #777777; color: #daebe9; font-size: 14px; padding-top: 10px; }
#footer p {padding-top: 170px; padding-bottom: -100px;} 
#footer a,
#footer strong { color: #fff; font-weight: normal; }