/*BROWSER RESET*//*BROWSER RESET*//*BROWSER RESET*//*BROWSER RESET*/

*{
  margin:0;
  padding:0;
  border-collapse:collapse;
  vertical-align:top;
}

html{
	min-height: 100%;
	height: auto;
}

/*COMMON STYLES*//*COMMON STYLES*//*COMMON STYLES*//*COMMON STYLES*/

body{
  background:#fff;
  height:100%;
  color:#222;
  font:normal normal 100% trebuchet ms,helvetica,sans-serif;
  line-height:1.5em;
}

a img{
  border:0px !important;
}

div.clear{
  clear:both;
  font-size:0em;
  line-height:0em;
}

p{
  padding:10px 0 10px 0;
}

a,a:active,a:visited{
  color:#257580;
  text-decoration:underline;
}

a:hover{
  text-decoration:none;
}

ul{
    padding:0 0 0 20px; /* 20px on left padding */
}

#content li{
  background:url('images/bullet.gif') 0px 5px no-repeat;
  padding:0 0 5px 12px;
}

h2{
  clear:both;
  text-align:center;
  margin:0px 22px 10px 17px;
  padding:5px 0 0px;
  background:#212F38;
  color:#FFDE00;
  font:italic bold 1.5em arial,helvetica,sans-serif;
}

h3{
  padding:10px 0 10px 0;
  font-size:1.5em;
  font-weight:bold;
}

p.subHead {
  padding:0px;
  font-style:italic;
}

h4{
  padding:10px 0 0;
  font-size:1.1em;
  font-weight:bold;
}

p.prices{
  clear:both;
  background:#212F38;
  color:#fff;
  padding:0 5px 0 5px;
  margin:10px 0 10px 0;
}

p.prices span{
  width:385px;
  display:block;
  border-bottom:1px solid #fff;
  float:left;
}

p.prices strong{
  display:block;
  float:left;
  width:79px;
  color:#FFDE00;
  border-bottom:1px solid #fff;
}

/*LAYOUT*//*LAYOUT*//*LAYOUT*//*LAYOUT*//*LAYOUT*//*LAYOUT*//*LAYOUT*//*LAYOUT*/

#wrap{
  background:url('images/bgstrip.gif') transparent repeat-y;
  width:980px;
  margin:0 auto; 
  overflow:auto;
}

#inner {
  width:100%;
  padding-top:16px;
  background:url('images/bgtop.gif') transparent no-repeat;
}

/*HEADER*/

#header{
  background:#212F38;
  height:119px;
  width:626px;
  margin-right:22px;
  float:left;
}

h1{
  margin:0 0 0 17px;
  width:315px;
  float:left;
  display:inline;
  height:119px;
  font:normal normal 1.2em trebuchet ms,helvetica,sans-serif;
}

h1 span{
  width:315px;
  height:119px;
  position:absolute;
  background:url('images/kleenkar-logo.gif') top left no-repeat transparent;
}

h1 a {
  margin:0px;
}

#telnumbers {
  margin:0 0 0 60px;
  padding:6px 0 4px;
  font:bold 1.6em arial,helvetica,sans-serif;
  color:#FF0000;
  display:block;
}

#telnumbers span{
  margin-left:25px;
}

#telnumbers .tel{
  padding:2px 0 0 55px;
  background:url('images/tel.gif') top left no-repeat transparent;
}
#telnumbers .mobile{
  padding:2px 0 0 40px;
  background:url('images/mobile.gif') top left no-repeat transparent;
}

#bookingspan {
  font:2em tahoma,helvetica,sans-serif;
  display:block;
  color:#FFDE00;
  margin-left:25px;
}

#header a,#header a:active,#header a:visited,#header a:hover{
  color:#fff;
  display:block;
  float:left;
  margin:0;
  font-weight:bold;
  text-decoration:none;
}


/*NavMenu*/

#navMenu {
  margin:130px 22px 10px 17px;
  background:none repeat scroll 0 0 #212F38;
  clear:both;
  color:#FFDE00;
  font:italic bold 1.1em arial,helvetica,sans-serif;
  padding:5px 0 8px 0;
  text-align:center;
}
#navMenu li {
  color:#F8132E;
  float:left;
  display:block;
  margin-left:20px;
  width:110px;
  font-weight:bold;
}

#navMenu a {
  color:#FFDE00;
  display:block;
  width:110px;
}

#navMenu a:hover {
  text-decoration:none;
}



span.horizontal {
  clear:both;
  margin:0px 22px 0px 17px;
  background:url('images/line-horizontal.gif') #ccc repeat-x;
  display:block;
  height:3px;
}

span.vertical {
  float:right;
  background:url('images/line-vertical.gif') #ccc repeat-y;
  display:block;
  width:3px;
}

#contentLeft {
  width:475px;
  padding:0 12px 0 28px;
  float:left;
}
#orangepen {
  display:block;
  font-size:2.5em;
  line-height:1em;
  margin:94px 0 0 95px;
  text-align:center;
  width:230px;
}

#contentRight {
  background:url('images/line-vertical.gif') top left repeat-y;
  float:left;
  width:417px;
  padding:0 0 20px 14px;
}

#contentRight .address {
  margin:0px auto;
  text-align:center;
  display:block;
}

#contentRight .ticker {
  margin:0px auto 0px;
  display:block;
}

#map{
  width:400px;
  background: url('images/mapBg.gif') repeat-y;
  height:230px;
  margin:0px auto;
  padding:0px 7px 0px 4px;
}

#gMap{
  width:400px;
  height:230px;
}

span#mapTop{
  width:411px;
  display:block;
  height:4px;
  margin:0px auto;
  background: url('images/mapTop.gif') no-repeat;
}

span#mapBottom{
  width:411px;
  display:block;
  height:8px;
  margin:0px auto;
  background: url('images/mapBottom.gif') no-repeat;
}

ul#serviceList {
  margin:10px 0 0 0px;
  padding:0px;
  display:block;
  list-style-type:none;
}

ul#serviceList li {
  display:block;
/*  width:300px;*/
  background: url('images/bullet.gif') 0px 5px no-repeat;
  padding:2px 0px 6px 25px;
  font-weight:bold;
}

#pdfLink {
  padding:0px 0px 16px;
  font-size:1.4em;
  line-height:1.4em;
  width:360px;
  text-align:center;
  margin:0px auto;
}

#pdfLink img {
  float:left;
}

#bottomPics {
  margin: 10px 0 0 29px;
}

#bottomPics img{
  border:1px solid #222;
  margin-right: 10px;
  float:left;
}

#bgBottom {
  background:url('images/bgbottom.gif') #B05D85 no-repeat;
  display:block;
  overflow:auto;
  clear:both;
  width:100%;
  height:44px;
  color:#fff;
}

/*FOOTER*/

#footer {
  font-size:0.9em;
  background:#fff;
  width:100%;
  height:30px;
  color:#7C7671;
}

#footer a,#footer a:active,#footer a:visited{
  color:#7C7671;
  text-decoration:underline;
}
#footer a:hover {
  text-decoration:none;
}

#footer p{
  padding:3px 0 0 0;
}

#footer .left{
  float:left;
  margin-left:20px;
}
#footer .right{
  float:right;
  margin-right:20px;
}