/* CSS Document */

html {
height: 100%;
}
body {
margin: 0 auto;
padding: 0 auto;
font-size: 62.5%;
background: #ffde00;
height: 100%;
}
#container {
width: 910px;
margin: auto;
padding: 0 20px;
background:#ffde00 url('images/bg.jpg') repeat-y center top;
}
.clear {
clear:both;
}
a {
color: #ff0000;
text-decoration: none;
}
a:hover {
color: #ff0000;
text-decoration: underline;
}
a img {
border: none;
}
/*---------------------------------------ACTIVE*/
body#bookpage #nav li.book a, 
body#endorsementspage #nav li.endorsements a, 
body#imagespage #nav li.images a, 
body#shawpage #nav li.shaw a, 
body#orderpage #nav li.order a {
color: #000000;
}
/*---------------------------------------HEADER*/
#header {
border-bottom:1px black solid;
margin: 0 20px;
padding: 0 0px;
width: 870px;
height:170px;
}
#header h1 {
margin: 0;
padding: 0;
}
#nav {
margin: 0 20px;
padding: 5px 0 0 0;
width: 870px;
height:50px;
}
#navl {
width:225px;
float:left;
margin:0 10px 0 0;
padding:0 0 0 5px;
}
#navr {
width:620px;
float:left;
margin:0;
padding:0;
}
#navr a,#navl a {
font-family:Helvetica, Verdana, Arial, Sans-Serif;
font-weight:bold;
color:#ff0000;
font-size:1.2em;
text-align:left;
margin:0 35px 0 0;
padding:0;
}
#navl a span {
float:left;
display:block;
}
#nav a:hover {
color:#000000;
text-decoration: none;
}
#navr li,#navl li {
list-style:none;
display:block;
float:left;
}
/*---------------------------------------HOME*/
#collefthome {
width:180px;
float:left;
margin:25px 10px 0 20px;
padding:0 50px 0 0;
}

#colleft {
width:180px;
float:left;
margin:25px 10px 0 20px;
padding:0 50px 0 0;
}

#colright {
width:630px;
float:left;
margin:20px 0 0 0;
padding:0;
}

#colright2 {
width:630px;
float:left;
margin:20px 0 0 0;
padding:0;
}

#colright p.first,#colright2 p.first {
font:normal 2em Helvetica, Arial, Sans-Serif;
line-height:1.4em;
margin:0 0 15px 0;
padding:0 30px 0 0;
hyphenate: auto;
}

#colright p.first2,#colright2 p.first2 {
font:normal 2em Helvetica, Arial, Sans-Serif;
line-height:1.4em;
margin:0 0 25px 0;
padding:0 30px 0 0;
hyphenate: auto;
}

#collefthome h3, 
#colleft h3 {
font:bold 1.1em Helvetica, Arial, Sans-Serif!important;
line-height:1.3em;
text-transform:uppercase;
color:#999999;
margin:0 0 10px 5px;
padding:0;
}

#collefthome p {
font:normal 1.1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
line-height:1.4em;
color:#999999;
margin:0 0 10px 5px;
}

#colleft p {
font:normal 1.1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
line-height:1.4em;
color:#999999;
margin:0 0 5px 5px;
}

#colright p,#colright2 p {
font:normal 1.2em 'Lucida Grande', Helvetica, Arial, Sans-Serif;
line-height:1.6em;
margin:0 0 15px;
padding:0 50px 0 0;
hyphenate: auto;
}

#colright p.space,#colright2 p.space {
font:normal 1.2em 'Lucida Grande', Helvetica, Arial, Sans-Serif;
line-height:1.6em;
margin:0 0 25px;
padding:0 50px 0 0;
hyphenate: auto;
}

#colright p.thumbs {
font:normal 1.2em 'Lucida Grande', Helvetica, Arial, Sans-Serif;
line-height:1.6em;
margin:0 0 15px;
padding:0;
}

#colright p.thumbs img {
width: 150px;
height: 100px;
}

#colright p.thumbs a img {
border:1px solid #ccc!important;
margin:0 5px 5px 0;
padding:0;
}

#colright p.thumbs a:hover img {
border:1px solid #ff0000!important;
margin:0 5px 5px 0;
padding:0;
}

#colright p.thumbs2 {
font:normal 1.2em 'Lucida Grande', Helvetica, Arial, Sans-Serif;
line-height:1.6em;
margin:0 0 15px;
padding:0;
}

#colright p.thumbs2 img {
width: 300px;
height: 129px;
}

#colright p.thumbs2 a img {
border:1px solid #ccc;
margin:0 8px 8px 0;
padding:0;
}

#colright p.thumbs2 a:hover img {
border:1px solid #ff0000;
margin:0 8px 8px 0;
padding:0;
}

#colright p.top,#colright2 p.top {
font:normal 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
line-height:1.6em;
text-align:right;
margin:0 0 15px;
}
.group {
margin: 30px 0 0px 0;
padding: 30px 0px 0 0;
border-top: 1px solid #eee;
width: 600px;
}
#colright2 p.caption {
font:normal 1.1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
line-height:1.4em;
color:#999999;
margin:0 0 5px 5px;
}
#s7 {
margin: 0 0 20px 0;
padding: 0 0 0px 0;
float: left;
width: 600px;
display: block;
height: 500px;
}





/*---------------------------------------PAGES*/
.imgtop {
margin:-2px 0 0 20px;
padding:0;
}
.btngroup {
margin: 30px 0 30px 0;
padding: 0;
}
.btnleft {
margin: 10px 0px 0 0;
padding: 0;
float: left;
width: 140px;
background: #eee;
}
.btnleft p {
font:bold 1.4em Helvetica, Arial, Sans-Serif!important;
padding: 0 0 0px 0;
margin: 0;
}
.btnright {
margin: 0 0px 0 0;
padding: 0px 0 0 0;
float: left;
width: 300px;
}
.dd {
margin: -10px 0 0 0;
padding: 0;
}
/*---------------------------------------FOOTER*/
#footer {
margin: 30px 20px 0 20px;
padding: 0 0px;
width: 870px;
height: 50px;
}

#footright {
width:600px;
float:left;
margin: 0px 0 0px 0;
padding: 0px 0px 0 0;
border-top: 1px solid #eee;
}

#footleft {
width:230px;
float:left;
margin:0 10px 0 0;
padding:0;
}
#footright p {
font:normal 1.0em Helvetica, Arial, Sans-Serif;
line-height:1.4em;
color:#999999;
}
#footright p.copyright {
float: left;
text-align:left;
margin:5px 0 10px 0;
}
#footright p.top {
float: right;
text-align:right;
margin:5px 0 10px 0;
}
a.kco {
color:#666;
}
/*---------------------------------------LIGHTBOX*/
	#gallery, 
	#gallery2 {
	margin: 20px 0 0 0;
	padding: 0;
	}
	#gallery ul, 
	#gallery2 ul { list-style: none; 
		margin: 0;
	padding: 0;
	}
	#gallery ul li, 
	#gallery2 ul li { 
	margin: 0 0 30px 0;
	padding: 0 0 0px 0;
	font:normal 1.2em 'Lucida Grande', Helvetica, Arial, Sans-Serif;
line-height:1.6em;
	}
	#gallery ul p.line {
	border-bottom: 1px solid #eee;
	padding: 0 0 5px 0;
	margin: 0 30px 20px 0px;
	
	}
		#gallery ul li.close, 
	#gallery2 ul li.close { 
	margin: 0 0 10px 0;
	padding: 0 0 0px 0;
	font:normal 1.2em 'Lucida Grande', Helvetica, Arial, Sans-Serif;
line-height:1.6em;
	}
	#gallery ul img {
width: 600px;
height: 258px;
margin: 0;
padding: 0;
	}
	#gallery ul a img {
		/*border: 1px solid #ccc;*/
		margin: 0px 0px 0px 0;
	}
	#gallery ul a:hover img {
		/*border: 1px solid #ff0000;*/
		margin: 0px 0px 0px 0;
	}
	#gallery2 ul img {
width: 150px;
height: 100px;
	}
	#gallery2 ul a img {
		border: 1px solid #ccc;
		margin: 0 2px 2px 0;
	}
	#gallery2 ul a:hover img {
		border: 1px solid #ff0000;
		margin: 0 2px 2px 0;
	}
	
	
	#lightbox-image {
		border: 1px solid #ccc;
}	

.yellow {
background: #ffde00;
margin: 0;
padding: 0;
}