@charset "UTF-8";

/*Note: This CSS file may not always be valid according to the W3C standards.
It may contain proprietary/nonstandard or yet unsupported code.
This code is used to fix certain user agent rendering bugs, or to enhance the website/application in the case of more advanced user agents.*/

/*
@website: 
@author: andrei stefan
@copyright: spotonearth 2009 

1.   general rules
1.1. global reset
1.2. typography
1.3. forms
1.4. tables
1.5. alignment classes
1.6. floats
1.7. misc

2.   layout
2.1. container
2.2. header
2.3. content
2.4. footer
*/

/*************************************
1. General rules
**************************************/

/*---------1.1. global reset-------------*/
*{ 
	outline: 0; 
	list-style: none;
	font-size: 100%; 
	text-decoration: none;
	text-indent: 0px;
	font-style: normal;
	font-family: inherit;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,ul, ol, li, dl, dt, dd, 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, li,  fieldset, form, label, legend, input, select, option, optgroup{
	padding: 0px;
	margin: 0px;
}

html {
	width: 100%;
	height: 100%;
	background:url(../images/bg1.jpg) top center no-repeat;
}

body {
	width: 100%;
	height: 100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 62.5%; /* 1em = 10px \ 1.1em = 11px \ 1.2em = 12px */
	background:url(../images/bg2.jpg) center bottom no-repeat;
}

*: focus: : -moz-focus-inner {
    border-color:  transparent !important;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:  "";
}
blockquote, q { quotes:  "" ""; }

pre {
	white-space: pre; /* CSS2 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap; /* HP printers */
	white-space: -o-pre-wrap; /* Opera 7 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: pre-wrap; /* CSS 2.1 */
	word-wrap: break-word; /* IE */
	width: 100%; /*IE*/
	overflow: auto;
}

pre code { display: block; }

img { border: none; }

ul.list,
ol.list {
	margin: 10px 0px;
	padding: 0px 0px 0px 2em;
	list-style-position: outside;
}

dl.list { margin: 10px 0px; }

dl.list  dt { margin: 10px 0px 2px 0px; }

dl.list dd { margin: 0px 0px 0px 2em; }
/*end*/

/*-------1.2. typography----*/

/*headings and paragraphs*/
h1, h2, h3, h4, h5, h6 { 
	margin: 0px 0px 20px 0px;
	font-weight: normal;
}

h1 {
	font-size: 2em;
}

h2 {
	height:12px;
	text-indent:-999em;
	font-size: .1em;
	line-height:0px;
}

.col1 h2{
	background:url(../images/headings.gif) top left no-repeat;
}

.col2 h2 {
	position:relative;
	margin-left:-5px;
	margin-right:-5px;
	background:url(../images/headings.gif) bottom left no-repeat;
}

h3 {
	font-size: 1.6em;
}

h4 {
	font-size: 1.4em;
}

h5 {
	font-size: 1.2em;
}

h6 {
	font-size: 1em;
}

p {
	margin: 0px 0px 15px 0px;
	text-align:justify;
}

blockquote {}

blockquote p {
	margin: 0px;
}

/*links*/
a {
	cursor: pointer;
}

a:link,
a:visited {}

a :hover, 
a:focus,
a:active {}

/*phrase elements*/
strong, b {
	font-weight: bold;
}

em, i { font-style: oblique; }

del, s, strike { text-decoration: line-through; }

ins, u { text-decoration: underline; }

abbr,
acronym {
	speak: spell-out; 
}

abbr[title],
acronym[title],
dfn[title]{
	border-bottom: 1px dashed #000;
	cursor: help;
	font-variant: normal;
}

sup { vertical-align: text-top; }

sub { vertical-align: text-bottom; }

dfn {}

cite {}

kbd {
	padding:  0px 2px;
	background: #F7F7F7;
	border-style: solid;
	border-color: #eee;
	border-width:  1px 2px 2px 1px;
}

var {}

code {}

samp {}
/*end*/

/*------------1.3. forms-----------------*/
form {
	display: inline;
}

fieldset {
	display: inline;
	border: none;
}

form li {
	margin-bottom: 3px;
}

label {
	display: block;
}

label.desc {
	cursor: default;
}

legend {}

input.textInput {}

input.textInput:focus,
input.textInput:active {}

input.passwordInput {}

input.fileInput {}

input.hiddenInput {}

input.radioInput {}

input.checkbox{}

input.imageInput{}

input[type="submit"],
input[type="reset"],
input[type="button"] {
	cursor: pointer;
}

button,
.submitBtn,
.resetBtn { 
	width: auto;
	overflow: visible;
	text-align: center; 
	cursor: pointer;
}

button span { 
  display: block; 
  white-space: nowrap; 
}

.submitBtn {}

.resetBtn {}

.submitBtn:hover,
.submitBtn:focus,
.submitBtn:active,
.resetBtn:hover,
.resetBtn:focus,
.resetBtn:active,
button:hover,
button:focus,
button:active {}

select {}

select :focus,
select:active {}

option {}

optgroup {}

textarea {}

textarea:focus,
textarea:active {}
/*end*/

/*--------------1.4. tables-------------*/
table {
	border: none;
	border-collapse: collapse; 
	border-spacing: 0;  /*when set to "0" cellspacing has no effect on tables */
}

tr {}

td {}

th {}

caption {
	text-align: center;
	font-weight: bold;
}
/*end*/

/*-------1.5. alignment classes-------*/
.left { text-align: left; }

img.left {
	float: left;
	clear: left;
	margin: 0px 10px 10px 0px;
}

.center { text-align: center; }

img.center {
	margin: 0 auto 20px auto;
	display: block;
}

.right { text-align: right; }

img.right {
	float: right;
	clear: right;
	margin: 0px 0px 10px 10px;
}
/*end*/

/*-------------1.6. floats-------------*/
.floatLeft {
	float: left;
	clear: left;
}

.floatRight {
	float: right;
	clear: right;
}
/*end*/

/*------1.6.1. clearing floats---------*/
form li:after,
form dl:after,
form dt:after, 
form dd:after,
ul:after,
ol:after,
dl:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
/*end*/

/*-------1.7. misc------*/
.accessAid {
	position: absolute !important;
	top: -9999em !important;
	left: -9999em !important;
	width: 0px !important;
	height: 0px !important;
	overflow: hidden !important;
	font-size: 0px !important;
	margin: 0px !important;
	padding: 0px !important;
	background: none !important;
}

.noJSWarning {
	text-align: center;
	color: #FF0000;
}

.error { color: #ff0000; }

.highlight1 {}

.highlight2{}
/*end*/

/************************************
2. Layout
*************************************/

/*------------2.1. container------------*/
#container {
	width:900px;
	position: relative;
	margin: 0 auto;
	font-size: 1.2em;
}
/*end*/

/*------------2.2. header---------------*/
#header {
	padding:20px;
	border-bottom:1px solid #000;
}

#header img{
	display:block;
	margin:0 auto;
}
/*end*/

/*------------2.3. content--------------*/
#content {
	overflow:hidden;
	padding:30px 5px 50px 5px;
}

.col1, .col2 {
	width:417px;
}

.col1 {
	float:left;
}

.col2 {
	float:right;
}
/*end*/

/*-----------2.4. footer----------------*/
#footer {
	padding:30px 0px 0px 0px;
	border-top:1px solid #d8d9d9;
	text-align:center;
}
/*end*/