/* ==========================================================================
   HTML5 Boilerplate styles / Main Elements
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222222;
}

body {
	background: url('../img/bg.jpg') 0 0 repeat;
	margin: 0 0 50px;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
}

::-moz-selection {background: #b3d4fc;text-shadow: none;}
::selection {background: #b3d4fc;text-shadow: none;}

hr,p,h1,h2,div,fieldset,li,ul {padding: 0;}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
}

p {margin: 0; font-size: 100%;line-height: 100%; }	

h1 {margin: 25px 5px 5px; font-size: 18px; line-height: 20px; font-weight: normal; }
h2 {margin: 5px 5px; font-size: 14px; line-height: 18px; font-weight: bold; }

img {border: none; vertical-align: middle; }

.lt-ie9 img {
      background: transparent;
      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */
       filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */     
      zoom: 1;
	  }

fieldset {
    border: 0;
    margin: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/* container and heading footer elems */
div#case {
	max-width: 1024px;
	margin: 0%; /*auto;*/ }
div#closure {
	clear: both;
	margin: 0%;
	height: 1px;
	visibility: hidden; }
div#container {position:relative;width:974px;margin:0 auto;padding:25px 35px 0; }
div.info {margin: 0% 0% 25px; display: none; }
div.pics {margin: 0; /* 15px auto 0%; */ width: 950px; }
div#heading {padding-right: 15px;}
div#heading div.left {vertical-align:top;text-align:left;margin-top:0px;margin-left:1px;}
div#heading div.right {vertical-align:top;text-align:right;margin-top:6px;margin-right:1px;}
div#heading #MainLogo {cursor: pointer;}
div#footer {position:absolute;top:640px;width:974px;margin: 0 auto;text-align:center;color:#222222;}
div#footer a {color:#ff0a0a;}
div#footer a:hover {color:#ac0101;}
div#bigglow 
{
    position: absolute; top: 0px; right: 50px; width: 666px; height:671px;
    background:url(/img/radialGradient.png) no-repeat;
}
div#lilglow {
    position: absolute;
    top: 180px;
    right: 360px;
    width: 375px;
    height: 375px;
    display: none;
    background:url(/img/radialGradientSmall.png) no-repeat;
}
/* page specific elems */
/*div#bigglow {position: absolute; top: -50px; right: 0px; width: 733px; height:737px; */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	/*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI3NCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvcmFkaWFsR3JhZGllbnQ+CiAgPHJlY3QgeD0iLTUwIiB5PSItNTAiIHdpZHRoPSIxMDEiIGhlaWdodD0iMTAxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	/*background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 72%); /* FF3.6+ */
	/*background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,1)), color-stop(74%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	/*background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 74%); /* Chrome10+,Safari5.1+ */
	/*background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 74%); /* Opera 12+ */
	/*background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 74%); /* IE10+ */
	/*background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 74%); /* W3C */
	/*} */
/*div#lilglow {position: absolute; top: 180px; right: 360px; width: 310px; height:310px;*/ 
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	/*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI3NCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvcmFkaWFsR3JhZGllbnQ+CiAgPHJlY3QgeD0iLTUwIiB5PSItNTAiIHdpZHRoPSIxMDEiIGhlaWdodD0iMTAxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	/*background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 72%); /* FF3.6+ */
	/*background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,1)), color-stop(74%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	/*background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 74%); /* Chrome10+,Safari5.1+ */
	/*background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 74%); /* Opera 12+ */
	/*background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 74%); /* IE10+ */
	/*background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 74%); /* W3C */
	/*display:none;
	/*}*/ 
div#pg1machines {position: absolute; top: 183px; left: 232px; }
div#pg1machines #m1 {position: absolute; top:108px; left: 0; width:114px}
div#pg1machines #m2 {position: absolute; top:47px; left: 120px; width:146px}
div#pg1machines #m3 {position: absolute; top:0; left: 254px; width:134px}
div#pg1machines #m4 {position: absolute; top:11px; left: 393px; width:129px}
div#pg1machines #m5 {position: absolute; top:11px; left: 528px; width:211px}
div.page1 ul {line-height:12px;margin-top: 15px;}
p#howholder {margin-top:41px; margin-bottom:-4px; margin-left:3px;height:18px;text-align:center}
p#howholder img {padding-left:25px}
.lt-ie9 p#howholder {margin-top:26px} 
div.howmachine {position:absolute; height:348px;top:132px;}
div#howsamprpt {position:absolute;top:495px;left:155px;color:#ffffff;font-weight:bold;}
div#howsamprpt a {color:#000000;}
div#howsamprpt a:hover {color:#ac0101;}
div.howmachine img.mach {position:absolute; bottom:0; right:0}
div.howmachine img.play {position:absolute; bottom:35px; right:0px}
div.whamachine {position:absolute; top:67px; height:259px;}
div.whamachine img.mach {position:absolute; bottom:0; right:0}
div.whamachine img.plus {position:absolute; bottom:32px; right:1px}
div.pageget li {padding-bottom:10px;}
div.pageget li span {margin-left:-20px;margin-right:10px;font-size:21px;color:#5b5c5c;font-weight:bold;
/*	text-shadow: 1px 3px 3px rgba(255, 255, 255, 0.4),0px 1px 0px #ccc;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#cccccc,direction=90);
*/
}
/* .lt-ie9 div.pageget li span { 
	background-color: white;
	zoom:1;
	filter: progid:DXImageTransform.Microsoft.Chroma(Color=white)
	progid:DXImageTransform.Microsoft.DropShadow(OffX=1, OffY=1, Color=#cccccc);
} */
div#getfactsheet img{float:left;margin-top:40px;}
div#getfactsheet p {float:left;width:280px;margin:40px 0 10px 13px;color:#FFF;font-weight:bold;line-height:18px;font-size:13px !important}
div#getbox {color:#000;font-weight:bold;font-size:14px;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border: 2px solid #999;
	background: #BBB; /* fallback */
	background: rgba(0, 0, 0, 0.35);
	padding: 0 30px 0 40px;
	height:280px;
	}
.lt-ie9 div#getbox {
    background:transparent;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#35000000,endColorstr=#35000000); 
	zoom: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#30000000, endColorstr=#30000000)";	
}	
div#getbox .fieldgrp {margin-top:15px;}
div#getbox form {display:inline-block;}
div#getbox label {display:block;margin-bottom:5px;}
div#getbox input {display:block;}
	
/* Utility styles */
.left { float : left; width : 49%; }
.right { float : right; width : 49%; }
.clear { clear : both; }
.rollover {cursor: pointer;}
.inputField {
	float: left;
	height: 25px;
	width: 290px;
	margin-bottom: 12px;
	/*border-radius: 5px;
    font-size: 14px;
	color:#8c8d8e; */
	text-indent: 5px;
	padding: 5px;
    border: 1px #ddd solid;
	/* -- CSS3 Shadow - create a shadow around each input element -- */ 
	-webkit-box-shadow: 1px 1px 1px #999 inset;
	-moz-box-shadow: 1px 1px 1px #999 inset;
	box-shadow: 1px 1px 1px #999 inset;
	
	/* -- CSS3 Transition - define what the transition will be applied to (i.e. the background) -- */		
	-webkit-transition: background 0.3s linear;	
}
			
/* Nav */
ul#nav {position:absolute; top:514px;width:982px;margin: 15px 0% 0%;}

ul#nav li {
	display: block;
	list-style: none;
	width: 224px;
	height: 120px;
	text-align: right;
	float: left;
	margin: 8px;
	cursor: pointer; 
}

/* Nav sprites */
.Button1, .Button1Lit, .Button2, .Button2Lit, .Button3, .Button3Lit, .Button4, .Button4Lit {
	background: url(sprites.png) no-repeat;
}

.Button1{
	background-position: -258px -186px ;
	width: 233px;
	height: 95px;
}
.Button1Lit{
	background-position: -11px -187px ;
	width: 233px;
	height: 92px;
}
.Button2{
	background-position: -249px -102px ;
	width: 245px;
	height: 77px;
}
.Button2Lit{
	background-position: -1px -102px ;
	width: 245px;
	height: 74px;
}
.Button3{
	background-position: -263px 0;
	width: 233px;
	height: 86px;
}
.Button3Lit{
	background-position: -15px -3px ;
	width: 233px;
	height: 85px;
}
.Button4{
	background-position: -244px -296px ;
	width: 245px;
	height: 71px;
}
.Button4Lit{
	background-position: 0 -300px ;
	width: 242px;
	height: 68px;
}

/* Lists */	
ul.square {
	margin-top:25px;
	margin-left:20px;
	font-size: 15px;
	line-height: 18px;
}
ul.square li {
	list-style: square;
	margin:1px 0 10px;
}

ul.square li span
{
    line-height:19px;
}


/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {

}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 144dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow:none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}