@charset "utf-8";
/* CSS for MonkeyDash.co.uk by Rob Fisher */
/* CSS Reset */
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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}
:focus {outline:0;}
body {line-height:1; color:#000; background:#fff;}
ol, ul {list-style: none;}
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/* Generic Classes */
.floatLeft {float:left;}
.floatRight {float:right;}
.center {text-align:center;}
.small {color:#444; font-size:70%; letter-spacing:1px;}

/* Start main CSS */
body#MD {
  background:#121417 url(images/BGGradient.png) repeat-x top;
  font-family:Calibri, Tahoma, sans-serif;
  font-size:12pt;
  line-height:125%;
}
#Wrapper {
  background:url(images/WrapperBG.png) repeat-y;
  margin:0 auto;
  min-height:600px;
  position:relative;
  width:800px;
}
h1#Logo {
  height:0;
  text-indent:-9999px;
}
#Page{
  background:url(images/PageRounded.png) no-repeat;
  min-height:375px;
  padding-top:125px;
  width:800px;
}
h2{text-indent:-9999px;}

ul#Menu {
  float:left;
  margin-top:90px;
  width:186px;
}
#Menu li {
  float:right;
  height:28px;
  margin-bottom:8px;
  text-indent:-9999px;
  width:120px;
}
#Menu li a {
  display:block;
  height:28px;
  width:120px;
}

#Menu li#Home {background:url(images/MenuRollOver.png) left 0 no-repeat;}
#Menu li#Tutorial {background:url(images/MenuRollOver.png) left -28px no-repeat;}
#Menu li#FAQ {background:url(images/MenuRollOver.png) left -57px no-repeat;}
#Menu li#Blog {background:url(images/MenuRollOver.png) left -88px no-repeat;}
#Menu li#Variants {background:url(images/MenuRollOver.png) left -117px no-repeat;}
#Menu li#Contact {background:url(images/MenuRollOver.png) left -146px no-repeat;}

#Menu li#Home:hover {background:url(images/MenuRollOver.png) right 0 no-repeat;}
#Menu li#Tutorial:hover {background:url(images/MenuRollOver.png) right -28px no-repeat;}
#Menu li#FAQ:hover {background:url(images/MenuRollOver.png) right -57px no-repeat;}
#Menu li#Blog:hover {background:url(images/MenuRollOver.png) right -88px no-repeat;}
#Menu li#Variants:hover {background:url(images/MenuRollOver.png) right -117px no-repeat;}
#Menu li#Contact:hover {background:url(images/MenuRollOver.png) right -146px no-repeat;}

#Menu li#Home.active {background:url(images/MenuRollOver.png) -120px 0 no-repeat;}
#Menu li#Tutorial.active {background:url(images/MenuRollOver.png) -120px -28px no-repeat;}
#Menu li#FAQ.active {background:url(images/MenuRollOver.png) -120px -57px no-repeat;}
#Menu li#Blog.active {background:url(images/MenuRollOver.png) -120px -88px no-repeat;}
#Menu li#Variants.active {background:url(images/MenuRollOver.png) -120px -117px no-repeat;}
#Menu li#Contact.active {background:url(images/MenuRollOver.png) -120px -146px no-repeat;}

#Content {
  float:left;
  min-height:322px;
  padding:44px 0 8px 0;
  width:360px;
  z-index:2;
}
#Content h3 {
  background:url(images/H3BG.png) repeat-y;
  font-variant:small-caps;
  letter-spacing:2px;
  padding-left:16px;
  text-align:left;
}
#Content a {border-bottom:1px dotted #444; color:#000; text-decoration:none;}
#Content a:hover {border-bottom:1px dotted #fff; color:#fff;}
#Content p {margin:0 8px 8px 8px; text-indent:8px;}
#Content p.last {margin: 0 8px 16px 8px;}
#Content p.date {
  color:#222;
  font-size:8pt;
  letter-spacing:1px;
  margin:-18px 8px 0 0;
  text-align:right;}
#Content p.date sup {font-size: 4pt; position:relative; top:-4px;}

acronym {cursor:help;}

ul#accordion {padding:0 8px 8px 8px;}
ul#accordion h3 {
  background:url(images/ListBullet.png) no-repeat 0 3px;
  cursor:pointer;
  display:inline-block;
  font-weight:normal;
  padding-left:24px;
  width:320px;}
ul#accordion h3:hover {background:#a9bd8a url(images/ListBullet.png) no-repeat 0 -14px;}
ul#accordion h3.open {background:#a9bd8a url(images/ListBullet.png) no-repeat 0 -31px; font-weight:bold;}
div.ao {margin-top:-1px; overflow:hidden;}
div.ai {background:#a9bd8a; padding:0 24px 8px 24px;}

ul#sa > li {list-style:none; padding-bottom:8px;}
ul#sa h3 {background:url(images/SectionBullet1.png) no-repeat 8px top; cursor:pointer; color:#333; font-size:16pt;  padding-left:36px;}
ul#sa h3:hover {background:#a9bd8a url(images/SectionBullet1.png) no-repeat 8px bottom;}
ul#sa h3.open {background:#a9bd8a url(images/SectionBullet1.png) no-repeat 8px bottom; color:#000; font-weight:bold;}
ul#sa div.so {background:#a9bd8a; overflow:hidden;}
ul#sa div.si {padding:2px 0 0 8px;}
ul.pa {margin-right:8px;}
ul.pa h4 {background:url(images/QDull.png) no-repeat 1px 0; cursor:pointer; padding-left:28px;}
ul.pa h4:hover {background:#bdd09f url(images/QBright.png) no-repeat 1px 0;}
ul.pa h4.open {background:#bdd09f url(images/QBright.png) no-repeat 1px 0;}
ul.pa div.po {overflow:hidden;}
ul.pa div.pi {background:#bdd09f url(images/Answer.png) no-repeat; margin-bottom:8px; padding:0 8px 0 28px;}

fieldset {background:#a9bd8a; padding:8px; text-align:center;}
form p {background:#bdd09f;}
input, select {margin-bottom:8px;}

#VimeoPlayer {
  display:block;
  height:249px;
  margin:16px 8px;
  width:343px;
}

#SideBar {
  float:left;
  height:250px;
  margin-left:32px;
  padding:8px;
  width:184px;
}
#imageContainer {
  position:relative;
}  
#imageContainer img {
  border:#000 1px solid;
  display:none; 	
	height:133px;  	
	opacity: -0.01;
	position:absolute; 	
	top:0px; left:0px; 	
	width:175px; 	
}
      
#Footer {
  background:url(images/FooterRounded.png) no-repeat;
  clear:both;
  height:100px;
  width:800px;
}
#Footer p {bottom:0; position:absolute;}
a#BuyNow {
  bottom:0;
  background:url(images/BuyNowRollOver.png) top left;
  display:block;
  height:109px;
  left:312px;
  position:absolute;
  text-indent:-9999px;
  width:109px;
}
a#BuyNow:hover {background:url(images/BuyNowRollOver.png) top right;}
#Crate {
  background:url(images/Crate.png) no-repeat;
  bottom:15px;
  height:281px;
  position:absolute;
  right:0;
  width:281px;
}