/* --------------------------------------------------------------------------------
	Style design for www.SamWalravens.com
	
	Copyright:	HappyBiz / Young & Grand
				http://www.happybiz.nl/
-------------------------------------------------------------------------------- */
*							{ margin:0; padding:0; }
body						{ height:100%; max-height:100%; overflow:auto; border:0px none; }
body, input, table,
textarea					{ font-family:'Helvetica 25 Ultra Light', Verdana; font-size:10pt; color:#808080; }

hr							{ clear:both; border:1px none; height:2px; margin:8px 80px; background:#bbbbbb;}
img							{ border:0px none; padding:0; margin:0; }
img.left					{ border:0px none; float:left; padding-right:8px; }
img.right					{ border:0px none; float:right; }
img.center					{ display:block; margin:0 auto; padding:0; text-align: center;/*IE*/ }
input:active, input:focus,
textarea:active,
textarea:focus				{ background:#FFFFBB; }

/* --------------------------------------------------------------------------------
	content(s)
-------------------------------------------------------------------------------- */
.content_outside			{ position:absolute; top:0; right:0; bottom:12px; left:0; width:100%; overflow:auto;  }
* html .content_outside		{ top:0; bottom:0; width:100%; height:100%; border-bottom:12px solid #ffffff; }

.content					{ position:absolute; left:0; top:25px; width:100%; text-align:center; }
* html .content				{ top:0; left:0; border-top:25px solid #ffffff; }

.content_footer				{ position:absolute; bottom:50px; width:100%; height:50px; overflow:hidden; }
.content_footer				{ background:#fff; }


.content_footer .left		{ position:absolute; height:50px; padding:0 8px; top:0; left:0; text-align:left; font-size:13pt; }
.content_footer .right		{ position:absolute; height:50px; padding:0 8px; top:0; right:0; text-align:right; font-size:13pt; }

.content_header				{ position:absolute; top:0; width:100%; height:25px; overflow:hidden; }



/* --------------------------------------------------------------------------------
	z-index
-------------------------------------------------------------------------------- */
.outside					{ z-index:1; }
.content					{ z-index:2; }
.content_footer				{ z-index:3; }
.content_header				{ z-index:3; }
.menu						{ z-index:4; }



/* --------------------------------------------------------------------------------
	happybiz
-------------------------------------------------------------------------------- */
.happybiz					{ display:block; text-align:center; }
.happybiz a					{ text-decoration:none; color:#00008b; font-weight:bold; padding:0 4px;}
.happybiz a:hover			{ text-decoration:none; background:#ff0000; color:#ffffff; }
.happybiz p					{ padding:0;}
.happybiz table				{ border-collapse:collapse; margin:0 auto; }
.happybiz td				{ width:120px; padding:4px; vertical-align:top; border:1px solid #f0f0f0; text-align:left}
.happybiz .category			{ width:180px; color:#909090; text-align:left; }
.happybiz .value			{ width:180px; }
.happybiz .spider			{ width:80px; }



/* --------------------------------------------------------------------------------
	mailform
-------------------------------------------------------------------------------- */
.mailform					{ padding-top:0px; text-align:center; }
.mailform table				{ }
.mailform input,
.mailform textarea			{ text-decoration:none; border:1px solid #808080; }
.mailform tr,	
.xmailform input,
.xmailform textarea,
.mailform td				{ padding:2px; text-align:left; /*FF*/ vertical-align:top; }
.mailform textarea			{ overflow:auto; }
.mailform .button			{ width:127px; }
.mailform .field_1			{ width:200px; }
.mailform .field_2			{ width:350px; }

.mailform .error			{ text-align:center; color:#ff0000; }
.mailform .failure			{ text-align:center; color:#ff0000; }
.mailform .success			{ text-align:center; color:#ff0000; }



/* --------------------------------------------------------------------------------
	menu
-------------------------------------------------------------------------------- */
.menu						{ float:right; padding-top:27px; padding-right:8px; text-align:right; }
.menu a						{ text-decoration:none; border-bottom:4px solid #ffffff; position:relative;/*ie*/ padding:0 6px; color:#a0a0a0; font-size:13pt; font-weight:normal; }
.menu a:hover				{ text-decoration:none; border-bottom:4px solid #ffffff; color:#000000; }
.menu a.active				{ text-decoration:none; border-bottom:4px solid #bbbbbb; color:#a0a0a0; }
.menu a:hover.active		{ text-decoration:none; border-bottom:4px solid #bbbbbb; color:#000000; }



/* --------------------------------------------------------------------------------
	photos
-------------------------------------------------------------------------------- */
.photos						{ height:100%;margin:0; padding:0; }
.photos img					{ margin:0 40px; border:0px none;}
.photos table				{ border-collapse:collapse; }
.photos .next				{ margin:0; padding:0; }



/* --------------------------------------------------------------------------------
	powered by HappyBiz
-------------------------------------------------------------------------------- */
.powered					{ position:absolute; bottom:0; width:100%; height:12px; overflow:hidden; background:#f0f0f0;}
.powered a					{ color:#909090; text-decoration:none; padding:0; font-weight:normal; }
.powered a:hover			{ color:#000000; text-decoration:none;  }
.powered p					{ color:#909090; text-align:center; font-size:7pt; }



/* --------------------------------------------------------------------------------
	sls
-------------------------------------------------------------------------------- */
.sls						{}
.sls a						{ display:block; padding:4px;}
.sls a:hover				{}



/* --------------------------------------------------------------------------------
	various
-------------------------------------------------------------------------------- */
.red						{ color:#ff0000; }




/* TEST */
/*
.content_outside{ background:lightgreen; }
.content		{ background:lavender; }
.content_footer	{ background:pink; }
.content_footer	.left { background:silver; }
.content_footer	.right { background:silver; }
.content_header	{ background:green; }
.menu			{ background:yellow; }
/**/