body {
    color: #ADADAD;
    font-family: "Lucida Grande","Lucida Sans Unicode", verdana, gulim, Arial, Helvetica,sans-serif;
    font-size: 8px;
    padding: 20px;
    text-align: center;
}

img {
    border: none;
}

img, .pngfix {
    behavior: url(/shared/resources/pngfix/iepngfix.htc);
}

h1, h2, h3, h4, h5, h6 {
    color: #F3F3F3;
    font-weight:lighter;
    /*font-family: "Gill Sans", helvetica, arial, sans serif;*/
}

h1{font-size:150%;}

h2{
  font-size:130%;
  border-bottom:1px solid #666666;
}

h3{font-size:115%;
text-align:left;}

h4{font-size:110%;}
h5{font-size:105%;}

hr{
  background-color:#666666;
  height:1px;
  border:none;
}
h1.properties{
  top:20px;
  left:10px;
  position:absolute;
  display:block;
  text-indent:-10000em;
  height:33px;
}
.clear {
    overflow: hidden;
    width: 100%;
}
.clearFloat{ /*** I know people hate this, but sometimes it comes in handy ****/
  clear:both;
}

/* add to floating elements which should not float afterthem */ 
* html .clearfix {
	    height: 1%; /* IE5-6 */
}
* + html .clearfix {
	display: inline-block; /* IE7not8 */
}
.clearfix:after { /* FF, IE8, O, S, etc. */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
	
.mk_relative{
  position:relative;
}
.bold{
  font-weight:bold;
}
.hidden {display: none;}

a:link, a:visited {
    color: #00adfd;
    text-decoration: none;
}

a:hover {text-decoration: underline;}

a:focus{
    outline:none; /*removes dotted line for ff */
}
.cooliris_accent_color{
  color:#00adfd;
}
.cooliris_accent_second_color{
  color:#80bc26;
}
#darkness {
    z-index: -1;
    position: absolute;
    background-color: transparent;
    width: 981px;
    height: 554px;
}