/* Stylesheet Screen */

body, html {
	margin: 0;
}

img {border: none;}

body{
	background: url(img/bg_header.jpg) left top repeat-x;
	font-family:Arial, Helvetica, sans-serif;
}

div#center {
	width: 760px;
	left: 50%;
	position: absolute;
	margin-left: -390px;
	margin-top: 252px;
}

div#header {
	width: 771px;
	left: 50%;
	position:absolute;
	margin-left: -405px;
}

div#twitter {
	position: absolute;
	left: 50%;
	margin-left: -500px;
	z-index: 2;
}
div#facebook {
	position: absolute;
	left: 50%;
	margin-left: -480px;
	padding-top: 120px;
	z-index: 1;
	width: 100px;
}

div#welcome {
	margin: -10px 20px 20px 20px;
	font-size: 0.8em;
}
div#welcome h3 {
	margin: 5px 0 5px 0;
}
div#welcome ul {
	list-style-position:inside;
}

div#navigation {
	height: 49px;
	background: url(img/line_righttop.gif) right top no-repeat;
}

div#content {
	background:url(img/border_left2.gif) left bottom repeat-y;
	padding: 0;
}
div#innercontent {
	background:url(img/border_right2.gif) right top repeat-y;
	padding: 20px;
	/*height: 354px;*/
}



div#footer {
	background:url(img/border_bottom.gif) left top no-repeat;
	text-align: center;
	padding: 20px 0 20px 0;
	font-size: 0.8em;
}

a.getit { 
	display: block;
	width: 125px;
	height: 49px;
	background:url(img/getit.gif) left bottom no-repeat;
	float:left;
}
a.getit:hover, a.getit_active {
	display: block;
	width: 125px;
	height: 49px;
	background:url(img/getit.gif) left top no-repeat;
	float:left;
}

a.useit { 
	display: block;
	width: 115px;
	height: 49px;
	background:url(img/useit.gif) left top no-repeat;
	float:left;
}
a.useit:hover, a.useit_active {
	display: block;
	width: 115px;
	height: 49px;
	background:url(img/useit.gif) left bottom no-repeat;
	float:left;
}

a.help { 
	display: block;
	width: 117px;
	height: 49px;
	background:url(img/help.gif) left bottom no-repeat;
	float:left;
}
a.help:hover, a.help_active {
	display: block;
	width: 117px;
	height: 49px;
	background:url(img/help.gif) left top no-repeat;
	float:left;
}

a.contact { 
	display: block;
	width: 121px;
	height: 49px;
	background:url(img/contact.gif) left top no-repeat;
	float: left;
	
}
a.contact:hover, a.contact_active {
	display: block;
	width: 121px;
	height: 49px;
	background:url(img/contact.gif) left bottom no-repeat;
	float: left;
}

img#logo {
	
}

div#slogan{
	
}

h1 {
	font-size: 1.6em;
	margin: 0 0 15px 0;
}

h2 { 
margin: 0;
font-size: 1.4em;
font-variant:small-caps;
}
h3 {
	margin: 20px 0 20px 0;
}



ul.help { padding: 0;
list-style-position: inside;
}

ul.help li {
	margin: 5px 0 5px 0;
}

ol { list-style-position: outside }

ul {margin: 0;padding:0;
list-style-position:outside;}

li.first {
	list-style-type: none;
	display: block;
	margin: 10px 0 10px 0;
	padding: 15px 10px 25px 90px;
	background:url(img/first.gif) no-repeat left top;
	
}
li.second {
	display: block;
	margin: 10px 0 10px 0;
	padding: 15px 10px 25px 90px;
	background:url(img/second.gif) no-repeat left top;
	list-style-type: none;
}
li.first2 {
	list-style-type: none;
	display: block;
	margin: 10px 0 10px 0;
	padding: 15px 10px 35px 90px;
	background:url(img/first.gif) no-repeat left top;
	
}
li.second2 {
	display: block;
	margin: 10px 0 10px 0;
	padding: 15px 10px 35px 90px;
	background:url(img/second.gif) no-repeat left top;
	list-style-type: none;
}
li.third {
	list-style-type: none;
	display: block;
	margin: 10px 0 10px 0;
	padding: 25px 10px 25px 90px;
	background:url(img/third.gif) no-repeat left top;
	
}
li.fourth {
	display: block;
	margin: 10px 0 10px 0;
	padding: 25px 10px 25px 90px;
	background:url(img/fourth.gif) no-repeat left top;
	list-style-type: none;
}

p.small {
	font-size: 0.8em;
}