/* 
Jas Lehal Photography CSS
Author: Alastair Mucklow
Author URL: http://www.strangerpixel.com
Last modified: 9/4/2009
*/


/* import CSS for compliant browsers */
/* ------------------------------------------------------- */
@import url(reset.css);
@import url(typography.css);


body {
	background-color: #FFF;
}

body.video {
	background-color: #000;
}

#container {
	text-align: left;
	width: 940px;
	margin: 0 auto;
	padding: 0 0 30px 0;
}

#main {	
  width: 900px;
	height: 520px;
	padding: 60px 20px 20px;
  margin: 10px auto;
	float: left;
}

#nav-panel, #cycle { display:none; }

#nav-panel {
	position: absolute;
	text-align: center;
	width: 900px;
	top: 255px;
	height: 85px;
	padding: 15px 0 10px;
	z-index: 1;
	background: url(../images/white40.png) top left repeat;
}

#navigation {
	padding: 16px 0 0;
	text-transform: uppercase;
}

#navigation ul li {
	display: inline;
	padding: 0 4px;
}

#navigation ul li a {
	padding-right: 12px;
	color: #000;
}

#navigation ul li a:hover {
	background: url(../images/bullet.png) no-repeat right 3px;
}

#cycle {
	z-index: 0;
}

#cycle img {
	_margin-top: 20px;
}

/* Video home page */
.video #nav-panel {
	position: relative;
	top: 0;
	padding: 40px 0 0;
}

.video #main {
	padding: 0;
	margin-top: 0;
	text-align: center;
}










/* Use this to create a horizontal ruler across a column. */
hr {
  background: #ddd; 
  color: #ddd;
  clear: both; 
  float: none; 
  width: 100%; 
  height: .1em;
  margin: 0 0 1.4em;
  border: none; 
}
hr.space {
  background: #fff;
  color: #fff;
}

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clear { display: inline-block; }   
.clear:after, .container:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
* html .clear { height: 1%; }
.clear { display: block; }