/* ------------------------------------------------------------------------------------ *
| GLOBALS CSS FILE :: For The Wishing Tree Site Wide									|
| css/globals.css																		|
| 																						|
| PROJECT :: www.thewishingtree.com														|
| Copyright (C) 2009, QUERIDODESIGN, Switzerland										|
| 																						|
+ ------------------------------------------------------------------------------------- +
| Author :: Julian Querido + Nathan Querido												|
* ------------------------------------------------------------------------------------- */

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

* {
	padding: 0;
	margin: 0;
}

html, body {
	height: 100%;
	background-color: #2e0b01;
}

body {
	height: auto;
	min-height: 100%;
	width: 100%;
	font: 12px/18px Arial;
	/*background-color: #FFF;*/
	color: #222222;
	letter-spacing: 1px;
	background: #000 url(../images/backgrounds/seventhsign.jpg) center center repeat;
	float: left;
	/*height: 100%;*/
	-webkit-user-select: none;
}


div.content_container ::selection {
    background-color: #333;
    color: #FFF;
}


::-moz-selection {
    background-color: #333;
    color: #FFF;
}

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

/* @group STYLES :: jsaq :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

h1, h2 {
	color: #000;
	line-height: 20px;
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 10px;
	clear: left;
}

h1 span, h2 span {
	color: #666;
	font-weight: normal;
	font-size: 12px;
	height: 35px;
	line-height: 35px;
	padding: 0 0 0 10px;
	margin: 0 0 0 10px;
	border-left: 1px solid #999;
}

h2 {
	margin-top: 25px;
}

p {
	font: 12px/20px Arial;
	color: #222222;
	letter-spacing: 1px;
	width: 100%;
	padding: 0 0 20px 0;
}

em {
	font-style: italic;
}

*strong {
	font-weight: bold;
	font-style: normal;
}

*a {
	outline: none;
	cursor: pointer;
}

a, a:link, a:visited {
	text-decoration: none;
	color: #4e0d00;
}

a:hover {
	text-decoration: none;
	color: #666;
}

ul {
	list-style: none;
}

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

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

#container {
	width: 95%;
	padding: 0 2.5%;
	float: left;
}

#container .page_container {
	width: 762px;
	margin: auto;
}

#content {
	background: url(../images/nav/content_repeat.png) left top repeat-y;
	float: left;
	width: 762px;
	height: 478px;
}

#background_loader {
	width: 28px;
	height: 28px;
	background: #fff url(../images/nav/spinner.gif) no-repeat center center;
	position: absolute;
	margin-top: 1px;
	margin-left: 1px;
	-moz-opacity: .6;
	opacity: .6;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid transparent;
	-webkit-box-shadow: 0px 0px 3px  #FFF;
}

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

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

.header_container {
	width: 762px;
	height: 146px;
	background: url(../images/nav/header_bg.png) left top no-repeat;
}

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

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

.footer_container {
	font-size: 10px;
	color: #666666;
	width: 680px;
	height: 40px;
	background: url(../images/nav/footer_bg.png) left bottom no-repeat;
	padding: 0 41px;
	margin: 0 0 36px 0;
	float: left;
}

.footer_text {
	line-height: 38px;
	height: 40px;
	width: 680px;
	border-top: 1px solid #cccccc;
	float: left;
}

.footer_text span {
	float: left;
}

.footer_text span a,
.footer_text span a:link,
.footer_text span a:visited,
.footer_text span a:active {
	color: #666666;
}

.footer_text span a:hover {
	color: #4e0d00;
}

span.queridodesign_logo {
	height: 18px;
	width: 83px;
	padding: 10px 0 0;
	float: right;
}

span.queridodesign_logo a {
	height: 18px;
	width: 83px;
	background: url(../images/nav/queridodesign_logo.png) right 0 no-repeat;
	float: right;
}

span.queridodesign_logo a:hover {
	background-position: right -19px;	
}
	
/* @end  = :::::::: = :::::::: = :::::::: = :::::::: = :::::::: = :::::::: = :::::::: = */