/*
 * name : mainstyle.css
 * desc : Main stylesheet for williegoosen.com
 * by   : willie goosen
 * date : 01/02/2006
 *
 */
	body{
		color: white;
		background-color: #666666;
		font-family: verdana, arial, helvetica, sans-serif;
	}

	a:link, a:visited, a:focus, a:active{
		text-decoration: underline;
		font-weight: bold;
		color: #666666;
		background-color: #CCCCCC;
	}

	a:hover{
		color: #669900;
		background-color: #CCCCCC;
	}

	input.text {
	    color: #000000;
	    background: #FFFFFF;
	    border: 1px solid #CCCCCC;
	    font: 12px Verdana, Arial, Helvetica, sans-serif;
    	padding: 3px 3px 3px 3px;
    }


	#container{
		position: absolute;
		z-index: 1;
		text-align: center;
		margin-left: -380px;
		margin-top: -265px;
		top: 50%;
		left: 50%;
		width: 870px;
		height: 520px;
	}

	#polaroid_container{
		z-index: 2;
		float:left;
		text-align: center;
		width: 430px;
		height: 505px;
	}


	#polaroid{
		z-index: 3;
		color:#000000;
		background-color: #FFFFFF;
		width:430px;
		height:505px;
	}


	.navArrow{
		position:absolute;
		height: 400px;
		width: 200px;
		top:14px;
		left:0px;
		z-index:500;
		cursor : pointer;
		background-color:transparent;

	}


	#backArrowDiv{	margin-left: 16px;}
	#nextArrowDiv{	margin-left:214px;}

	#backArrowImg{	visibility: hidden;}
	#nextArrowImg{	visibility: hidden;}

	#hp_photo{
		float:left;
		padding-top: 15px;
		padding-left: 15px;
	}

	.tn_photo{
		height: 60px;
		width: 60px;
		border: 1px;
		padding :1px;
		cursor : pointer;
	}


	#site_logo{
		display:block;
		color: #000000;
		background-color: #FFFFFF;
		top:415px;
		left:15px;
	}

	#content_container{
		float:left;
		text-align: center;
		margin-top: 15px;
		width: 350px;
		height: 475px;
	}

	#menu {
		list-style-type: none;
		margin:0;
		padding-left: 18px;
		padding-right: 10px;
		margin-top:0px;
	}

	#menu li {
		text-transform: lowercase;
		float:left;
		padding-left: 5px;
		padding-right: 5px;
	}

	#menu li a {
		display: block;
		width: 88px;
		padding-top: 0px;
		height: 20px;
		font-size: 80%;
		text-align: center;
		text-decoration: none;
		color: #333333;
		font-weight:bold;
		background:url(images/home_nav_button_small.gif) 0px 0px;
		background-repeat: no-repeat;
	}

	#menu a:active {
		color: #669900;
		background:url(images/home_nav_button_small.gif) 0px 0px;
		background-repeat: no-repeat;
	}

	#menu a:hover {
		color: #669900;
		background:url(images/home_nav_button_small.gif) 0px 0px;
		background-repeat: no-repeat;
	}

	.stretcher {
		float:left;
		background-image: url(images/content_panel_body.gif);
		background-repeat: repeat-x;
		background-position: top left;
		color:#333333;
		background-color: #cccccc;
		width: 340px;
		height: 465px;
	}

	.content_area{
		float:right;
		background-image: url(images/content_panel_side.gif);
		background-position: top right;
		background-repeat: no-repeat;
		text-align: left;
		font-size:0.6em;
		padding-right: 16px;
		width: 310px;
		height: 465px;
	}

	.footnote{
		font-size:0.6em;
		color:#333333;
		background-color:transparent;
	}