/* ------------------------------------------------------------------------------------ *
| GLOBALS CSS FILE :: For Bitextender Site Wide											|
| css/globals.css																		|
| 																						|
| PROJECT :: www.bitextender.com														|
| Copyright (C) 2009, Bitextender GmbH, Germany											|
| 																						|
+ ------------------------------------------------------------------------------------- +
| Author :: Julian Querido + Nathan Querido												|
* ------------------------------------------------------------------------------------- */

/* @group GLOBALS :: jsaq ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

* {
	padding: 0;
	margin: 0;
}

html {
	overflow-x: visible!; /* IE 7 hack*/
	overflow-y: auto!;
}

body {
	color: #222;
	font-size: 12px;
	line-height: 18px;
	font-family: Arial;
	letter-spacing: 1px;
	background: #FFF;
}

::-moz-selection {
	background:#333336;
	color:#ABCC34;
}

::selection {
	background:#333336;
	color:#ABCC34;
}

* img {
	outline: none;
	border: none;
}

* ul {
	list-style: none;
}

* li {
	float: left;
}

* a,
* label {
	outline: none;
	cursor: pointer;
	/*border-bottom: #ABCC34 1px solid;*/
}

a, a:link, a:visited,
.post_it a:hover {
	text-decoration: none;
	color: #222;
}

a:hover,
* label:hover {
	text-decoration: none;
}

#content a, #content a:link, #content a:visited {
	color: #222;
	border-bottom: #ABCC34 1px solid;
}

#content a:hover {
	text-decoration: none;
	border-bottom: #333336 1px solid;
}

/* @end  :::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = */

/* @group HTML TEXT TAGS :: jsaq :::::::::::::::::::::::::::::::::::::::::::::::::::::: */

h1, h2 {
	font: arial;
	font-weight: bold;
	font-size: 14px;
	width: 100%;
	padding-bottom: 8px;
}

h2 span {
	font-weight: normal;
	font-size: 12px;
	color: #777777;
}

p {
	padding-bottom: 16px;
}

em {
	font-weight: bold;
	font-style: normal;
}

*html br,
* br {
	float: left;
	display: block;
	padding-bottom: 16px;
}

span.bold {
	font-weight: bold;
}

/* @end ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = */

/* @group BOX PROPERTIES :: jsaq :::::::::::::::::::::::::::::::::::::::::::::::::::::: */

.left {
	float: left;
}

.right {
	float: right;
}

/* @end ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = */

/* @group PAGE LAYOUT :: jsaq ::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#header,
#content,
#footer {
	width: 98%;
	padding: 0 1% 0 1%;
	float: left;
}

@media screen and (-webkit-min-device-pixel-ratio:0){ /* Safari hack :: nfq */
#header,
#content,
#footer {
	padding: 0 1.1% 0 1%;
	width: 98%;
	}
}

.header_container,
.content_container,
.footer_container {
	width: 920px;
	padding: 0 20px;
	margin: 0 auto;
	display: block;
}

#header {
	height: 65px;
	background: #F2F2F2 url(../images/nav/header_bg.png) left top repeat-x;
}

#content {

}

#footer {
	color: #666;
	background: url(../images/nav/footer_bg.png) right top repeat-x;
}

/*#content .content_container .error_404 {
	height: 565px;
	display: block;
}*/

/* @end ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = */

/* @group HEADER :: jsaq :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

.header_container {
	line-height: 56px;
	height: 65px;
	background: url(../images/nav/header_bg.png) left top repeat-x;
}

.logo {
	background: url(../images/nav/logo.png) left bottom no-repeat;
	width: 166px;
	height: 56px;
	border: none;
	float: left;
	display: block;
}

.logo a {
	width: 166px;
	height: 56px;
	border: none;
	float: left;
	display: block;
}

/* @end ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = */

/* @group FOOTER :: jsaq :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

.footer_container {
	color: #666666;
	font-size: 10px;
	line-height: 45px;
	height: 45px;
	background: url(../images/nav/footer_bg.png) right top repeat-x;
}

.footer_container a {
	color: #666666;
	line-height: 14px;
	border-bottom: none;
}

.footer_text {
	width: 100%;
	float: left;
}

.footer_left {
	float: left;
}

.footer_right {
	color: #666;
	float: right;
}

.footer_right a {
	color: #666;
}

.footer_right a:hover {
	color: #ABCC34;
}

/* @end ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = */