/* Start of CMSMS style sheet 'mazumain' */
@charset "UTF-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
	border:none;
}

body {
	background:url(uploads/images/bg_ccc.gif) #ccc top repeat-x;
	font-family:Helvetica, sans-serif;
	font-size:1em;
	color:#111;
}

a {
	text-decoration:none;
	color:#f60;
}

a:hover {
	text-decoration:underline;
}

a#video01, a#video02, a#video03 {
	display:block;
	width:640px;
	height:360px;
	border:solid #222 1px;
	margin:16px auto;
	text-decoration:none;
	color:#222;
}

a#video01:hover, a#video02:hover, a#video03:hover {
	border:solid #f60 1px;
}

.hilite {
	background-color:#ff6;
}

.hidden {
	display:none;
}

.accessibility {
	display:none;
}

dfn {
	display:none;
}

.imgright {
	margin:0 12px 12px 12px;
	float:right;
}

.imgleft {
	margin:0 12px 12px 12px;
	float:left;
}

.knownprograms, .background, .shorttake, .rating {
	width:576px;
	padding-top:26px;
	background-repeat:no-repeat;
	background-position:top;
}

.knownprograms {
	background-image:url(uploads/images/knownprograms.gif);
}

.background {
	background-image:url(uploads/images/background.gif);
}

.shorttake {
	background-image:url(uploads/images/shorttake.gif);
}

.rating {
	background-image:url(uploads/images/rating.gif);
}

#headernavbox {
	width:100%;
	height:248px;
}

#header {
	width:960px;
	height:176px;
	margin:0 auto;
	background:url(uploads/images/header.gif) top left no-repeat;
}

#titlebox {
	width:952px;
	height:176px;
	margin-left:8px;
	background:url(uploads/images/mazucom.jpg) bottom left no-repeat;
}

#titlebox h1 {
	position:relative;
	display:none;
}

#titlebox #optinform {
	height:100px;
	width:324px;
	float:right;
	margin:20px 8px 0 0;
}

#titlebox #optinform p {
	color:#fff;
	font-size:80%;
	text-align:left;
}

#titlebox #optinform p.small {
	color:#fff;
	font-size:70%;
	text-align:left;
}

#titlebox #optinform input {
	width:108px;
	height:22px;
	border:solid #444 1px;
	float:left;
	margin:9px 3px 9px 0;
}

#titlebox #optinform input.hidden {
	position:relative;
	display:none;
}

#titlebox #optinform input.submit {
	width:92px;
	height:24px;
	border:none;
	margin-right:0;
}

#titlebox #optinform label {
	position:relative;
	display:none;
}

#titlebox #breadcrumbs {
	color:#fff;
	font-size:80%;
	text-align:left;
	line-height:24px;
	height:24px;
	width:380px;
	margin:146px 0 0 200px;
	float:left;
}

#menu_horiz {
	width:960px;
	height:72px;
	margin:0 auto;
	font-size:100%;
	background:url(uploads/images/nav_bg.gif);
}

#menu_horiz h3 {
	font-size:1em; /* reset font size */
	font-weight:400;
	margin:0;
	text-transform:lowercase;
}

#menu_horiz ul {
	display:inline;
	height:32px;
	font-family:Helvetica, sans-serif;
}

#menu_horiz li {
	float:left;
	list-style:none;
	text-transform:lowercase;
}

#menu_horiz li h3 {
	color:#fff;
	text-align:center;
	padding:0 12px;
	background-image:url(uploads/images/nav_alt_bg.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	line-height:32px;
	height:32px;
	display:block;
}

#menu_horiz a.activeparent {
	color:#fff;
	background-position:bottom;
	background-repeat:repeat-x;
}

#menu_horiz a.activeparent:hover {
	color:#fff;
	background-position:left;
	background-repeat:repeat-x;
}

#menu_horiz li a {
	color:#222;
	text-decoration:none;
	text-align:center;
	padding:0 12px;
	line-height:32px;
	background-image:url(uploads/images/nav_alt_bg.gif);
	background-position:top;
	background-repeat:repeat-x;
	display:block;
}

#menu_horiz li a:hover {
	color:#fff;
	background-position:left;
	background-repeat:repeat-x;
}

#main {
	width:960px;
	background:url(uploads/images/content_bg.gif) top repeat-y;
	margin:0 auto;
	padding:0 0 12px 0;
}

#content {
	width:668px;
	margin:0 0 0 32px;
	float:left;
}

#content p {
	margin:8px 12px;
	font-size:80%;
	text-align:left;
}

#content ul {
	margin:12px;
	list-style:square outside;
}

#content ol {
	margin:12px;
	list-style:outside decimal;
}

#content ul li, #content ol li {
	line-height:1.4;
	font-size:80%;
	text-align:left;
}

#content ul.check li {
	list-style:none inside;
	padding-left:20px;
	margin-left:-40px;
	background:url(uploads/images/check.png) left no-repeat;
}

#content h2 {
	font-family:Geneva, Helvetica, sans-serif;
	color:#f60;
	font-weight:300;
	font-size:170%;
	text-align:left;
	margin:2px 12px 16px 12px;
}

#content h3 {
	font-family:Geneva, Helvetica, sans-serif;
	color:#025;
	font-size:110%;
	text-align:left;
	margin:2px 12px 16px 12px;
}

#content h4 {
	font-family:Geneva, Helvetica, sans-serif;
	color:#025;
	font-size:110%;
	text-align:center;
	margin:2px 12px 16px 12px;
}

#content h5 {
	font-family:Geneva, Helvetica, sans-serif;
	color:#222;
	font-size:90%;
	text-align:left;
	margin:2px 12px 16px 12px;
}

#content h6 {
	font-family:Geneva, Helvetica, sans-serif;
	color:#025;
	font-size:90%;
	text-align:center;
	margin:8px 12px 16px 12px;
}

#content img.left {
	float:left;
	margin:12px;
}

#content img.right {
	float:right;
	margin:12px;
}

#sidebar {
	width:200px;
	margin:0 20px 0 0;
	float:right;
}

#menu_vert h3 {
	font-size:1em; /* reset font size */
	margin:0; /*reset margin */
	font-family:Helvetica, sans-serif; /* reset font family */
	overflow:hidden;
}

#menu_vert {
	width:200px;
	font-size:85%;
	text-align:left;
	text-transform:capitalize;
}

#menu-vert ul { /* reset margin and list-style */
	margin:0;
	list-style:none;
	width:200px;
	overflow:hidden;
}

#menu_vert li {
	list-style:none;
	line-height:1;
	display:block;
	color:#fff;
	overflow:hidden;
}

#menu_vert ul a {
	text-decoration:none;
	text-indent:24px;
	display: block;
	height:28px;
	line-height:28px;
	color:#fff;
	background-image:url(uploads/images/nav_alt_vert.gif);
	background-position:top;
	background-repeat:no-repeat;
}

#menu_vert ul ul a {
	font-size: 85%;
	text-indent:24px;
	height:24px;
	line-height:24px;
	background:url(uploads/images/nav_alt_vert2.gif);
	background-position:top;
}

#menu_vert a:hover {
	background-position:left;
}

#menu_vert li a.activeparent {
	background-position:bottom;
	color:#222;
}

#menu_vert ul ul li a:hover {
	color:#fc0;
	background-position:top;
}

#menu_vert li a.activeparent:hover {
	background-position:left;
}

#menu_vert ul h3 {
	color:#222;
	display:block;
	width:200px;
	text-indent:24px;
	height:28px;
    line-height:28px;
    background-image:url(uploads/images/nav_alt_vert.gif);
	background-position:bottom;
}

#menu_vert ul ul h3 {
	font-size:85%;
	color:#fc0;
	text-indent:24px;
	height:24px;
	line-height:24px;
	background-image:url(uploads/images/nav_alt_vert2.gif);
	background-position:bottom;
}

#menu_vert li.separator hr {
	display: none; /* this is for accessibility */
}

#footer {
	width:960px;
	height:80px;
	margin:0 auto;
	background:url(uploads/images/content_footer.gif) top no-repeat;
}

#footer p {
	font-size:70%;
	color:#222;
	text-align:center;
	line-height:40px;
	padding-top:40px;
}

#footer p a {
	color:#222;
	text-decoration:underline;
}

#footer p a:hover {
	text-decoration:none;
	color:#f60;
}

#footer p a img {
	text-decoration:none;
}

.clearfix {
	clear:both;
}

.clearspace {
	clear:both;
	height:24px;
}

.recbutton {
	width:480px;
	height:80px;
	display:block;
	overflow:hidden;
	margin:12px auto;
}

.recbutton a {
	width:480px;
	height:80px;
	background:url(uploads/images/recommend.png) top;
	display:block;
}

.recbutton a:hover {
	background-position:bottom;
}

.infobox {
	width:150px;
	background:url(uploads/images/orange_fade150.png) top no-repeat;
	margin:12px 15px 0 0;
	float:left;
}

.infowidebox {
	width:232px;
	background:url(uploads/images/orange_fade232.png) top no-repeat;
	margin:12px 15px 0 0;
	float:left;
}

form#m3moduleform_1 input {
	width:216px;
	height:24px;
	border:solid #222 1px;
	margin:3px 0 2px 0;
	font-size:15px;
	float:left;
}

form#m3moduleform_1 label {
	width:150px;
	height:26px;
	line-height:26px;
	margin:3px 3px 2px 0;
	font-size:12px;
	float:left;
	text-align:right;
}

form#m3moduleform_1 input.fbsubmit {
	width:120px;
	height:24px;
	background-color:#f60;
	color:#fff;
	margin-left:170px;
	float:left;
}

form#m3moduleform_1 .contactform div {
	clear:both;
}

form#m3moduleform_1 input.checkbox {
	float:right;
}

#latestreviews {
	width:150px;
	height:176px;
	overflow:hidden;
	margin:8px auto;
}

#latestreviews a {
	border:none;
	display:block;
	background:url(uploads/images/latest.png) left;
}

#latestreviews a:hover {
	background-position:right;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
   
    #footer {
		margin-top:-12px;
	}

	#titlebox #optinform {
		margin-top:12px;
	}
	
	#titlebox #optinform input {
		margin-top:5px;
		margin-bottom:5px;
	}
	
	#headernavbox {
		margin:-8px 0 0 0;
	}
	
	#menu_vert ul, #menu_vert ul ul {
		margin-left:-40px;
	}

}
/* End of 'mazumain' */