/**
 * 100% height layout with header and footer
 * ----------------------------------------------
 * Feel free to copy/use/change/improve
 */
 
/* removes image outline onclick */

* {

margin: 0;
padding: 0;

}

a {
	outline: none;
	font-weight: bold;
}

#preloadDefaultImages {
width: 0px;
height: 0px;
display: inline;
/* you can just redefine this over and over again multiple bg images */
background-image: url(/images/sunset.jpg);

}
 
html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	background: #95AABF;
	background-image: url(/images/background.jpg);
	background-repeat: repeat-x;
	font: normal 12px "Lucida Grande", Tahoma, Arial, sans-serif; color:#666;

	font-size:small;
	color:#666;
}

h1 { 
	font:1.25em; 
	color: #8F5817;
	margin: 10px 10px; /* y x */
}

h2 {
	font:1.05em; 
	color: #8F5817;
	margin:0px 10px 10px 10px;
	padding: 0px;
}

h3 {
	font:1.00em; 
	font-weight: bold;
	color: #D14700;
	margin:0px 10px 10px 10px;
	padding: 0px;
}


p { 
	line-height:1.5; /* spacing betweeen sentences*/
	
	margin: 8px; 
	
	
	
}

div#rightinfobar p {
 
   text-align: left;
   

}

div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width: 833px;
	background-color: #fff;
	
	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
}

div#header {
	background-repeat: no-repeat;
	background-image: url('/images/header.jpg');
	border-bottom: 1px solid #7a6f5c;
	height: 134px;
	width: 833px;
	margin-bottom: 10px;
}

a:link { color: #8F5817; text-decoration: none;}
a:visited { color: #8F5817; text-decoration: none;}
a:hover { color: #8F5817; text-decoration: underline;}
a:active{ color: #8F5817; text-decoration: none;}

/* navbar css */

#header ul 			{ width: 668px; border: 0px solid orange; padding-top: 41px; padding-left: 246px;}
#header li 			{ display:inline; }
#header li a 		{ display:block; float:left; height: 41px; padding-left: 0px; padding-right: 0px; background-repeat:no-repeat; text-indent:-9999px; } /*  */
#header #tsrp_nav	{ position:absolute; right:4px; top:17px; width:498px; text-align:right; line-height:18px; }

#header a#nav_phil	{ width:147px; background-image:url(/images/menu2.jpg); background-position: 0px 0px; }
#header a#nav_about	{ width: 123px; background-image:url(/images/menu2.jpg); background-position:-148px 0px; }
#header a#nav_port	 		{ width:128px; background-image:url(/images/menu2.jpg); background-position:-270px 0px; }
#header a#nav_contact { width: 114px; background-image:url(/images/menu2.jpg); background-position:-398px 0px;  }

#header li a#nav_phil:hover { background-position: 0px -41px; }
#header li a#nav_about:hover	{ background-position:-148px -41px; }
#header li a#nav_port:hover	{ background-position:-270px -41px; }
#header li a#nav_contact:hover	 { background-position:-398px -41px; }

/*

#header a#nav_phil	{ width:144px; background-image:url(/images/navbar.gif); background-position: -10px -12px; }
#header a#nav_about	{ width:93px; background-image:url(/images/navbar.gif); background-position:-180px -12px; }
#header a#nav_port	 		{ width:131px; background-image:url(/images/navbar.gif); background-position:-289px -12px; }
#header a#nav_contact { width: 90px; background-image:url(/images/navbar.gif); background-position:-451px -12px;  }

#header li a#nav_phil:hover { background-position: -10px -54px; }
#header li a#nav_about:hover	{ background-position:-180px -54px; }
#header li a#nav_port:hover	{ background-position:-289px -54px; }
#header li a#nav_contact:hover	 { background-position:-451px -54px; }

*/

/* end navbar css */

#mainswitch a#switch {

display:block; float:left; background-repeat:no-repeat; text-indent:-9999px; background-image:url(/images/sunset2.gif);
width: 526px;
height: 348px
}



#mainswitch a#switch:hover {

 background-image:url(/images/sunset2.gif);


}

/* reverse hovering image only */

#mainswitchhoveron a#switch {

display:block; float:left; background-repeat:no-repeat; text-indent:-9999px; background-image:url(/images/sunset2.gif);
width: 526px;
height: 348px
}
	
#mainswitchhoveron a#switch:hover {

 background-image:url(/images/sunset2.gif);


}	

div#content {
	padding:1em 1em 5em; /* bottom padding for footer */
	background-color: #fff;
}
	

div#footer {
	position:absolute;
	width:100%;
	background-color: #fff;
	
	
	text-align: center;
	bottom:0; /* stick to bottom */

	
}

div #footer_interior {
   /* clockwise trbl*/
   font-size: 10px;
   padding: 12px 100px 6px 100px;

}