@import url(css/menus.css);
@import url(css/lists.css);

/* ----- main layout ------------------------------------ */
#container { padding-top: 25px; }

div#pagewrapper{
	background: url(img/bg_pagewrapper.png);
	width: 942px;
	height: auto;
	background-repeat: repeat-y;
	left: 0;
}
div#pagewrapper2{
	width: 100%;
	height: auto;
	left: 0;
	position: middle;
}

div#columns{
	
	left: 0;
	width: auto;
	margin-right: 0px;
	margin-left: 30px;

	margin-top: 0px;
}

div#headlineWithBGD{
	height: 29px;
	width: auto;
}

* {
margin:0;
padding:0;
}

body {
	background: #5e7e99 url(img/bg_main.png) repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	text-align: left;
	line-height: 12px;
	height: 300px;
}
div{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#FFFFFF;
	width: auto;
}
p{
line-height: 12px; margin-left: 10px;
}
a,
a:link {
   text-decoration: none;
   background-color: inherit; 
	color: #388CA9;
}
a:active {
   text-decoration: none;
   background-color: inherit; 
   color: #388CA9; 
}

a:visited {
   text-decoration: none;
   background-color: inherit;
   color: #388CA9;                
}

a:hover {
   text-decoration: highlight;
    background-color: #ffffff;
}

div#flashheader{
	background: url(img/temp_flashheader.jpg) no-repeat;
	width: 886px;
	height: 170px;
	margin: 0 auto; 

}


div#main{
	width: 308px;
	text-align:left;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-left: 0px;
}

div#middlemain{
	width: 368px;
	text-align:left;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-left: 344px;
}

div#rightmain{
	width: 198px;
	text-align:left;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-left: 716px;
}


/* left column */
div#leftcolumn{
	width: 308px;
	margin-right: 32px;
	background-image: url(img/bg_300column.gif);
	background-repeat: repeat-y;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-top: 10px;
	float: RIGHT;
}
div#leftcolumnfooter{
	background: url(img/bg_leftcolumnfooter.gif) no-repeat;
	height: 18px;
	width: 308px;
}
div#leftcolumnfooter4MPU{
	background: url(img/bg_leftcolumnfooter.gif) no-repeat;
	height: 18px;
	width: 308px;
}
div#leftcolumn h1{
	background: url(img/bg_300title.jpg) no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 31px;
	padding-left: 32px;
	padding-top: 12px;
	padding-bottom: 0px;
}
div#latestnews{
	width: 284px;
	margin-left: 14px;
	margin-right: 0px;
	margin-top: 10px;
	margin-bottom: 0px;
}

div#latestnewsimg{
	float:left;
}
div#latestnewscontent{
	width: 220px;
	margin-left: 0px;
	float:left;
}
div#btn_more{
	float: right;
	background:url(img/btn_more.gif) no-repeat;
	font-size: 11px;
	font-weight: bold;
	vertical-align:middle;
	text-align: center;
	padding-top:3px;
	width: 53px;
	height: 20px;
	margin-top: 0px;
	margin-right: 0px;
}
div#break{
	clear:both;
}
h2{
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	line-height: 1;
}
h3{
	font-family: Arial, Helvetica, sans-serif;
	color: #66CAEF;
	font-size: 10px;
	font-weight: bold;
}

/* middle column */
div#latestnewsbox{
	float:left;
	width: 370px;
}
div#middlecolumn{
	width: 397px;
	margin-right: 4px;
	background-image: url(img/bg_middlecolumn.gif);
	background-repeat: repeat-y;
	margin-top: 10px;
	margin-left: 0px;
	float: left;
	height: auto;
}

div#middlecolumnfooter{
	background: url(img/bg_middlecolumnfooter.gif) no-repeat;
	height: 18px;
	width: 397px;
}
div#middlecolumn h1{
	background: url(img/bg_middletitle.jpg) no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 31px;
	padding-left: 32px;
	padding-top: 12px;
	padding-bottom: 0px;
}
div#aboutusbox{
	width: 370px;
	margin-left: 14px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
}
div#aboutusleft{
	width: 280px;
	margin-left: 20px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
}
div#contactdetailsbox{
	width: 270px;
	margin-left: 14px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
}

div#clientsimg{
	float:left;
}
div#clientscontent{
	margin-left: 10px;
	float:left;
}

/* Right Column */

div#rightcolumn{
	float:left;
	width: 198px;
	background: url(img/bg_rightcolumn.gif) repeat-y;
	margin-top: 10px;
	margin-left: 2px;
}
div#rightcolumnfooter{
	/*background: #e6ebef;*/
	background: url(img/bg_rightcolumnfooter.gif) no-repeat;
	height: 18px;
	width: auto;
}
div#rightcolumn h1{
	background: url(img/bg_righttitle.jpg) no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 20px;
	padding-left: 32px;
	padding-top: 12px;
	padding-bottom: 0px;
}
div#clients{
	width: auto;
	margin-left: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-top: 20px;
}
div#featuredcampaign{
	width: auto;
	margin-left: 4px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-top: 0px;
}

div#contactus{
	width: AUTO;
	margin-left: 12px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-top: 10px;
}
div#aboutusimg{
	float:left;
}
div#aboutcontent{
	margin-left: 10px;
	float:left;
}
div#aboutuscontent{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	margin-bottom: 10px;
	width: 158px;
}

/* rich media page*/

div#skycolumn{
	float:left;
	width: 168px;
	margin-top: 10px;
	margin-left: 0px;
}

div#packshotOnBGD{
	float:left;
	margin-top: 10px;
	margin-left: 0px;
	width: 570px;
}
div#HomeEnts{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: black;
}
div#Theatrical{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: black;
}

div#skycolumn h1{
	background: url(img/bg_160title.jpg) no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 31px;
	padding-left: 32px;
	padding-top: 12px;
	padding-bottom: 0px;
	width: 168px;
}
div#sky{
	width: 160px;
	margin-left: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-top: 0px;
}
div#clientlogo{
	width: 160px;
	margin-left: 4px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-top: 4px;
}


div#topheader{
	left: 0;
	width: auto;
	margin-right: 0px;
	margin-left: 30px;
	background-image: url(img/bg_topheader_column.gif);
	background-repeat: repeat-y;
	margin-top: 10px;
}

div#topheader h1{
	background: url(img/bg_topheader_title.jpg) no-repeat;
	font-size: 12px;
	padding-left: 180px;
	padding-top: 9px;
	height: 31px;
}
div#skycolumnfooter{
	background: url(img/bg_rightcolumnfooter.gif) no-repeat;
	height: 10px;
	width: 168px;
}


/* top header with leaderboard */
div#topheadermiddle{
	width: auto;
}
div#headercolumnfooter{
	background: url(img/bg_topheaderfooter.gif) no-repeat;
	height: 18px;
	width: auto;
}

div#leaderleft{
	width: 550px;
	margin-right: 40px;
	margin-left: 0px;
	margin-top: 0px;
	float: right;
	height: 90px;
}
div#leaderright{
	width: 160px;
	float: left;
	margin-right: 0px;
	margin-left: 10px;
	margin-top: 6px;
}
div#filminfo{
	width: 130px;
	float: left;
	margin-right: 0px;
	margin-left: 10px;
	margin-top: 6px;
}


/* lower left */

div#lowerleft{
	margin-right: 2px;
	float: left;
	width:300px;
}

/* lower right */

div#lowerright{
	float: left;
	width: 561px;
	background: #161616 url(img/bg_lowerright.png) repeat-y;

}

div#lowerrightfooter{
	background: #e6ebef;
	height: 10px;
}
div#lowerright h1{
	background: #3D3D3D url(img/bg_lowerrighttitle.png) no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	height: 31px;
	padding-left: 32px;
	padding-top: 11px;
	padding-bottom: 0px;
}
div#latestwork{
	width: 370px;
	margin-left: 14px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 14px;
}

div#register{
	width: auto;
	margin-left: 14px;
	margin-right: 0px;
	margin-top: 10px;
	margin-bottom: 0px;
}

div#latestworkimg{
	float:left;
	width: 70px;
}
div#latestworkcontent{
	width:230px;
	margin-left: 10px;
	float:left;
	margin-bottom: 10px;
}

/* contact panel */

div#contactpanel{
	width: 322px;
	height: 135px;
	background: url(img/bg_contactpanel.png) no-repeat;
	

}
div#contactpanellogo{
	padding:10px;
	float:left;
	
}
div#contactemail{
	margin-top: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9px;
	width:136px;
}
div#contactemail a:link{
color:#66CAEF;
text-decoration: none;
}
div#contactemail a:hover{
color:#FFFFFF;
text-decoration: none;
}
div#contactpanelcontent{
	vertical-align:bottom;
	text-align:right;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9px;
	width:280px;
	color:#999999;
}
div#contactpanelcontent b strong{
	color:#FFFFFF;
	font-weight:normal;

}

div#footer{
	text-align:right;
	padding-right:8px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	font-size: 9px;
	width: 900px;
}


div#mpuimage{
	width:300px;
	margin-left: 0px;
}

/* footer */
div#footergreytext{
	text-align:center;
	color: #277592;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 908px;
	margin: 0 0 0 0;
	background-color: #191919;
	height: 25px; width: 908px;
	line-height: 20px;
}



/* images */
div#imagecontainer{
	height: 50px;
	width: 50px;
}

div#imagecontainer2{
	height: auto;
	width: auto;
}

div#imagesleft{
	width: 150px;
	float:none;
	margin-left: 120px;
}	

div#imagesTXTright{
	width: 116px;
	float: left;
}