/* -------------------------------------
	Author:  Tim Blumer~ api-webservices.com
	
	Built: 2010-01-27 (YYYY-MM-DD)
	
	Last Edit: 2010-01-27 (YYYY-MM-DD)
		
	URI: 
---------------------------------------*/

/* @group Body */

html, body, #wrap {
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	background: #424242 url(../images/design/background.jpg) repeat-x center top;
}

body, p {
}

a{
	color: #fff;
}

a:hover{
	color: #1c06fd;
}

a:visited{
	color: #191919;
}

h1, h2, h3, h4, h5, h6{
	margin-top: 0;
	padding-top: 0;
}

/* @end */

/* @group Layout */

#wrapper {
	height: auto;
	min-height: 100%;
	background: url(../images/design/content.jpg) repeat-y center center;
	
}

#contact {
	
}

#container {
	width: 960px;
	margin-bottom: auto;
	margin-left: auto;
	margin-right: auto;
	
	padding-bottom: 78px;
}

#header {
	height: 287px;
	background: url(../images/design/header.jpg) no-repeat center top;
	margin: auto;
}

#header a{
	display: block;
	text-decoration: none;
	width: 455px;
	height: 270px;
}

#header a h1{
	visibility: hidden;
}


#ang{
	float: left;
	display: block;
	width: 455px;
	padding-left: 20px;
	font: 12px Verdana, "Lucida Grande", Lucida, sans-serif;
}

#gen{
	display: block;
	float: right;
	width: 448px;
	padding-right: 20px;
	font: 12px Verdana, "Lucida Grande", Lucida, sans-serif;
}

.nav{
	text-align: center;
	padding-top: 9px;
	padding-bottom: 12px;
	font: bold 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	border-bottom: 1px solid #666;
}

.nav ul {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
}

.nav ul li { 
	display: inline;
	padding: 0;
}

.nav li a {
	padding-left: 19px;
	background: url(../images/design/rivet.png) no-repeat 0 top;
	padding-right: 7px;
	padding-top: 0;
	text-decoration: none;
	color: #000;
	text-shadow: #ccc -1px 1px 0;
}

.nav li a:hover {
	background-position: 0 bottom;
	color: #7e0807;
}

#content {
	padding-bottom: 10px;
}

#footer {
	position: relative;
	margin-top: -78px;
	/* negative value of footer height */
	height: 60px;
	clear: both;
	text-align: center;
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #fff;
	padding-top: 12px;
	background: #000 url(../images/design/footer.jpg) no-repeat center top;
	border-top: 1px solid #aaa;
	padding-bottom: 5px;
}

#footer a{
	color: #fff;
}

#footer a:hover{
	color: #b3b3b3;
}

#api {
	font: 10px "Lucida Grande", Lucida, Verdana, sans-serif;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #808080;
}

#api a{
	color: #808080;
}

#api a:hover{
	color: #b3b3b3;
}

/* CLEAR FIX*/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* End hide from IE-mac */



.left {
	float: left;
	margin-right: 10px;
}

.right {
	float: right;
	margin-left: 10px;
}

.clear {
	clear: both;
}


/* @end */