body { 
    margin: 10px;
    padding: 0; 
    font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
	background-image:url(../images/bg.png);
}
#header {
	width:900px;
	margin:0 auto;
	color:#FFF;
	font: "century Gothic" "Arial";
	height150px
}
#wrapper {
    width: 900px;
    margin: 0 auto;
}

#intro {
    padding-bottom: 10px;
}

h2 {
    margin: 0;
    margin-bottom: 14px;
    padding: 0;
}

#slider {
    width: 900px;
    margin: 0 auto;
    position: relative;
}

.scroll {
    height: 400px;
    width: 900px;
    overflow:scroll;
    position: relative;
    clear: left;
    background: #FFFFFF url(../images/content_pane-gradient.gif) repeat-x scroll left bottom;
}

.scrollContainer div.panel {
    padding: 5px;
    height: 210px;
    width: 900px;
}

#shade {
    background: #EDEDEC url(../images/shade.jpg) no-repeat 0 0;
    height: 50px;
	width:599px;
	margin:0 auto;
}

.scrollButtons {
    position: absolute;
    top: 150px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -20px;
}

.scrollButtons.right {
    right: -20px;
}

.hide {
    display: none;
}


img{ border: 0pt; }

.navigation {
float:left;
font:normal 12px 'Trebuchet MS','Arial';
margin:0 auto;
padding:0;
width:900px;
}

.navigation ul {
background-image:url(../images/back.gif);
background-repeat:repeat-x;
float:left;
line-height:32px;
list-style:none;
margin:0 auto;
width:860px;
}

.navigation li {
display:inline;
padding:0;
}

.navigation a {
color:#FFF; /* need because it will use default link color */
float:left;
padding:0 3px 0 3px; /* left 3 px because of left.png image */ 
text-decoration:none;
}

.navigation a span {
display:block;
float:none;
padding:0 10px 0 7px;
}

.navigation a span img {
border:none;
}

/* show picture when mouse over link */
.navigation a:hover{
background: url(../images/left.png) no-repeat left center;
}

.navigation a:hover span {
background:url(../images/right.png) no-repeat right center;
}

.navigation a.right {
float:right; /* for help button - just add class "right" ->  <a class="right"... */
}

#top {
	width:895px;
	margin:0 auto;
	background-image:url(../images/topbg.png);
	/**background-color:#0b108c;*/
	color:#FFF;
	font: "century Gothic" "Arial";
	height:200px;
	padding:0 0 0 5px
}
#bottom {
	width:900px;
	margin:0 auto;
	background-color:#0c0f66;
	color:#FFF;
	font: "century Gothic" "Arial";
	height:250px
}
#left {
	width:445px;
	float:left;
}
#right {
	width:445px;
	float:right;
}
#rightl {
	width:245px;
	float:left;
}
#rightr {
	width:200px;
	float:right;
	text-align:cener;
}
#leftl {
	width:155px;
	float:left;
}
#leftr {
	width:290px;
	float:right;
	text-align:cener;
}
/** Style the tweets */
.twitters {
  border: 0px solid #e5e5e5;
  padding: 0px;
  overflow:scroll;
  margin: 0px;
}
.twitters a {
	color:#CCC;
}

.twitters ul {
  list-style: none;
  padding: 0;
  white-space: nowrap;
}

.twitters span.prefix {
  font-weight: bold;
  border:none;
}

.twitters span.time {
  font-style: italic;
  color: #fff;
}

.twitters span.status {
  font-style: italic;
}
#tweet {
	overflow:auto;
}
#tweer a {
	color:#CCC;
}
/** end tweet styling */
#footer {
	text-align:center;
	font-size:12px;
	color:#FFF;
}
#footer a {
	text-align:center;
	font-size:12px;
	color:#FFF;
}
h1 {
	font-size:18px;
}
h2 {
	font-size:16px;
}
h3 {
	font-size:14px;
}
#leftbot {
	width:150px;
	float:left;
}
#rightbot {
	width:750px;
	float:right;
}
#botbot {
	width:900px;
	float:left;
}