.grey{color:#72716d}
.orange{color:#fba029}
img,ul {border: none;padding:0;margin:0}
a{ color: #71B1E0; text-decoration: none; }
a:hover {  color: #000; }

html, body {
  height: 100%;
}

body{
  margin:0;
  padding:0;
  background:url(../../images/layout/top_bg.jpg) repeat-x top #d4ccbd;
  font-family:Arial, Helvetica, sans-serif;
}

#wrap{
  width:900px;
  margin:20px auto;
}

#dxtop{
  width: 900px;
  margin: 0px auto 0px auto;
}

/* Based on Nifty Corners: rounded corners without images */
/* By Alessandro Fulciniti */
/* http://www.html.it/articoli/nifty/index.html */
.rtop, .rbottom{display: block; background: #2b2b2b;}

.rtop .r1, .rtop .r2, .rtop .r3, .rtop .r4,
.rbottom .r1, .rbottom .r2, .rbottom .r3, .rbottom .r4
{ display: block;
  height: 1px;
  overflow: hidden; 
  background: #FFF;
}

.r1{margin: 0 5px;}

.r2{margin: 0 3px;}

.r3{margin: 0 2px;}

.rtop .r4, .rbottom .r4
{ margin: 0 1px;
  height: 2px;
}

#dx{
  width: 900px;
  background:url(../../images/layout/style2/wrap_bottom_fade.gif) no-repeat bottom #fff;
  margin: 0px auto 0px auto;
  padding-top:0px;
}

/*-----------  HEADER ----------*/

#header {
  margin:0px;
  padding:0px;
  height:106px;
}

#logo{
  margin-left:15px;
  padding-top:10px;
  margin-bottom:0px;

}

#header h2{
  position:relative;
  bottom:15px;
  font-family:verdana,Arial, Helvetica, sans-serif;
  letter-spacing: -1px;
  padding: 0 0 0 250px;
  font-size: 20px;
  color: #B85757;
  margin:0px;
  width:400px;

}
#leaveid{
  position:relative;
  float:right;
  bottom:13px;
  right:180px;
}

#leave{
  position:absolute;
}

#creature1{
  position:relative;
  float:right;
  bottom:48px;
  right:160px;
}


/*---------  HEADER MENU  ---------*/

#headermenu {
  height: 60px;
  background: #FFF url(../../images/layout/style2/header.gif) no-repeat;
  line-height: 60px;
  margin: 0px auto 0px auto;
  padding: 0;
  text-transform: uppercase;
  font-weight: 100;
  width:880px;
}

#headermenu li {
  float:left;
  list-style-type:none;
}
#headermenu li a {
  display:block;
  padding:0 15px;
  text-decoration:none;
  color: #fff;
  letter-spacing:1px;
  letter-spacing: -1px;
  font-size: 20px;
}
#headermenu li a:hover {
  color:#000;
  text-decoration:none;
}

/*---------  CONTENT  ---------*/
#content{
  padding:15px 0px 0px 20px;
  padding-top:15px;
  color:#72716d;
}

.middle {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 75px 0px;
  float: left;
  width: 560px;
}

.middle h2 {
  font: bold 14px Verdana, 'Trebuchet MS', Sans-serif;
  color: #fff;
  background: #000 url(../../images/layout/style2/contenth2.gif) no-repeat;
  height: 30px;
  line-height: 30px;
  padding: 0px 0px 0px 10px;
  margin:0px
}

.paragraph{
  padding: 10px 0px 10px 10px;
  font-size:12px
}

.middle p{
  font-size:12px;
  font-family:Arial, Helvetica, sans-serif;
  line-height:20px;
  padding:5px 0px;
  margin:0px
}

.tick{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-weight:bold;
  font-size:14px;
  background:url(../../images/tick.gif) no-repeat #fff;
  padding:5px 0px 0px 30px;
  margin-left:15px;

}

/*---------  SIDEBAR  --------*/

.right {
  float: right;
  width: 300px;
  margin-bottom:30px;
}
.right h2 {
  margin: 0px 0px 0px 0px;
  font: bold 13px Verdana, 'Trebuchet MS', Sans-serif;
  line-height: 30px;
  background: #fff url(../../images/layout/style2/menuh2.gif) no-repeat;
  height: 30px;
  color: #fff;
  padding: 0px 0px 0px 10px;
}

.keyFeatures li{
  font: bold 13px Verdana, 'Trebuchet MS', Sans-serif;
  padding:5px 10px;
}


/*---------  FOOTER  ---------*/

#footer{
  height:120px;
  background-color:#FFFFFF;
  border-top:8px solid #aea093;
  margin:0;
  padding:0;
  clear:both;
}

#footerwrap{
  width:900px;
  margin:0px auto;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#CC9933;
}

#footerwrap ul{
  float:right;
}

#footerwrap ul li{
  display:inline;
  list-style-type:none;
  margin-top:10px;
  margin-left:20px;
  width:100px;
  height:25px;
}

#footerwrap ul li a{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#CC9933;
  text-decoration:none;
}

#footerwrap ul li a:hover{
  color:#ff6600;
}
