/*----- index -------------------------
	
	ALL
	Main
	Header
	Middle
	Bottom
	Footer
	Info
	FadBOX
	Home
	Contact
	Slide Show
	
-------------------------------------*/

/* ---- ALL START ---- */
* {
	margin: 0;
}

html, body
{
	background-color:white;
	text-align:center;
	font-size: 100%;
	margin:auto;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:black;
}

h1
{
	color: #fdc066;
	font: 20px/20px "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-top: 8px;
	margin-bottom: 8px;
}

h2
{
	color: #fdc066;
	font: 16px/16px "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-top: 5px;
	margin-bottom: 5px;
}

p
{
	margin-bottom: 5px;
	margin-top: 5px;
}

img 
{
	border: none;
}
a	
{
	outline: none; 
	outline-style:none;
	outline-width:medium;
	text-decoration:none;
	color:black;
	display:block;
	margin-bottom:10px;
	height:auto;/*32px;*/
}




img.leftalign {
	vertical-align: middle;
	float: left;
	margin: 2px 5px;
	padding: 2px 5px;
}

img.rightalign {
	vertical-align: middle;
	float: right;
	padding: 2px 5px;
	margin: 2px 5px;
}

/* ---- ALL END ---- */



/* ---- Main START ---- */
.MainContainer
{
	background-color:white;
	width:100%;
	min-width:800px;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	margin: 0 auto -90px;
	line-height: 100%; 
	overflow:visible;

}

/* ---- Main END ---- */

/* ---- Header START ---- */
.HeaderContainer
{
	background-image:url(./images/HeaderBackground.png);
	background-repeat:repeat-x;
	width:100%;
	height:172px;
}
.HeaderMiddleContainer
{
	
	width:800px;
	margin: 0 auto;
	height:100%;
}
#KAIMI_logo
{
	background-image:url(./images/KAIMI_logo.png);
	background-repeat:no-repeat;
	width:206px;
	height:113px;
	float:left;
	margin-top:20px;
}
#QuoteBackground
{
	background-image:url(./images/QuoteBackground.png);
	background-repeat:no-repeat;
	width:428px;/*480px;*/
	height:83px;/*158px;*/
	position:absolute;
	top:110px;
	margin-left:400px;
	z-index:1;
	padding-left:27px;
	padding-top:10px;
	padding-bottom:60px;
	padding-right:26px;
	
	margin-left:120px !ie;
	padding-left:0px !ie;
	padding-right:0px !ie;
	padding-top:20px !ie;
	padding-bottom:15px !ie;
	width:480px !ie;
	height:153px !ie;
	/*background-image:url(./images/QuoteBackground_noDropShadow.png) !ie;*/
	
}
#QuoteBubbleTitle 
{
	text-align:left;
	color: #fdc066;
	margin-bottom:7px;
	
	margin-bottom:7px !ie;
	height:3px !ie;
	width:400px !ie;
	font: normal 18px/16px "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-top: 10px;
}
#QuoteBubbleInfo 
{
	text-align:justify;
	color:white;
	
	width:400px !ie;
	font: 12px/14px "Lucida Grande", Lucida, Verdana, sans-serif;
}

/* ---- Header END ---- */

/* ---- Middle START ---- */
.MiddleContainer
{
	
	background-image:url(./images/MiddleBackground.png);
	width:100%;/*800px;*/
	height:512px;
	margin: 0 auto;
	
}
#TopCircuitImage
{
	background-image:url(./images/CircuitTop.png);
	background-repeat:no-repeat;
	width:165px;
	height:61px;
	
	position:absolute;
	top:104px;
	right:0;
	
}
#BottomCircuitImage
{
	background-image:url(./images/CircuitBottom.png);
	background-repeat:no-repeat;
	width:165px;
	height:61px;
	position:absolute;
	margin-top:6px;
	left:0;
}
#HoldShadows
{
	position:absolute;
	width:100%;
	height:512px;
	left:0;
}
#HoldTopShadows
{
	width:100%;
	height:118px;
}
#TL_shadow
{
	
	position:absolute;
	left:0;
	background-image:url(./images/TL_shadow.png);
	background-repeat:no-repeat;
	width:118px;
	height:118px;
}
#T_shadow
{
	margin-left:118px;
	margin-right:118px;
	background-image:url(./images/T_shadow.png);
	background-repeat:repeat-x;
	height:118px;
}
#TR_shadow
{
	position:absolute;
	right:0;
	top:0;
	background-image:url(./images/TR_shadow.png);
	background-repeat:no-repeat;
	width:118px;
	height:118px;
}
#HoldBottomShadows
{
	width:100%;
	height:118px;
}
#BL_shadow
{
	position:absolute;
	left:0;
	background-image:url(./images/BL_shadow.png);
	background-repeat:no-repeat;
	width:118px;
	height:118px;
}
#B_shadow
{
	margin-left:118px;
	margin-right:118px;
	background-image:url(./images/B_shadow.png);
	background-repeat:repeat-x;
	height:118px;
}
#BR_shadow
{
	position:absolute;
	right:0;
	bottom:0;
	background-image:url(./images/BR_shadow.png);
	background-repeat:no-repeat;
	width:118px;
	height:118px;
}
#HoldMiddleShadows
{
	width:100%;
	height:274px;
}
#L_shadow
{
	position:absolute;
	left:0;
	background-image:url(./images/L_shadow.png);
	background-repeat:repeat-y;
	width:118px;
	height:274px;
}
#R_shadow
{
	position:absolute;
	right:0;
	background-image:url(./images/R_shadow.png);
	background-repeat:repeat-y;
	width:118px;
	height:276px;
}
/* ---- Middle END ---- */

/* ---- Bottom START ---- */
.BottomContainer
{
	background-image:url(./images/BottomBackground.png);
	background-repeat:repeat-x;
	background-color:white;
	width:100%;
	height:172px;
}
/* ---- Bottom END ---- */

/* ---- Footer START ---- */
.push
{
	background-color:white;
	height:1px;
	width:100%;	
}
.FooterContainer
{
	background-image:url(./images/FooterBackground.png);
	background-repeat:repeat-x;
	width:100%;
	height:85px;
	clear: both;
	margin: 0 auto;
}

.footercontent
{
	color: white;
	font: 10px/10px "Lucida Grande", Lucida, Verdana, sans-serif;
	margin: 15px;
	padding: 15px;
}

/* ---- Footer END ---- */

/* ---- Info START ---- */
.InfoContaner
{
	width:800px;
	height:512px;
	background-image:url(./images/GlowBackground.png);
	background-repeat:no-repeat;
	background-position:190px 0px;
	
}

/* ---- Info END ---- */

/* ---- FadBOX START ---- */
#productsImage
{
	background-image:url(./images/ProductImage.png);
	background-repeat:no-repeat;
	width:300px;
	height:300px;
	margin-left:40px;
	margin-top:30px;
	
}
.FadedInfoBox
{
	background-image:url(./images/FadBox_350.png);
	background-repeat:no-repeat;
	
	width:350px;
	height:140px;
	padding:10px;
	float:left;
	margin:10px;
	bottom:10px;
	
	width:350px !ie;
	height:160px !ie;
	color:white;
	font: 12px/13px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align: left;
	
	width:380px !ie;
}
#holdFadeInfoBoxes
{
	/*position:absolute;*/
	bottom:0;
	left:0;	
}
/* ---- FadBOX END ---- */

/* ---- Home START ---- */
.HomeContaner
{
	/*background-color:red;*/
	width:800px;
	height:512px;
	color:white;
	text-align:justify;
	font-weight:normal;
	padding:10px;
}

.HomeImageHang
{
	/*
	background-image:url(./images/HomeWheel.png);
	background-repeat:no-repeat;
	float:right;
	margin-top:150px;
	*/
	float:right;
	
	
	
	/*position:absolute;
	top:30px;
	left:0;*/
	width:800px;
	height:235px;
}
.BulletTextContaner
{
	width:360px;
	height:auto;
	margin-bottom:10px;
	font-size:11px;
	font-size:11px !ie;
	width:330px !ie;
		
}
.smallIconBullet
{
	display:block;
	background-image:url(./images/SideBullet_image.png);
	background-repeat:no-repeat;
	float:left;
	width:32px;
	height:32px;
	margin-top:5px;
	margin-bottom:5px;
}
.holdBulletInfo h2
{
	font-weight:bold;	
}
.holdBulletInfo
{
	width:370px;
	height:auto;
	margin-bottom:5px;	
}

.LogoCasinoSolutions
{
	display:block;
	background-image:url(./images/21csi_logo_white_homepage.png);
	background-repeat:no-repeat;
	position:relative;
	float:left;
	width:350px;
	height:108px;
	margin-bottom:30px;
	margin-top:30px;
	margin-bottom:10px !ie;
	margin-top:10px !ie;
}
.HomeLeftside
{
	color: white;
	float: left;
	width: 375px;
	font: 12px/14px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align: left;
	position: relative;
}
.HomeRightside
{
	color: white;
	width: 375px;
	font: 12px/14px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align: left;
	float: right;
}
#WhitepaperButton
{
	margin-top:14px;
}
/* ---- Home END ---- */

/* ---- Contact START ---- */
.ContactContaner
{
	/*background-color:blue;*/
	width:800px;
	height:512px;
}

.leftside
{
	color: white;
	float: left;
	width: 35%;
	margin: 25px;
	font: 12px/14px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align: left;
	position: relative;
}

.leftside-about
{
	color: white;
	float: left;
	width: 40%;
	margin: 120px 25px 25px;
	font: 12px/14px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align: left;
	position: relative;
}

.leftside-image
{
	color: white;
	float: left;
	width: auto;
	margin: 25px;
	font: 12px/14px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align: left;
	position: relative;
}

.rightside
{
	color: white;
	width: 45%;
	margin: 25px;
	font: 12px/14px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align: left;
	float: right;
}
/* ---- Contact END ---- */

/* ---- Slide Show START ---- */

#slideshow-area, #slideshow-scroller {
  width: 800px;
  height: 512px;
  position: relative;
  overflow: hidden;
  margin: 0 auto;
}

#slideshow-area {
  /*border: 1px solid #000;*/
}

#slideshow-holder {
  height: 512px;
}

#slideshow-Home, #slideshow-contact , #slideshow-about, #slideshow-product{
  width: 140px;
  height: 75px;
  margin-top:6px;
  margin-right:5px;
  float:right;
  display: none;
  cursor: pointer;
  line-height:60px;
  
}


/*
#slideshow-Home, #slideshow-contact {
  width: 50px;
  height: 50px;
  position: absolute;
  background-color:green;
  top: 0px;
  display: none;
  cursor: pointer;
  cursor: hand;
}

#slideshow-contact {
  display: block;
  background-color:green;
  top: 0px;
  right: 0;
}
*/
.slideshow-content {
  float: left;
}

/* ---- Slide Show END ---- */








/*
#TL_shadow
{
	position:absolute;
	right:0;
	background-image:url(./images/TR_shadow.png);
	background-repeat:no-repeat;
	width:118px;
	height:118px;
}
#T_shadow
{
	position:absolute;
	left:118px;
	right:118px;
	background-image:url(./images/T_shadow.png);
	background-repeat:repeat-x;
	height:118px;
	
	width:100% !ie;
}
#TR_shadow
{
	position:absolute;
	left:0;
	background-image:url(./images/TL_shadow.png);
	background-repeat:no-repeat;
	width:118px;
	height:118px;
}
#BL_shadow
{
	position:absolute;
	right:0;
	bottom:0;
	background-image:url(./images/BR_shadow.png);
	background-repeat:no-repeat;
	width:118px;
	height:118px;
}
#BR_shadow
{
	position:absolute;
	left:0;
	bottom:0;
	background-image:url(./images/BL_shadow.png);
	background-repeat:no-repeat;
	width:118px;
	height:118px;
}
#B_shadow
{
	position:absolute;
	left:118px;
	right:118px;
	bottom:0;
	background-image:url(./images/B_shadow.png);
	background-repeat:repeat-x;
	height:118px;
	
	width:100% !ie;
}
#L_shadow
{
	position:absolute;
	top:118px;
	bottom:118px;
	left:0;
	background-image:url(./images/L_shadow.png);
	background-repeat:repeat-y;
	width:118px;
	
	height:276px !ie;
}
#R_shadow
{
	position:absolute;
	top:118px;
	bottom:118px;
	right:0;
	background-image:url(./images/R_shadow.png);
	background-repeat:repeat-y;
	width:118px;
	
	height:276px !ie;
}

*/