/* Business Site - core.css */

/* Gallery Start */

#wrapper a { text-decoration: none;outline:none; }

#wrapper ul li {list-style: none;}	
	
	
#wrapper {
    clear:both;
    width: 610px;
    margin: 0 auto;
    padding: 0px;
    padding-top:20px;
    /* background-color: #E5EDF2; */
    background-color: white; 
    margin-bottom:10px;
}

#wrapper #img {
    position: relative;
    width: 600px;
    /* height: 450px; */
    height:500px;
    margin-bottom: 1em; 
    text-align:center;
    margin:0px auto 10px auto;
    overflow: hidden; 
    /* background-color:#efefef; */
}

#wrapper #gallery { height: 84px; }

#wrapper #img, #wrapper #gallery li {
    border: 1px solid #ccc; 
    overflow:hidden;   /* Comment this out if last image not showing */
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

#wrapper #gallery li {
    overflow:visible;
    float: left;
    padding: 1px;
    background: transparent url(images/ajax-loader-small.gif) 50% 50% no-repeat;
    border-color: #345;
    cursor: pointer;
}

#wrapper .caption {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 96%;
    height: 23px;
    padding: 15px 2%;
    border-top:1px solid #ccc;
    background-color:#efefef;
    color:black;
    font-family:Arial, Helvetica, sans-serif;
}


/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
#wrapper .jcarousel-container { position: relative; }

#wrapper .jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

#wrapper .jcarousel-list {
    z-index: 1;
    overflow: hidden; 
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    /* padding-right:1px; in safari allowed #wrapper #gallery li to have value overflow:hidden - otherwise last thumb not shown after scroll  */ 
    /* border:1px solid red; */
}

#wrapper .jcarousel-list li,
#wrapper .jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
#wrapper .jcarousel-next {
    z-index: 3;
    display: none;
}

#wrapper .jcarousel-prev {
    z-index: 3;
    display: none;
}

/* New dbunn - hide thumbs before finished loading */
#wrapper #gallery.jcarousel-skin-tango li {
   display:none; 
}


#wrapper .jcarousel-skin-tango .jcarousel-container {
    /* background: #F5F5F0; */
    background-color:#dedede;
    border: 1px solid #aaa;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#wrapper .jcarousel-skin-tango .jcarousel-container-horizontal {
   width: 535px;
   /* padding: 20px 69px; */
   padding: 20px 35px;
   /* border:2px solid green; */
}


#wrapper .jcarousel-skin-tango .jcarousel-clip-horizontal {
   height: 84px;
   width: 530px; 


   /* border: 1px solid #347689; */
}

#wrapper .jcarousel-skin-tango .jcarousel-item {
    /* width: 100px; */
    width:95px;
    height: 80px;
}

#wrapper .jcarousel-skin-tango .jcarousel-item-horizontal {margin-right:2px; background-color:white; }

#wrapper .jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

#wrapper .jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 3px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(images/next-horizontal.png) no-repeat 0 0;
}

#wrapper .jcarousel-skin-tango .jcarousel-next-horizontal:hover { background-position: -32px 0; }
#wrapper .jcarousel-skin-tango .jcarousel-next-horizontal:active { background-position: -64px 0; }

#wrapper .jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
#wrapper .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
#wrapper .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

#wrapper .jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 3px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(images/prev-horizontal.png) no-repeat 0 0;
}

#wrapper .jcarousel-skin-tango .jcarousel-prev-horizontal:hover { background-position: -32px 0; }
#wrapper .jcarousel-skin-tango .jcarousel-prev-horizontal:active { background-position: -64px 0; }

#wrapper .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
#wrapper .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
#wrapper .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}



/* Gallery end */




/* Undo browser settings */
html, body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, li, dd, dt, img,
blockquote, q, table, thead, tbody, tfoot, caption, th, tr, td, a, form,
input, textarea, fieldset, pre, div
{margin: 0; padding: 0; font-weight: normal;}

/* REMOVE BROWSERS DEFAULT TABLE BORDERS */
table {
border-collapse: collapse;
}

/* REMOVE AUTOMATIC TOP/BOTTOM MARGINS ON NESTED LISTS */
ul ul, ul ol, ul dir, ul menu, ul dl,
ol ul, ol ol, ol dir, ol menu, ol dl,
dir ul, dir ol, dir dir, dir menu, dir dl,
menu ul, menu ol, menu dir, menu menu, menu dl,
dl ul, dl ol, dl dir, dl menu, dl dl
{margin-top: 0; margin-bottom: 0;}

body {
   position:relative;
   padding:0px;
   margin:0px;	 
   font-family: Arial, Helvetica, sans-serif;			
   font-size: 14px; 
   color:#444444;
}

div {
padding:0px;
margin:0px;
}

/* PAGE */
#bs_container {

}

/* Image captions - rhs images */
#bs_images .caption {
   clear:both;
   text-align:center;
   font-size:12px;
   margin-top:0px;
   margin-bottom:10px;
   color:#444;
}

/* LINKS */

#bs_links a {
    font-size:14px;
    text-align: left;
    margin:0px;
    padding:0px;  
    text-decoration: none;  
}

#bs_links a.current {
   font-weight:normal;
}

#bs_txt p {
  margin: 0px;
  padding:0px;
}


#bs_txt ul, #bs_txt ol {
  list-style-position: inside;
  padding-left:1px;
  padding:0px;
  margin:0px;
  margin-left:10px;
  padding-bottom:5px;
}


#bs_txt li {
   padding:0px;
   margin:0px;
   margin-left:5px;
   padding-bottom:2px;
}


hr {
   border: 0;
   color: #9E9E9E;
   background-color: #9E9E9E;
   height: 1px;
   width: 100%;
   text-align: left;
}


#bs_txt h1 {
    margin-top:0px;
    padding-top:0px;
    margin-bottom:0px;
    padding-bottom:3px;
    font-size: 1.35em;
    font-weight: normal;
}

#bs_txt h2 {
    margin-top:0px;
    padding-top:5px;
    margin-bottom:0px;
    padding-bottom:3px;
    font-size: 1.2em;
    font-weight: bold;
}

#bs_txt h3 {
    margin-top:0px;
    padding-top:5px;
    margin-bottom:0px;
    padding-bottom:3px;
    font-size: 1.1em;
    font-weight: bold;
}

#bs_txt h4 {
    margin-top:0px;	
    padding-top:5px;
    margin-bottom:0px;
    padding-bottom:3px;
    font-size: 16px;
    font-weight: normal;
}

#bs_footer {
	font-size:1em;
}


/* Contact Form */
#contact_form {
   padding:0px;
   padding-top:15px;
}


#email_form td {
  padding:5px;
}

#email_form td.label {
  text-align:right;
  /* font-size:15px; */
  color:#777;
  font-weight:bold;
}

/*
input#submit {
   width:60px;
   height: 25px;
   font-size:12px;
   font-weight:bold;
   color: white;
   border: 1px solid #999;
}

td.submit {
  text-align:left;
}
*/


/* Alerts from forms */
#alert_holder {
  color:red;
  font-weight:bold;
  font-size:12px;
}

#alert_holder ul {
  padding:0px;
  margin:0px;
  padding-left:15px;
}

#alert_holder ul li {
  padding:0px;
  margin:0px;
  padding-left:3px;
}


/* Tables */

/*
table th {
   font-size:12px;
}

table td {
   font-size:10px;
}
*/


/* captcha */
#captcha_title h3 {
  font-size: 15px;
  font-weight:bold;

}


/* Google Calendar */
#calendar {
  font-family: Arial, Helvetica, sans-serif;
  font-size:11px;
  padding-top:10px;
  margin-left:0px;
}

#calendar #today {
  background-color:yellow;
}

#calendar #calendar_table {
  border:1px solid #bbb;
  background-color:white;
}


#calendar #timezone {
  color:#666;
  font-size:12px;
}


#calendar .event {
 padding-left:1px;
 padding-right:1px;

}

#calendar .timetext {
 font-size:9px;
 color:#666;
 margin-bottom:7px;

}

/* link to prev+next month */
#calendar .title_month_year a {
  font-size:12px;
  text-decoration:none;
  color:#888;

}

/* arrows for prev+next links */ 
#calendar .title_month_year a img {
  border:none;
}


/* Google Map */
#directions_container {
  padding-top:10px;
}

#directions_title {
 padding-top:10px;
}



/* General Formatting */
/* use when a height needs to be automatically calculeted - i.e. use for a div using floats as content */
.end_marker {
 clear:both;
 height:0px;
 visibility:hidden;
}