/*Klass Group CSS 2

Author - Sam Kitson

www.esskaywebdesign.co.uk

*/

A:link {text-decoration: none; color: #3399FF;}
A:visited {text-decoration: none; color: #3399FF;}
A:active {text-decoration: none; color: #3399FF;}
A:hover {text-decoration: none; color: #0066FF;}

body {
  margin: 0;
  padding: 0;
  font-family: "Century Gothic", Arial, sans-serif;
  text-align: center;
  background-color: #f2f2f2;
}

img {
  border: none;
}

#wrapper {
  width: 1000px;
  margin-right: auto;
  margin-left: auto;
  background: #e6e6e6;
  text-align: left;
  border-left: 10px solid #fff;
  border-right: 10px solid #fff;
  border-bottom: 10px solid #fff;
}

#banner {
  background-color: #1a1a1a;
  background-image: url(../images/bannerbground.png);
  background-repeat; repeat-x;
  position: relative;
  height: 130px;
  border-bottom: 1px solid #808080;
  border-top: 1px solid #000;
}

#logopic {
  position: absolute;
  left: 15px;
  top: 10px;
  display: none;
  z-index: 1;
  zoom: 1; /*IE Fix*/
}

#navbar {
  position: absolute;
  right: 0px;
  top: 0px;
  font-size: 0.75em;
  margin: 0;
  padding: 0;
  padding-top: 5px;
}

/* link styles */
.nav a {
  text-decoration: none;
  padding: 5px 20px 4px 5px;
  color: #CCC;
  margin: 0;
}

.fisnav a {
  padding-right: 30px;
}

.nav li li a {
  padding: 0 0 0 5px;
}

.nav a:hover{
  color: #FFF;
}

/* main nav bar */
.nav {
  margin: 0;
  padding: 0;
}

/* all list items */
.nav  li {
  margin:0 !important;
  padding:0 !important;
  list-style: none; /* remove bullets */
  float: left; /* place buttons side by side */
  position: relative;
  z-index: 10;
}


/* pop-up subnav */
.nav ul {
  margin: 0;
  padding: 0;
  position: absolute;
  left: 0;
  top: 2em; /* change when you change height of links */
  display: none;
}


/* list items in pop-up subnav */
.nav ul li {
  float: none; /* so links line up one above the other for drop-downs */
  padding: 0;
}

/*little buttons css*/

#littlebuttons {
  position: absolute;
  left: 380px;
  bottom: 0px;
  z-index: 3;
  zoom: 1; /*IE Fix*/
}

#little {
    width: 240px;
    height: 60px;
    margin: 10px auto;
    padding: 0;
    
}

#little li {
    margin: 0;
    padding: 0;
    list-style:
    none;
    position: absolute;
    top: 0;
    zoom: 1; /*IE Fix*/
}

#little li, #little a {
    height: 60px;
    display: block;
}

#littleklass {
	left: 0;
	width: 60px;
	background: url(../images/littleklass.png);
}
 
#littlefis {
	left: 61px;
	width: 60px;
	background: url(../images/littlefis.png);
}

#littlegt {
	left: 122px;
	width: 60px;
	background: url(../images/littlegt.png);
}

#littlecm {
	left: 183px;
	width: 60px;
	background: url(../images/littlecm.png);
}

#littleklass a:hover {
    background: transparent url(../images/littleklass.png) 0 -60px no-repeat;
}

#littlefis a:hover {
    background: transparent url(../images/littlefis.png) 0 -60px no-repeat;
}

#littlegt a:hover {
    background: transparent url(../images/littlegt.png) 0 -60px no-repeat;
}

#littlecm a:hover {
    background: transparent url(../images/littlecm.png) 0 -60px no-repeat;
}


/*end of little buttons css*/

.bold {
  font-weight: bold;
}

#main {
  background: #e6e6e6;
  color: #333333;
  font-size: 0.75em;
  margin-left: 15px;
  margin-right: 15px;
  position: relative;
}

#flashad1 {
  border: 1px solid #fff;
  margin-top: 10px;
  padding-top: 10px;
  z-index: 9;
}

.title {
  color: #fff;
  padding-top: 0px;
  margin-top: 0px;
  padding-top: 5px;
  padding-left: 5px;
  padding-bottom: 5px;
  background-image: url(../images/titlebackground3.png);
  background-position: top left;
  background-repeat: repeat-x;
}

.box {
  border: 1px solid #fff;
  background-color: #fff;
}

.box p {
  padding-left: 5px;
  padding-right: 5px;
}

.box2 {
  background-color: #fff;
  border: 1px solid #999;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.box2 p, h4 {
  padding-left: 5px;
  padding-right: 5px;
}

.box3 {
  background-color: #fff;
  border: 1px solid #999;
  margin-bottom: 10px;
  padding-bottom: 10px;
  margin-left: 10px;
  padding-left: 10px;
  margin-right: 10px;
  padding-right: 10px;
}

.box3 p, h4 {
  padding-left: 5px;
  padding-right: 5px;
}

.norm h4 {
  padding-left: 0px;
  padding-right: 0px;
}

.circle {
  list-style-type: circle;
}

.white {
  color: #fff;
}

.border {
  border: 1px solid #999;
}

table {
  width: 100%;
}

caption {
  text-align: left;
  font-weight: bold;
  padding-left: 5px;
  padding-bottom: 10px;
}

.flright {
  float: right;
}

.flleft {
  float: left;
  width: 40%;
}

#gallery, #gallery2,#gallery3, #gallery4, #gallery5 {
  text-align: center;
}

#gallery img {
  padding: 10px;
}

#gallery2 img {
  padding: 10px;
}

#gallery3 img {
  padding: 10px;
}

#gallery4 img {
  padding: 10px;
}

#gallery5 img {
  padding: 10px;
}

#news {
  background-color: #fff;
  border: 1px solid #999;
  padding: -30px 0;
}

#newstick li {
  margin-left: -20px;
  padding: -30px 0;
  list-style: none;
}

#newstick a {
  color: #000;
  text-decoration: none;
}

#klassform {
  position: absolute;
  right: -10px;
  top: 40px;
  width: 270px;
  height: 465px;
  background-image: url(../images/boxbground2.png);
  background-position: top right;
  background-repeat: no-repeat;
  zoom: 1; /*IE Fix*/
}

#klassform2 {
  position: absolute;
  right: -10px;
  top: 33px;
  width: 270px;
  height: 465px;
  background-image: url(../images/boxbground2.png);
  background-position: top right;
  background-repeat: no-repeat;
  zoom: 1; /*IE Fix*/
}

#formtext {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
}

#formtexto {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
}

#formtext h4 {
  padding-left: 0px;
}

#roller img {
  padding: 15px;
}

#footer {
  height: 120px;
  background-color: #808080;
  border-top: 1px solid #cccccc;
  position: relative;
}

#copyright {
  color: #fff;
  position: absolute;
  right: 10px;
  bottom: 0px;
  font-size: 0.7em;
  zoom: 1; /*IE Fix*/
}

#brochure a {
  color: #fff;
  position: absolute;
  left: 10px;
  bottom: 10px;
  font-size: 0.7em;
  font-weight: bold;
  zoom: 1; /*IE Fix*/
}

#mach2010other a {
  color: #fff;
  position: absolute;
  left: 10px;
  bottom: 10px;
  font-size: 0.7em;
  font-weight: bold;
  border: 1px solid #000;
  zoom: 1; /*IE Fix*/
}

/*crescent simas page specific*/
#simas {
  min-height: 300px;
}

#simas_right {
  float: right;
  display: block;
}

#simas_left {
  float: left;
  display: block;
  width: 50%;
}

#simas_left table {
  padding-right: 0;
  margin-right: 0;
  width: 100%;
}

/*end of crescent simas specific*/