html {
  background-color: #fff;
}

body {
  background: #A9ACAF url(../img/bg_top.gif) repeat !important;
  font-family: Arial, Helvetica, sans-serif;
}

#super-top-wrapper {
  background: #fff url(../img/bg_top.gif) repeat-x;
  width: 100%;
}

#super-bottom-wrapper {
  background: #fff;
  width: 100%;
  height: 127px;
}

#wrapper {
    width: 950px;
    margin: 0 auto;
}

#header {
}

  #header #logo {
    width: 212px;
    height: 87px;
    position: relative;
    top: 34px;
  }

  #nav {
    z-index: 1;
    height: 34px;
    position: relative;
    left: 235px;
  }
  
  #nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
    height: 34px;
    width: 710px;
    white-space: nowrap;
  }
  
  #nav li {
    display: inline-block;
    position: relative;
    height: 34px;
    margin-left: -3px;
    background: transparent url(../img/bg_menu.png) -10px 0px no-repeat;
    border-left: solid 1px #ccc;
    border-right: solid 1px #ccc;
  }

  #nav li:hover, #nav li.hover, #nav li.active {
    background: transparent url(../img/bg_menu.png) -10px -34px  no-repeat;
    border-left: solid 1px #fff;
    border-right: solid 1px #fff;
  }

  #nav li ul {
    display: table-cell;
    left: 4px;
    width: 180px;
    border-bottom: solid 1px #ccc;
  }

  #nav li li {
    position: relative;
    display: list-item;
    height: 34px;
    left: 1px;
    margin-left: -2px;
    width: 183px;
    background: transparent url(../img/bg_top.gif) repeat-x !important;
  }
  
    #nav li.first-active *, #nav li.last-active *, #nav li.active * {
      cursor: default;
    }
  
    #nav li a {
      display: block;
      height: 34px;
      line-height: 34px;
      font-size: 1.1em;
      padding: 0 1.52em;
      text-decoration: none;
      font-size: 1em;
      font-weight: bold;
      color: #eee;
    }
    
    #nav li.dropdown a {
      background: transparent url(../img/arr.gif) right 15px no-repeat;
    }
    
    #nav li li:hover, #nav li li.hover {    
      border-left: solid 1px #ccc;
      border-right: solid 1px #ccc;
    }
    
    #nav li li a {
      padding: 0 2.5em;
      background-image: none !important;
      color: #999;
      font-weight: normal;
    }

    #nav li a:link, #nav li a:visited {
    }

    #nav li a:focus, #nav li a:hover, #nav li a:active {
      color: #fff;
    }

    #nav li li a:hover {
      background: transparent url(../img/bg_bottom.gif) repeat-x !important;
      color: #333;
    }

  
    #nav li.nav-first {
      background: transparent url(../img/bg_menu.png) 3px 0px  no-repeat;
      border-left: none;
      border-right: solid 1px #ccc;
    }

    #nav li.nav-first:hover, #nav li.nav-first-hover, #nav li.first-active  {
      background: transparent url(../img/bg_menu.png) 3px -34px  no-repeat;
      border-left: none;
      border-right: solid 1px #fff;
    }

    #nav li.nav-last {
      background: transparent url(../img/bg_menu.png) right 0px no-repeat;
      border-left: solid 1px #ccc;
      border-right: none;
    }
    
    #nav li.nav-last:hover, #nav li.nav-last-hover, #nav li.last-active  {
      background: transparent url(../img/bg_menu.png) right -34px  no-repeat;
      border-left: solid 1px #fff;
      border-right: none;
    }

    div.link_content {
      position: absolute;
      display: none;
    }
      
      div.link_content ul {
        white-space: normal;
      }

#promo-short {
  z-index: -1;
  width: 950px;
  height: 89px;
  background: #88c52e url(../img/bg_promo_short.jpg) no-repeat;
}

  #promo-short h2 {
    line-height: 89px;
    padding-left: 30px;
    color: white;
    font-family: 'Trebuchet MS', Arial;
    font-style: italic;
    float: left;
  }
  
  #promo-short .btn-simple {
    position: relative;
    top: 33px;
    left: 20px;
  }

  .picture {
    background: transparent url(../img/bg_picture.png) bottom left no-repeat;
    padding: 10px;
    margin: 0 0 1em 1em;
  }

      
#promo {
  z-index: -1;
  width: 550px;
  height: 428px;
  float: right;
  padding: 20px;
}
    #flash-container {
      width: 552px;
      height: 433px;
      background: transparent url(../img/bg_flash.png) no-repeat;
    }

    #homepage #getbtn {
      position: absolute;
      margin-top: 0;
      margin-left: 0;
    }

#img-container {
  background: transparent; 
  width: 340px;
  height: 225px;
  overflow: hidden;
}    

/********************
CONTENT
**********************/

#content-wrapper-home {
  width: 950px;
  height: 468px;
  background: transparent url(../img/bg_content.png) no-repeat;
} 

  #content-sidebar-home {
    width: 360px;
    height: 468px;
    background: transparent url(../img/bg_image.png) 20px 20px no-repeat;
    overflow: hidden;
  } 
  
  #img-container {
    padding: 20px;
    display: none;
  }
  
  #txt-container {
    padding: 20px 0 20px 20px;
    padding-top: 265px;
  }
  
  #txt-container h1 {
    margin: 0;
    padding: 0;
    border-bottom: solid 1px #ccc;
    font-size: 1.5em;
    padding-bottom: 0.25em;
    margin-bottom: 0.75em;
    color: #bbb;
  }

  #txt-container h2 {
    margin: 0;
    padding: 0;
    font-size: 1.33em;
    line-height: 1.2em;
    font-weight: 600;
    padding-bottom: 0.15em;
  }
  
  #txt-container p {
    margin-bottom: 0.5em;
  }

  #txt-container p.date {
    margin: 0;
    padding: 0;
    color: #999;
    font-size: 0.8em;
    margin-bottom: 0.35em;
  }
  
#content-wrapper {
  margin-top: 10px;
}

#content-top {
  width: 630px;
  float: left;
  background: #fff url(../img/bg_content_top.png) top left no-repeat;
}

#content-bottom {
  background: transparent url(../img/bg_content_bottom.png) bottom left no-repeat;
}

.text-container {
  padding: 2em 3em;
}

#sidebar {
  font-size: 0.9em;
}

#sidebar .text-container {
  padding: 1em 1.5em;
}

#sidebar ul li{
  padding-bottom: 1em;
}

.sidebar-top {
  width: 288px;
  float: right;
  background: #f5f5f5 url(../img/bg_sidebar_top.png) top left no-repeat;
  margin-bottom: 2em;
}

.sidebar-bottom {
  background: transparent url(../img/bg_sidebar_bottom.png) bottom left no-repeat;
}




/********************
CAROUSEL
**********************/

#carousel-container {
  float: left;
  width: 630px;
  height: 170px;
  background: #e5eee0 url(../img/bg_carousel.jpg) no-repeat;
}

#carousel-block {
  width: 560px;
}

#sidebar #carousel-block {
  padding: 0;
  width: 254px;
  background: #fff url(../img/bg_carousel_block.gif) repeat-x;
}

#carousel {
  background: #fff url(../img/bg_carousel_block.gif) repeat-x;
  position: relative;
  visibility: hidden;
  left: -5000px;  
  height: 107px;
}

div.carousel-big {
  width: 474px !important;
  overflow: hidden;
}


a#btn-next, a#btn-prev {
  background:transparent url(../img/btn_carousel_left.gif) no-repeat;
  display: block;
  float:left;
  width: 43px;
  height: 107px;
  text-decoration:none;
  cursor: pointer;

}

a#btn-next {
  background: transparent url(../img/btn_carousel_right.gif) no-repeat;
  float: right;
}


#carousel ul {
  margin:0;
}

#carousel li {
  width: 120px;
  text-align: center;
}

/********************
QUESTIONS
**********************/

#questions {
  float: right;
  width: 298px;
}

#questions a {
  display: inline-block;
  height: 56px;
  line-height:  56px;
  text-decoration: none;
  padding-left: 70px;
  width: 228px;
  font-size: 1.5em;  
}

#questions a.q1 {
  background: #FCF3F4 url(../img/bg_questions.jpg) no-repeat;
  color: #BB1E4A;
}

#questions a.q1:hover {
  background: #FCF3F4 url(../img/bg_questions.jpg) -299px 0px no-repeat;
}

#questions a.q2 {
  background: #E4F2D9 url(../img/bg_questions.jpg) 0px -56px no-repeat;
  color: #407240;
}

#questions a.q2:hover {
  background: #E4F2D9 url(../img/bg_questions.jpg) -299px -56px no-repeat;
}

#questions a.q3 {
  background: #D4E5F7 url(../img/bg_questions.jpg) 0px -112px no-repeat;
  color: #41539F;
}

#questions a.q3:hover {
  background: #D4E5F7 url(../img/bg_questions.jpg) -299px -112px no-repeat;
}

#questions a:hover {
  color: black;
}

/********************
FOOTER
**********************/

#footer {
  font-size: 0.9em;
  width: 920px;
  margin: 0 auto;
  color: #999;
  padding: 3em 0 0 30px;
}

  #footer a {
    color: #999;
  }

  #footer a.active {
    color: black;
  }

    #footer ul li.active a {
      color: #000 !important;
      cursor: default;
    }

#nav-bottom {
  margin-left: -2em;
  margin-bottom: 3em;
}

  #nav-bottom ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  #nav-bottom li {
    display: block;
    float: left;
    border-right: solid 1px #ccc;
    padding: 0 1.5em;
  }

  #nav-bottom li a {
    color: #999;
    text-decoration: none;
  }

  #nav-bottom li.nav-bottom-last{
    border-right: none;
  }

/********************
COLUMNS
**********************/

.col50 {
  width: 49%;
  padding-right: 1%;
  float: left;
}

.col33 {
  width: 32%;
  padding-right: 1%;
  float: left;
}
.col66 {
  width: 66%;
  padding-right: 1%;
  float: left;
}

.last {
  padding-right: 0;
  float: right;
}

#copyright {
  line-height: 38px;
  padding-left: 2em;
  color: #666;
}

/* ------- COMMON --------- */

input.error {
  padding: 0;
}

.text-container ul, .text-container ol  {
  margin-bottom: 1.5em;
  list-style: circle;
}

.loud {
  color: black;
}

.opacity50 {
  filter:alpha(opacity=50);   
  -moz-opacity: .5;   
  opacity: .5;
}

.clear {
  clear: both;
}

hr {
  border: none;
  border-top: solid 1px #ccc;
  height: 1px;
  background: transparent; 
  margin: 0;
  padding: 0.5em;
}

a { color: #6B8C30; }

a.external {
  padding-right: 12px;
  background: transparent url(../img/external.gif) no-repeat right;
}

a:active, button
{
  outline: none;
  -moz-outline-style: none;
}

:focus, button:focus
{
  -moz-outline-style: none;
}

:-moz-any-link:focus {
  outline: none;
}

h1, h2, h3 {
  letter-spacing: -0.05em;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  color: #6B8C30;
}

.align-right {
    float: right;
}

/* BUTTONS, HTML: <button value="submit" class="submitBtn"><span>Submit</span></button> */		

button, a.button { 
	position: relative;
	border: 0; 
	padding: 0;
	cursor: pointer;
	overflow: visible; /* removes extra side padding in IE */
  font-family: 'Trebuchet MS', Arial, Helvetica;
}

a.button::-moz-focus-inner, button::-moz-focus-inner {
	border: none;  /* overrides extra padding in Firefox */
}

a.button span, button span { 
	position: relative;
	right: -2px;
	display: block; 
	white-space: nowrap;	
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	a.button span, button span {
    right: -3px;
		margin-top: -1px;
	}
}

/**************************
RAD3
*************************/

a#rad3 {
  background: transparent url(../img/logo_rad3.gif) no-repeat top right;
  width: 51px;
  height: 38px;
  float: right;
  display: block;
  color: #666;
  text-decoration: none;
  white-space: nowrap;
  line-height: 38px;
  margin-top: -38px;
  margin-right: 10px;
	padding: 21px 0px 0px 0px;
	overflow: hidden;
	height: 0px !important;
	height /**/:21px;
	position: relative;
	top: 3em;
	left: 0;
	
  filter:alpha(opacity=50);   
  -moz-opacity: .5;   
  opacity: .5;
}

a#rad3:link, a#rad3:visited  { width: 89px; border: 0; display: block; background: url(../img/logo_rad3.gif) 0px 0px no-repeat;}
a#rad3:focus { background: 0px 0px;}
a#rad3:hover, a.rad3:active {
  filter:alpha(opacity=100);   
  -moz-opacity: 1;   
  opacity: 1;
}

/**************************
ADD THIS
*************************/

#top-nav {
  position: absolute;
  margin-left: 605px;
  width: 327px;
  height: 31px;
  background: transparent url(../img/sprite_top_nav.png) no-repeat;  
}

  a#nav-blog {
    position: absolute;
    display: block;
    width: 107px;
    height: 1px;
    padding-top: 30px;
    overflow: hidden;
  }

    a#nav-blog:hover {
      background: transparent url(../img/sprite_top_nav.png) 0px -31px no-repeat;  
    }

  a#questionnaire {
    margin-left: 107px;
    position: absolute;
    display: block;
    width: 111px;
    height: 1px;
    padding-top: 30px;
    overflow: hidden;
  }

    a#questionnaire:hover {
      background: transparent url(../img/sprite_top_nav.png) -107px -31px no-repeat;  
    }

  a#addthis {
    margin-left: 217px;
    position: absolute;
    display: block;
    width: 114px;
    height: 1px;
    padding-top: 30px;
    overflow: hidden;
    background: transparent url(../img/sprite_top_nav.png) -218px 0px no-repeat;  
  }

    a#addthis:hover {
      background: transparent url(../img/sprite_top_nav.png) -218px -31px no-repeat;  
    }

/*************************
SIMPLE BUTTON
*************************/

.btn-grey {
	background-image: url(../img/btn_simple_grey.png) !important; 
	font-size: 0.8em !important;	
}

.btn-simple-grey {
	background-image: url(../img/btn_simple_grey2.png) !important; 
}

.btn-small {
	background-image: url(../img/btn_simple_small.png) !important; 
	font-size: 0.8em !important;
}

.btn-simple, .btn-simple:link  { 
  display: inline-block;
	margin-right: 5px; 
	font-size: 0.9em; 
	text-align: left; 
	line-height: 27px;
	padding-left: 10px;
	width: 110px;
	color: #eee;
	background: transparent url(../img/btn_simple.png) top left no-repeat; 
	text-decoration: none;
}
	
.btn-simple:hover, .btn-simple:focus {
	background-position: 0px -27px;
  color: #fff;
}

.btn-simple:active {
  background-position: 0px -54px;
  color: #eee;  
}

/*************************
SIDEBAR BUTTON
*************************/

.btn-more, .btn-more:link  { 
  display: block;
	padding-top: 3px;
	text-align: left; 
	line-height: 33px;
	padding-left: 15px;
	width: 93px;
	height: 30px;
	color: #eee;
	background: transparent url(../img/btn_more.png) top left no-repeat; 
	text-decoration: none;
	position: relative;
	top: 15px;
	left: 190px;
}
	
.btn-more:hover, .btn-more:focus, .btn-more:active  {
	background-position: 0px -33px;
  color: #fff;
}

div.news div.feeds {
  display: none;
}

.news h4 a {
line-height:1.5em;
}

.news .news-date {
color:#999999;
font-size:75%;
margin:-1.5em 0 0.5em;
}

/**************************
Form
*************************/

.error { 
  border: solid 2px red;
}

label {
  clear: both;
  display: block;
  padding: 0.5em 0;
}

.checkbox-container label {
  clear: none;
  display: inline;
  margin-left: 5px;
}

label.error { 
  border: none;
  background-color: transparent;
  color: red;
}

#enquiry-form textarea {
  width: 95%;
  height: 50px;
}

/**************************
ACCORDION
***************************/

.basic  {
	width: 260px;
	border: 1px solid black;
}
.basic div {
	background-color: #eee;
}

.basic p {
	margin-bottom : 10px;
	border: none;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
	margin: 0px;
	padding: 10px;
}
.basic a {
	cursor:pointer;
	display:block;
	padding:5px;
	margin-top: 0;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	color: black;
	background-color: #00a0c6;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #999;
	
	background-image: url("AccordionTab0.gif");
}
.basic a:hover {
	background-color: white;
	background-image: url("AccordionTab2.gif");
}
.basic a.selected {
	color: black;
	background-color: #80cfe2;
	background-image: url("AccordionTab2.gif");
}

.ui-widget  .ui-widget  {
  font-size: 0.9em;
}

/**************************
TABLE
***************************/

table.table td {
   vertical-align: top;
   border-bottom: dashed 1px #aaa; 
   padding: 0.75em 1em;
   padding-right: none;
}

table.table td.label {
  color: #999;
  font-weight: bold;
  letter-spacing: -0.05em;
  border-right: solid 1px #ddd;
  padding-right: 1em;
  padding-left: 0 !important;
}

table.table td.odd {
  background-color: #f0f0f0;
}

/**************************
BUTTON
***************************/

a.btn-get, a.btn-contact {
  width: 165px;
  height: 1px;
  padding-top: 61px;
  overflow: hidden;
  display: block;
// display: inline;
  float: right;
  background: transparent url(../img/btn_getinthezone.png) 0px 0px no-repeat;
  margin-top: 24px;
  margin-right: 24px;
}

a.btn-get:hover, .btn-contact:hover {
  background-position: 0px -62px;
}

a.btn-contact {
  background-image: url(../img/btn_contact.png);
}

#picture-anim{
  margin: 0 0 1em 1em;
  float: right;
}

#btn-contact-top, #btn-get-top {
  float: right;
  margin-right: 12px;
  margin-top: 12px;
}