/*   	
		stylesheet for joelwardseminars.com   
		/css/home.css
*/


html, body
{
	background: #450F19;
	font: normal x-small/2em Verdana, Helvetica, sans-serif;
	color: #000000;
	padding: 0;
	margin: 0;
}

div#container
{
	background: #FCE8B6 url(../images/home_mainbg.gif) repeat-x;
	width: 960px;
	height: 100%;
    margin: 0 auto;
    position: relative;
    text-align: left;
	border-left: 6px solid #300A11;
	border-right: 6px solid #300A11;
	padding-bottom: 10px;
	padding-top: 10px;
}


/*  clearing hack  */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*  secondary navigation and logo */

h1#mission
{
	width: 350px;
	font: small/1.35em Times, "Times New Roman", serif;
	color: #A9253C;
	text-align: normal;
	margin-right: 30px;
	margin-top: 40px;
	display: block;
	float: right;
}

#nav2
{
	font: bold small Times, "Times New Roman", serif;
	color: #A9253C;
	margin-bottom: 40px;
	margin-left: -15px;
	border-bottom: 1px solid #FDB826;
	
}
	
#nav2 li
{
	display: inline;
	padding: 1em;
}

#nav2 a:link { color: #A9253C; text-decoration: none; }
#nav2 a:visited { color: #A9253C; text-decoration: none; }
#nav2 a:hover { color: #FDB726; text-decoration: none; }
#nav2 a:active { color: #A9253C; text-decoration: none; }

h1#logo
{
	background: transparent url('../images/home_joelwardseminars_logo.gif') no-repeat left top;
	width: 333px;
	height: 148px;
	margin-bottom: 45px;
	padding: 0;
}


/*  main nav -- 5 photos  */

.nav1
{
	width: 320px;
	height: 178px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
}

div.nav1category
{
	width: 120px;
	height: 176px;
	margin-right: 40px;
	float: left;
}

div.nav1lastcategory
{
	width: 120px;
	height: 176px;
	float: left;
	margin-right: 0px;
}

img.nav1category
{
	width: 128px;
	height: 174px;
	border: #000000 1px solid;
}
img.nav1lastcategory
{
	width: 128px;
	height: 174px;
	border: #000000 1px solid;
}

.nav1 a { color: #000000; }


/*  other stuff  */

div#quote
{
	width: 270px;
	height: 173px;
	background: url(../images/home_quote_bg.gif) no-repeat left top;
	margin-right: 40px;
	display: block;
	float: right;
	
}

#quote p
{
	text-indent: -0.5em;
	font: bold medium/1.5em Times, "Times New Roman", serif;
	color: #A9253C;
	margin-bottom: 0;
}

#quote .author
{
	text-align: right;
	font-style: italic;
	font-size: small;
	margin-top: 0;
}

div.intro
{
	width: 540px;
	margin: 0 30px 0 30px;
	font-size: 125%;
	line-height: 1.75em;
}

div#footer
{
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 30px;
}

#footer p
{
	line-height: 1.25em;
	color: #000000;
	text-align: center;
	width: 100%;	
}

#footer a:link { color: #A9253C; text-decoration: none; }
#footer a:visited { color: #A9253C; text-decoration: none; }
#footer a:hover { color: #000000; text-decoration: underline; }
#footer a:active { color: #A9253C; text-decoration: none; }