/* Band-in-a-Box home page (mac/win)
-------------------------------------*/
	

#main {
	overflow: hidden;
	position: relative;
	margin: 8px 0px 3px 0px;
	background: #ffffff;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
	-webkit-box-shadow: rgba(0,0,0,.2) 1px 1px 3px; -moz-box-shadow: rgba(0,0,0,.2) 1px 1px 3px; box-shadow: rgba(0,0,0,.2) 1px 1px 3px;
	cursor: auto;
	width:auto;
	/*width:960px;*/
}

#main #img-container {
	display:block;
	height:490px;
	margin-bottom:20px;
	float:left;
}

#main #fl-logo {
	position:absolute;
	top:450px;
	left:54px;
}


#main .button_big {
	cursor: pointer;
	margin:0 0 19px 0;
}

#main .content {
	margin:19px 22px 30px 396px;
}

#main .content2 {
	margin:19px 50px 30px 50px;
}

#main .content-fullwidth {
	margin:19px 22px 30px 22px;
}

#main .content .title {
	font-weight: bold;
	font-size: 22px;
	text-shadow: 1px 1px 1px rgba(0,0,0, .3);
}

#main .content .title .sub{
	font-size: 70%;
}

#main .content .desc {
	margin: 22px 0px 22px 0px;
	font-weight: normal;
	font-size: 15px;
	line-height: 22px;
}

#main .content .desc li {
	background: url("gfx/listbullet_bluearrow_small.png") no-repeat 5px 5px; 
	padding-left: 20px; 
	padding-right:10px; 
	list-style:none; 
	font-size:13px; 
	line-height:17px; 
	margin:0 0 11px 12px
}

#main .content .desc p {
	margin-bottom: 14px;
}

#main .content .desc a {
	color: #004fc3;
}

#main .content .desc a:hover {
	color: #ff0000;
}

#main #button-container {
	height:40px;
}

#main .videos {
	padding: 28px 0px 0px 0px;
}

#main .video img {
	float:left;
	border: 2px solid white;
	-webkit-box-shadow: rgba(0,0,0,.57) 2px 2px 5px; -moz-box-shadow: rgba(0,0,0,.57) 2px 2px 5px; box-shadow: rgba(0,0,0,.57) 2px 2px 5px;
}

#main .video .desc {
	padding: 32px 0px 0px 168px;
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;
}


/* Rotator
----------------------------------*/

#noRotate {
	position:absolute;
	top: 35px;
	left: 14px;
}

#rotate1 {position: absolute; top: 35px; left: 14px}
#rotate2 {position: absolute; top: 88px; left: 40px}
#rotate3 {position: absolute; top: 36px; left: 55px}
#rotate4 {position: absolute; top: 88px; left: 55px}
#rotate5 {position: absolute; top: 88px; left: 55px}
#rotate6 {position: absolute; top: 88px; left: 55px}
#rotate2, #rotate3, #rotate4, #rotate5, #rotate6 {display: none}