/* border:1px solid red;

  Accordion effect styles 
-------------*/
body {overflow:hidden; font: 12px/18px Georgia, serif;}
.pageContent { width: 488px; height:575px; position:absolute; top:50px; left:50px; background:#fff; padding:30px; }
.pageContent h1 {margin:0 0 30px -13px;}
.pageContent h2 {margin:10px 0;}
.accordion { list-style-type: none; }
 .accordion {margin-left:0}
  .accordion li {width: 400px; float: left; display: block;background: #fff; }
  .accordion a { text-decoration: none; font: 12px/19px Georgia, serif; color: #222; padding: 0 0 0 34px; display: block; background: url(../images/ico-open_accordion.gif) no-repeat left center; p }
  .accordion li.active>a { background:url('../images/ico-close_accordion.gif') no-repeat center left; }
  .accordion li div { width:410px; padding:10px 0; clear: both; /* background:url('../images/ico_dotted.gif') repeat-x top left; */ font-size:12px;line-height:19px;}
  .accordion li div span a { display:inline; background:none; margin:0; padding:0;}
  .accordion li  a:hover {color:#999;}   
  .accordion li div #gallery {}
  
  .accordion li div#contact a{display:inline;}
  
/* Section styles
----------------- */
.about p {margin-bottom:10px;}
  

/* 
  Sliding effect - Coda Slider 
-------------*/
/*#slider {position: absolute; top:0; left:0;overflow: hidden;  }*/
.scroll { width: 1280px; height: 1024px; overflow: hidden; left: 0; top: 0; position: absolute;}
.scrollContainer ul {position: absolute; }
  .scrollContainer  li.panel { width: 1280px; height: 1024px;}
.hide { display: none; }

/*
#hp_photos { height: 1024px; overflow: hidden; left: 0; top: 0; position: absolute; width: 1280px; }
#hp_photos div { position: absolute; width: 90000px; }
#hp_photos div img { float: left; }
*/

/* `Clear Floated Elements, http://sonspring.com/journal/clearing-floats */
.clear {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {clear: both; content: '.'; display: block; visibility: hidden; height: 0; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }