@charset "UTF-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
}
body	{
	margin: 0;
	padding: 0;
	background:url(assets/signature-bkgrdGrad.jpg); 
	background-repeat:repeat-x;
	}

/* Header section */	
.signatureLogoLeft {
	position:relative;
	left:0;
	top:0;
}
.contactInfoRight  {
	position:relative;
	right:-250px;
	top:0;
}
#header {
	width:auto;
	margin-bottom:5px;
	}	
	
/* Nav Section */
/* #nav hieght is 46 and with a padding on top of 1 for the affect that the nav a hover affect isn't all the way to the top edge. the #nav a,  
   height of 45 is part of this effect, so it is not exact aligned with top or bottom of the black bar.*/
#nav {
	background-color: #000000;
	height: 46px;
	width: auto;
	margin: 0px auto;
	padding: 1px 20px 0px 20px;
	border-radius: 6px 6px 6px 6px;
	} 
#nav ul {
	margin: 0;
	padding: 0px 0px 0px 0px;
	list-style: none;
	line-height: normal;
	}
#nav li {
	float: left;
	}
#nav a {
	display: block;
	float: left;
	height: 45px;
	margin: 0px 2px;
	padding: 0px 29px 0px 29px;
	line-height: 45px; /* aligns the text vertically, must be same as height to be in the exact middle */
	letter-spacing: 1px;
	text-decoration: none;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 20px;
	font-weight: normal;
	color: #FFF;
	border: none;
   }
#nav a:hover {
	text-decoration: none;
	color: #000;
	background:#666;
	}

/* Content Main Page */
.carImageRight {
	float:right;
	margin:10px 20px 10px 30px;
	
}
#mainTextBox {
	width: 800px;
	height: 300px;
	margin: 15px auto;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:18px;
	text-align:justify;
	padding-bottom:10px;
	text-indent:-10px;	
}

/* content on photos page */
.photoBox {
	width:900px;
	height:auto; 
	margin:10px auto 5px auto;
	padding-bottom:5px;
}
.photos {
	float:left;
	width:410px;
	height:275px;
	padding: 5px 0 10px 0;
}
.description {
	float:right;
	width:450px;
	height:275px;
	padding: 10px 15px 5px 15px;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:16px;
	text-align:justify;
}	
.description h3 {
	margin-top: 0px;
	margin-bottom:8px;
}
.thumbnails {
	padding:5px 3px;
	vertical-align:middle;
}
hr {
	margin:0;
}

/* footer section */
#footer {
	text-align:center;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:11px;
	margin-top:10px;
}
#footer a {
	color:#000000;
}
#footer a:hover {
	text-decoration:none;
}

/* id container and content for all pages */
#content {
	width:auto;
	height:475px;
	background:#FFFFFF;
	margin-top:5px;
	border-radius: 5px 5px 5px 5px;
	padding: 20px 10px 20px 10px;
	overflow:auto;
	}
#container	{
	position:relative;
	width:960px;
	margin: 20px auto;
	}