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

body {
	margin:0;
	padding:0;
	background-color: #d2b382;	
	background-attachment: fixed;
	background-image: url(photoshopTutorials/BodyBg.jpg);
	background-repeat: repeat-x;
	font: 62.5% Arial, Helvetica, sans-serif;
	color:#34281d;}
	
#wrapper{
	width: 900px;
	margin:0 auto;
	padding: 20px 60px;
	background-color:#fff;}
	
h1 {
	font: 7em Verdana, Geneva, sans-serif;
	color:#fff;
	margin:0 auto;
	text-align:center;
	padding:30px 0 10px 0;
	letter-spacing: -.05em;
	text-shadow: 1px 1px 2px #ccc;}
	
h2 {
	margin:0 auto;
	padding: 30px 0 10px 13px;
	font-variant: small-caps;
	text-align:center;
	font: 3em Georgia, "Times New Roman", Times, serif;
	color:#34281d;}
	
h3 {
	margin:0;
	padding: 10px 0 0 0;
	font: 1.6em Georgia, "Times New Roman", Times, serif;
	font-variant: small-caps;
	color:#34281d;}
	
#header {
	width:900px;
	margin:0 auto;
	padding:0;}

	
td.box  h3{
	margin:0;
	padding: 0 0 0 0;
	font: 2.0em Georgia, "Times New Roman", Times, serif;
	font-variant: small-caps;
	color:#34281d;}
	
td.box {
	-webkit-box-shadow: #666 0px 2px 3px;
	-moz-box-shadow: #666 0px 2px 3px;
	box-shadow: #666 0px 2px 3px;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#ececec));
	background: -moz-linear-gradient(#fff, #ececec);
	background: linear-gradient(#fff, #ececec);
	-pie-background: linear-gradient(#fff, #ececec);
	behavior: url(PIE.htc);
	padding:10px;}

.Clear {clear:both;}

.paddingTop {
	padding:14px 0 0 0;
	margin:0;}
	
.floatLeft {
	float:left;
	border:none;
	margin: 20px 10px 20px 0;}

p {
	margin:0;
	padding: 0px 50px 10px 70px;
	font: 1.2em Verdana, Arial, Helvetica, sans-serif;}
	
	
#Navigation {
	width:900px;
	margin:0 auto;
	padding:0;
	font: 1em Verdana, Geneva, sans-serif;
	text-align:center;
	color:#34281d;}
	
#Navigation ul {
	margin:10px 0 0 0;
	padding:0 0 0 0;}
	
#Navigation li {
	display:inline;
	margin:0;
	padding:0;}
	
#Navigation li.first {
	margin:0;
	padding:0 0 0 16px;}
	
#Navigation li.last a {
	border:none;}
	
#Navigation li a{
	margin:0;
	padding:0 8px 0 2px ;
	border-right:1px solid #000;
	line-height:28px;
	color:black;
	text-decoration:none;}
	
#Navigation ul a:hover{
	color:#8E7463;}
	

	
#Intro {
	width:900px;
	margin:0 auto;
	padding: 0 0 10px 0;}

#Intro a{
	color:#555354;
	margin:0;
	padding:0;}

#Intro a:hover{
	color:red;}
	
#Intro p {
	margin: 0;
	padding: 0 0 .8em 28px;}
	
#menu {
	width:900px;
	margin:0 auto;
	padding:0;}
	
#menu h3 a{
	margin:0;
	padding: 0 0 0 0;
	font: 1.2em Georgia, "Times New Roman", Times, serif;
	font-variant: small-caps;
	color:#34281d;
	text-decoration:none;}
	
	
caption {
	margin:0;
	padding: 10px 0 15px 0;
	font: 2.4em Georgia, "Times New Roman", Times, serif;
	font-variant: small-caps;
	color:#34281d;
	text-decoration:underline;}
	
	
td img {
	margin: 0 0 0 0;
	border:none;}
	
td p{
	padding: 0 0 8px 0;}
	
#mainContent {
	width:900px;
	margin:0;
	padding:0;}
	
#SearchLights h3 {
	margin:0;
	padding: 10px 0 0 70px;
	font: 1.8em Georgia, "Times New Roman", Times, serif;
	font-variant: small-caps;
	color:#34281d;
	text-decoration:underline;}

	
a {
	color:#555354;}
			 

 ul li{
	margin:0;
	padding: 0 50px 10px 30px;
	font: 1.2em Verdana, Arial, Helvetica, sans-serif;
	list-style:none;}

			 
img {
	padding:5px;
	margin: 20px auto;
	border: 2px solid #000;
	display:block;}
	
.noBorder {
	border:none;}
	
#Younger .floatImageLeft{
	float:left;
	border: 2px solid #000;
	margin: 20px 0 20px 45px;
	padding:5px;}
	
#PhotoFrame .floatImageRight{
	float:right;
	border: 2px solid #000;
	margin: 20px 45px 20px 0;
	padding:0;}
	
#PhotoFrame .floatImageLeft{
	float:left;
	border: 2px solid #000;
	margin: 50px 0 20px 70px;
	padding:0;}
	
#Younger .floatImageRight{
	float:right;
	border: 2px solid #000;
	margin: 20px 45px 20px 0;
	padding:5px;}
	
	
#CustomShapes {
	width:780px;}
	
#CustomShapes .floatRight{
	float:right;
	border:none;
	margin: 0 40px 0 0;}
	
#CustomShapes .floatLeft{
	float:left;
	border: 2px solid #000;
	margin: 0 0 0 70px;}
	
#CustomShapes .floatLeftTopPadding{
	float:left;
	border: 2px solid #000;
	margin: 20px 0 0 30px;}
	
#CustomShapes .floatImageLeft{
	float:left;
	border: 2px solid #000;
	margin: 20px 0 20px 10px;}
	
#CustomShapes .floatImageRight{
	float:right;
	border: 2px solid #000;
	margin: 20px 50px 20px 0 ;}
	
	
#CustomShapes h1 {
	background:url(photoshopTutorials/Titles/CustomShapes.jpg) no-repeat;
	text-indent:-1000em;
	height:1.88em;
	margin:3em 0 0 0;}
	
#CustomShapes ul li {
	padding:0 20px 0 34px;
	margin: 0;
	list-style-type: none;
	margin:0;}
	
#CustomShapes ul li img {
	border: 2px solid #000;
	margin:0;
	padding:0;
	display:inline;}
	
#CustomShapes li.paddingLeft{
	margin:0;
	list-style-type: none;
	padding:0 20px 0 0;
	margin: 0 40px 0 33px;}
							

#copyright p{
	text-align: center;
	margin: 0px;
	padding: 20px 0 0 0;
	clear:both;
	font: 14px  Arial, Helvetica, sans-serif;
	color: #000;}
	
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;}