/*
 * GLOBALS */

* {
      padding: 0; margin: 0; }
img {
      border: 0px;}
   
body{ background: #6AE0F2 url('../images/bg.gif') repeat-x 0 0;
      color:#003366; font-size: 11px; font-family: arial; }
      
a {
      outline: none;
      text-decoration: none; color:#FF9900; }
a:hover {
      color: #ffffff; }

p {
      line-height: 140%; }

h3 {
      font-size: 10px; }

h1 {
      text-indent: -9999px; font-size: 10px;
	   background:url(../images/logo.png) no-repeat;	   
	   width: 269px; height: 119px;
	   display:block;
 }
      
.logo {
      float: left;
      width: 269px; height: 119px;
	  margin: 10px 0 10px 0;
}
/*
 * MAIN DIVS */

#wrap {
      width: 1000px; height: 100px;
      /*margin-top: 35px;*/ }

#menu {
      width: 932px; height: 93px;
      padding-left: 65px; }
      
#mainElement {
      padding-left: 40px; padding-top: 26px;
      width: 948px; }

#footer {
      width: 880px;
      padding-left: 65px; padding-top: 26px; padding-bottom: 30px; }
    

/*
 * CLASSES */

#wrap .border {
      width: 948px; height: 2px; clear: both; margin-left: 30px; overflow: clear;
	  border-top:#003366 2px solid; }
#borderb{
	margin-bottom:19px;
	}

#wrap .hello {
      /*margin-left: 65px; margin-top: 62px; margin-bottom: 57px;*/
      width: 933px; background-color:#FFFFFF; height:130px; font-size:18px; margin-left:40px; margin-bottom:2px; 
      }
#wrap .hello p { display:block; padding: 10px; }
#wrap .hello p.twitid { text-align:center; font-size:24px; font-weight:bold; color:#000033; margin:0px; padding:0px; }
#wrap .hello p.twitid input { font-size:24px; }
.home { margin-top: 17px; padding-bottom: 37px; }
      

/*
 * THE MENU */

#menu li { 
      margin-right: 23px; height: 100px; }
      
#menu ul {
      margin-top: 30px;
      overflow: hidden;
      float: right; }
      
#menu ul img {
      height: 8px; }
      
#menu ul a {
      height: 8px; }
  
    
      
/*  ELEMENTS */

.element {
      width: 219px; float: left; text-align:center; 
      padding-top: 1px; padding-bottom: 23px; margin-right: 17px;
      /*border-top: 2px solid #9b320d;*/ background-color:#FFFFFF; margin-bottom:17px; }

.element:hover {
      /*border-top: 2px solid #09937c;*/ color: #ffffff; }

.element h3 {
      text-indent: -9999px; }

.element .title img {
      width: 229px; height: 28px;}

.element .wrapimg  {
      height:117px; display:table-cell; width: 219px; vertical-align:middle;  text-align:center;}
.element .wrapimg  img {   }
.element .title {
      width: 229px; height: 28px; margin-top: 10px; }
      
.element p {
      margin-top: 7px; }
.special { width: 928px; text-align:center; height: 70px;  }
.special2 { width: 928px; text-align:center; height: 10px; background:none;  }

#mainElement h2 {
      width: 229px; height: 24px;
      text-indent: -9999px; margin-bottom: 14px; }

.browseImg {
      padding-right: 7px; }

      

.code_area {

	width:190px; height:66px; padding:3px;

	border: 2px dashed #006699;

	background-color:#F8F8F8;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: bold;

	color:#00CCFF; margin-top:10px;

}

.code_area:hover {

	border: 2px dashed #006699; padding:3px;

	background-color:#FFFFCC;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: bold;

	color:#00CCFF; margin-top:10px;

}

/*
 * THE FOOTER */

#footer .left {
      float: left;
      padding-bottom: 30px; }
      
#footer .right {
      float: right;
      text-align: right; }