/*==============================================================================================
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
================================================================================================

	OSMTS.com XHTML/CSS by Kenneth Feldman at KPFdigital.com http://www.kpfdigital.com
	All associated graphics Copyright 2005, On-Site Management Training Services.
	
	THIS DESIGN IS NOT A TEMPLATE.
	YOU MAY NOT REPRODUCE IT ELSEWHERE WITHOUT THE DESIGNER'S WRITTEN PERMISSION.

	You may adapt elements of this CSS in your own projects, but the unique
	combination of images, colors, sizes, typography, and positioning ("the design")
	is Copyright 2005, On-Site Management Training Services and may not be reproduced.
	
================================================================================================
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
================================================================================================


------------------------------------------------------------------------------------------------
	Equalizing Default Behaviour of Elements for Consistant Cross-Browser Display 
------------------------------------------------------------------------------------------------

	The star selector sets rules universally for all elements in the cascade. 
	In this case we'll use it to remove inconsistent padding and margin of elements 
	applied by default by different browsers. We'll set margin and padding where we 
	want them, rather than remove them every time we don't want them. */

* { padding: 0; margin: 0; }


	/* Safari and Gecko-based browsers (such as Firefox) use padding-left to indent lists;
	Internet Explorer uses margin-left. Neither way is right nor wrong; this just equalizes list behaviors */

ul, ol, dt { padding-left: 1.5em; margin-left: 0; list-style: disc; }

dd { padding-left: 2.5em; margin-left: 0; }

	/* Setting consistent margin-bottom makes all elements push down on any following elements uniformly. */

h1, h2, h3, h4, h5, h6, p, blockquote,
 label, ul, ol, dl, dd, fieldset, address { margin-bottom: 1em; }
 

	/* We'll also set site-wide link, visited, active and hover colors here.   */

:link, :visited { text-decoration: none; color: #9FF; border-bottom: 1px solid #336666;}
a:hover { text-decoration: none; color: #39C; border-bottom: 1px solid #39C;}


	/* Whoever thought blue linked image borders were a good idea? */

a img, :link img, :visited img { border: 0; }   /*


------------------------------------------------------------------------------------------------
	End of Equalizing Default Behaviour of Elements
--------------------------------------------------------------------------------------------- */




/* Main Structural Elements 
-------------------------------------------- */	


body {
	background: #000;
	text-align: center;
	font: 76%/1.5em  Verdana, Geneva, Helvetica, Arial, Sans-serif;
	color: #fff;
	padding-bottom: 40px;
	}

#container {
	position: relative;
	color: #fff;
	background-color: #000;
	width: 700px;
	margin: 0px auto;
	padding-bottom: 25px;
	text-align: left;
	font-size: 1.0em;
	}
	
#header {
	padding-top: 25px;
	position: relative;
	text-align: center;
	}

#footer { 
	color: #FF0;
	text-align: center;
	font: .75em Verdana, Geneva, Helvetica, Arial, Sans-serif;
	margin: 10px 0 185px 0px;
	background-color: #000; 
	}

#footer p { 
	margin-bottom: .5em;
	}





/* Main Navigation Elements 
-------------------------------------------- */		
	
	
#navlist {
position: relative;
float: left; 
width: 175px; 
padding-left: 0; 
margin-left: 25px;
background-color: #000;
margin-top: 50px;
}	

#order #navlist {
position: relative;
float: left; 
width: 175px; 
padding-left: 0; 
margin-left: 25px;
background-color: #000;
margin-top: 0px;
}	

#navlist li
{
	list-style-type: none;
	margin-bottom: 3px;
	text-align: left;
}

#navlist li a 
{
text-decoration: none;
}


/* Header Section 
-------------------------------------------- */		






/* Main Content Section 
-------------------------------------------- */		


#inner_wrap {
	position: relative;
	margin: 30px 32px 0px;
	padding-bottom: 40px;
	background-color: #000;
	color: #fff;
	text-align: center;
		}		

#order #inner_wrap {
	margin: 0px 32px 0px;
		}		

	
#inner_main {
	font-size: 1.10em;
	margin: 0px 55px;
	text-align: justify;
	}


#order #inner_main {
	font-size: 1.00em;
	margin: 0px 20px;
	text-align: justify;
	}


#inner_sub {
	margin: 0px 55px;
	}

#author {
	margin: 0px 55px;
	text-align: justify
	}


#author img {
	position: relative;
	float: left;
	margin-bottom: 35px;
	margin-right: 20px;
	border: 1px solid white;
	}



#inner_sub span {
	font-style: italic;
	color: #FF0;
	}


#prices_home {
position: relative;
margin-top: 50px;
background-color: #000;
	float: right;
	text-align: center;
	width: 200px;
	color: #C00;
	}


img#book {
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
border: 1px solid white;
}



/* Footer links 
-------------------------------------------- */		

#footer a.kpf:link { color: #333; text-decoration: none; background-color: #000; border-bottom: 1px solid #222;} 
#footer a.kpf:visited {color: #333; text-decoration: none; background-color: #000; border-bottom: 1px solid #222;}
#footer a.kpf:hover { color: #39C; text-decoration: none; background-color: #000; border-bottom: 1px solid #fff;}

#footer a.info:link { color: #FF0; text-decoration: none; background-color: #000; border-bottom: 1px solid #666600; } 
#footer a.info:visited {color: #FF0; text-decoration: none; background-color: #000; border-bottom: 1px solid #666600; }
#footer a.info:hover { color: #9FF; text-decoration: none; background-color: #000; border-bottom: 1px solid #9FF; }

a.poem-link:link { color: #09c; text-decoration: none; background-color: #fff; border-bottom: 1px solid #09c; } 
a.poem-link:visited {color: #09c; text-decoration: none; background-color: #fff; border-bottom: 1px solid #09c; }
a.poem-link:hover { color: #F06; text-decoration: none; background-color: #fff; border-bottom: 1px solid #F06; }

/* Typography
--------------------------------------------
	Featuring the Leahy/Langridge Method of Image Replacement in header elements.
	This method contains the Box Model Hack for IE5.0 and IE5.5 PC.
	http://www.kryogenix.org/code/browser/lir/	 */

		
#home h1, #order h1 {
	font-size: 1.2em;
	margin-bottom: .5em;
	}	
		
#home h1 span, #order h1 span {letter-spacing: 5px;}		
		
#home #header p, #order #header p  {
	color: #9FF;
	font-size: 1.2em;
	font-weight: bold;
	}


#home h2, #order h2 {
	background: url("img/insight-out-logo.gif") top center no-repeat;
	padding-top: 70px;
	overflow: hidden;
	height: 0px !important; /* for most browsers */
	height /**/:70px; /* for pre 6.0 IE Win */
	font-size: 1em;
	margin-bottom: 1.2em;
	}


h3 {
	font-size: 1.25em;
	color: #C00;
	margin: 65px 185px 25px;
	}
	
#order h3 {	clear: both; margin-top: 0px}






/* List Styles
-------------------------------------------- */






/* Misc
-------------------------------------------- */


.hide { display: none; }
.left_just { text-align: left; }




/* POEM PAGE STYLES
-------------------------------------------- */

#poempage #inner_wrap {	
	margin: 0px 58px 0px 38px;
}

#poempage h3 {
	font-size: 1.0em;
	color: #FF0;
	margin: 0 0 30px 0px;
text-align: left;
	}

#poem_body h3 {
	font-size: 1.45em;
	margin-bottom: 15px;
	color: #000;
	}



#poem_side {
	position: relative;
	margin-top: 58px;
	float: left;
	width: 216px;
	background-color: #000;
	text-align: left;
	}

#poem_side img {
	border: 1px solid white;
	}

#poem_side ul {
padding-left: 0; 
margin-left: 5px;
background-color: #000;
margin-top: 50px;
}	

#poem_side li
{
	list-style-type: none;
	margin-bottom: 3px;
	text-align: left;
}

#poem_column {
	position: relative;
	top: 155px;
	margin-left: 216px; 
	}


#poem_body {
padding: 50px 0 40px 40px;
margin-bottom: 155px;
background-color: #fff;
color: black;
text-align: left;
	}

.poem_credit {margin-top: 30px; font-size: .9em;}






#order table {
	border: 0px solid white;
	width: 100%;
	font-size: 1em;
	text-align: center;
	margin-bottom: 25px;
	 }

#order table td {
	border: 0px solid #222;
	padding: 0px 20px 0px;
	 }



.book_order img {	
	border: 1px solid white;
}


#order #inner_main {	
	border: 1px solid #222;
	padding: 17px 0 0px 0;
	margin-bottom: 30px;
}


.back_to_top {font-size: .85em; text-align: center; margin-top: 25px;}


.more-poems {margin: 20px 0 0 185px;}


#sample-list {
	margin-left: 165px;
	}

#sample-list li {
	list-style-type: none;
	margin-bottom: 3px;
	text-align: left;
	}



/*
-------------------------------------------------------------------------------------------	
End of On-Site Management Training Services Style Sheet - Copyright 2005 
-------------------------------------------------------------------------------------------
*/