* { margin: 0; padding: 0 }

html,body{
	height:100%;
	margin:0;
	padding:0;
}

body{
	background:#000;
	text-align:center;
	font-family: Helvetica, Verdana, Arial;
	min-width:900px;
	min-height:500px;
}

#vertical{
	float:left;
	height:50%;
	margin-top:-360px;/* half vertical height*/
	width:100%;
}

#hoz {
	width:1005px;
	margin-left:auto;
	margin-right:auto;
	height:720px;
	border:1px solid #333;
	background:#000;
	overflow:hidden;/* allow content to scroll inside element */
	text-align:left;
	clear:both;
}

#container {
	color: #333;
	width: 1005px;
	height: 700px;
	display:table-cell;
	position: relative;
/*	text-align: center;*/
	vertical-align: top;
}
		
p { text-align: left; margin: 15px 0px }
		
p, ul { font-size: 13px; line-height: 1.4em } 
		
p a, li a { color: #a40000; text-decoration: none }
		
p.intro { border-bottom: 1px solid #333; margin-bottom: 20px; padding: 10px 0 30px 0; text-align: center; width: 100% }
		
p#cross-links {
	padding: 0;
	margin-top: 0;
	text-align: center;
}
		
a.cross-link { 
color: #666;
padding: 0;
}

a.cross-link:hover { 
color: #999;
}

p#copy { 
text-align: center;
padding: 0;
margin: 0;
font-size: 10px;	
color: #999;
text-decoration: none;
}

a.copy { 
text-align: center;
padding: 0;
margin: 0;
font-size: 10px;	
color: #999;
text-decoration: none;
}

a.copy:hover { 
text-align: center;
padding: 0;
margin: 0;
font-size: 10px;	
color: #ccc;
text-decoration: none;
}
		
noscript p, noscript ol { color: #a00; font-size: 13px; line-height: 1.4em; text-align: left }
noscript a { color: #a00; text-decoration: underline }
noscript ol { margin-left: 25px; }
		
a:focus { outline:none }
		
img { border: 0 }
		
#redsquare { 
padding: 0;
margin: 20px;
margin-top: 0;
margin-bottom: 0;
float: left;
}

h1 { 
	position: relative; 
	top: 200px; 
	float: right;
	margin-right: 10px;
	font-family: Helvetica, Verdana, Arial;
	font-size: 6em;
	color: #555;
	opacity: .75;
	text-decoration: none;
}	
		
h2 { 
	text-align: right;
	top: 400px; 
	margin-right: 10px;
	font-family: Helvetica, Verdana, Arial;
	font-size: 3em;
	color: #555;
}	
		
h3 { 
	font-family: 'Muli', sans-serif;
	color: #777;		
	margin-bottom: 5px; 
	padding-bottom: 3px; 
	text-align: left
}
		

.stripViewer .panelContainer .panel ul {
	text-align: left;
	margin: 0 10px 0 20px;
}
		
.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
	margin: 10px 0;
	padding-top: 5px; 
	position: relative;
	width: 100%;
}

/* These 2 lines specify style applied while slider is loading */
	.csw {width: 100%; height: 600px; background: #fff; overflow: hidden}
	.csw .loading {margin: 250px 0 300px 0; text-align: center}
	.stripViewer { /* This is the viewing window */
	position: relative;
	overflow: hidden; 
	border: 5px solid #333; /* this is the border. should have the same value for the links */
	margin: auto;
	width: 900px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	height: 580px;
	clear: both;
	background: url("../images/cube.jpg") no-repeat center;
}

.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position: relative;
	left: 0; top: 0;
	width: 100%;
	list-style-type: none;
	/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}
		
.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
	float:left;
	height: 100%;
	position: relative;
	width: 900px; /* Also specified in  .stripViewer  above */
}
		
.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
	padding: 10px;
}
		
.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
	margin-left: 570px;
	margin-top: 15px;
	}
		
.stripNav ul { /* The auto-generated set of links */
	list-style: none;
}
		
.stripNav ul li {
	float: left;
	margin-right: 0px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
}
		
.stripNav a { /* The nav links */
	font-family: 'Muli', sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	line-height: 32px;
	background: #000;
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 0 15px;	
}
		
.stripNav li.tab1 a { background: #000 }
.stripNav li.tab2 a { background: #000 }
.stripNav li.tab3 a { background: #000 }
.stripNav li.tab4 a { background: #000 }
.stripNav li.tab5 a { background: #000 }
		
.stripNav li a:hover {
	background: #333;
}
		
.stripNav li a.current {
	background: #333;
	color: #fff;
}
		
.stripNavL, .stripNavR { /* The left and right arrows */
	position: absolute;
	top: 300px;
	text-indent: -9000em;
}
		
.stripNavL a, .stripNavR a {
	display: block;
	height: 40px;
	width: 40px;
}
		
.stripNavL {
	left: 0;
}
		
.stripNavR {
	right: 0;
}
		
.stripNavL {
	background: url("../images/arrow-left.png") no-repeat center;
}
		
.stripNavR {
	background: url("../images/arrow-right.png") no-repeat center;
}

#logo {
	padding-left: 50px;
	margin-top: 10px;
	position: absolute;
}	

#logotype {
	padding-left: 85px;
	margin-top: 10px;
	position: absolute;
}
	
#checkers {
	position: absolute;
	margin-top: 350px;
	vertical-align: bottom;
	width: 880px;
}	

#intro {
	clear: both;
	text-align: left;
	font-size: 14px;
	color: #555;
}

#thumbs {
	text-align: center;
	width: 900px;
	margin-left: 10px;
}

.thumb {
	color: #797979;
	font-size: 10px;
	font-variant: small-caps;
	max-width: 501px;
	display: block;
	min-height: 90px;
	vertical-align: bottom;
	overflow: hidden;
	bottom: 0;
}

div.float {
  float: left;
  padding: 10px;
  padding-bottom: 5px;
  margin-top: 10 px;
  border: 0px solid yellow;
  background: none;
  }
  
 div.float2 {
  display: none;
  float: left;
  padding: 10px;
  padding-bottom: 20px;
  margin-top: 10 px;
  border: 0px solid yellow;
  background: none;
  }

div.float p {
   text-align: center;
}

p.caption {
	font-family: Helvetica, Arial, sans-serif;
	text-decoration: none;
	font-size: 13px;
	color: #555;
}

p.bold {
	font-family: Helvetica, Arial, sans-serif;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	color: #555;
}
#contact-area {
	width: 600px;
	margin-top: 25px;
	margin-left: 40px;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 450px;
	font-family: Helvetica, sans-serif;
	font-size: 14px;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #999;
}

#contact-area input.submit-button {
	width: 75px;
	height: 28px;
	float: right;
	vertical-align: middle;
	font-size: 14px;
}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	font-size: 1.2em;
	font-family: Helvetica, sans-serif;
	font-size:14;
	color: #333;
}

li.q {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #696969;
	font-weight: bold;
	font-style:italic;
	line-height: 30px;
	list-style-type: none;
	margin-top: 15px;
}

li.a {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #000;
	font-weight: bold;
	list-style-type: none;
}

/*

4 / Instagram

----------------------------------------------- */
.instagram { overflow:hidden; margin-bottom:7px;  }
.instagram-placeholder { float:left; margin-right:20px; margin-bottom:20px; }
.last { margin-right:0; }
.instagram-placeholder a img { height:160px; width:160px; }

6 / Slimbox

----------------------------------------------- */

#lbOverlay { position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; cursor: pointer; }
#lbCenter, #lbBottomContainer { position: absolute; z-index: 9999; overflow: hidden; background-color: #fff; }
.lbLoading { background: #fff url(loading.gif) no-repeat center; }
#lbImage { position: absolute; left: 0; top: 0; border: 10px solid #fff; background-repeat: no-repeat; }
#lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%; outline: none; }
#lbPrevLink { left: 0; }
#lbPrevLink:hover { background: transparent url(prevlabel.gif) no-repeat 0 15%; }
#lbNextLink { right: 0; }
#lbNextLink:hover { background: transparent url(nextlabel.gif) no-repeat 100% 15%; }
#lbBottom { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#404040; line-height: 1.4em; text-align: left; border: 10px solid #fff; border-top-style: none; }
#lbCloseLink { display: block; float: right; width: 66px; height: 22px; background: transparent url(closelabel.gif) no-repeat center; margin: 5px 0; outline: none; }
#lbCaption, #lbNumber { margin-right: 71px; }
#lbCaption { font-weight: bold; }