@charset "utf-8";
/* CSS Document */


/* Global reset */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h5, h5, h6 { font-size:100% }
q:before, q:after { content:''}


/* Global reset-RESET */
/* The below restores some sensible defaults */

strong { font-weight: bold }
em { font-style: italic }
ol, ul, li { list-style:none }
* a { position:relative } /* Gets links displaying over a PNG background */
a { outline:none } /* Gets rid of Firefox's dashed borders */
a img { border:none } /* Gets rid of IE's blue borders */
br { clear:both; height:1px; margin:-1px 0 0 0 }
h1 { font: 1.8em Helvetica, 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, sans-serif }
li { font: 1em Helvetica, 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, sans-serif; margin:0; }
a { text-decoration:none; color:#fff }

/* Default */

html,body  {font: 12px/1.4em arial, helvetica, verdana, tahoma, verdana, sans-serif; color: #999; line-height: normal; }
body {		margin: 0;	text-align: center;	background: #21241E url(../interface/Background.jpg) 0 0 repeat;	}
body#home {		margin: 0;	text-align: center;	background: #21241E url(../interface/home-background.jpg) 50% 0 repeat;	}
body#home2 {		margin: 0;	text-align: center;	background: #21241E url(../interface/home-background.jpg) 50% 0 repeat;	}


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

/* Global Layout Styles */

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

/* Hidden elements */

/* ------------------------------------ */
	.hidden, .screen_reader, hr { display: none; }

/* ------------------------------------ */
	
/* ---- Typography ---- */	

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

/* Paragraph default styling */
p { margin: 0 0 15px 0; font-size: 1.2em; line-height: 1.4em; }
.spacer { margin: 0 0 25px 0; }
.imageleft { float: left; }

/* Default link styling */
a { color: #ccc; text-decoration: none; }
a:hover { color: #ccc; text-decoration: underline; }

#leftcolumn h1 { font-size: 1.3em; color:#FFFFFF; margin-bottom: 10px;}
#leftcolumn p { font-size: .9em;}
	
/* Float element left with a margin */
.floatLeft { float: left; margin: 0 20px 20px 0; }
	
/* Float element right with a margin */
.floatRight { float: right; margin: 0 0 20px 20px; }


.clear {
	clear:both; height: 20px;
	}
	.cleartxt {
	clear:both; height: 30px; color:#C3CA98;
	}
	
/* ------------------------------------ */

/* TEMPLATE LAYOUT  */   

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

#wrapperinner { width: 970px; margin: 0 auto; /* centers content */}
#wrapperheader { width: 970px; margin: 0  ; float: left; height: 10px; position: relative; z-index: 100; 	}
* html #headerwrap { margin: 0 5px; /* width fix for IE6 */ }
	
#contentwraper { width: 970px;	float: left; position: relative; z-index: 50; text-align: left;	background: transparent; }
#contentinerback {width: 970px; float: left; background: url(../interface/background-black-glow.jpg) no-repeat top center; }
#paddingwraper {width: 970px; float: left; margin: 0; padding: 25px 0; }


#leftcolumn { float: left;	width: 49%; clear: both; padding-bottom: 10px;  margin: 0 0 0 0;  	 }
#home #leftcolumn { float: left;	width: 43%; clear: both; padding-bottom: 10px;  margin: 0 0 0 0;  	 }
#leftcolumn .gutter { margin: 10px 20px 10px 0px ;  }
	
	#home2 #leftcolumn { float: left;	width: 56%; clear: both; padding-bottom: 10px;  margin: 0 0 0 0;  	 }
		

#rightcolumn { float: right; width: 50%;	margin: 0 0 0 0; padding: 0 0 0 0; position: relative; top: 0; 	}
#home #rightcolumn { float: right; width: 56%;	margin: 0 0 0 0; padding: 0 0 0 0; position: relative; top: 0; 	}
#home2 #rightcolumn { float: right; width: 41%;	margin: 0 0 0 0; padding: 0 0 0 0; position: relative; top: 0; 	}

#button { position: absolute; top:0; left:0; height: 600px; width: 300px;}
#button span { margin-left: -2000px;}
	#footerwrap {
		 
		width: 970px;
		margin: 0 ;
		float: left;
		position: relative;
		text-align: right;
	}
	 
	#footerwrap .footercenterimg img { padding-right: 25px;}
/* ----------------------------------- */

/* TEMPLATE LAYOUT END  *?

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

/* TOP NAV AND HEADER SECTION STYLES  */

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

	#topnavbar { position: absolute; bottom: 0;	left: 0;	margin: 0;	height: 32px; width: 698px;	overflow: hidden; 	}
	#topnavbar li { float: left; height: 32px;	overflow: hidden;	}
	#topnavbar li a {	text-indent: -3000em;	font-size: .5em;	height: 32px; display: block;	}
		/* individual button link styles */
	#topnavbar li.Home { width: 78px; }
	#topnavbar li.Home a { background: url(../interface/topmenu/Home.jpg) no-repeat top left; width: 78px; }
	#topnavbar li.Home a:hover, #topnavbar li.Home a.selected { background: url(../interface/topmenu/Home_f2.jpg) no-repeat bottom left; }
	
	#topnavbar li.Photography-DVD { width: 183px; }
	#topnavbar li.Photography-DVD a { background: url(../interface/topmenu/Photography-DVD.jpg) no-repeat top left; width: 183px; }
	#topnavbar li.Photography-DVD a:hover, #topnavbar li.Photography-DVD a.selected { background: url(../interface/topmenu/Photography-DVD_f2.jpg) no-repeat bottom left; }
	
	#topnavbar li.Pro-Series-DVD { width: 142px; }
	#topnavbar li.Pro-Series-DVD a { background: url(../interface/topmenu/Pro-Series-DVD.jpg) no-repeat top left; width: 142px; }
	#topnavbar li.Pro-Series-DVD a:hover, #topnavbar li.Pro-Series-DVD a.selected { background: url(../interface/topmenu/Pro-Series-DVD_f2.jpg) no-repeat bottom left; }

	#topnavbar li.Free-Tutorials { width: 130px; }
	#topnavbar li.Free-Tutorials a { background: url(../interface/topmenu/Free-Tutorials.jpg) no-repeat top left; width: 130px; }
	#topnavbar li.Free-Tutorials a:hover, #topnavbar li.Free-Tutorials a.selected { background: url(../interface/topmenu/Free-Tutorials_f2.jpg) no-repeat bottom left; }
	
	#topnavbar li.Photography-Tips { width: 163px; }
	#topnavbar li.Photography-Tips a { background: url(../interface/topmenu/Photography-Tips.jpg) no-repeat top left; width: 163px; }
	#topnavbar li.Photography-Tips a:hover, #topnavbar li.Photography-Tips a.selected { background: url(../interface/topmenu/Photography-Tips_f2.jpg) no-repeat bottom left; }

	h1#logo {margin: 0; padding: 0;}
	#logo {	position: absolute;	top: 0;	left: 0; height: 129px;	width: 950px; 	overflow: hidden;  	}
	#logo a {	text-indent: -3000em; font-size: 1px; height: 129px; width: 950px; display: block; background: url(../interface/TopBanner.jpg) no-repeat; }
	
	
/* ------------------------------------ */

/* TOP NAV AND HEADER SECTION STYLES END  */

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

/* LEFT NAV SECTION STYLES  */

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

#sideMenuMain { 
		float: left;
		clear: both;
		margin: 0 0 0 0;
		padding: 0px 0 20px 0px;
		overflow: hidden;
		list-style: none;
		width: 290px;
		font-size: 1.1em;
		
	}
#sideMenuMain ul {
		float: left;
		margin: 0 ;
		padding: 0;
		list-style: none;
		width: 290px;
	}
#sideMenuMain li {
		float: left;
		width: 260px;
		padding: 10px 10px 10px 12px;
		margin: 0 10px 0 0;
		overflow: hidden;
		border-top: 1px solid #363636;
		border-bottom: 1px solid #121212;
		background: ;
	}
#sideMenuMain li a {
		float: left;
		color: #999;
	}
#sideMenuMain li a:hover {
		color: #AD8B50;
	}



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

/* LEFT NAV SECTION STYLES END  */

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

/* CONTENT SECTION STYLES */

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

h1#intro { background: url(../interface/Main-Intro-text.gif) 0 0 no-repeat; height: 253px; margin-bottom: 10px; }
h1#introhome { background: url(../interface/Chris-Green-web4-august09-home-right.gif) 0 0 no-repeat; height: 597px; margin-bottom: 30px; }
h1#intro span { display: none;}
h1#introhome span { display: none;}

#flashmain { background:url(../interface/flash-promo-large-box-background.png) right bottom no-repeat; margin-right: -10px; padding-right: 10px; padding-bottom: 10px;}


	.thirdwidthboxwrap {
		float: left;
		margin: 0 -20px 0 0;
		padding: 0 0 20px 0;
		overflow: hidden;
		list-style: none;
		width: 945px;
	}
	.thirdwidthboxwrap li {
		float: left;
		width: 295px;
		padding: 0;
		height: 185px;
		margin: 0 20px 0 0;
		overflow: hidden;
	}
	.thirdwidthboxwrap li img {
		float: left;
	}
	
/***********************/	
/* Quarter width boxes */

	.quarterwidthboxwrap {
		float: left;	margin: 0 0px 0 0;	padding: 0 0 0  0;	overflow: hidden;	list-style: none;	width: 750px; font-size: .9em;
	}
	#boxes .quarterwidthboxwrap { width: 400px; }
	.quarterwidthboxwrap li { float: left;	width: 168px;	padding: 0;	height: 145px;	margin: 0 19px 0 0;	overflow: hidden;
	}
	.quarterwidthboxwrap li img { float: left; margin-bottom: 0; }
	
	.quarterwidthboxwrap li a {
		float: left;
		width: 148px;
		height: 140px;
		display: block;
		padding: 0px;
		color: #C3CA98;
	
		
		 
	}
	.quarterwidthboxwrap li a strong { float: left; color:#FFFFFF; font-size: 1em; line-height: .5em; font-weight: normal; width: 168px; }
	.quarterwidthboxwrap li a em { float: left; color: #607B78; font-style:normal; background: url(../interface/small-arrow.gif) 100%  100% no-repeat; padding-right: 20px;}
	.quarterwidthboxwrap li a:hover { text-decoration: none ; color: #C3CA98;  	}
	
.quarterwidthboxwrap li a:hover em { text-decoration: underline ; color: #fff; 	}
.quarterwidthboxwrap li span { display: none;  }

#info {color: #607B78; display: none;}
#copyArea { width: 720px;
	 
	font-size: 1em;
	color: #FFF;
	padding: 0px 0 0px 0px;
}

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

/* CONTENT SECTION STYLES END */

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



#outerwrap {}
#innerwrap {}
#headerwrap {}
#headerlinks {}


/* GALLERY STYLE */
#logowrap { position:absolute; top: 685px; right: 20px;}