/* CSS styles for sliding tabs on homepage */

#buttons {
	width:800px;
	height:38px;
	padding-left:151px;
	background:url(../img/bg-buttons.jpg) repeat-x;
	position:absolute;
	left:0;
	bottom:0;
	}
		
#buttons * {
	user-select: none;
	cursor: pointer;
	vertical-align: middle;
	}
	
#buttons li {
	height:32px;
	padding:3px 0;
	margin-right:50px;
	text-indent:-99999px;
	float:left;
	display:inline;
	}
	
#buttons li#li-pane-intro {
	background:url(../img/li-intro.png) no-repeat 0 50%;
	width:113px;
	height:32px;
	display:block;
	}
		
#buttons li#li-pane-intro.active, #buttons li#li-pane-intro:hover{
	background-position:-113px 50%;
	}
	
#buttons li#li-pane-create {
	background:url(../img/li-create.png) no-repeat 0 50%;
	width:138px;
	height:32px;
	display:block;
	}
		
#buttons li#li-pane-create.active, #buttons li#li-pane-create:hover{
	background-position:-138px 50%;
	}
	
#buttons li#li-pane-send {
	background:url(../img/li-send.png) no-repeat 0 50%;
	width:103px;
	height:32px;
	display:block;
	}
		
#buttons li#li-pane-send.active, #buttons li#li-pane-send:hover{
	background-position:-103px 50%;
	}
	
#buttons li#li-pane-report {
	background:url(../img/li-report.png) no-repeat 0 50%;
	width:142px;
	height:32px;
	display:block;
	}
		
#buttons li#li-pane-report.active, #buttons li#li-pane-report:hover{
	background-position:-142px 50%;
	}
	
#home .pane h1, #home .pane h2 {
	margin: 25px 0 0 10px;
	width:420px;
	height:203px;
	text-indent:-99999px;
	float:left;
	}
	
#home .pane h1 {
	background:url(../img/h1-home.png) no-repeat;
	}
	
#home #create h2 {
	background:url(../img/h2-create.png) no-repeat;
	}
	
#home #send h2 {
	background:url(../img/h2-send.png) no-repeat;
	}
	
#home #report h2 {
	background:url(../img/h2-report.png) no-repeat;
	}

#banner {
	position:relative;
	width:951px;
	height:298px;
	border:1px solid #03112C;
	background:url(../img/bg-banner.png) repeat-x;
	margin-bottom:10px;
	}
	
.pane {
	height:260px;
	width:951px;
	}
		
#panes {
	text-align: justify;
	border-style: none;
	}
	
#panes img {
	float:right;
	margin:0 10px 0 0;
	}
		
#panes div div { 
	overflow: hidden; 
	}
	
#panes a {
	font-size:1.3em;
	color:#fff;
	padding-left:50px;
	text-decoration:none;
	}
	
#panes a:hover {
	color:#fff;
	text-decoration:underline;
	}