html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	border:0;
	padding:0;
	background:none;
	font-size-adjust:none;
}

ol, ul {
	list-style:none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse:collapse;
	border-spacing:0;
}



body { 
	width:100%; 
	height:100%; 
	background:url(images/BDZ_creative_logo_bg.jpg) 350px bottom fixed no-repeat #fff;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:100%; 
	line-height:normal; 
	color:#663300; 
	padding-bottom:25px;
	position:relative;
	}


p { margin-top:15px; }

a { color:#663300; }


#wrapper { width:1050px; }



#header { 
	width:950px;
	margin-left:100px; 
	background:url(images/VPO.jpg) 730px 0 no-repeat;
	overflow:hidden; 
	}

#header .logo {
	float:left;
	width:212px;
	height:175px;
	height:120px;
	padding-top:55px;
	} 

#header .quote {
	float:left;
	width:500px;
	padding-top:89px;
	padding-left:18px;
	font-family:"Courier New", Courier, monospace; 
	font-size:.85em; 
	line-height:1.3em;
	}
	
#header .quote table {
	width:100%;
	height:66px;
	margin:0;
	border:0;
	padding:0;
	border-spacing:0;
	border-collapse:collapse;
	border-left:1px solid #663300; 
	}
	
#header .quote tr {
	width:100%;
	}
	
#header .quote td {
	margin:0;
	padding-left:17px;
	} 
	
#header .quote .author { font-size:.9em; }



#main { width:1050px; overflow:hidden;  }


#main ul.menu { 
	float:left; 
	width:105px; 
	height:122px; 
	padding-left:40px; 
	padding-top:23px;
	margin-top:18px;
	overflow:hidden;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:1em; 
	line-height:1.2em; 
	text-transform:uppercase;
	background:url(images/yellow_circle.png) center center no-repeat; 
	}
	
#main ul.menu li { display:block; }
#main ul.menu li a { display:block; width:77px; padding:5px; padding-right:0; text-decoration:none; }
#main ul.menu li a:hover { font-weight:bold; color:#cc3300; }

#main ul.menu li.current a { color:#cc3300; font-weight:bold; }





#main .text, #main .text_story, #main .text_creative, #main .text_login, #main .text_contact, #main .text_community { 
	float:left; 
	background:url(images/BDZ_logo_bg_gray.jpg) 25px 25px no-repeat #e5e5e5;
	background:#e5e5e5;
	overflow:hidden; 
	font-size:.65em; 
	line-height:2.25em;
	padding-left:100px; 
	padding-top:8px; 
	}


#main .text { width:445px; min-height:570px; padding-bottom:20px; }
	
#main .text p { float:right; width:250px; padding-right:25px; }

#main .images { float:right; width:500px; }
.images img { float:left; margin-left:5px; }



#main #feature { width:484px; padding:8px; overflow:hidden; margin-top:5px; clear:both; background:url(images/brown_bg.png) 0 0 repeat; }

#main #feature table { width:100%; margin:0; border:0; padding:0; }

#main #feature td { margin:0; border:0; padding:0; font-size:.75em; line-height:1.5em; text-align:right; }

#main #feature img { margin:0; padding:0; border:1px solid #663300; }




#main .text_story { width:595px; min-height:329px; padding-bottom:20px; position:relative; } /* height:612px; */	

#main .text_story p { float:right; width:400px; padding-right:25px; }

#main .text_story img { position:absolute; left:100px; bottom:27px; }

#main .images_story { float:right; width:350px; } /* height:620px;  */
#main .images_story img { width:100%; clear:both; margin-top:5px; }


#main .text_creative { width:445px; min-height:422px; padding-bottom:20px; } /*width:465px; height:477px; */
#main .text_creative p { float:right; width:250px; padding-right:25px; }

#main .images_creative { float:right; width:500px; height:450px; } /*width:480px; height:485px; */
#main .images_creative img { float:left; margin-top:5px; }


#main ul.creative_menu { 
	float:right; 
	width:275px;
	margin-top:17px;
	display:block; 
	overflow:hidden; 
	text-transform:uppercase;
	font-size:1.1em;
	line-height:normal;
	font-family:Arial, Helvetica, sans-serif;
	}
		
#main ul.creative_menu li { display:block; float:left; }
#main ul.creative_menu li a { 
	display:block; 
	text-decoration:none; 
	padding-left:5px; 
	padding-right:5px; 
	border-left:1px solid #663300; 
	font-weight:bold;
	}

#main ul.creative_menu li.first a, #main ul.creative_menu li.first_current a { padding-left:0; border:0; }

#main ul.creative_menu li.current a, #main ul.creative_menu li.first_current a { font-weight:bold; color:#cc3300; }

#main ul.creative_menu li a:hover { font-weight:bold; color:#cc3300; }





#main .text_community { width:445px; min-height:422px; padding-bottom:20px; } /*width:465px; height:477px; */
#main .text_community p { float:right; width:250px; padding-right:25px; }

#main #images_community { float:right; width:500px; } /*width:480px; height:485px; */
#main #images_community img { float:left; margin-top:5px; }






#main .text_login { width:950px; padding-bottom:15px; }
	
#main .text_login .login_wrap { float:left; margin-left:55px; margin-top:35px; margin-bottom:35px; overflow:hidden; }

#main .text_login .login_wrap p { 
	clear:both; 
	float:left; 
	width:100px; 
	vertical-align:middle; 
	padding:0; 
	margin:0;
	margin-top:15px;
	margin-right:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.6em;
	line-height:normal;
	color:#444;
	}
	
#main .text_login .login_wrap p.error {
	float:left;
	display:block;
	width:100%;
	color:#900;
	font-size:1.25em;
	} 

#main .text_login .login_wrap input { 
	float:left; 
	width:175px; 
	vertical-align:middle; 
	margin-top:15px; 
	}
	
#main .text_login .login_wrap .button {
	clear:both;
	width:auto;
	padding:0;
	padding:7px;
	padding-left:9px;
	padding-right:9px;
	margin:0;
	margin-top:10px;
	margin-left:105px;
	font-size:1.2em;
	color:#663300;
	color:#444;
	background:#c1c1c1;
	border:1px solid #663300;
	border:0;
	}

#main .text_login .login_wrap .button:hover { cursor:pointer; }




#main .text_contact { width:465px; min-height:188px; padding-bottom:20px; }
	
#main .text_contact p { 
	float:right; 
	width:240px; 
	padding-right:25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em; 
	line-height:1.6em; 
	margin-top:10px; 
	}
	
#main .text_contact p a { font-weight:bold; text-decoration:underline; }


#main .contact_right { float:right; width:480px; overflow:auto; position:relative; background:#663300; }

#main .contact_right img { float:left; margin:0; border-right:5px solid #fff; }

#main .contact_right .buttons { 
	position:absolute; 
	right:0; 
	bottom:0; 
	width:130px;
	padding:10px;
	overflow:hidden;
	}
	
#main .contact_right .buttons img { margin:0; padding:0; float:right; margin-left:5px; border:0; } 

#main .contact_right .buttons p { 
	clear:both; 
	margin:0; 
	padding:0; 
	padding-top:8px;
	font-size:.6em; 
	line-height:normal; 
	color:#ffcc00; 
	text-align:right; 
	}


#main p .smaller { font-size:.7em; }
#main p .bigger { font-size:1.35em; }
#main p .red { color:#cc3300; }






#main .no_flash { 
	width:100%; 
	height:100%; 
	background:url(images/warning.png) center 115px no-repeat #FFD11A;
	background:none;
	}
	
#main .no_flash #big { width:500px; height:380px; }

#main .no_flash img { margin:0; border:0; } 

#main .no_flash img.thumb { float:left; width:79px; height:65px; margin-left:5px; margin-top:5px; cursor:pointer; }



#main .no_flash_warning { width:500px; height:231px; padding-top:240px; background:url(images/warning.png) center 120px no-repeat #ffd11a; }

#main .no_flash_warning p { display:block; text-align:center; color:#663200; font-size:.7em; padding:0; margin:0; margin-top:8px; }

#main .no_flash_warning a { font-weight:bold; }








#main #caption { display:none; z-index:1000000000; position:absolute; left:0; top:0; background:url(images/caption_bg.png) 0 0 repeat; }

#main #caption p { display:block; text-align:center; }



#main #quotes { clear:both; background:url(images/brown_bg.png) 0 0 repeat; }



#footer {
	clear:both;
	width:950px; 
	margin-left:100px;
	padding-top:5px;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:.5em; 
	line-height:normal; 
	overflow:hidden; 
	}

#footer .left { float:left; width:565px; overflow:hidden; }

#footer .right { float:right; width:375px; text-align:right; font-size:1.2em; line-height:1.4em; }

#footer ul { text-transform:uppercase; }
#footer li { display:block; float:left; padding-top:3px; }
#footer li a { display:block; text-decoration:none; padding:4px; padding-top:0; padding-bottom:0; border-left:1px solid #663300; }
#footer li.first a, #footer li.first_current a { border:0; }

#footer li.current, #footer li.first_current a { font-weight:bold; }

#footer li:hover a { font-weight:bold;  } /* background:#663300; color:#f0ebe6; */

#footer p { margin:0; }