/* CSS Document */

body{
	background-image:url(IMG/images/body-bg_01.png);
	background-repeat:repeat-x;
	margin:0;
	padding:0;
	font-family: Lucida Grande, Tahoma, Arial, sans-serif;
}

.wrap{
	width:808px;
	margin:0 auto;
	}
	
a:link {
	color:#1058a3;
	text-decoration: none;
	}
a:visited {
	text-decoration: none;
	color:#184074;
	}
a:hover {
	text-decoration: none;
	color:#51a0d7;
	}
a:active {
	text-decoration: none;
	}
	
.left{
	float:left;
	}

.right {
	float:right;
	}
	
#header{
 height:125px;
 position:relative;
 top:0px;
 z-index:1000;
 width:808px;
 }
 
 	#headerRight{
		float:right;
		width:500px;
		padding-top:70px;
		}
	
	#headerLeft{
	float:left;
	width:150px;
	padding-top:20px;
	}
 
#big-banner{
height:424px;
position:relative;
top:0px;
z-index:10;

}

#alt-button-right{
	width:187px;
	height:135px;
	z-index:30;
	position:relative;
	left:230px;
	top:-229px;
	margin-bottom:-200px;

	}

#alt-button-left{
	width:187px;
	height:135px;
	z-index:20;
	position:relative;
	left:35px;
	top:-105px;
	}
	
#tab{
background-image:url(IMG/tab.png);
background-repeat:no-repeat;
width:311px;
height:32px;
position:relative;
top:-70px;
left:450px;
z-index:40;
padding:5px 15px 0px 30px;
color:#fff;
font-size:13px;
}

#tab a:link {
	color:#fff;
	text-decoration: none;
	}
#tab a:visited {
	text-decoration: none;
	color:#fff;
	}
#tab a:hover {
	text-decoration:none;
	color:#9fc1e0;
	}

#footer{
height:200px;
background-color:#CCCCCC;
background-image:url(IMG/images/footer_02.png);
background-repeat:repeat-x;
clear:both;
}

/*Twitter*/

#query{
width:225px;
font-size:12px;
line-height:12px;
}
.tweet .tweet_list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    }
    .tweet .tweet_list li {
      overflow: auto;
      padding: .5em;
	  line-height:16px;
	  }
      .tweet .tweet_list li a {
         }
	.tweet .tweet_list .tweet_even {
		border-bottom:1px solid #dedfde;
		border-top:1px solid #dedfde;

	   }
    .tweet .tweet_list .tweet_avatar {
      padding-right: .5em;
      float: left; }
      .tweet .tweet_list .tweet_avatar img {
        vertical-align: middle; }

#footerLeft{
		float:left;
		width:130px;
		font-size:12px;
		margin-left:20px;
		padding-top:25px;
		}
		
		#footerRight {
		float:right;
		width:440px;
		padding-top:25px;

		}
		
			#twitterFooter{
			width:419px;
			height:82px;
			background-image:url(IMG/images/twitterFooter_05.png);
			background-repeat:no-repeat;
			line-height:10px;
			}
			
			#tweetFooter{
			font-size:11px;
			padding:4px 0px 7px 95px;
			color:#666666;
			float:right;
			line-height:10px;

			}
		
		#footerMiddle {
		margin-left:160px;
		margin-right:130px;
		padding-left:1px;
		padding-right:1px;
		color:#213e59;
		font-size:12px;
		padding-top:25px;

		}
		
		.heightfix:before {
		content:'.';
		display:block;
		visibility:hidden;
		height:0;
		}
		
/*Step Carousel Viewer */

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 808px; /*Width of Carousel Viewer itself*/
height: 424px; /*Height should enough to fit largest content's height*/
margin:0 auto;
float:left;
margin-bottom:10px;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 808px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}