/* CSS Document for BG Entertainment LAYOUT*/



/* Main page */



html 

{

    overflow-y: scroll;

}



body 

{

	margin-top: 10px;

}

#wrapper 

{

	width: 800px; 

	margin: 0 auto;

}

#header 

{

	margin:0px 0px 4px 0px;

}

#navigation 

{

	list-style: none;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

    margin: 0;

	padding:6px 0px 0px 5px;

}

#navigation li {

	display: inline;

	white-space:nowrap;

}

#callsearch

{

	background: white;

}

#call {

	width:390px;

	float: left;

	padding:11px 0px 9px 0px;

	height: 19px;

}

#search {

	width:300px;

	float: right;

	text-align:right;

	padding:9px 0px 9px 0px;

}

#main

{

	background: white;

	clear: both;

}

 

#left-column {

	width:137px;

	float: left;

	padding: 12px 1px 1px 7px;

	height: 553px;

	border-width: 1px;

	border-style: solid;

	line-height: 13.5px;

	margin-bottom: 10px;

}

 

#right-column {

	float: right;

	width:651px;

	padding: 0px 0px 0px 2px;

}

#right-column-top {

	width:642px;

	height:238px;

	padding: 9px 0px 0px 7px;

	border:1px solid black;

	margin:0px 0px 2px 0px; 

}

#bg-title {

	line-height: 15px;

}

#bg-subheading {

	line-height: 13px;

	padding:6px 0px 0px 0px;

}

#right-column-top-split {

	background: red;

}

#right-column-top-left {

	float:left;

	width:344px;

	padding:8px 1px 1px 0px;

	line-height:12px;

}

#right-column-top-right {

	width:284px;

	float:right;

	padding:8px 0px 0px 0px;

}

#right-column-bottom {

	width:643px;

	height:313px;

	padding: 2px 0px 0px 6px;

	border:1px solid black;

	margin-bottom: 10px;

}

#categories {

	width:586px;

	height:284px;

	margin-left:auto;

	margin-right:auto;

	padding: 3px 0px 0px 0px;

}

#footer {

	clear: both;

	line-height: 10px;

	border:1px solid #666666;

	padding:4px 1px 4px 4px;

	margin:0px 0px 11px 0px;

}

div.img

{

	height: auto;

	width: auto;

	float: left;

	text-align: center;

	margin-left: 22px;

}	

div.img3

{

	height: auto;

	width: auto;

	float: left;

	text-align: center;

	margin-left: 15px;

}	

div.img4

{

	height: auto;

	width: auto;

	float: left;

	text-align: center;

	margin-left: 15px;

}	

div.img5

{

	height: auto;

	width: auto;

	float: left;

	text-align: center;

	margin:9px 0px 0px 22px;

}

div.img6

{

	height: auto;

	width: auto;

	float: left;

	text-align: center;

	margin:9px 0px 0px 22px;

}

div.img7

{

	height: auto;

	width: auto;

	float: left;

	text-align: center;

	margin:9px 0px 0px 15px;

}

div.img img

{

  display: inline;

  margin: 0px;

  border:none;

}



/* Construction page */



#right-column-top-construction {

	width:642px;

	height:557px;

	padding: 9px 0px 0px 7px;

	border:1px solid black;

	margin:0px 0px 2px 0px; 

}



/* Contact page */

#left-column-contactus {

	width:137px;

	float: left;

	padding: 12px 1px 1px 7px;

	height: 713px;

	border-width: 1px;

	border-style: solid;

	line-height: 13.5px;

	margin-bottom: 10px;

}




#right-column-top-contactus {

	width:642px;

	height:717px;

	padding: 9px 0px 0px 7px;

	border:1px solid black;

	margin:0px 0px 2px 0px; 

}

/* Submit page */

#right-column-top-submit {

	width:642px;

	height:652px;

	padding: 9px 0px 0px 7px;

	border:1px solid black;

	margin:0px 0px 2px 0px; 

}

#left-column-submit {

	width:137px;

	float: left;

	padding: 12px 1px 1px 7px;

	height: 648px;

	border-width: 1px;

	border-style: solid;

	line-height: 13.5px;

	margin-bottom: 10px;

}



/* Search page */



table.search

{

width:636px;

border:1px solid #999999; 

background-color:#E8E8E8;

}

td.search

{

border-color:#E8E8E8;

}

#right-column-top-search {

	width:642px;

	height:862px;

	padding: 9px 0px 0px 7px;

	border:1px solid black;

	margin:0px 0px 2px 0px; 

}


.ie6 div#right-column-top-search {
	height:962px;
}

.ie7 div#right-column-top-search  {
	height:962px;
}




.firefox div#right-column-top-search {
	height:802px;
}


.chrome div#right-column-top-search {
	height:862px;
}


#left-column-search {

	width:137px;

	float: left;

	padding: 12px 1px 1px 7px;

	height: 858px;

	border-width: 1px;

	border-style: solid;

	line-height: 13.5px;

	margin-bottom: 10px;

}

.ie6 div#left-column-search {
	height: 958px;
}

.ie7 div#left-column-search  {
	height: 958px;
}


.firefox div#left-column-search {
	height:798px;
}

.chrome div#left-column-search {
	height:858px;
}


/* Profile page */



#right-column-top-profile {

	width:642px;

	height:449px;

	padding: 9px 0px 0px 7px;

	border:1px solid black;

	margin:0px 0px 2px 0px; 

	border-bottom-style: none;

}



#left-column-profile {

	width:137px;

	float: left;

	padding: 12px 1px 1px 7px;

	height: 444px;

	border-width: 1px;

	border-style: solid;

	line-height: 13.5px;

	margin-bottom: 10px;

}

table.main

{ 

width:638px;

border:none; 

}

table.profile

{

width:100%;

border:1px solid #999999; 

background-color:#E8E8E8;

}

td.profile

{

border-color:#E8E8E8;

}

/* privacy page */

#right-column-top-privacy {

	width:642px;

	height:2080px;

	padding: 9px 0px 0px 7px;

	border:1px solid black;

	margin:0px 0px 2px 0px; 

}


.ie6 div#right-column-top-privacy {
	height:2510px;
}

.ie7 div#right-column-top-privacy  {
	height:2510px;
}



#left-column-privacy {

	width:137px;

	float: left;

	padding: 12px 1px 1px 7px;

	height: 2076px;

	border-width: 1px;

	border-style: solid;

	line-height: 13.5px;

	margin-bottom: 10px;

}

.ie6 div#left-column-privacy {
	height:2506px;
}

.ie7 div#left-column-privacy  {
	height:2506px;
}



/* T&C's page */

#right-column-top-terms {

	width:642px;

	height:992px;

	padding: 9px 0px 0px 7px;

	border:1px solid black;

	margin:0px 0px 2px 0px; 

}

.ie6 div#right-column-top-terms {
	height:1012px;
}

.ie7 div#right-column-top-terms {
	height:1012px;
}

.opera div#right-column-top-terms {
	height:1016px;
}

#left-column-terms {

	width:137px;

	float: left;

	padding: 12px 1px 1px 7px;

	height: 988px;

	border-width: 1px;

	border-style: solid;

	line-height: 13.5px;

	margin-bottom: 10px;

}

.ie6 div#left-column-terms {
	height:1008px;
}

.ie7 div#left-column-terms {
	height:1008px;
}
.opera div#left-column-terms {
	height:1012px;
}

/* about us page */

#right-column-top-about {

	width:642px;

	height:510px;

	padding: 9px 0px 0px 7px;

	border:1px solid black;

	margin:0px 0px 2px 0px; 

}



.ie6 div#right-column-top-about {
	height:550px;
}

.ie7 div#right-column-top-about {
	height:550px;
}
.chrome div#right-column-top-about {
	height:555px;
}
.safari div#right-column-top-about {
	height:555px;
}


#left-column-about {

	width:137px;

	float: left;

	padding: 12px 1px 1px 7px;

	height: 825px;

	border-width: 1px;

	border-style: solid;

	line-height: 13.5px;

	margin-bottom: 10px;

}


.ie6 div#left-column-about {
	height: 865px;
}

.ie7 div#left-column-about {
	height: 865px;
}
.chrome div#left-column-about {
	height: 870px;
}
.safari div#left-column-about {
	height: 870px;
}


#right-column-bottom-about {

	width:643px;

	height:313px;

	padding: 2px 0px 0px 6px;

	border:1px solid black;

	margin-bottom: 10px;

}


/* FOR ROLLOVER IMAGE EFFECT */



.thumbnail{

position: relative;

z-index: 0;

}



.thumbnail:hover{

background-color: transparent;

z-index: 50;

}



.thumbnail span{ /*CSS for enlarged image*/

position: absolute;

background-color: lightyellow;

left: -1000px;

visibility: hidden;

color: black;

text-decoration: none;



}



.thumbnail span img{ /*CSS for enlarged image*/

border-width: 0;

padding: 2px;



}



.thumbnail:hover span{ /*CSS for enlarged image on hover*/

visibility: visible;

top: 900;

left: 165px; /*position where enlarged image should offset horizontally */



}