body {
	background-color: #cccccc;
	color: #000000;
	font: normal 0.71em Arial, Helvetica, sans-serif;
	margin:auto;
}

a	{
	color:#BE0000;
	text-decoration:none;
}

a:hover	{
	color:#ff6666;
}


h1, h2, h3, h4, p, form, dl, dt, dd, ol, ul, li	{
	padding:0;
	margin:0;
}



/* ------------------------- MAIN CONTAINERS --------------------------- */

#container	{
	margin:15px auto;
	width:960px;
	height:600px;
	border:3px solid #bbb;
	background: transparent url("../assets/images/lm-ground.gif") 0 0 no-repeat;	
	clear:both;
	text-align:left;
}





/* --------------------------------------  SIDEBAR  ---------------------------------*/

#sidebar {
	float:left;
	margin:105px 40px 70px 35px;
	width:190px;
	height:400px;
	text-align:right;
	font: normal 12px Arial, Helvetica, sans-serif;


}

#sidebar li{
	color:#ffffff;
	padding:0px 35px 0px 0px;
	margin:11px 0px;
	list-style:none;
}

#sidebar .single {
	height:31px;

}
#sidebar .single a{
	padding:9px 0px 0px 0px;
	height:22px;
}

#sidebar .double {
	height:44px;
}

#sidebar .double a{
	padding:9px 0px 0px 0px;
	height:35px;
}

#sidebar .s-bullet{
	background: transparent url("../assets/images/bulletstar.gif") 160px 4px no-repeat;	
}

#sidebar .d-bullet{
	background: transparent url("../assets/images/bulletstar.gif") 160px 11px no-repeat;	
}

#sidebar li a{
	color:#ffffff;
	float:right;

}

#sidebar li a:hover{
	color:#ff9999;
}



/* --------------------------------------  CONTENT  ---------------------------------*/


#content {
	margin:50px 40px 0px 290px;
	width:600px;
	height:500px;
	text-align:left;
	font: normal 11px Arial, Helvetica, sans-serif;
	line-height:15px;
}

#content #logo{
	margin:160px 90px;
	width:420px;
	height:180px;
	text-align:right;
	background: transparent url("../assets/images/lm-logo.gif") 0 0 no-repeat;	
	float:left;

}

#content #logo h1{
	font: normal 14px Arial, Helvetica, sans-serif;
	margin:160px 8px;

}

#content h1{
	font: normal 17px Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:0px 0px 10px 0px;
}

#content h3{
	font: normal 12px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#be0000;
	margin:6px 0px 3px 0px;
}


#content dt{
	font-weight:bold;
	float:left;
	margin-bottom:16px;
}

#content dd{
	margin-left:60px;
	margin-bottom:16px;
}

#content p{
	margin-bottom:16px;
}

#content li{
	margin-left:12px;
}

#content ol li{
	margin-bottom:8px;
	margin-left:0px;
	list-style:none;
}

#content .closer{
	margin-bottom:6px;
}

#content .left-column{
	float:left;
	width:160px;
}

#content .left-column-wide{
	float:left;
	width:250px;
}

#content .right-column{
	display:inline;
}


#content #contact_us{
	margin:160px 140px;
	width:420px;
	text-align:left;
	float:left;
}

#content #company_profile{
	margin:75px 100px;
	width:450px;
	text-align:left;
	float:left;
}

#content #promotional_mechanics{
	margin:85px 100px;
	width:380px;
	text-align:left;
	float:left;
}

#content #web_txt_promotions{
	margin:160px 120px;
	width:380px;
	text-align:left;
	float:left;
}

#content #terms_and_conditions_compilation {
	margin:120px 120px;
	width:430px;
	text-align:left;
	float:left;
}

#content #prize_indemnity_insurance{
	margin:70px 100px;
	width:420px;
	text-align:left;
	float:left;
}

#content #fuzzy_logic{
	margin:20px 90px;
	width:500px;
	text-align:left;
	float:left;
}

#content #fuzzy_logic_animation{
	margin:50px 50px;
	width:567px;
	text-align:left;
	float:left;
}


/* ------------------------------------------------ EXAMPLES ----------------------------------------*/

#content_card_examples{
	margin:20px 40px 0px 330px;
	width:600px;
	height:550px;
	text-align:left;
	font: normal 11px Arial, Helvetica, sans-serif;
	background: transparent url("../assets/images/lm-examples.jpg") -15px -10px no-repeat;	
	line-height:15px;
}

#content_fuzzy_examples{
	margin:10px 40px 0px 330px;
	width:600px;
	height:560px;
	text-align:left;
	font: normal 11px Arial, Helvetica, sans-serif;
	background: transparent url("../assets/images/lm-fuzzy-examples.jpg") -15px -5px no-repeat;	
	line-height:15px;
}


/* ------------------------------------------------ CASE STUDIES ----------------------------------------*/
#case_content {
	margin:30px 20px 10px 290px;
	width:660px;
	height:510px;
	text-align:left;
	font: normal 11px Arial, Helvetica, sans-serif;
	line-height:12px;
}

#case_content #nav-pic{
	margin:20px 0px 0px 0px;
	height:500px;
	width:230px;
	text-align:left;
	float:left;
}

#case_content #nav-pic-wide{
	margin:20px 0px 0px 0px;
	height:500px;
	width:260px;
	text-align:left;
	float:left;
}

#case_content #nav{
	margin:0px 0px 10px 30px;
	width:190px;
	text-align:left;
	font: bold 12px Arial, Helvetica, sans-serif;
	color:#bE0000;
	float:left;
}

#case_content #nav img{
	margin:0px 1px 0px 1px;
	display:inline;
}

#case_content #nav-text{
	margin:6px 5px 0px 0px;
	float:left
}
		
#case_content #heading-copy{
	margin:0px 0px 0px 240px;
	width:400px;
	height:510px;
	text-align:left;
	font: normal 10px Arial, Helvetica, sans-serif;
}

#case_content ul{
	margin:0px 0px 6px 0px;
}

#case_content li{
	margin-left:12px;
}

#case_content #heading-copy p{
	margin:0px 0px 6px 0px;
}

#case_content #heading-copy-narrow{
	margin:0px 0px 0px 270px;
	width:350px;
	height:510px;
	text-align:left;
	font: normal 10px Arial, Helvetica, sans-serif;
}

#case_content #heading-copy-narrow p{
	margin:0px 0px 6px 0px;
}

#case_content #case1-pic{
	margin:0px 0px 0px 0px;
	height:430px;
	width:230px;
	text-align:left;
	float:left;
	background: transparent url("../assets/images/lm-case1.jpg") 0px -9px no-repeat;	
}

#case_content #case2-pic{
	margin:0px 0px 0px 5px;
	height:450px;
	width:220px;
	text-align:left;
	float:left;
	background: transparent url("../assets/images/lm-case2.jpg") 0px 0px no-repeat;	
}

#case_content #case3-pic{
	margin:0px 0px 0px 5px;
	height:450px;
	width:220px;
	text-align:left;
	float:left;
	background: transparent url("../assets/images/lm-case3.jpg") 0px 0px no-repeat;	
}

#case_content #case4-pic{
	margin:0px 0px 0px 0px;
	height:430px;
	width:260px;
	text-align:left;
	float:left;
	background: transparent url("../assets/images/lm-case4.jpg") 0px 0px no-repeat;	
}



#case_content #case1-heading{
	font: normal 13px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#bE0000;
	margin:10px 0px 10px 0px;
	width:400px;
	float:left;
}

#case_content #case2-heading{
	font: normal 13px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#bE0000;
	margin:20px 0px 10px 0px;
	width:400px;
	float:left;
}

#case_content #case3-heading{
	font: normal 13px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#bE0000;
	margin:10px 0px 10px 0px;
	width:400px;
	float:left;
}

#case_content #case4-heading{
	font: normal 13px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#bE0000;
	margin:90px 0px 10px 0px;
	width:350px;
	float:left;
}





/* ------------------------------------------------ FOOTER ----------------------------------------*/
#footer {
	font: normal 9px Arial, Helvetica, sans-serif;
	width:900px;
	text-align:right;
	float:left;


}


/* ------------------------------------------------ MISC ----------------------------------------*/
.red	{
	color:#A63A30;
}

.pink {
	color:#D3949A;
}

.clear	{
	clear:both;
}

/* hacks and workarounds */
/* fix so Mozilla browsers allows content to fill container div */
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {
    display:inline-block;
}
.clearfix {
    display:block;
}
* html .clearfix {
    height:1px;
}