/* main style */ 

body {
		margin: 0;
		padding: 0;
		background-color: #333;
		font-family: verdana, arial, sans-serif; }

h1, h2, h3, h4, h5, h6 {
		font-family: arial, helvetica, franklin, sans-serif;
		font-weight: bold;
		color: #222;
		
		padding: 10px 0 0;
		margin: 0;
		}

h1, h2,  {
		
		letter-spacing: -1px;
		
		}

		
h1 { font-size: 24px; }
h2 { font-size: 18px; }
h3 { font-size: 16px; }

a img { border: 0px; }
	

		

/* header */

#ets_header {
		background-image: url('/img/header-bg.gif');
		background-repeat: repeat-x;
		height: 97px;
		}
		
#ets_tainer {
		width: 960px;
		text-align: left;
		position: relative;
		}
		
#ets_logo {
		position: absolute;
		top: 15px;
		left: 0px;
		}	
		
#hcl_chat { position:absolute; top: 3px; left: 265px; }
		
/* sliding doors v2 menu, modified */

	#ets_menu { font-size:12px; position: absolute; top: 38px; right: 10px;  }
	
    #etsmenu ul {
      margin:0;
      padding:10px 0px 0;
      list-style:none;
      }
    #etsmenu li {
      float:left;
      background:url("/img/bkg-menu-left.gif") no-repeat left top;
      margin:0 0 0 5px;
      padding:0 0 0 9px;
      /* border-bottom:1px solid #765; */
      }
    #etsmenu a {
      float:left;
      display:block;
      width:.1em;
      background:url("/img/bkg-menu-right.gif") no-repeat right top;
      padding:4px 15px 4px 6px;
      text-decoration:none;
      font-weight:bold;
      color:#fff;
      }
    #etsmenu > ul a {width:auto;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #etsmenu a {float:none;}
    /* End IE5-Mac hack */
    #etsmenu a:hover {
      color:#29366e;
      }
    #home #nav-home,
    #screenshots #nav-screenshots,
    #about #nav-about,
    #downloads #nav-downloads,
    #demo #nav-demo,
    #support #nav-support,
    #forums #nav-forums {
      background-position:0 -150px;
      border-width:0;
      }
    #home #nav-home a,
    #screenshots #nav-screenshots a,
    #about #nav-about a,
    #downloads #nav-downloads a,
    #demo #nav-demo a,
    #support #nav-support a,
    #forums #nav-forums a
    {
      background-position:100% -150px;
      padding-bottom:5px;
      color:#29366e;
      }
    #etsmenu li:hover, #etsmenu li:hover a {
      background-position:0% -150px;
      color:#29366e;
      }
    #etsmenu li:hover a {
      background-position:100% -150px;
      }


		
/* footer */

#ets_footer { clear: both; padding-top: 15px; height: 60px; font-size: 11px; color: #ececec; }


/* sidebar */

#ets_sidebar { width: 220px; float: left; border-left: 1px #ccc dotted; margin-left: 20px; }

/* inside pages  */

#ets_insider { width: 690px; float: left; }
		
/* body */

#ets_body_shell { background-color: #fff; padding: 15px; }

#ets_body a {
		text-decoration: none;
		border-bottom: 1px #ccc dotted;
		
		font-weight: bold;
		}

#ets_body a:hover {
		text-decoration: underline;
		border: 0px;
		
		}


#ets_body {
		text-align: left; 
		width: 960px;
		font-size: 12px;
		  }
		
.ets_section_head {
		background-image: url('/img/bkg-sections.png');
		background-position: top right;
		height: 34px;
		}

.ets_section_head h2 {
		padding: 8px 0px 0px 5px;
		font-size: 16px;
		color: #ececec;
		letter-spacing: 0px;
		}


/* note */

#note { padding: 6px; color: #333; border: 1px #333 dotted; background-color: beige; margin: 10px 0px 10px 0px;}

/* sections */

#sections { margin-top: 15px; width: 960px; }

#ets_blog { width: 460px; float: left; }

#post { padding: 10px; }
#post:hover { background-color: #faf6cc; }
#post h3 { padding-bottom: 5px; font-size: 20px; }
#post i { color: #666; }
#post_more {  background-image: url('/img/ico-triangle.gif');
				   background-repeat: no-repeat;
				   padding-left: 20px;
				   margin-left: 15px;
				   }
				   
.comment { padding: 2px 4px 10px 25px; background-image: url('/img/ico-document-16.png'); background-repeat: no-repeat; background-position: 5px 5px; border-bottom: 1px #ccc dotted; }
.comment:hover { background-color: #faf6cc; }
.comment i { color: #666; }

#ets_forum { margin-left: 20px; width: 220px; float: left; }
#ets_bugs { margin-left: 20px; width: 220px; float: left; }

.bugs { padding: 6px 4px 10px 25px; background-image: url('/img/ico-bug.png'); background-repeat: no-repeat; background-position: 5px 5px; border-bottom: 1px #ccc dotted; }
.bugs:hover { background-color: #faf6cc; }
.bugs i { color: #666; }


#ets_builds { margin-left: 20px; width: 220px; float: left; }

.builds { padding: 6px 4px 10px 25px; background-image: url('/img/ico-file-disk.png'); background-repeat: no-repeat; background-position: 5px 5px; border-bottom: 1px #ccc dotted; }
.builds:hover { background-color: #faf6cc; }
.builds i { color: #666; }



.mainNav a { color: #fff; }
.navBar a { color: #fff; }




	.section_buttons { font-size:12px;  }
	
    .section_buttons ul {
      margin:0;
      padding:10px 0px 0;
      list-style:none;
      }
    .section_buttons li a {
      float:left; 
      display: block;
      text-align: center;
      background:url("/img/section-button.jpg") no-repeat left top;
      width: 144px; height: 144px;
      margin:0 0 10px 20px;
      padding:0 0 0 0px;
      }

    .section_buttons li a:hover { background-position: -144px 0; border: 0; text-decoration: none; }
    
        .section_buttons li a img { margin: 30px 0px 16px; width: 48px; height: 48px; }