html {
	height: 100.5%;
	}

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 1.65em;
	color: #000000;
	background-color: #CCC;
	background-image:url(http://www.bayhillscapital.com/files/bg_page.gif)
	}
	
#wrapper {
	position: relative;
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 30px;
	background-color: #FFFFFF;
	background: url(http://www.bayhillscapital.com/files/wrapper_bg.gif) repeat-y;
	background-image: url(http://www.bayhillscapital.com/files/wrapper_bg.gif);
	}
	
a {
	color: #06C;
	}
	
a:hover {
	color: #FFF;
	background-color: #06C;
	text-decoration: none;
	}
	
/* Banner ----------------------------------------*/

#banner {
	width: 980px;
	height: 132px;
	background: url(banner_bg.gif) no-repeat;
	}

#banner h1 {
	position: absolute;
	top: -104px;
	left: 30px;
	padding: 0;
	margin: 0;
	}

#banner h1 img {
	border-style: none;
	}
	
#banner p img {
	position: absolute;
	top: 80px;
	right: 50px;
	}
	
/* Navigation ----------------------------------------*/

#navigation {
	width: 930px;
	height: 2.2em;
	background-color: #000;
	padding: .5em 0 0 50px;
	margin: 0;
	}
	
#navigation li {
	font-weight: bold;
	color: #FFF;
	display: inline;
	padding: 5px 25px 5px 0;
	list-style-type: none;
	}
	
#navigation li a {
	color: #999;
	text-decoration: none;
	}
	
#navigation li a:hover {
	color: #FFF;
	text-decoration: none;
	background-color: #000;
	}
	
#navigation li.onstate {
	font-weight: bold;
	color: #FFF;
	display: inline;
	padding: 5px 25px 5px 0;
	list-style-type: none;
	}
	
#navigation li.onstate a {
	color: #FFF;
	text-decoration: none;
	}
	
#navigation li.onstate a:hover {
	color: #CCC;
	text-decoration: none;
	background-color: #000;
	}
	
/* Home Page Title ------------------------------------*/

#homePageTitle {
	width: 980px;
	height: 250px;
	background: url(bridge.jpg) no-repeat;
	padding: 0;
	margin: 0;
	}
	
#homePageTitle h2 {
	display: none;
	}
	
#homePageTitle hr {
	display: none;
	}
	
#homePageTitle p {
	position: relative;
	left: 50px;
	top: 130px;
	padding: 0;
	margin: 0;
	width: 8em;
	height: 2.2em;
	line-height: 2em;
	text-align: center;
	border-width: 1px;
	border-style: solid;
	border-color: #F93;
	}
	
#homePageTitle p a {
	color: #FFD2A6;
	text-decoration: none;
	display: block;
	width: 8em;
	height: 2.2em;
	}
	
#homePageTitle p a:hover {
	color: #FFF;
	background-color: #F93;
	text-decoration: none;
	display: block;
	width: 8em;
	height: 2.2em;
	}
	
/* Sub Page Title ------------------------------------*/

#subPageTitle {
	width: 980px;
	height: 90px;
	padding: 0;
	margin: 0;
	margin-left: 0px;
	margin-top: 0px;
	background-image: url(subtitle_bg.gif);
	background-repeat: no-repeat;
	}
#subPage {
	background: url(subtitle_bg.gif);
	height: 90px;
	width: 980px;
}
#subPage h7 {
	padding: 50px 50px 50px 50px;
	margin: 0;
	font-style: boldl;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color:#FFFFFF;
}
	
#subPageTitle h2 {
	padding: 20px 0 0 50px;
	margin: 0;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	}
	
/* Sub Page Portfolio Title ------------------------------------*/

#subPageTitlePf {
	width: 980px;
	height: 90px;
	background: url(subtitle_pf_bg.gif) no-repeat;
	padding: 0;
	margin: 0;
	}
	
#subPageTitlePf h2 {
	float: left;
	font-size: 2em;
	padding: 20px 0 0 50px;
	margin: 0;
	color: #FFF;
	}
	
#subPageTitlePf ul {
	float: right;
	position: relative;
	right: 50px;
	padding: 0;
	margin: 17px 0 0 0;
	}
	
#subPageTitlePf ul li {
	float: left;
	padding: 0;
	margin: 0 0 0 10px;
	list-style-type: none;
	}
	
#subPageTitlePf ul li.prev a {
	float: left;
	display: block;
	width: 55px;
	height: 25px;
	background-color: #CCCCCC;
	background: url(pf_button_prev_bg.gif) no-repeat;
	}
	
#subPageTitlePf ul li.prev a span {
	display: none;
	}
	
#subPageTitlePf ul li.prev a:hover {
	float: left;
	display: block;
	width: 55px;
	height: 25px;
	background-color: #CCCCCC;
	background: url(pf_button_prev_on_bg.gif) no-repeat;
	}
	
#subPageTitlePf ul li.next a {
	float: left;
	display: block;
	width: 55px;
	height: 25px;
	background-color: #CCCCCC;
	background: url(pf_button_next_bg.gif) no-repeat;
	}
	
#subPageTitlePf ul li.next a span {
	display: none;
	}
	
#subPageTitlePf ul li.next a:hover {
	float: left;
	display: block;
	width: 55px;
	height: 25px;
	background-color: #CCCCCC;
	background: url(images/pf_button_next_on_bg.gif) no-repeat;
	}
	


	
/* Body Content ------------------------------------*/

#bodyContent {
	padding: 0;
	margin: 0;
	}
	
#bodyContent hr {
	display: none;
	}
	
#bodyContent h4 {
	font-size: 1.3em;
	padding: 0;
	margin: 0;
	}
	
#bodyContent h3 {
	margin: 0 0 0 50px;
	padding: 0;
	}
	
#bodyContent h3.botSpace {
	margin: 0 0 0 50px;
	padding: 30px 0 30px 0;
	}

/* Single Column */

#bodyContent .column {
	width: 320px;
	float: left;
	padding: 0 0 30px 0;
	margin-left: 50px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
	
#bodyContent .column h4 {
	margin: 0 40px 0 50px;
	}
	
#bodyContent .column h5 {
	margin: 5px 40px -5px 50px;
	padding: 0;
	font-size: 100%;
	color: #999;
	font-weight: normal;
	}
	#bodyContent h7 {
	margin: 0 0 0 0px;
	padding: 0;
	}
	
#bodyContent .column p {
	margin: 5px 40px 5px 50px;
	}
	
#bodyContent .column p.botSpace {
	margin: 5px 40px 20px 50px;
	}
	
#bodyContent .column blockquote {
	padding: 0 0 20px 0;
	margin: 0;
	background: url(links/blockquote_bg.gif) no-repeat 35px .4em;
	}
	
#bodyContent .column blockquote p strong {
	font-weight: normal;
	color: #F60; 
	}
	
#bodyContent .column blockquote p em {
	font-weight: normal;
	font-style: italic;
	color: #999; 
	}
	
#bodyContent .column blockquote p span {
	display: none; 
	}
	
/* Double Column */

#bodyContent .columnDouble {
	width: 650px;
	padding: 0 0 10px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
	
#bodyContent .columnDouble h4 {
	margin: 30px 40px 0 50px;
	}
	
#bodyContent .columnDouble h5 {
	margin: 5px 40px -5px 50px;
	padding: 0;
	font-size: 100%;
	color: #999;
	font-weight: normal;
	}
	
#bodyContent .columnDouble p {
	margin: 5px 40px 5px 50px;
	}
	
#bodyContent .columnDouble p.botSpace {
	margin: 5px 40px 20px 50px;
	}
	
/* Portfolio Project Wide Column */

#bodyContent .portfolioColumn {
	width: 600px;
	padding: 0px 10px 10px 50px;
	font-size: 12px;
	}
	
#bodyContent .portfolioColumn h4 {
	margin: 30px 40px 0 40px;
	}
	
#bodyContent .portfolioColumn h5 {
	margin: 5px 50px -5px 40px;
	padding: 0;
	font-size: 100%;

	color: #999;
	font-weight: normal;
	}
	
#bodyContent .portfolioColumn p {
	line-height: 1.55em;
	margin: 5px 50px 10px 50px;
	color: #000000;
	}
	
#bodyContent .portfolioColumn p.botSpace {
	margin: 5px 40px 20px 40px;
	}
	
#bodyContent .portfolioColumn .hero {
	float: left;
	padding: 30px 0 80px 50px;
	margin: 30px;
	}
	
#bodyContent .portfolioColumn .textDescription {
	float: right;
	width: 330px;
	}
	
#bodyContent .portfolioColumn .textDescription img {
	padding: 20px 0 20px 0;
	margin: 0;
	}
	
/* Double Column Portfolio Landing Page */

	
#bodyContent .columnDouble .pfThumb {
	float: left;
	padding: 30px 15px 15px 50px;
	width: 250px;
	}

#bodyContent .columnDouble .pfThumb a img {
	border-width: 1px;
	border-style: solid;
	border-color: #CCC;
	}
	
#bodyContent .columnDouble .pfThumb a:hover img {
	border-width: 1px;
	border-color: #999;
	}

#bodyContent .columnDouble .pfThumb p {
	padding: 6px 0 10px 0;
	margin: 0;
	background: url(links/pf_thumb_link_bg.gif) no-repeat bottom;
	}
	
/* Home Side Box */
	
#homeBox {
	position: absolute;
	top: 442px;
	right: 50px;
	width: 240px;
	padding: 0;
	margin: 0;
	background: url(sidebox_bg_top.gif) no-repeat left top;
	overflow: hidden;
	}
	
#homeBox h4 {
	padding: 25px 30px 10px 30px;
	margin: 0;
	}

#homeBox h5 {
	font-size: 1em;
	padding: 3px 30px 3px 30px;
	margin: 0;
	}
	
#homeBox p {
	padding: 3px 30px 3px 30px;
	margin: 0;
	}
	
#homeBox img {
	padding: 3px 30px 5px 30px;
	margin: 0;
	}
	
#homeBox .bottomBg {
	padding-bottom: 25px;
	background: url(sidebox_bg_bottom.gif) no-repeat left bottom;
	}
	
/* Sub Side Box */
	
#subBox {
	position: absolute;
	top: 270px;
	right: -240px;
	width: 240px;
	padding: 0;
	margin: 0;
	background: url(images/sidebox_bg_top.gif) no-repeat left top;
	overflow: visible;
	left: 700px;
	height: 100px;
	}
	
#subBox h4 {
	padding: 20px 30px 10px 30px;
	margin: 0;
	}

#subBox h5 {
	font-size: 1em;
	padding: 3px 30px 10px 30px;
	margin: 0;
	}
	
#subBox p {
	padding: 0px 30px 20px 30px;
	margin: 0;
	font-size:12px;
	}
	
#subBox .bottomBg {
	padding-bottom: 25px;
	background: url(sidebox_bg_bottom.gif) no-repeat left bottom;
	}
	
#subBox ul {
	padding: 3px 30px 3px 30px;
	margin: 0;
	}
	
#subBox ul li {
	padding: 0 0 0 15px;
	list-style-type: none;
	background: url(bullet.gif) no-repeat left .65em;
	}
	
#subBox .horizontalRule {
	margin: 20px 0 0 30px;
	}

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

#footer {
	width: 980px;
	clear: both;
	background: url(footer_bg_bottom.gif) no-repeat bottom;
	padding: 0 0 35px 0;
	margin: 0;
	color: #999;
	}
	
#footer ul {
	margin: 0;
	padding: 15px 0 0 50px;
	background: url(footer_bg_top.gif) no-repeat top;
	}
	
#footer li {
	display: inline;
	padding: 0 20px 0 15px;
	margin: 0;
	background: url(bullet.gif) no-repeat left .45em;
	}
	
#footer hr {
	display: none;
	}
	
/* SIFR ------------------------------------*/

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash #wrapper #bodyContent .column h4 {
	visibility: hidden;
	line-height: 1em;
	font-size: 1em;
	height: 1.5em;
	font-weight: normal;
	letter-spacing: 0;
}

.sIFR-hasFlash #wrapper #bodyContent .columnDouble h4 {
	visibility: hidden;
	line-height: 1em;
	font-size: 1em;
	height: 1.5em;
	font-weight: normal;
	letter-spacing: 0;
	}

.sIFR-hasFlash #wrapper #bodyContent #homeBox h4 {
	visibility: hidden;
	position: relative;
	top: 25px;
	left: 30px;
	width: 180px;
	padding: 0;
	margin: 0 0 35px 0;
	line-height: 1em;
	font-size: 1em;
	height: 1.5em;
	font-weight: normal;
	letter-spacing: 0;
	background: none;
	}
	
.sIFR-hasFlash #wrapper #bodyContent #subBox h4 {
	visibility: hidden;
	position: relative;
	top: 25px;
	left: 30px;
	width: 180px;
	padding: 0;
	margin: 0;
	line-height: 1em;
	font-size: 1em;
	height: 1.5em;
	font-weight: normal;
	letter-spacing: 0;
	background: none;
	}
	

.sIFR-hasFlash #wrapper #bodyContent .portfolioColumn .textDescription h4 {
	visibility: hidden;
	position: relative;
	top: 25px;
	left: 40px;
	width: 180px;
	padding: 0;
	margin: 0 0 33px 0;
	line-height: 1em;
	font-size: 1em;
	height: 1.5em;
	font-weight: normal;
	letter-spacing: 0;
	background: none;
	}
#wrapper #bodyContent .columnhome {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #000000;
	margin-left: 50px;
	margin-right: 350px;
	margin-bottom: 20px;
}
#wrapper #logo {
}
#wrapper #banner img {
}
#bodyContent h3nodent {
	margin: 0 0 0 50px;
	padding: 0;
}