@charset "UTF-8";
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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}


body { background:url(../images/bg.gif) repeat-x #111d24 fixed; margin:0px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;}
a:link, a:visited {text-decoration:none; color: #3c9bde}
a:hover {color:#c0ff00}

#container {width:780px; margin:30px auto; }
#header {padding: 0px 35px}
#nav {float:right; font-size:1.2em; margin-top:18px }
.nav-item {float:left; padding: 0px 10px}
.nav-item-center {float:left; padding: 0px 10px; border-left: 1px solid #CF0; border-right: 1px solid #CF0}
a:link.nav-link, a:visited.nav-link {color: #93d0ff; text-decoration:none}
a:hover.nav-link {color: #CF0}
#content{margin-top: -20px}
#box-top {background:url(../images/content-box_top.png) ; min-height:49px; max-height:49px}
#box-bottom{background:url(../images/content-box_bottom.png) ; min-height:81px; max-height:81px}
#content-inner{margin:0px; padding:10px 55px; background:url(../images/content-box_bg.png) repeat-y; min-height:180px; overflow:auto}
#footer { color: #324f66; font-size: .7em;  padding:0px 40px}
#valid-icons{float:right}
#footer-divider {border-top: 1px dotted #CCC; margin-top:20px; margin-bottom:10px}
.frontpage-title {color:#3c6888; font-family:Georgia,"Nimbus Roman No9 L",serifl; font-size: 2em;  }
.frontpage-title {color:#3c6888; font-family:Georgia,"Nimbus Roman No9 L",serifl; font-size: 1.5em;  }
.frontpage-blurb {color:#333; line-height:1.7em; font-size: 0.8em}

.client {min-height:219px; overflow:auto}
.gallery-thumb {float:left; }
.hidden-gallery {display:none}
.client-infos{float:right; width:385px}
.client-name {color:#3c6888; font-family:Georgia,"Nimbus Roman No9 L",serifl; font-size: 2em; }
.client-blurb {color:#333; line-height:1.7em; font-size: 0.8em}
.client-divider {border-top: 1px dotted #CCC; margin:20px 0px; clear:both}

ul.checks { margin:10px 0px;}
ul.checks li  { background:url(../images/check.gif) center left no-repeat; padding-left: 20px; list-style: none; text-indent:0; line-height:1.4em; color:#360; font-size:0.8em}

.contact-form {margin-top:25px}
label.contact  {font-size: 0.8em; color: #666; width:100px; display:block; float:left }
input.contact, textarea.contact {margin-bottom:10px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 0.8em; color:#000; padding:3px; border:2px solid #CCC; overflow:auto }
.submit-button {margin-left:100px; font-size:0.8em}

#slider {
  
  padding:0px 50px;
  position: relative;
  background:url(../images/content-box_bg.png) repeat-y
}

.scroll {
  height: 268px;
  width:680px;
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
  background: #FFFFFF url(images/content_pane-gradient.gif) repeat-x scroll left bottom;
}



.scrollContainer div.panel {
  
  height: 268px;
  width: 680px; /* change to 560px if not using JS to remove rh.scroll */
  color:#FFF
}

.scrollButtons {
  position: absolute;
  top: 100px;
  cursor: pointer;
}

.scrollButtons.left {
  left: -30px;
}

.scrollButtons.right {
  right: -30px;
}
.slider-navigation {display:none}