/*////////////////////////// RESET //////////////////////////*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
}

ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}


/*////////////////////////// BODY //////////////////////////*/

html, body {
	height:100%;
}

body {
	font-family: Tahoma, Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	color: #66ccff;
	line-height:20px;
	height:100%;
	background: transparent url(img/bg.png) left top repeat scroll;
}

a {
	color:#666;
	text-decoration:none;
	line-height:normal;
}

a:hover {
	text-decoration:none;
}

img {
	border:0;
}

/*////////////////////////// MAIN CONTAINERS //////////////////////////*/

div#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -120px;
	width:960px;
}

div.clear {
	clear: both;
	overflow: hidden;
	height:1px;
	margin-top:-1px;
}


/*////////////////////////// HEADER //////////////////////////*/

div#header {
	width:960px;
	height:155px;
	background: transparent url(img/header-bg.png) left top no-repeat scroll;
	overflow:hidden;
}

h1#logo a {
	width:430px;
	height:95px;
	text-indent:-9999px;
	text-decoration:none;
	display:block;
	margin:30px auto 0 auto;
	background: transparent url(img/logo.png) left top no-repeat scroll;
}
div#header-bottom {
	width:960px;
	height:16px;
	clear:both;
	background: transparent url(img/header-bottom.png) left top no-repeat scroll;
}


/*////////////////////////// BODY //////////////////////////*/

div#content {
	text-align:left;
}

/* MESSAGE IMAGE */
img.message-img {
	display:block;
	margin:40px auto;
	width:960px;
	height:185px;
}

/* ABOUT US */
div#about-us {
	background: transparent url(img/about-us-bg.png) left top no-repeat scroll;
	width:825px;
	height:96px;
	margin:50px auto;
	position:relative;
}
div#about-us h2 {
	font-size:16px;
	color:#66ccff;
	font-weight:normal;
	line-height:26px;
	padding:20px 200px 25px 25px;
}

a#git-button {
	position:absolute;
	top:25px;
	right:10px;
	background: transparent url(img/git-button.png) left top no-repeat scroll;
	width:180px;
	height:47px;
	text-indent:-9999px;
}
a:hover#git-button {
	background: transparent url(img/git-button.png) right top no-repeat scroll;
}


/*////////////////////////// FOOTER //////////////////////////*/

#sticky {
	height:120px;
}
#footer {
	width:960px;
	margin:auto;
	height:120px;
	clear:both;
	position:relative;
	overflow:hidden;
	background: transparent url(img/footer-bg.png) left top no-repeat scroll;
}
#footer p {
	width:825px;
	margin:40px auto 0 auto;
	height:20px;
	text-align:center;
	color:#3399ff;
	padding:0;
	font-size:10px;
}
/* TOP BUTTON */
a#top-button {
	position:absolute;
	top:0;
	right:10px;
	background: transparent url(img/top-button.png) left top no-repeat scroll;
	width:40px;
	height:25px;
	text-indent:-9999px;
}
a:hover#top-button {
	background: transparent url(img/top-button.png) right top no-repeat scroll;
}