body{
	padding: 0;
	margin: 0;
	background: #600 url(images/background.jpg) top center no-repeat;
background-position: center -115px;
}

.clearboth{
clear: both;
height: 0;
margin: 0;
padding: 0;
}

ul#videos{
list-style: none;
margin: 0 0 0 2em;
padding: 0;
display: block;
}

ul#videos li{
float: left;
width: 160px;
margin: 0 1em 1em 0;
padding: 10px;
font-family: arial, helvetica, sans-serif;
line-height: 1.2em;
color: #fff;
display: block;
height: 100px;
	-moz-border-radius: 10px;	
	-webkit-border-radius: 10px;
	border-radius: 10px;
background: #333;
text-align: right;
}
ul#videos li img{
margin: 0 5px;
}

.smtxt{
font-size: 60%;
text-align: center;
}
.notready{
position: absolute;
top: 35%;
left: 270px;
padding: 20px;
width: 300px;
text-align: center;
z-index:1000;
background: #000;
color: #fff;
font-family: ariel, helvetica, sans-serif;
line-height: 1.4em;
}

.notready a{
color: #fff;

}

#yourname:focus,
#yoursurname:focus,
#youremail:focus,
#friendemail:focus{
background: #ffc;
}


.disclaimer{
font-style: italic;
font-size: 80%;
}
body.edit{
background: url(images/edit-mode.gif);
}

#promo{
background: #fff;
margin: 0;
padding: 10px;
font-family: ariel, helvetica, sans-serif;
}
#promo h2{
margin: 0 0 0.5em 0;
padding: 0;
}

#promo .disclaimer{
font-style: italic;
font-size: 80%;
}

#header{
position: relative;
height: 100px;
display: block;
width: 900px;
margin: 0 auto;
}

#header p{
display: block;
margin: 0;
padding: 0;
color: #fff; 
font-family: Georgia, Times, serif; 
font-size: 1.6em;
font-weight: normal;
font-style: italic;
position: absolute;
left: 320px;
top: 35px;
text-align:center;
}




/* //////////// panels /////////////// */

.promopane{
background: #000; 
padding: 10px; 
color: #fff; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 70%; 
margin: 0;
}

.promopane .imgright{
float: right;
margin: 0 0 1em 1em;
}
.promopane h1{
margin-top: 0;
}

/* //////////// panels /////////////// */

ul.editbutton{
	position: relative;
	margin: 0 0 1em 0;
	padding: 0;
	list-style: none;
	z-index: 9999;
	background: #333;
	height: 3em;
}
ul.editbutton li{
	margin: 0.5em 0.5em 0 0.5em;
	padding: 0;
	display: block;
	float: left;
}

.editbutton a:link,
.editbutton a:visited
{
	display: block;
	background: #fff;
	padding: 0.4em 0.8em;
	-moz-border-radius: 5px;	
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-family: arial, helvetica, sans-serif;
	font-size: 0.8em;
	color: #666;
	text-decoration: none;
	border: 1px solid #fff;
}

.editbutton a:hover,
.editbutton a:active,
.editbutton a:focus
{
	display: block;
	background: #666;
	padding: 0.4em 0.8em;
	-moz-border-radius: 5px;	
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-family: arial, helvetica, sans-serif;
	font-size: 0.8em;
	color: #fff;
	text-decoration: none;
	border: 1px solid #fff;
}

ul.buynow{
	margin: 0.5em 0;
	padding: 0;
	list-style: none;
}
ul.buynow li{
	margin: 1em 0;
	padding: 0;
	display: block;
	font-weight: bold;
	width: 8em;
	text-align: center;
}

ul.buynow li a:link,
ul.buynow li a:visited{
	padding: 0.4em 0.6em;
	border: 1px solid #c00;
	-moz-border-radius: 5px;	
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #000 url(images/buy-now-back.gif) center left repeat-x;
	text-decoration: none;
	color: #fff;
	display: block;
	font-size: 120%;
}

ul.buynow li a:hover,
ul.buynow li a:active,
ul.buynow li a:focus{
	padding: 0.4em 0.6em;
	border: 1px solid #c60;
	-moz-border-radius: 5px;	
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #000 url(images/buy-now-back-over.gif) center left repeat-x;
	text-decoration: none;
	color: #000;
	font-size: 120%;
	display: block;
}


#bookmark {
	margin: 0;
	padding: 0;
	font: 0.8em/1.2em Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: center;
}
#bookmark p{
	display: inline;
	float: left;
	margin: 0 0 0 100px;
	padding: 0;
}
#bookmark a{
	color: #fff;
}
ul{
	margin: 0 0 0 -30px;
	padding: 10px 0 10px 0;
	list-style: none;

}
ul li{
	margin: 0 0 0 10px;
	padding: 0 0 0 20px;
	display: inline;
}


#ftf{
	margin: 0;
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 5px 10px;
	background: url(images/50pc.png)top left;
	width: 880px;
	border: none;
	-moz-border-radius-bottomleft: 15px;
	-moz-border-radius-bottomright: 15px;	
	-webkit-border-bottom-left-radius: 15px;
	-webkit-border-bottom-right-radius: 15px;
}

.floatleft{
	float: left;
	padding-right: 2em;
}

#ftf h2{
	font: 1em/1.2em Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0 0 0.5em 0;
	padding: 0 0 0.2em 0;
	border-bottom: 1px solid #fff;
	color: #fff;
}
#ftf form{
	margin: 0;
	padding: 0;
}
#ftf form label{
	display: block;
	float: left;
	font: 0.7em/1.2em Arial, Helvetica, sans-serif;
	width: 10em;
	margin: 0 0 0.5em 0;
	color: #fff;
}
#ftf form .textbox{
	width: 120px;
	font: 0.7em/1.2em Arial, Helvetica, sans-serif;
	margin: 0 0 0.5em 0;
}
#ftf form #Submit{
/*margin: 2.6em 0 0 0;*/
}


/* //// error handling //// */
dl.error{
	border: 1px solid #666;
	padding: 1px;
	width: auto;
	font-family: arial, helvetica, sans-serif;
	background: #000;
	font-size: 70%;
}
dl.error dt{
	margin: 0 0 0.5em 0;
	padding:  0.5em  0.5em  0.5em 2.7em;
	background: #ececec;
	font-weight: bold;
	background: #fcc url(images/error-stop-red.gif) top left no-repeat;
	background-position: 6px 4px;
	line-height: 1.5em;
}
dl.error dd{
	padding-left: 25px;
	margin: 0 0.5em 0.5em 0.5em;
	background: url(images/error-alert.gif) top left no-repeat;
	background-position: 0px 1px;
	color: #fff;
	line-height: 1.5em;}

form dl.success{
	margin: 20px;
	font-family: arial, helvetica, sans-serif;
	font-size: 70%;
	background: #000;
}
dl.success{
	border: 1px solid #ccc;
	padding: 1px;
	width: auto;
	font-family: arial, helvetica, sans-serif;
	font-size: 70%;
	background: #000;
}
dl.success dt{
margin: 0 0 0.5em 0;
	padding:  0.5em  0.5em  0.5em 2.7em;
	background: #ececec;
	font-weight: bold;
	background: #cfc url(images/confirm-grn.gif) top left no-repeat;
	background-position: 6px 4px;
	line-height: 1.5em;
		
}
dl.success dd{
	margin: 0 0.5em 0.5em 0.5em;
}

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

.hidden{
position: absolute;
top: -99999px;
left: -99999px;
}




#bookmark ul li.delicious{
background: url(http://www.visumedia.info/advent/ddb/images/delicious.gif) center left no-repeat;
}
#bookmark ul li.digg{
background: url(http://www.visumedia.info/advent/ddb/images/digg.gif) center left no-repeat;
}
#bookmark ul li.reddit{
background: url(http://www.visumedia.info/advent/ddb/images/reddit.gif) center left no-repeat;
}
#bookmark ul li.facebook{
background: url(http://www.visumedia.info/advent/ddb/images/facebook.gif) center left no-repeat;
}
#bookmark ul li.stumbleupon{
background: url(http://www.visumedia.info/advent/ddb/images/stumbleupon.gif) center left no-repeat;
}
a img{
border: none;
}
#calendar{
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 900px;
	height: 585px;
	background: url(images/calendar-back.jpg) top right no-repeat;
	-moz-border-radius: 20px;	
	-webkit-border-radius: 20px;
	border-radius: 20px;
border-bottom: 4px solid #300;
}

.innertitle{
	position: absolute;
left: -9999px;
top: -9999px;
margin: 0;
padding: 0.2em 0 0 0;
font: 2.8em/1.2em Arial, Helvetica, sans-serif;
color: #fff;
text-align: center;
}


#img1{
	margin: 0;
	padding: 0;
	position: absolute;
	top: 325px;
	left: 0;
display: none;
}
#img2{
	margin: 0;
	padding: 0;
	position: absolute;
	top: 406px;
	left: 0;
display: none;
}
#img3{
	margin: 0;
	padding: 0;
	position: absolute;
	top: 325px;
	left: 450px;
display: none;
}
#img4{
	margin: 0;
	padding: 0;
	position: absolute;
	top: 366px;
	left: 450px;
display: none;
}
#img5{
	margin: 0;
	padding: 0;
	position: absolute;
	top: 406px;
	left: 450px;
display: none;
}
ul#dates{
	margin: 0;
	padding: 0;
	list-style: 0;
}
ul#dates li{
	display: block;
	width: 62px;
	height: 62px;
	overflow: hidden;
margin: 0;
padding: 0;
}
ul#dates li a:link, ul#dates li a:visited{
	display: block;
	width: 49px!important;
	height: 49px!important;
	border: 1px solid #69c !important;
	background: none;
	font: 0.7em/1.4em Arial, Helvetica, sans-serif;
	color: #69c;
	text-decoration: none;
	padding: 5px;
	-moz-border-radius: 6px;	
	-webkit-border-radius: 6px;
	border-radius: 6px;
font-weight: bold;
}
ul#dates li a:hover, ul#dates li a:active, ul#dates li a:focus{
	display: block;
	width: 49px!important;
	height: 42px!important;
	border: 1px solid #fff !important;
	background: #fff !important;
	text-align: center;
	color: #ccc;
	font: 1.7em/1.2em Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-top: 12px;
	-moz-border-radius: 6px;	
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
ul#dates li.open a:link,
ul#dates li.open a:visited,
ul#dates li.open a:hover,
ul#dates li.open a:active,
ul#dates li.open a:focus{
	display: block;
	width: 49px;
	height: 42px!important;
	background: #fff !important;
	text-align: center;
	color: #ccc;
	font: 1.7em/1.4em Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-top: 12px;
	-moz-border-radius: 6px;	
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

ul#dates li.null{
	display: block;
	width: 49px;
	height: 49px;
	border: 1px solid #fff !important;
background: url(images/20pc.png) top left;
	font: 0.7em/1.4em Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	padding: 5px;
	text-align: left;
	-moz-border-radius: 6px;	
	-webkit-border-radius: 6px;
	border-radius: 6px;
font-weight: bold;
}

/* Fix IE. \*/
* html ul#dates li.null{
background: none;
}
/* End */


ul#dates li a.today:link,
ul#dates li a.today:visited
{
background: url(../images/sparkle.gif) center center no-repeat!important;
}
ul#dates li a.today:hover,
ul#dates li a.today:active,
ul#dates li a.today:focus
{
background:#fff!important;
}

ul#dates li#date1{
	position: absolute;
	top: 180px;
	left: 260px;
}
ul#dates li#date2{
	position: absolute;
	top: 20px;
	left: 760px;
}
ul#dates li#date3{
	position: absolute;
	top: 340px;
	left: 760px;
}
ul#dates li#date4{
	position: absolute;
	top: 100px;
	left: 20px;
}
ul#dates li#date5{
	position: absolute;
	top: 340px;
	left: 420px;
}
ul#dates li#date6{
	position: absolute;
	top: 180px;
	left: 580px;
}
ul#dates li#date7{
	position: absolute;
	top: 20px;
	left: 420px;
}
ul#dates li#date8{
	position: absolute;
	top: 260px;
	left: 340px;
}
ul#dates li#date9{
	position: absolute;
	top: 180px;
	left: 100px;
}
ul#dates li#date10{
	position: absolute;
	top: 340px;
	left: 260px;
}
ul#dates li#date11{
	position: absolute;
	top: 100px;
	left: 670px;
}
ul#dates li#date12{
	position: absolute;
	top: 260px;
	left: 670px;
}
ul#dates li#date13{
	position: absolute;
	top: 20px;
	left: 100px;
}
ul#dates li#date14{
	position: absolute;
	top: 260px;
	left: 500px;
}
ul#dates li#date15{
	position: absolute;
	top: 100px;
	left: 500px;
}
ul#dates li#date16{
	position: absolute;
	top: 420px;
	left: 340px;
}
ul#dates li#date17{
	position: absolute;
	top: 100px;
	left: 180px;
}
ul#dates li#date18{
	position: absolute;
	top: 260px;
	left: 180px;
}
ul#dates li#date19{
	position: absolute;
	top: 100px;
	left: 340px;
}
ul#dates li#date20{
	position: absolute;
	top: 180px;
	left: 760px;
}
ul#dates li#date21{
	position: absolute;
	top: 20px;
	left: 260px;
}
ul#dates li#date22{
	position: absolute;
	top: 180px;
	left: 420px;
}
ul#dates li#date23{
	position: absolute;
	top: 260px;
	left: 20px;
}
ul#dates li#date24{
	position: absolute;
	top: 20px;
	left: 580px;
}

#vdl-hilite{
	position: absolute;
	top: 411px;
	left: 180px;
	width: 168px;
	height: 24px;
}

/* IMAGE CONTROL */



/* IMAGE CONTROL */




#www-hilite a:link, #www-hilite a:visited{
	position: absolute;
	top: 411px;
	left: 404px;
	width: 118px;
	height: 24px;
}

#www-hilite a:hover, #www-hilite a:active, #www-hilite a:focus{
	position: absolute;
	top: 411px;
	left: 404px;
	width: 118px;
	height: 24px;
	background: url(../images/www-hilite.jpg) top left no-repeat;
}
#preloader{
	position: absolute;
	top: -99999px;
	left: -999999px;	
}

/* ////// POP UP ////////// */
#popup #blackbox{
	margin: 0;
	padding: 5px 0;
	background: #000 url(http://www.visumedia.info/visumedia/images/nav-top.gif) top left repeat-x;
	width: 425px;
}
#popup h1{
	position: relative;
	margin: 0 0 0.5em 0;
	padding: 0 10px;
	font: 1.2em/1.2em Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #f90;
}
#popup p{
	margin: 0 0 1em 0;
	padding: 0 10px;	
	font: 0.7em/1.4em Arial, Helvetica, sans-serif;
	color: #fff;
}

p.center{
	padding: 10px 0;
	margin: 0 auto;
	font: 0.7em/1.4em Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: center;
	width: 760px;
}