@import url(facebox.css);
@import url(tabs.css);
@import url(sIFR-screen.css);

/*

Eric Wedum, 2009.
Smile Crocodile

Table of Contents
	1. MAIN HTML SHELL
	2. HOMEPAGE
	3. LOGOS
	4. INTERACTIVE

*/

* {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
}
html, body {
	height: 100%;
}
body {
	background: url(../img/bg_main.jpg) 0 0 no-repeat;
	font: normal 11px/20px "Tahoma", "Geneva", Verdana;
	color: #3e2606;
}
div, img {
	
}
.clr {
	clear: both;
}
.clr-foot {
	height: 50px;
}

/* ================================================================================= */


/* 1. MAIN HTML SHELL */

#container {
	margin-bottom: -50px;
	width: 940px;
	min-height: 100%;
  	height:auto !important; /* fix for IE6 */
  	height:100%;
}
#footer {
	font: normal 11px Georgia, "Times New Roman", Times, serif;
	width: 940px;
	height: 50px;
	position: relative;
}
#footer p {
	margin: 0 0 10px 0;
	text-align: center;
	color: #a2a29e;
	width: 940px;
	position: absolute;
	bottom: 0;
}
#footer p a {
	padding: 0 20px 0 0;
	text-decoration: none;
	color: #a2a29e;
}
#footer p a:hover {
	text-decoration: underline;
}
#logo {
	margin: 0 0 0 40px;
	float: left;
}
/* Below applies to IE6 Only */
/*\*/
* html #logo {
	margin: 0 0 0 20px;
}
/**/
#logo img {
	padding: 15px 0 0 0;
	float: left;
}
#logo img.robot {
	padding: 5px 0 0 40px;
}
#nav {
	background: url(../img/bg_nav.gif) 0 0 no-repeat;
	width: 542px;
	height: 144px;
	float: right;
	position: relative;
}
#nav ul {
	list-style: none;
	position: absolute;
	top: 57px;
	left: 35px;
}
#nav li {
	float: left;
}
#nav li {
	float: left;
}
#nav li a {
	background: url(../img/nav_sprite.gif) 0 0 no-repeat;
	display: block;
	text-indent: -999999px;
	height: 30px;
}
#nav li#nav01 a {
	background: url(../img/nav_sprite.gif) 0 0 no-repeat;
	width: 104px;
}
#nav li#nav01 a:hover {
	background-position: 0 -30px;
}
#nav li#nav02 a {
	background: url(../img/nav_sprite.gif) -104px 0 no-repeat;
	width: 76px;
}
#nav li#nav02 a:hover {
	background-position: -104px -30px;
}
#nav li#nav03 a {
	background: url(../img/nav_sprite.gif) -180px 0 no-repeat;
	width: 118px;
}
#nav li#nav03 a:hover {
	background-position: -180px -30px;
}
#nav li#nav04 a {
	background: url(../img/nav_sprite.gif) -298px 0 no-repeat;
	width: 99px;
}
#nav li#nav04 a:hover {
	background-position: -298px -30px;
}
#nav p.twitter {
	right: 126px;
	position: absolute;
}
#nav p.contact {	
	position: absolute;
	top: 120px;
	right: 17px;
}
#nav p.contact a {
	background: url(../img/nav_contact.gif) 0 0 no-repeat;
	text-indent: -999999px;
	display: block;
	width: 109px;
	height: 24px;
}
#nav p.contact a:hover {
	background-position: 0 -24px;
}

/* ================================================================================= */


/* 2. HOMEPAGE */

#alpha {
	margin: 20px auto 50px auto;
	background: url(../img/bg_home-body.gif) 0 0 no-repeat;
	width: 813px;
	height: 498px;
	position: relative;
}
#frame {
	padding: 5px 0 0 75px;
	float: left;
}
#hello {
	background: url(../img/img_hello.png) 0 0 no-repeat;
	width: 427px;
	height: 182px;
	position: absolute;
	top: 60px;
	right: 10px;
}
/* Below applies to IE6 Only */
/*\*/
* html #hello {
	background: url(../img/img_hello.gif) 0 0 no-repeat;
}
/**/
#hm-links {
	background: url(../img/links_home.png) 0 0 no-repeat;
	width: 296px;
	height: 134px;
	position: absolute;
	top: 210px;
	right: 155px;
}
/* Below applies to IE6 Only */
/*\*/
* html #hm-links {
	background: url(../img/links_home.gif) 0 0 no-repeat;
}
/**/
#hm-links a {
	text-indent: -999999px;
	display: block;
	position: absolute;	
}
#hm-links p#hm01 a {
	background: url(../img/link_interactive.png) 7px 1px no-repeat;
	width: 121px;	
	height: 27px;
	top: 1px;
	left: 2px;
}
/* Below applies to IE6 Only */
/*\*/
* html #hm-links p#hm01 a {
	background: url(../img/link_interactive.gif) 7px 1px no-repeat;
}
/**/
#hm-links p#hm01 a:hover {
	background-position: 6px -27px;
}
#hm-links p#hm02 a {
	background: url(../img/link_logos.png) 40px 1px no-repeat;
	width: 110px;
	height: 35px;	
	top: 29px;
	left: 65px;
}
/* Below applies to IE6 Only */
/*\*/
* html #hm-links p#hm02 a {
	background: url(../img/link_logos.gif) 40px 1px no-repeat;
}
/**/
#hm-links p#hm02 a:hover {
	background-position: 40px -35px;
}
#hm-links p#hm03 a {
	background: url(../img/link_random.png) 16px -3px no-repeat;
	width: 120px;
	height: 22px;	
	top: 63px;
	left: 176px;
}
/* Below applies to IE6 Only */
/*\*/
* html #hm-links p#hm03 a {
	background: url(../img/link_random.gif) 16px -3px no-repeat;
}
/**/
#hm-links p#hm03 a:hover {
	background-position: 16px -25px;
}
#hm-links p#hm04 a {
	background: url(../img/link_illustration.png) 19px -2px no-repeat;
	width: 120px;
	height: 29px;	
	display: block;
	top: 90px;
	left: 92px;
}
/* Below applies to IE6 Only */
/*\*/
* html #hm-links p#hm04 a {
	background: url(../img/link_illustration.gif) 19px -2px no-repeat;
}
/**/
#hm-links p#hm04 a:hover {
	background-position: 19px -32px;
}
#quote {
	position: absolute;
	bottom: 0;
	right: 0;
}

/* ================================================================================= */


/* 3. LOGOS */

#beta {
	margin: 0 auto 40px auto;
	padding: 0 0 40px 0;
	width: 888px;
	behavior: url(/resources/js/iepngfix.htc);
}
#beta .section {
	margin: 0 40px 20px 0;
	float: right;
}
#beta ul {
	list-style: none;
}
#beta li {
	padding: 30px 0;
	text-align: center;
	vertical-align: middle;
	width: 296px;
	height: 142px;
	float: left;
}
#beta li table {
	text-align: center;
	vertical-align: middle;
	width: 296px;
	height: 142px;
}

/* ================================================================================= */


/* 4. INTERACTIVE */

#gamma {
	margin: 0 auto 40px auto;
	padding: 0 0 40px 0;
	width: 888px;
}
#gamma .section {
	margin: 0 40px 20px 0;
	float: right;
}
#gamma .post {
	margin: 0 auto;
	width: 700px;
}
#gamma h2 {
	margin: 0 0 0 -50px;
	font-size: 32px;
	line-height: 42px;
}
/* Below applies to IE6 Only */
/*\*/
* html #gamma h2 {
	margin: 0;
}
/**/
#gamma .post p {
	padding: 10px 0 10px 25px;
	width: 650px;
}
#gamma .btn {
	float: right;
}
#gamma .btn a {
	padding: 0 2px;
}

/* popup ========================================================================== */

#tabs ul {
	margin: 0 7px;
	width: 55px;
	float: left;
}
/* Below applies to IE6 Only */
/*\*/
* html #tabs ul {
	margin: 0 3px;
}
/**/

#tabs li {
	margin: 0 0 7px 0;
}



/* next and previous buttons */

#next-prev {
	margin: 0 auto;
	text-align: center;
	width: 312px;
	height: 100px;
	clear: both;
}
.nav-next {
	float: right;
}
.nav-previous {
	float: left;
}
.nav-previous a {
	background: url(../img/b_newer.gif) 0 0 no-repeat;
	display: block;
	text-indent: -999999px;
	width: 114px;
	height: 48px; 
}
.nav-next a {
	background: url(../img/b_older.gif) 0 0 no-repeat;
	display: block;
	text-indent: -999999px;
	width: 114px;
	height: 48px; 
}



.entry-content {
	margin-bottom: 100px;
}