/* Start of CMSMS style sheet 'iPoster :: layout' */
/*****************
basic layout 
*****************/
body {
   background-color: #eee;
   color: #333;

}

div#pagewrapper {
	border: 1px solid black;
	width:975px;
	margin:auto;
	background-color: #fff;;
	color: black;
}

div#activeStrap{
	height:47px;
	background:url(/uploads/images/layout/bbcActiveStrap.jpg) no-repeat;
}

div#activeStrapDemo{
	height:37px;
	background:url(/uploads/images/layout/bbcActiveStrapDemo.jpg) no-repeat;
}


div#topNav{
	height:51px;
	background:url(/uploads/images/layout/topNavBG.jpg) no-repeat;
	padding-left:156px;
	padding-top:16px;
}

div#topNav.home{
	background:url(/uploads/images/layout/topNavBGHome.jpg) no-repeat;
}

div#trialSplash{
	background:url(/uploads/images/layout/homeSplash00.jpg) no-repeat;
padding-top:190px;
padding-bottom:10px;
font-family:impact, verdana, arial, san-serif;
	color: black;
	font-size: 4em; 
text-align:center;
}

div#content {
	margin: 1.5em auto 1.3em 0;   /* some air above and under menu and content */
	padding-bottom:14px;
}


div#sidebar {
   float: left;        /* set sidebar on the left side. Change to right to float it right instead. */
   display: inline;  /* FIX IE double margin bug */
   margin-left: 0;
width:251px;
padding:40px 0px 40px 15px;

}

div#main{
border:0px dotted green;
width:443px;
float:left;

}

div#main.singleColumn{
	margin-left: 28px;
	margin-right: 0px;
	padding-top:20px;
	border:0px dotted yellow;
width:930px;
}

div#trialPuff{
width:470px;
	border:0px dotted pink;
text-align:center;
margin:auto;
}

div#leftColumn{
	width:450px;
	border:0px dotted pink;
float:left;
}


div#rightColumn{
	border:0px dotted green;
	margin-left:480px;


}

div#shopLink a{
	margin-top:10px;
	margin-bottom:10px;
	border:0px dotted green;
	background:url(uploads/images/layout/shopLinkButton.gif) no-repeat;
	height:23px;
	padding-top:8px;
	padding-left:34px;
	display:block;
	color: white;
	text-decoration:none;
}

div#shopLink a:hover{
	background:url(uploads/images/layout/shopLinkButton.gif) no-repeat 0px -31px;
}



div#prodRight{
	margin-left:730px;

}

div#minHardware{
background:url(uploads/images/layout/minHardwareBG.gif) no-repeat;
padding-left:30px;
font-size:1.1em;
line-height:1.2em;
}

div#tryOutTrial{
background:url(uploads/images/layout/tryOutTrialBG.gif) no-repeat;
padding-left:30px;
font-size:1.1em;
line-height:1.2em;
}


div.sampleMenuWrapper{
margin:auto;
margin-bottom: 520px;
}

div.sampleMenuColA{
float: left; width: 290px;padding-right: 27px;
}

div.sampleMenuColB{
float: left; width: 290px;
}

div#homeBox{
	width:445px;
margin-top:10px;
margin-bottom:10px;
}

div#homeBoxHead{
	background:url(/uploads/images/layout/homeBoxHead.jpg) no-repeat;
	height:35px;
}

div#homeBoxContent{
	background:url(/uploads/images/layout/homeBoxContentBG.jpg) no-repeat;
	height:219px;
	padding-left:40px;
	padding-top:15px;
}


div#homeBoxFooter{
	background:url(/uploads/images/layout/homeBoxFooterBG.jpg) no-repeat;
	height:25px;
	padding-left:40px;
	padding-top:10px;


}







div#footer {
	clear: both;       /* keep footer below content and menu */
	height:82px;
	padding-left:33px;
	padding-right:33px;
	padding-top:1px;
	background:url(/uploads/images/layout/footerBG.jpg) no-repeat;
	font-size:0.8em;
}




/* as we hid all hr for accessibility we create new hr with extra div element */
div.hr {
   height: 1px;
   padding: 1em;
   border-bottom: 1px dotted black;
   margin: 1em;
}



/* End of 'iPoster :: layout' */