/**                  
 * screen.css
 *
 * @author  a.j. de vries
 *
 * Copyright (c) Malibomba                               
 * IT IS NOT ALLOWED TO USE OR MODIFY ANYTHING OF 
 * THIS CODE, WITHOUT THE PERMISION OF THE AUTHOR.                       
 * Info? Mail to info@malibomba.com                             
 */
/*<![CDATA[*/
:root { overflow-y:scroll; } /* FIREFOX SPECIFIC */
html, body {
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	overflow: hidden;
}

body{
	margin: 0;
	padding: 0;
	border: 0;
	overflow: hidden;
	height: 100%; 
	max-height: 100%; 
	background: #fcf6db;
	scrollbar-face-color:#fcf6db;
	scrollbar-arrow-color:#963000;
	scrollbar-highlight-color:#963000;
	scrollbar-shadow-color:#963000;
}

img { border:0; }
form { display:inline; }
label { font-weight:bold; }
body, textarea, input, table, td {
	 font-size : 12px;
	 color : #000;
	line-height: 18px;
	 font-family : Geneva, Arial, Helvetica, sans-serif;
}

a, a:visited {
	color:#963000;
	font-weight: bold;
	text-decoration:none;
}
a:focus { outline: none; }
a:hover { text-decoration:underline; }

a.white, a.white:visited 	{ color: #fff; }
h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	color:#000;
}

h1 { 
	border-bottom: 1px solid #ecbc02;
	font-size: 13pt;
}

h2 { font-size:12pt; text-align: center;}
h3 { font-size:17pt; text-align: center; line-height: 1.4em;}
h4 {	
	font-size:12pt;
	padding: 0 10px;
	margin: 10px 0 0 0;}
h5 { font-size:16pt; display: inline;  padding: 10px;}
h6 { font-size:8pt; }

p { 
	margin:15px 0;
	line-height: 20px
}
/**
 * GENERAL CLASSES:
 * Definition of the used classes.
 ------------------------------------------------*/
.section	{
	padding-top: 10px;
	padding-bottom: 300px;
	width:640px
}

.clear {
	clear:both;
	visibility:hidden;
	height:10px !important;
}
a.b, a.b:visited { font-weight:bold; }
a.u, a.u:visited { text-decoration:underline; }


.white	{ color: #fff; }
.img-shadow {
	float:left;
	background: url(/pics/shadowalpha.png) no-repeat bottom right;
	margin: 5px 0 0 5px !important;
	margin: 5px 3px 0 5px;
	z-index: 1;
}

.img-shadow img {
	display: block;
	position: relative;
	background-color: #fff;
	border: 3px solid #963000;
	margin: -6px 6px 6px -6px;
	padding: 4px;
	z-index: 1;
	cursor: url(/pics/magnify.cur), pointer; 
	/*cursor: url(/pics/zoomin.cur);*/
}

hr.clear {
	clear:both;
	visibility:hidden;
}

.midden	{
	margin-left: 25%;
}

.titleblock	{
 	width:100%; 
 	background: #963000;
 	padding: 2px;
 	margin: 2px;
 	border: 1px solid #fff;
	}

.bullet {
	background: url(/pics/pin.png) no-repeat;
	height: 41px;
	list-style: none;
	padding-left: 50px;
	color: #fff; 
	font-weight : bold; 
	font-size:130%;
	line-height: 30px;
}

/**
 * NAVIGATION CLASSES:
 ------------------------------------------------*/
.menu{
	list-style-type: none;
	margin: 142px 0 0 17px;
	padding: 0;
	width: 163px;
}


.menu li{
	border-bottom: 1px solid #963000;
	border-left: 1px solid #963000;
	border-top: 1px solid #963000;
	margin: 2px 0;
}

.menu li a{
	background: url(/pics/trans80.png) left top; 
	font: bold 12px "Lucida Grande", "Trebuchet MS", Verdana;
	display: block;
	color: #000;
	width: auto;
	padding: 3px 8px;					/* Vertical (top/bottom) padding for each menu link */
	text-indent: 0px;
	text-decoration: none;
	text-align: right;
}

.menu li a:visited{
	color: #000;
}

.menu li a:hover{
	background-color: #fcf6db;
	color:#000;
	text-decoration: none;
}

.menu li a:active{
	background-color: #963000;
	color:#fff;
	text-decoration: none;
}

* html .menu li a{ /* Menu link width value for IE */
	width: 100%;
}


/**
 * LAYOUT CONTAINERS:
 * Definition of the used layout containers.
 ------------------------------------------------*/
#framecontentLeft{
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 180px; /*Width of left frame div*/
	height: 100%;
	overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
	background: #963000;
	color: white;
}


#framecontentTop{
	position: absolute; 
	top: 0; 
	left: 0; 
	overflow: hidden; 
	background: #963000 url(/pics/bg_top.jpg) no-repeat left top;
	width: 900px;
	height: 140px; 
}



#maincontent{
	position: fixed; 
	left: 180px; 
	top: 140px;
	right: 0;
	bottom: 0;
	width:717px;
	overflow: auto;
	background-color: #fcf6db;
	/*background-image:	url(/pics/bg_content.jpg);
	background-repeat: no-repeat;
	background-position: 180px 120px;
	background-attachment: fixed;*/
}


.innertube{
	margin: 30px; /*Margins for inner DIV inside each DIV (to provide padding)*/
}

* html body{ /*IE6 hack*/
	padding: 120px 0 0 180px; /*Set value to (HeightOfTopFrameDiv 0 0 WidthOfLeftFrameDiv)*/
}

* html #maincontent{ /*IE6 hack*/
	height: 100%; 
	
}

* html #framecontentTop{ /*IE6 hack*/
	width: 100%;
}


.txtslide{
	font-size: 20px;
	font-weight: bold;
	padding-top: 100px;
	color: #963000;
}

/* clearbox.css a ClearBox scripthez :: http://www.kreatura.hu/pyro/clearbox */

#CB_ShowTh, #CB_Thumbs2, #CB_Thumbs, .CB_RoundPixBugFix, #CB_Padding, #CB_ImgContainer, #CB_PrevNext, #CB_ContentHide, #CB_LoadingImage, #CB_Text, #CB_Window, #CB_Image, #CB_TopLeft, #CB_Top, #CB_TopRight, #CB_Left, #CB_Content, #CB_Right, #CB_BtmLeft, #CB_Btm, #CB_BtmRight, #CB_Prev, #CB_Next, #CB_Prev:hover, #CB_Next:hover, #CB_CloseWindow, #CB_SlideShowS, #CB_SlideShowP, #CB_SlideShowBar, #CB_Email {
	margin: 0;
	padding: 0;
	background-color: transparent;
	border: 0px;
}

#CB_ImgHide {
	position: absolute;
	visibility: hidden;
	z-index: 1098;
	left: 0px;
}

#CB_ShowTh {
	width: 100%;
	height: 15%;
	visibility: hidden;
	position: absolute;
	z-index: 1097;
	bottom: 0px;
	left: 0px;
}

#CB_Thumbs {
	display: none;
	height: 60px;
	padding-top: 10px;
	background-color: #fff;
	position: absolute;
	z-index: 1100;
	overflow: hidden;
	bottom: 10px;
	left: 0px;
}

#CB_Thumbs2 {
	margin: auto 0;
	height: 50px;
	position: absolute;
}

.CB_ThumbsImg {
	position: absolute;
}

.CB_RoundPixBugFix {
	display: block;
	visibility: hidden;
	font-family: arial;
	font-size: 1pt;
}

#CB_ImgContainer {
	position: relative;
	width: 100%;
}

#CB_PrevNext {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 1002;
}

#CB_ContentHide {
	position: absolute;
	z-index: 1000;
	top: 0px;
	left: 0px;
}

#CB_LoadingImage {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -12px;
	margin-top: -12px;
	visibility: hidden;
}

#CB_Text {
	text-align: center;
}

#CB_Window {
	left:50%;
	position:absolute;
	top:50%;
	visibility:hidden;
	z-index: 1100;
	border-collapse: separate;
}

#CB_Image {
	position: relative;
}

#CB_iFrame {
	position: absolute;
	width: 0px;
	height: 0px;
	z-index: 1003;
}

#CB_TopLeft {
	background-image:url(/pics/s_topleft.png);
	background-position:right bottom;
}

#CB_Top {
	background-image:url(/pics/s_top.png);
	background-position:left bottom;
}

#CB_TopRight {
	background-image:url(/pics/s_topright.png);
	background-position:left bottom;
}

#CB_Left {
	background-image:url(/pics/s_left.png);
	background-position:right top;
}

#CB_Content {
	background-color:#FFFFFF;
}

#CB_Right {
	background-image:url(/pics/s_right.png);
	background-position:left top;
}

#CB_BtmLeft {
	background-image:url(/pics/s_btmleft.png);
	background-position:right top;
}

#CB_Btm {
	background-image:url(/pics/s_btm.png);
	background-position:left top;
}

#CB_BtmRight {
	background-image:url(/pics/s_btmright.png);
	background-position:left top;
}

#CB_Prev, #CB_Next {
	background: transparent url(/pics/blank.gif) no-repeat scroll 0%;
	display: block;	
	width: 49%;
	cursor: pointer;
	outline-style:none;
	z-index: 1102;
}

.CB_TextNav {
	text-decoration: underline;
	color: #aaa;
}

.CB_TextNav:hover {
	text-decoration: none;
	color: #ff7700;
}

#CB_Prev {
	float: left;
	left: 0px;
}

#CB_Next {
	float: right;
	left: 0px;
}

#CB_Prev:hover {
background:transparent url(/pics/prev.gif) no-repeat scroll left 50%;
}

#CB_Next:hover {
background:transparent url(/pics/next.gif) no-repeat scroll right 50%;
}

#CB_CloseWindow {
	position: absolute;
	top: 0px;
	right: -1px;
	z-index: 1104;
	cursor: pointer;
}

#CB_SlideShowS, #CB_SlideShowP {
	position: absolute;
	top: 0px;
	left: -1px;
	z-index: 1104;
	cursor: pointer;
}

#CB_SlideShowBar {
	width: 0px;
	position: absolute;
	top: 5px;
	left: 22px;
	height: 5px;
	display: none;
}

#CB_Email {
	position: absolute;
	right: 15px;
}

/**
 * sIFR:
 * These are standard sIFR styles... do not modify
 *****************************************************************************/

@media screen {
		.sIFR-flash {
		visibility: visible !important;
		margin: 0;
		padding: 0;
		}

		.sIFR-replaced, .sIFR-ignore {
		visibility: visible !important;
		}

		.sIFR-alternate {
		position: absolute;
		left: 0;
		top: 0;
		width: 0;
		height: 0;
		display: block;
		overflow: hidden;
		}

		.sIFR-replaced div.sIFR-fixfocus {
		margin: 0pt; 
		padding: 0pt; 
		overflow: auto; 
		letter-spacing: 0px; 
		float: none;
		}
}

@media print {
  .sIFR-flash {
	display    : none !important;
	height     : 0;
	width      : 0;
	position   : absolute;
	overflow   : hidden;
  }
  
  .sIFR-alternate {
	visibility : visible !important;
	display    : block   !important;
	position   : static  !important;
	left       : auto    !important;
	top        : auto    !important;
	width      : auto    !important;
	height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  .sIFR-active h1 {
  visibility: hidden;
  font-family: Verdana;
  font-size: 25px;
  padding: 0 10px;
  margin: 10px 0 0 0;
  border: 2px solid #ecbc02;
  background: #963000;

  }

  .sIFR-active h2 {
  visibility: hidden;
  font-family: Verdana;
  line-height: 20px;
  font-size: 20px;
  padding: 0;
  margin: 0;
  margin-top: -10px;
  }

  .sIFR-active h3, h4 {
  visibility: hidden;
  font-family: Verdana;
  line-height: 20px;
  font-size: 18px;
  padding: 0;
  margin: 0;
  }

}

/**
 * FV FORM 
 * Definitions for the required form fields.
 -----------------------------------------------------------*/
html>body input {
	height:auto;
	margin-bottom:1px;	
}


form {
	margin:0px;
	padding:0px;
	display:inline;
}

input, textarea {
	font-size:12px;
	font-family:Arial, Verdana, sans-serif;
	color: #333333;
	background:#fff;
	border:1px solid #963000;
}

html>body input, textarea, select {
	font-size:13px;
	margin:0px 0px 1px 0px;
	border:1px solid #963000;
}

input {

	background:#fff;
	border:1px solid #963000;
}

.fv-req {
	padding-right:0px;
	background:#c0c0c0;
	border:1px solid #963000;	
}

.fv-forget {	

	padding-right:0px;
	background:#d4ccbf;
	border:1px solid #333333;
}

.fv-syntax {

	padding-right:0px;
	background:#d4ccbf;
	border:1px solid #963000;
}


.cssform	{
	padding: 0;
	margin: 0;
}
.cssform p{
	clear: left;
	margin: 0;
	padding: 0;
	
}

.cssform label{
	float: left;
	color: #963000;
	padding: 0;
	margin: 0px; /*width of left column*/
	width: 140px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
	width: 275px;
}

.cssform textarea, textarea{
	width: 275px;
	height: 60px;
	font-family:Arial, Verdana, sans-serif;
}

		p#success
		{
			padding: 3px 10px;
			background: #92FFA5;
			border: 2px solid #009218;
			color: #009218;
			font-weight: bold;
			margin-bottom: 10px;
			text-align: center;
		}
		
		p#bademail, p#badserver
		{
			padding: 3px 10px;
			background: #FFA3A1;
			border: 2px solid #D00D00;
			color: #D00D00;
			font-weight: bold;
			margin-bottom: 10px;
			text-align: center;
		}

/**
 * GOOGLE MAPS
 ------------------------------------------------*/
#map {
	width:600px; 
	height:300px;
	text-align:right;
	border:1px solid #963000;
}

#directions {
	width:600px;
	height:auto;
}

#directions td a, #directions td {
	color: #000;
	text-align: left;
}
/*]]>*/