@import url("/css/reset.css");

/*
-----------------------------------------------
Stylesheet: http://shyambalu.com
Author:   	Shyam Balu
----------------------------------------------- */

html, body { height: 100%; }

body
{
	font: 100% Arial, Helvetica, sans-serif;
	background: #05141c;
	margin: 0;
	padding: 0;
	color: #bfccd5;
}

/* Links
----------------------------------------------- */

a
{
	text-decoration: none;
	color: #c9dae3;
}

/* Nav
----------------------------------------------- */

#top
{
	background: url(/img/rptB.png) repeat-x top left;
	padding: 0 0 80px 0;
}

#nav
{
	width: 320px;
	margin: 0 auto;
	padding: 40px 0 0 0;
	height: 30px;
	overflow: hidden;
}

#nav li
{
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
}

#nav a
{
	float: left;
	padding: 30px 20px 0 0;
	overflow: hidden;
	height: 0px !important;
}

#nav a:hover, #nav a:active { background-position: 0 -30px; }

#nav a.selected { background-position: 0 -60px; }

#web a
{
	width: 50px;
	background: url(/img/web.png) top left no-repeat;
}

#gui a
{
	width: 50px;
	background: url(/img/gui.png) top left no-repeat;
}

#brand a
{
	width: 60px;
	background: url(/img/brand.png) top left no-repeat;
}

#bounty a
{
	width: 75px;
	background: url(/img/bounty.png) top left no-repeat;
}

/* Thumbnails
----------------------------------------------- */

#thumbs
{
	width: 790px;
	margin: 0 auto 80px;
}

#vt
{
	float: left;
	margin: 0 0 0 -55px;
}

#thumbs ul a
{
	float: left;
	padding: 0 18px 18px 0;
}

#thumbs ul { margin: 0 0 0 40px; }

#thumbs ul img { border: solid 5px #FFF; }

#thumbs ul img:hover, #thumbs ul img.selected { border: solid 5px #FF0000; }

#thumbs li
{
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
}

/* Content 
----------------------------------------------- */

.vs
{
	font-size:24px;
	color:#FF0000;
	padding: 18px 55px 0 0;
}

#content
{
	width: 790px;
	margin: 0 auto 0;
	overflow: visible;
}

#content h1
{
	color: #bfccd5;
	padding-bottom: 18px;
}

#content h2 { color: #616b71; }

.work
{
	font-size: 18px;
	margin: 0 0 0 40px;
	overflow: visible;
}

.margin { margin: 0 0 50px 0; }

.tshdw
{
	background: url(/img/tshadow.png) top left no-repeat;
	padding: 82px 0 0 0;
	margin: 0 0 0 -43px;
	width: 813px;
}

.tshdw img { margin: -82px 0 -56px 43px; }

.bshdw
{
	background: url(/img/bshadow.png) bottom left no-repeat;
	padding: 0 0 150px 0;
}

.rshdw { background: url(/img/rshadow.png) top left repeat-y; }

/* Bounty
----------------------------------------------- */

#bountycontent
{
	font-size: 18px;
	margin: 0 0 0 40px;
	overflow: visible;
}

#bountycontent img { border: solid 3px #FFF; }

#mcs { margin: 0 0 20px 40px; }

/* Contact
----------------------------------------------- */

.box
{
	background-color: #02070a;
	margin: -20px 0 60px 0
}

.boxtop div { background: url(/img/crnrTL.png) no-repeat top left; }

.boxtop { background: url(/img/crnrTR.png) no-repeat top right; }

.boxbot div { background: url(/img/crnrBL.png) no-repeat bottom left; }

.boxbot { background: url(/img/crnrBR.png) no-repeat bottom right; }

.boxcontent { margin: 25px 25px; }

.boxtop div, .boxtop, .boxbot div, .boxbot
{
	width: 100%;
	height: 3px;
	font-size: 1px;
}

.top h1
{
	color: #c9dae3 !important;
	font-size: 18px;
	padding-bottom: 20px !important;
}

.bottom h1
{
	color: #c9dae3 !important;
	font-size: 18px;
	padding-bottom: 30px !important;
}

.boxcontent h2
{
	color: #c9dae3 !important;
	font-size: 16px;
	font-weight: bold;
}

.boxcontent p
{
	color: #e0eef7;
	font-size: 12px;
	line-height: 20px;
	padding: 0 0 20px 0;
}

.top { height: 330px; }

.bottom { height: 300px; }

#con1 { width: 270px; }

#con1 img { padding: 0 0 0 25px; }

#con2 { width: 510px; }

#con2 ul { margin: 5px 0 40px 5px; }

#con2 li
{
	color: #e0eef7;
	font-size: 14px;
	line-height: 20px;
	padding:0 0 0 35px;
	margin: 0 0 10px 0;
	background-image: url(/img/bullet.png);
	background-repeat: no-repeat;
	background-position: 0 7px;
}

#circles
{
	margin: -28px -25px 0 0;
}

.small
{
	color: #e0eef7;
	font-size: 12px;
	line-height: 20px;
}

/* Footer
----------------------------------------------- */

#wrapper
{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -273px;
}

#footcon, #push { height: 273px; }

#footer
{
	background: url(/img/footerR.png) repeat-x top left;
	height: 221px;
}

#textcon
{
	width: 790px;
	margin: 0 auto;
}

#textcon p
{
	font-size: 12px;
	line-height: 20px;
	padding: 5px 0 0 0;
}

#textcon a { color: inherit; }

#textcon img { margin: 0 0 -10px 0; }

#col1, #col2 { width: 300px; }

#col1 { padding: 20px 0 0 40px; }

#col2 { padding: 20px 0 0 80px; }

#col1 p { padding: 7px 0 0 64px; }

#col2 p { padding: 7px 0 0 74px; }

#contact { padding: 25px 0 0 0; }

#legalz
{
	font-size: 11px;
	font-weight: bold;
	color: #666;
	width: 790px;
	margin: 0 auto;
	padding: 26px 0 0 80px;
}

#legalz img
{
	margin: 0px 5px -5px;
	display: inline;
}

#valid
{
	color: #666;
	text-decoration: underline;
	text-align: right;
	position: relative;
	left: 38%;
}

/* Error
----------------------------------------------- */

#error
{
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -250px -250px;
	background: url(Sb.png) no-repeat;
	width: 500px;
}

#error h1
{
	position:relative;
	color: #FF0000 !important;
	font-size: 32px;
	font-weight: bold;
}

#error h2
{
	color: #e0eef7 !important;
	font-size: 18px;
	line-height: 28px;
	font-weight: bold;
	padding: 50px 0 0 0;
}

#error a { color: #00d8ff; }

/* Classes
----------------------------------------------- */

.fltl { float: left; }

.fltr { float:right; }

.clr { clear:both; }