/*******************************************************
TITLE: Logic Pretzel CSS
DATE: February 2010
AUTHOR: Five Whys - http://www.whywhywhywhywhy.com
BASED ON: The CSS Tinderbox - http://www.csstinderbox.com
*******************************************************/

/* Eric Meyer's Reset Reloaded *//* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */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,b, u, i, center,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-size: 100%;vertical-align: baseline;background: transparent;}body { line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}/* remember to define focus styles! */:focus {outline: 0;}/* remember to highlight inserts somehow! */ins {text-decoration: none;}del {text-decoration: line-through;}/* tables still need 'cellspacing="0"' in the markup */table {border-collapse: collapse;border-spacing: 0;}


/* IE6 PNG Fix */
img { behavior: url("http://www.logicpretzel.com/iepngfix.htc") }

body {
	margin:0;
	padding:0;
	font-family: Helvetica, Arial, sans-serif;
	background-color: #191919;
	background: #191919 url(images/bg.jpg) repeat-x top;
	color: #7c7c7c;
	text-decoration: none;
}

body.checkmates {
	margin:0;
	padding:0;
	font-family: Helvetica, Arial, sans-serif;
	background: #242322 url(images/checkmates-bg4.jpg) repeat-x top;
	color: #ffffff;
	text-decoration: none;
}

#pagewrap {
	position: relative;
	width: 850px;
	margin-right: auto;
	margin-left: auto;
}

h1
{
	margin-bottom: 10px;
	margin-top: 0px;
	font-style: italic;
	line-height: 20px;
	text-align: left;
	color: #b2b1b0;
	text-decoration: none;
	font: normal 20px Helvetica, Arial, sans-serif;
	text-shadow: 2px 2px 3px #333333;
}

h2
{
	margin-bottom: 10px;
	margin-top: 0px;
	font-style: italic;
	line-height: 20px;
	text-align: left;
	color: #b2b1b0;
	text-decoration: none;
	font: normal 20px Helvetica, Arial, sans-serif;
	text-shadow: 2px 2px 3px #333333;
}

h3
{
	margin-bottom: 12px;
	margin-top: 0px;
	font-weight: bolder;
	text-transform: none;
	font-style: normal;
	line-height: 20px;
	text-align: left;
	text-decoration: none;
	font: normal 20px/25px Helvetica, Arial, sans-serif;
	color: #ffffff;
	text-shadow: 2px 2px 3px #333333;
}

h4
{
	margin-bottom: 8px;
	margin-top: 20px;
	font-weight: normal;
	text-transform: none;
	font-style: normal;
	line-height: 20px;
	text-align: center;
	color: black;
	text-decoration: none;
	font: normal 18px Helvetica, Arial, sans-serif;
}

h5
{
	margin-bottom: 8px;
	margin-top: 20px;
	font-weight: normal;
	text-transform: none;
	font-style: normal;
	line-height: 20px;
	text-align: center;
	color: #505050;
	text-decoration: none;
	font: normal 15px Helvetica, Arial, sans-serif;
}

p {
	margin-bottom: 1em;
}

.p {
	margin-bottom: 1em;
	margin-top: 0px;
}

.checkmates-logo {
	margin-bottom: 1em;
	margin-top: 20px;
}

.nav {
	right: 0px;
	top: 10px;
	position: absolute;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	padding-bottom: 0px;
	color: #888888;
	text-shadow: 2px 2px 3px #333333;
}

.nav a {
	font-style: normal;
	font-weight: normal;
	color: #b9b9b9;
	text-decoration: none;
	font-family: Helvetica, Arial, sans-serif;
	margin: 5px;
}

.nav-div {
	height: 80px;
	float: left;
	display: inline;
	padding: 10px;
	text-align: center;
}

.nav-div a {
	padding: 5px 8px;
}

.nav-div a:hover {
	background-color: #222222 !important;
}

.nav-div-b {
	height: 80px;
	width: 70px;
	float: left;
	display: inline;
	padding: 14px 0px 10px 0px;
	text-align: center !important;
}

.nav-div-b a img {
	 -moz-opacity:.50;
	 filter:alpha(opacity=50);
	 opacity:.50;
	  -webkit-transition: opacity 1s;
	background: none;
	text-align: center;
	display: block
	margin-left: auto;
	margin-right: auto;
	padding: 0 0 5px 0;
}

.nav-div-b img {
		display: block
	margin-left: auto;
	margin-right: auto;
}

.nav-div-b a:hover img {
	-moz-opacity:1;
	 filter:alpha(opacity=100);
	 opacity:1;
	 -webkit-transition: opacity 0.2s;
	background: none;
}

.nav-div-b a:hover, .nav-div-b img a:hover {
	background: none !important;
}

span.div-nava {
	margin: 0px;
	padding: 0px;
	text-align: center;
}

h1 a {
	color: white;
	text-decoration: none;
}

object {
	padding-bottom: 10px;
}

.videonav {
	border-style: none;
	padding: 5px;
	top: -150px;
	position: relative;
}

.footer ul {
	list-style: none;
	display: inline;
}

.footer li {
	word-wrap: break-word;
	padding: 0px;
	margin: 0px;
	list-style: none;
	display: inline;
}

.navitem ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	display: inline;
	vertical-align: top;
}

.navitem li {
	position: relative;
	display: inline;
	margin: 0px;
	padding-bottom: 0px;
	list-style: none;
	vertical-align: top;
}

.navitem img {
	padding: 0px;
	margin: 0px;
}

hr {
	margin-bottom: 10px;
	margin-top: 15px;
	padding-top: 0px;
	width: 100%;
	background-color: #575757;
	height: 1px;
	color: #575757;
	border: none;
}

.footer {
	float: left;
	width: 850px;
	text-align: right;
	padding: 30px 0 30px 0;
	text-shadow: 3px 3px 3px #111111;
	}

.footer a {
	line-height: 20px;
	margin-bottom: 5px;
	margin-top: 5px;
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
	color: #666666;
	-webkit-transition: color 1s;
}

.footer a:hover {
	color: #ffffff;
	-webkit-transition: color, background 0.5s;
}

.footer p {
	margin-top: 15px;
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
	color: #4a4a4a;
}

.nav a:hover {
	background-color: #444444;
	color: #ffffff;
	-webkit-transition: color, background 0.5s;
	text-shadow: 2px 2px 3px #000000;
}

.logo h1 img a:hover {
	background-color: #272727;
}

.nav a {
	margin-left: 0px;
	margin-bottom: 5px;
	margin-right: 0px;
	margin-top: 5px;
	line-height: 20px;
	bottom: 0px;
	-webkit-transition: color 1s;
	text-align: center;
}

.nav img {
	left: 0px;
	bottom: 0px;
			display: block
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
}

.footer a:hover {
	background-color: #171717;
}

.footer a {
	padding: 5px;
}

#content {
	padding: 0 40px 0 40px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	width: 800px;
	float: left;
}

#content.checkmates {
	padding: 0 0 0 0;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	width: 960px;
	float: left;
}

#content.checkmates strong {
	color: #dddddd !important;
}

#content p {
	margin-right: 25px;
	margin-left: 0px;
	color: #cccccc;
	text-align: left;
	line-height: 20px;
	font-size: 14px;
	font-family: Helvetica, Arial, sans-serif;
	text-shadow: 3px 3px 3px #222222;
	font-weight: lighter;
}

#content.checkmates p {
	margin-right: 25px;
	margin-left: 0px;
	color: #dddddd;
	text-align: left;
	line-height: 20px;
	font-size: 14px;
	font-family: Helvetica, Arial, sans-serif;
	text-shadow: 3px 3px 3px #222222;
	font-weight: normal;
}

#content.checkmates .floatright-checkmates p strong {
	color: #dddddd !important;
}

#content a {
	text-decoration: none;
	color: #ffffff;
		-webkit-transition: color, background 0.5s;
	
}

#content a:hover {
	text-decoration: none;
	color: #96c1e8;
		-webkit-transition: color, background 1s;
}

.right {
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 20px;
	float: right;
}

.left {
	margin-bottom: 10px;
	margin-top: 10px;
	margin-left: 0px;
	margin-right: 20px;
	float: left;
}

#content hr {
	height: 1px;
	background-color: #b9b9b9;
	color: #b9b9b9;
	border-width: 0px;
}

img {
	border-width: 0px;
}

img.ipad {
	padding-top: 20px;
}

.clear {
	clear: both;
}

#content ol {
	font-style: normal;
	font-weight: normal;
	line-height: 23px;
	font-size: 16px;
	margin-bottom: 25px;
	margin-left: 50px;
	list-style-type: decimal;
}

#content ul {
	font-style: normal;
	font-weight: normal;
	line-height: 23px;
	font-size: 14px;
	margin-bottom: 25px;
	color: #dddddd;
	text-align: left;
	line-height: 20px;
	font-size: 14px;
	font-family: Helvetica, Arial, sans-serif;
	text-shadow: 3px 3px 3px #222222;
	font-weight: normal;
}

#content ul li {
	margin: 10px 0 10px 20px;
	text-align: left;
	list-style: url(images/checkmates-bullet.png);
	list-style-position: inside;
	
}

.previous {
	margin-left: 50px;
	float: left;
}

.next {
	margin-right: 50px;
	float: right;
}

.logo2 {
	visibility: hidden;
}

#mp3link a {
	line-height: 10px;
	padding-left: 3px;
	padding-bottom: 1px;
	padding-right: 3px;
	padding-top: 2px;
	font-size: 10px;
	margin: 0px;
	background-color: #a3a4bd;
	color: white;
}

#mp3link a:hover {
	background-color: #444884;
	color: white;
}

.fade {
  text-align: center;
  left: 45px;
  padding: 0px;
  margin-top: 0px;
  height: 113px;
  width: 249px;
  position: absolute;
}

.fade div {
  height: 41px;
  width: 106px;
  padding: 0px;
  margin: 0px;
  position: absolute;
  top: 0;
  left: 0px;
  display: none;
}

.fade2 {
	margin: 0px;
	padding: 0px;
	width: 198px;
	height: 125px;
	line-height: 0;
	vertical-align: top;
	position: relative;
	background: none;
	background-color: none !important;
}

.fade2 div {
  	top: 0px;
  	height: 198px;
  	width: 125px;
  	margin: 0px;
  	position: absolute;
  	left: 0px;
	padding: 0px;
	line-height: 0;
	display: none;
	background-color: none !important;
}

.fade2 a:hover, .fade2 a {
	background: none;
	background-color: none !important;
}

.header {
	width: 850px;
	float: left;
	height: 122px;
}

.floatleft {
	float: left;
	width: 270px;
}

.floatleft-checkmates {
	float: left;
	width: 500px;
}

.floatleft-checkmates2 {
	float: left;
	width: 460px;
}

.floatright {
	float: right;
	width: 500px;
}

.floatright-checkmates {
	float: right;
	width: 460px;
}

.floatright-checkmates2 {
	float: right;
	width: 420px;
	background: #191919 url(images/bg-checkmates-2.jpg) repeat-y top;
	padding: 20px;
	margin: 25px 0 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #ffffff;
	box-shadow: 2px 2px 2px #000000;
}

#content .floatright-checkmates2 p {
      	font-family: Georgia;
      	font-size: 15px;
      	line-height: 19px;
      	color: #555555;
      	margin: 0 0 19px 0;
      	text-align: left;
      	padding: 0 20px;
      	text-shadow: 1px 1px 1px #ffffff;
}

#content .floatright-checkmates2 a {
      	color: #67401b;
}

.right {
	float: right;
}

.rightcol {
	width: 380px;
	float: right;
	padding-top: 35px;
}

.leftcol {
	width: 380px;
	float: left;
	padding-top: 35px;
}


.center {
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;

}

.ipad {
	width: 337px;
	height: 452px;
	padding: 50px 78px 55px 80px;
	margin: 20px 0 0 0;
	background: url(images/ipad.png) no-repeat !important;
}

.ipad img {
	margin: 50px 78px 55px 80px;
}

.ipad-container {
	position: fixed;
}

.hi-res-shots {
	font-size: 12px;
	line-height: 18px;
	color: #555555;
	padding: 20px 0 0 0;
}

.hi-res-shots a {
	color: #777777 !important;
}

.hi-res-shots a:hover {
	color: #ffffff !important;
}

.more {
	font-size: 18px;
	font-weight: bolder;
}

.mailing-list {
	padding: 20px 0 0 0;
	color: #999999;
	font-size: 12px;
}

.mailing-list span {
	position: relative;
	top: -6px;
}

#uhfkh-uhfkh {
	background: #bbbbbb;
	color: #000000;
	border: none;
}

.title2 {
	margin: 0 0 5px 0;
}