/* CSS Document */

body {
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:60%;
	color:#666666;
	margin:auto;
	padding:0px;
	background-image:url(../images/bpl-backgroundmain.png);
	background-repeat:repeat-x;
}

h1{
	margin:0;
   padding:0 5px;
}
   
h4{	
	font-size:14px;
	color:#336699;
	font-weight:bold;
}

h2{	
	font-size:16px;
	color:#6666FF;
	font-weight:bold;
	margin:0;
   padding:0 5px;
}


#wrapper {
	width:960px;
	height:auto;
	margin:auto;
	padding:0px;
	clear:both;
}

/*header-display*/

#header-wrap {
	width:960px;
	height:408px;
}

#header {
	width:903px;
	height:408px;
	background-image:url(../images/bpl-header.png);
	margin-left:30px;
}

#header-wrap-alt {
	width:960px;
	height:450px;
}

#header-alt {
	width:903px;
	height:450px;
	background:url(../images/bpl-header-alt.png) no-repeat;
	margin-left:30px;
}

/* navigation style */

#navi-holder{
	width:866px;
	height:160px;
} 

#navi-display ul{
	list-style: none;
	padding: 0;
	margin: 0;
	float:right;
	margin-top:60px;
} 

#navi-display li{
	display:inline;
	float:left;	
} 

/* meet the hereos navi */
a.meetnavi { 
    background:url(../images/meetnavi.png) repeat 0px 0px; 
    width: 205px; 
    height: 30px; 
    display: block; 
	margin: 4px;
}
a.meetnavi:hover { 
    background-position:0px -29px; 
	margin: 4px;
}

/* about navi */
a.aboutnavi { 
  	background:url(../images/aboutnavi.png) repeat 0px 0px; 
   	width: 205px; 
   	height: 30px; 
   	display: block; 
	margin: 4px;
}
a.aboutnavi:hover { 
    background-position: 0px -29px; 
	margin: 4px;
}

/* specials navi */

a.specnavi{
	display:block;
	width: 113px;
	height:30px;
	margin:4px;
	background:url(../images/specnavi.png) 0 0 no-repeat;
}
a.specnavi:hover { 
	background-position: 0 -29px;
}

/*content-display*/

#content-wrap {
    width:960px;
	height:auto;
}

#content{
    width:960px;
	height:auto;
}

/*Comic display*/

#content-comicdisplay{
    width:900px;
	height:475px;
	background-image:url(../images/comicdisplay.jpg);
	margin-left:29px;
}

.comic-content{
	width:900px;
	height:475px;
	margin-left:20px;
}

.soundbite{
	width:242px;
	height:29px;
	color:#000;
	float:right;
	margin-right:86px;
	margin-top:400px;
}

#content-front{
    width:790px;
	height:100px;
	margin-left:80px;
	color:#000000;
	font-size:12px;
}

#content-left{
    width:400px;
	height:auto;
	float:left;
	margin-left:80px;
	color:#000000;
	font-size:12px;
	margin-top:4px;
}

#content-left-title{
    width:400px;
	height:auto;
	float:left;
	font-size:20px;
	color:#000000;
	padding:3px;
	font-weight:bold;
	margin-top:6px;
}

#content-left-inside{
    width:380px;
	height:auto;
	float:left;
	font-size:12px;
	color:#000000;
	padding:3px;
}

#content-right{
    width:400px;
	height:auto;
	float:left;
	margin-left:30px;
	font-size:12px;
	color:#000000;
	margin-top:2px;
	
}

#content-right-inside{
    width:365px;
	height:auto;
	float:left;
	font-size:12px;
	color:#000000;
	padding:3px;
}

#content-right-title{
    width:365px;
	height:auto;
	float:left;
	font-size:20px;
	color:#000000;
	padding:3px;
	font-weight:bold;
	margin-top:6px;
}

.contenttitle{
    width:365px;
	height:auto;
	float:left;
	font-size:18px;
	color:#000000;
	padding:3px;
	font-weight:bold;
}

.contentspecialimages{
    width:405px;
	height:381px;
	float:left;
	background-color:#FFFFFF;
}

.contentrightimages{
    width:350px;
	height:180px;
	float:left;
	border:2px #000000 solid;
	background-color:#FFFFFF;
	margin-top:10px;
}

.profilerightimages{
    width:66px;
	height:64px;
	margin:6px;
	float:left;
	background-color:#CCCCCC;
}

/*footer-styling*/

#footer-wrap-invis{
    width:700px;
	height:30px;
	clear:both;
	margin:auto;
	padding:0px;
}

#footer-wrap{
    width:700px;
	height:auto;
	clear:both;
	padding-top:30px;
	margin:auto;
	padding:0px;
	border-top:dashed #CCCCCC 1px;
}

#footerlinks{
    width:400px;
	height:auto;
	color:#000;
	font-size:12px;
	text-align:center;
	margin:auto;
	padding:0px;
	margin-top:10px;
}

#footer-navi ul{
	list-style: none;
	padding: 0;
	margin: 0;
}

#footer-nav li{
	display:inline;
} 

a.footer-nav {
	color:#336699;
	text-decoration:none;
}

a.footer-nav:hover { 
 	color:#00CCFF;
	text-decoration:none;
}

.tmplogo {
	color:#FFFFFF;
	background-color:#FF6600;
	text-decoration:none;
}

/*address styling*/

.adresscontain{
	width:350px;
	height:150px;
	font-size:14px;
}
.addressleft {
	width:100px;
	display:block;
	float:left;
	color:#163961;
	font-weight:bold;
}
.addressright {
	width:150px;
	display:block;
	margin-right:80px;
	float:right;
	font-weight:bold;
}
.emailcontain{
	width:350px;
	height:30px;
	font-size:14px;
}
.emailleft {
	width:100px;
	float:left;
	color:#163961;
	font-weight:bold;
}
.emailright {
	width:150px;
	display:block;
	margin-right:80px;
	float:right;
	font-weight:bold;
}
.faxcontain{
	width:350px;
	height:30px;
	font-size:14px;
}
.faxleft {
	width:100px;
	float:left;
	color:#163961;
	font-weight:bold;
}
.faxright {
	width:150px;
	display:block;
	margin-right:80px;
	float:right;
	font-weight:bold;
}
.telcontain{
	width:350px;
	height:30px;
	font-size:14px;
}
.telleft {
	width:100px;
	float:left;
	color:#163961;
	font-weight:bold;
}
.telright {
	width:150px;
	margin-right:80px;
	float:right;
	font-weight:bold;
}

/*specials styling*/

.spec-box{
	width:380px;
	height:auto;
}

.spec-contain{
	width:350px;
	height:95px;
	padding:5px;
	margin:10px;
}

.spec-image{
	width:95px;
	height:95px;
	float:left;
}

.spec-description{
	width:230px;
	color:#000;
	float:left;
	margin-left:5px;
}

.spec-price{
	color:#000;
	width:90px;
	float:right;
	margin-left:10px;
	margin-top:20px;
	font-size:14px;
}

.spec-maintitle{
	font-size:14px;
	color:#336699;
	width:200px;
	height:35px;
	font-weight:bold;
}

.globaltitle{
	color:#163961;
	font-size:34px;
	font-weight:bold;
	margin-left:83px;
}

.linedivide{
	border-bottom:#CCCCCC dashed 1px;
	width:800px;
	margin-left:81px;
	margin-top:5px;
}

a.media{
	text-decoration:none;
	color:#FF6600;
}

a.media:hover { 
	text-decoration:none;
	color:#FF9966;
}