@charset "UTF-8";
/* CSS Document */

body {
	margin: 0;
	padding: 0;
	background-color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	}
	
ul {
	margin:0;
	padding:0;
	}
	
li {
	margin:0px;
	padding:0px;
	}
	
h2, h3, h4, {
	margin:0px;
	padding:0px;
	color:#009900;
	}
	
h1 {
	width:195px;
	height:34px;
	float:left;
	margin:45px 0px 0px 20px;
	background-image:url(images/logoBam.gif);
	background-repeat:no-repeat;
	}
	
h1 a {
	width:195px;
	height:34px;
	}		
	
p {
	margin:0px;
	padding:0px;
	color:#8c8e91;
	font-size:11px;
	line-height:18px;
	}			
	
	

/* - main layout - */
	
#wrapper {
	background-color: #000;
	background-image:url(images/backgroundMain1.jpg);
	background-repeat: no-repeat;
	background-position: center 120px;
	min-height:1055px;
	}
	
#main {
	width:960px;
	margin:0 auto 0 auto;
	}	
	
#header {
	width:960px;
	height:120px;
	padding:0px 0px 0px 0px;
	margin:0px auto 0px auto;
	}
	
#logo {
	width:195px;
	height:34px;
	float:left;
	margin:45px 0px 0px 20px;
	background-image:url(images/logoBam.gif);
	background-repeat:no-repeat;
	}	
	
#navigation {
	margin:62px 0px 0px 380px;
	width:350px;
	height:15px;
	float:left;
	}
	
#navigation ul {
	margin:0;
	padding:0;
	list-style-type:none;
	}
	
#navigation ul li {
	float:left;
	}			
	
#navigation ul li a {
	display: block;
	color: #000;
	text-decoration: none;
	text-indent: -9999px;
	}
		
#navigation ul li a.home {
	width: 48px;
	background:#000 url(images/btnHome.gif) no-repeat left bottom;
	height:15px;
	margin:0px 40px 0px 0px;
	}

#navigation ul li a.about {
	width: 101px;
	background:#000 url(images/btnAbout.gif) no-repeat left bottom;
	height:15px;
	margin:0px 40px 0px 0px;
	}
	
#navigation ul li a.clients {
	width: 70px;
	background:#000 url(images/btnClients.gif) no-repeat left bottom;
	height:15px;
	margin:0px 40px 0px 0px;
	}
	
#navigation ul li a.contact {
	width: 110px;
	background:#000 url(images/btnContact.gif) no-repeat left bottom;
	height:15px;
	}		

#navigation ul li a:hover {
	background-position:top;
	}	
			
#mainContent {
	width:960px;
	height:388px;
	margin:87px auto 0px auto;
	background-color:#d9d9d9;
	}
	
/**************************************************************

	Image Menu kwicks

**************************************************************/	
	

.jimgMenu {
	position: absolute;
	margin: 20px 0px 0px 20px;
	padding: 0px;
	width:920px;
	height:348px;
	overflow: hidden;
}

.jimgMenu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	display: block;
	height: 348px;
	position: relative;
	}
	
.jimgMenu ul li {
	width: 233px;
	float: left;
	display: block;
	overflow: hidden;
}

.jimgMenu ul li a {
	text-indent: -1000px;
	background:#fff repeat scroll 0%;
	border-right: 0px solid #d9d9d9;
	cursor:pointer;
	display:block;
	overflow: hidden;
	height: 348px;
}

.jimgMenu ul li#video div 
{
	background: url(images/video.jpg) repeat scroll 0%;
	border-right: 10px solid #d9d9d9;
	cursor:pointer;
	display:block;
	overflow: hidden;
	width:520px;
	height:348px;
 }

.jimgMenu ul li#licensing a {
	background: url(images/licensing.jpg) repeat scroll 0%;

}

.jimgMenu ul li#iVis a {
	background: url(images/iVis.jpg) repeat scroll 0%;
  
}

.jimgMenu ul li#hoot a {
	background: url(images/hoot.jpg) repeat scroll 0%;
	border-right-style: none;
}

.clear {
	clear: both;
}

	
/*************************************************************/

	
/* - About Page - */	
	
#mainContentAbout {
	width:960px;
	margin:87px auto 0px auto;
	}
	
#headerAbout {
	width:960px;
	height:121px;
	background-image:url(images/aboutBam.gif);
	background-repeat:no-repeat;
	}
	
#contentAbout {
	width:960px;
	background-image:url(images/sliceAbout.gif);
	background-repeat:repeat-y;
	}
	
#contentTextAbout {
	width:760px;
	margin:0px auto 0 auto;
	padding-top:15px;
	}	
	
#aboutBottom {
	width:960px;
	height:20px;
	background-color:#d9d9d9;
	}
	
/* - Contact Page - */	
	
#mainContentContact {
	width:960px;
	margin:87px auto 0px auto;
	}
	
#headerContact {
	width:960px;
	height:121px;
	background-image:url(images/contactBam.gif);
	background-repeat:no-repeat;
	}
	
#contactBackground {
	width:960px;
	height:247px;
	background-image:url(images/sliceAbout.gif);
	background-repeat:repeat-y;
	}
	
#contactMain {
	width:800px;
	height:300px;
	margin:0px 0px 0px 90px;
	}	
		
#contacts {
	width:170px;
	height:100px;
	float:left;
	color:#8c8e91;
	margin:50px 30px 0px 0px;
	}
	
#address {
	width:800px;
	height:60px;
	color:#646668;
	padding:160px 0px 0px 0px;
	}	

	
								
	
	
/* - Boxes - */	
	
#boxes {
	width:960px;
	height:310px;
	margin:124px auto 0px auto;
	background-image:url(images/boxesBackground.jpg);
	background-repeat:no-repeat;
	}
		
#bamStudio {
	width:228px;
	float:left;
	margin:0px 15px 0px 0px;
	}

#bamStudioTitle {
	width:228px;
	height:61px;
	background-image:url(images/titleBamStudio.gif);
	background-repeat:no-repeat;
	}
	
#bamMobile {
	width:228px;
	float:left;
	margin:0px 15px 0px 0px;
	}
	
#bamMobileTitle {
	width:228px;
	height:61px;
	background-image:url(images/titleBamMobile.gif);
	background-repeat:no-repeat;
	}	
	
#bamLicensing {
	width:228px;
	float:left;
	margin:0px 15px 0px 0px;
	}
	
#bamLicensingTitle {
	width:228px;
	height:61px;
	background-image:url(images/titleBamLicensing.gif);
	background-repeat:no-repeat;
	}	
	
#bamComedy {
	width:228px;
	float:left;
	}
	
#bamComedyTitle {
	width:228px;
	height:61px;
	background-image:url(images/titleBamComedy.gif);
	background-repeat:no-repeat;
	}						
	
.imageReplacement {
	text-indent: -9999px;
	overflow: hidden;
	display:block;
	}
	
	
#footer {
	width:960px;
	height:22px;
	font-size:9px;
	color:#999999;
	margin:0px 20px 0px 20px;
	}
	
.marginTop {
	padding:20px 0px 0px 0px;
	}		
	
/* - Type - */		

.bamBoxesText {
	color:#8c8e91;
	line-height:16px;
	font-size:11px;
	padding:0px 18px 18px 18px;
	background-color:#000000;
	height:180px;
	}
	
.aboutText {
	color:#8c8e91;
	line-height:22px;
	}
	
.contactTitle {
	color:#8c8e91;
	line-height:32px;
	font-size:16px;
	}
	
.contactName {
	color:#dbdbdb;
	font-size:12px;
	}	

.contactStudioText {
	color:#01aded;
	line-height:22px;
	font-size:16px;
	}
	
.contactMobileText {
	color:#22cb16;
	line-height:22px;
	font-size:16px;
	}
	
.contactLicensingText {
	color:#eb6c0e;
	line-height:22px;
	font-size:16px;
	}
	
.contactComedyText {
	color:#cb0d78;
	line-height:22px;
	font-size:16px;
	}				
	
h2 {
	font-size:20px;
	font-weight:normal;
	color:#8c8e91;
	}
	

	
.textDecoration {
	text-decoration:underline;
	color:#8c8e91;
	}
						
.clr {
	clear:both
	}