/*
Theme:   Color Me Video by ydesignsx.com
vdate:      23.21 08.Jun.08

*/

/* Color Me Video Universal Styles*/

*{margin:0 auto; padding:0; font-size: 17px;}

body {background:url('/img/disc0.png') fixed no-repeat #5a5a4f; font-family: Geneva, Arial, Helvetica, sans-serif;  width:100%;}
p  {line-height: 1.25;}
p, ol {color: #ffd; }
h3, h4, h5 {color:#ffc;}
img {padding:0; border:0;}
a {text-decoration: none; color: #f09931; outline:none;}
a:visited {text-decoration: none; color: #4af; border-bottom: dotted 0px #66f;}
a:hover {text-decoration: none; color: #5d5;}
.hovr, .hovr:hover {position:fixed; left:93%; display:block; color:#ffc;}
.hovr span {display:none;}
.hovr:hover span{display:block; font-size: 12px; text-align:left;}
.zone {float:right; margin:0; padding: 1% 1% 0 0;}
	.bot {margin: 0 0 2em;}
	.top {margin-top: 2em;}
div#clear {clear:both;}
.clear {clear:both;}

/*Not in IE 6 you don't. */
div#ie {display: none;}

div#cmv {min-width: 58.9em; width: 77%;  color: #ffd; }


div#header {margin:0 ; color: #fff; padding-bottom: 5%;}
div#header h1 {margin:0; width:28em; height:4.94em; background: url(/img/cmvlogo.png) no-repeat center; }
/*div#header h1:hover {margin:0; width:28em; height:4.94em; background: url(/img/cmvlogo4.png) no-repeat center; }*/
div#header h1 a {display:block; height:4.94em; border:0;}
div#header h1 span {display:none; }
div#header ul {padding-top: 2em; margin-left: 25em;}
div#header li {display: inline;  list-style-type:none; }
div#header a {color: #fff;  border: 0; padding: 0 0.63em 0 0.63em; font-weight: bold;}
div#header a:hover {color: #5d7; padding: 0 0.63em 0 0.63em;}
div#header a.stay {color: #f09931; border-bottom: 1px dotted #da3;}
div#header a.stay:hover {color: #f09931; border-bottom: 1px dotted #da3;}


/*	Commercials	*/

div.secret {float:left;  margin: 0 1.5em; width: 50%;}
	.h31 {margin-top: 1em;}
div.secret p {margin: 0; padding: 0.63em 0 1em 0;}

div.case {float: left; margin: 0 1em 0.31em;  width: 38%; border-top: 1px #776 solid; border-bottom: 1px #445 solid; border-left: 1px #765 solid; border-right: 1px #555 solid; height: 7.3em; padding-bottom:0.63em; padding-top:0.15em; background: url(/img/cv.png); }
div.case p {padding: 0 0.63em;}
div.case a {color:#f09931;}
div.case a:visited {color:#f09931; border-bottom: 1px #224 dotted;}
div.case a:hover{color: #5d5;}
div.case h4 {margin: 0.63em auto; padding: 0 0.63em;}
.tellindex {margin: 2em 0; width: 100%; filter:alpha(opacity=55); opacity: .55;}



/*	Production	*/

div#lab {float:left;  margin: 0 1.5em; padding-right: 1em; width:50%; }
div#lab h3 {margin: 0 0 1em; padding-bottom: 0.30em; background: url(/img/lab.png) no-repeat; height:1.63em;}
div#lab h4, div#lab h5  {margin: 1em 0;}
div#lab p {padding: 0; }
div#lab ul,  div#lab ol {margin: 1em; padding: 0.25em}
	.num {margin-left:1.5em;}
div#lab li {list-style-image: url(/img/bullet.png); }
div#lab li.note{list-style-image: url(/img/bullet.png);  list-style-type: none; font-size: 0.9em; margin:0.31em 3em; color:#6dbd71;}
	.telllab {margin:1em 0 2em; width: 100%; filter:alpha(opacity=55); opacity: .55;}
	.labtell {margin: 2em 0 2em; width: 100%; filter:alpha(opacity=55); opacity: .55;}


div#bar  {float:left; margin: 0 1em; width:35%; }
div#bar h4 {margin: 1em auto 0 ;}
div#bar p {padding-top: 0.63em; }
div#bar ul {margin-left:1em;}
div#bar li {list-style-image: url(/img/bullet.png); margin-left:1em;}
div#bar li.lil {list-style-type:none; font-size: 0.9em; margin: 1em 3em; color:#6dbd71;}


/*	Reel Film		*/

div#play {float:left; margin: 0 1.5em 3em; width: 50%;}
div#play h3 {margin: 0; padding: 0.30em; background: url(/img/plyrs.png) no-repeat; height:2em;}
div#play p {margin: 0; padding: 0.31em;}
div#play ul, div#rate ul {margin: 0 3em 0; padding:0.63em;}
div#play li {list-style-image: url(/img/bullet.png);}

div#rate {float:left; margin: 1em 1.5em 0; width: 32%;}
	div#rate h3 {padding: 0 0 0.63em 0; }
	.results {list-style-image: url(/img/bullet.png);}
	.stars {padding: 5%; list-style-type:none; color:#ffe;}
	.stars li {padding: 2%;}

	.tellplay  {margin:0 4em;  width: 100%; filter:alpha(opacity=55); opacity: .55;}

div.allplay {margin: 2em 0 3em; color:#fff; background: url(/img/cv.png); height: 22em; width: 87% }
div.allplay:hover{height: 39em;  color:#fff;}
	.plogo, .plogo:visited {margin: 0 1em; color: #393;}

div.allplay p {margin: 0.63em 2em;}
div.allplay h3 {margin: 0; padding: 1em; background: url(/img/cv1.png);}
div.allplay h5 {margin: 1em 1.5em; padding:0;}
div.allplay span {display:none;}
div.allplay:hover span {display:block;}
div.allplay ul {margin: 0 1em;}
div.allplay li.nodvd {margin:0.31em;}
	div.colone, div.coltwo, div.colthree {float:left; margin: 1em 0; width: 16em; height: 12em; border-top: solid #887 1px; border-bottom: solid #444 1px;}
	div.colone h4, div.coltwo h4, div.colthree h4 {margin:0.63em 0.75em;}
	div.colone h3, div.coltwo h3, div.colthree h3 {padding: 0.2em; background: url(/img/cv.png);  color: #ccb; border-bottom: 1px #443 solid;}
	div.colone li, div.coltwo li, div.colthree li {list-style-type:none; margin: 0.31em 0;}
	div.colone {margin-left: 1.5em; background: url(/img/cvr.png); border-left: solid #776 1px;}
	div.coltwo { background: url(/img/cvg.png); border-left: solid #888 1px; border-right: solid #665 1px;}
	div.colthree {margin-bottom: 1em;background: url(/img/cvb.png); border-right: solid #444 1px;}


/*	The Show		*/

div#demoz  {float:left; margin:0 1.5em;  padding-bottom: 1em; width: 55%;}
div#demoz h5 {margin: 2em 0 0.13em;}
div#demoz p {padding-bottom: 1em;}
div#demoz ul {margin-right: 2em;}
div#demoz li {float:left;list-style-type:none; padding: 0.63em; }
	.demo {height: 3em; background: url(/img/cv.png);}
	.vlc, .dvd {margin: 1em 0 3em; width: 30em; border:1px dotted #aaa;}
	.vlc p, .dvd p {margin: 0 1em;}
	.vlc:hover {height: 20em; background: url(/img/cmvid.png);}
	.vlc:hover span {display:none;}
	.dvd:hover {height: 20em; background: url(/img/cmvid2.png);}
	.dvd:hover span {display:none;}
	#dmhd {margin: 0 0 1em; background: url(/img/demo.png) no-repeat; height: 2.63em;}
	#thmlogo {margin: 0 0 1em; background: url(/img/thm.png) no-repeat; height: 2.75em;}
	.liltext {font-size: 13px; color: #ad7;}
	table {margin:0; padding-bottom: 2em; border-spacing: 1px;}
	table caption{margin:0; }
	table a {font-weight:bold; font-size:15px; display:block; padding:0.13em;}
	table a:hover {font-weight:bold; font-size:15px; color:#ffe; display:block; padding:0.13em;}
	table td {width: 15em; border-spacing: 0.31em;}
	.cv td {padding:0.63em; background: url(/img/cvo.png); font-weight:bold;}
	.dv td {padding: 0.31em 0.63em 0.31em 0.63em; background: url(/img/cv.png);}
	.dv td:hover {padding: 0.31em 0.63em 0.31em 0.63em; background: url(/img/cvw.png);}
	#tell {margin:0 0 2em; width: 100%; filter:alpha(opacity=55); opacity: .55;}
	
div#tech {float:left; margin:2em 0; width: 33%; padding-left: 1em;}
div#tech p {padding-bottom: 0.63em;}
div#tech h3 {padding-bottom: 1em;}
	.p {margin-bottom:2em;}


/*	Credits		*/

div#footer {padding-top: 3%;}
	.credits {float: left; padding-top: 0.63em; height: 15em; background: url(/img/cv.png);}
	.credits h5 {margin: 0; padding: 0; color: #eee;}
		.minimenu {margin: 0; width: 9em; border-right: 1px dotted #343; }
		.minimenu ul {margin: 1em;}
		.minimenu li {margin: 0.63em 0 0.63em; list-style-type:none; }
		.minimenu a {margin: 0; color: #eec; border: 0; padding: 0.31em; font-size: 17px; font-weight: bold;}
		.minimenu a:hover {color: #5d7;padding: 0.31em;}
		.minimenu a.stay, .minimenu a.stay:hover {color: #f09931;  background: url(/img/cv.png);}
		.tools {width: 13.63em;}
		.t {padding: 0.63em; font-weight: bold; color: #ddb; }
		.tools a {font-size: 14px; color: #aa9;}
		.tools a:visited {font-size: 14px; border-bottom: 1px dotted #ccc;}
		.tools a:hover {font-size: 14px; color: #5d7;}
		.tools ul {float:left; padding: 0 5%;}
		.tools li {list-style-type:none; }
		.research {width: 56%; border-left: 1px dotted #343; }
		.footnotes {list-style-type: none; margin: 0 0.63em; padding: 0 3% 0;}
		.research a {font-size: 15px;}
		.center {text-align: center; font-size:small; padding: 1%;}