/* ***Knightsby Interior Design - Default Style Sheet*** */


body  {
	color: #420;
	background: #e3c298;
	margin: 2px auto;
	padding: 0;
	width: 650px;
	}


.hide  {
	display: none;
	}


a:link  {
	color: #a10800;
	font-weight: bold;
	text-decoration: none;
	background: transparent;
	}


a:visited  {
	color: #a10800;
	font-weight: bold;
	text-decoration: none;
	background: transparent;
	}


a:hover  {
	color: #a10800;
	font-weight: bold;
	text-decoration: underline;
	background: transparent;
	}


a:active  {
	color: #a10800;
	font-weight: bold;
	text-decoration: none;
	background: transparent;
	}


h1, h2, h3, h4, h5, h6, ul  {
	font-family: Bellevue, Georgia, "Century Schoolbook", Times, serif;
	font-style: italic;
	}


p, td, li, ul, ol  {
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	}


h1  {
	margin-top: 0;
	margin-bottom: 1em;
	text-align: center;
	font-size: 1.25em;
	font-weight: bold;
	}


h2  {
	margin: 0;
	font-size: 1.25em;
	font-weight: bold;
	display: inline;
	}


h3  {
	margin-top: 0;
	margin-bottom: 0.5em;
	text-align: left;
	font-size: 1.1em;
	font-weight: normal;
	}



h4  {
	color: #b53;
	display: inline;
	font-weight: normal;
	font-size: 0.95em;
	font-style:  italic;
	line-height: 1.6em;
	}


p	{
	margin-top: 0;
	margin-bottom: 1.2em;
	text-align: left;
	font-size: 0.90em;
	line-height: 1.5;
	}

ul  {
	font-size: 1em;
	margin: 1em 0;
	list-style: none outside;
	}


ul li  {
	padding-left: 0;
	margin-top: 2.5em;
	border: 0;
	}


li img  {
	vertical-align: text-top;
	}


#header img  {
	display: block;
	}


.il  {
	display: inline;
	float: right;
	border: 0;
	margin: 10px 0px 5px 30px;
	}

.il td {
	text-align: left;
	}


table.inline  {
	width: 360px;
	float: right;
	border: 0;
	margin: 3px 0 5px 25px;
	}


table.inline td {
	padding: 2px 5px 0px 5px;
	margin-left: 8px;
	border: 0;
	vertical-align: top;
	}

/*image for inline table NON-GALLERY*/
img.it {  
	margin-top: 8px;
	margin-left: 8px;
	}
	

p.caption  {
	font-size: 0.75em;
	}


p.gal  {
	font-size: 1em;
	line-height: 1.75;
	padding-top: 3px;
	}


td.slides  {
	height: 3.1em;
	font-weight: bold;
	}


.just  {
	text-align: justify;
	}


#footer p  {
	font-size: x-small;
	margin-top: 8px;
	margin-bottom: 10px;
	text-align: center;
	}


#footer p.bg  {
	background-color: #dba35a;
	padding-bottom: 3px;
	font-size: 0.70em;
	}


#footer a  {
	color: #420;
	}


/* ***page divisions*** */


#splash  {
	margin: 15% auto;
	background: #fbbc89;
	text-align: center;
	}


#splash img  {
	border: 0;
	}


#splash p  {
	text-align: center;
	margin-left: 20px;
	}


#header  {
	background: transparent;
	height: 168px;
	margin: 5px auto 0px auto;
	padding: 0;
	border: 0;
	}


#nav  {
	height: 30px;
	width: 650px;
	margin: 0 auto 20px auto;
	border: 0;
	}


#content  {
	margin: 10px auto 0 auto;
	width: 610px;
	}


#gallery  {
	width: 600px;
	clear: both;
	margin: 0px auto 3px auto;
	text-align: center;
	}


#footer  {
	margin: 5px auto;
	}


.center p {
	text-align: center;
	}

.links {
	text-align: left;
	margin-left: 65px;
	}


/* ***navigation***  */

#nav td {
	margin: 0px;
	padding: 0px;
	width: 162px;
	height: 30px;
	vertical-align: middle;
	text-align: center;
	}

/* increasing clickable area of button */

#nav td a  {
	text-decoration: none;
  	width:.1em;
  	padding:5px 40px;	
	}


#nav > td a {
	width:auto;
	}


/* navigation buttons */

td#intro  {
	background-color: #bc8;
	}


#intro a  {
	color: #674;
	}


td#about  {
	background-color: #ab7;
	}


#about a  {
	color: #896;
	}


td#work  {
	background-color: #896;
	}


#work a {
	color: #ab7;
	}


td#partners  {
	background-color: #674;
	}


#partners a  {
	color: #bc8;
	}


td#intro a:hover, td#intro a:active  {
	color: #FFF;
	}


td#about a:hover, td#about a:active  {
	color: #FFF;
	}


td#work a:hover, td#work a:active  {
	color: #FFF;
	}


td#partners a:hover, td#partners a:active  {
	color: #FFF;
	}  


/* Image Gallery */


.images {
	width: 360px;
	height: 410px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	border: 0;
	float: right;
	}


.thumb {
	width: 50px;
	padding: 3px;
	margin: 5px 3px;
	border: 0;
	display: inline;
	text-align: center;
	}

