@charset "UTF-8";

body, img, p {
	margin: 0px;
	padding: 0px;
}
body { 
	background: #987 url(images/barbkgd1.gif) repeat-x;
	text-align: center;
}
body, td, th, p, li {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #222;
}
p { 
	padding: 3px 0px 8px;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	font-weight: bold;
}
h1 {
	font-size: 28px;
	color: #555;
	padding: 10px 0px 6px 0px;
}
h2 {
	font-size: 26px;
	color: #F90;
	padding: 10px 0px 6px 0px;
}
h3 {
	font-size: 20px;
	color: #F90;
	padding: 10px 0px 8px 0px;
}
h4, h5 {
	color: #F90;
	font-size: 16px;
}
h6 {
	font-size: 16px;
	font-style: italic;
	padding: 8px 0px 3px 0px;
}
h6 span { 
	position:absolute;
	padding-left: 450px;
	font-style:normal;
}
ul {
	margin: 0px 0px 0px 25px;
	padding: 0px 0px 6px 0px;
}
a:link, a:visited, a:active {
	color:#E25F00;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #F90;
}
/* I'd love to keep this code but it causes more problems in various browsers than it helps
a[href^="http:"] {
	background: url(images/extlink.gif) no-repeat right top;
	padding-right:12px;
}
a[href^="http://phareweb.com"] {
	background: none;
	padding-right:0px;
} */
hr { color: #F90; }
li { list-style: square; }
img { border: none; }
.codesec {
	padding: 5px;
	border:#999 dotted 2px;
}
.sanjuanleft {
	background: #3C465C url(images/sanjuan1.jpg) no-repeat scroll -125px -90px;
}
.crescentleft {
	background: #000 url(images/crescent1.jpg) no-repeat scroll -160px -50px;
}
.cannonleft {
	background: #2C262D url(images/cannon.jpg) no-repeat scroll -150px -90px;
}
.sanjuanmid {
	background: #3C465C url(images/sanjuan1.jpg) no-repeat scroll -375px -40px;
}
.bonairemid {
	background: #ABACA4 url(images/bonaire1.jpg) no-repeat scroll -170px -40px;
}
.crescentmid {
	background: #000 url(images/crescent1.jpg) no-repeat scroll -410px 0px;
	text-align:center;
}
.pointwilsonmid {
	background: #606255 url(images/pointwilson1.jpg) no-repeat scroll -160px -17px;
}
.cannonmid {
	background: #2C262D url(images/cannon.jpg) no-repeat scroll -400px -40px;
}
.tblpad { 
	border-collapse: collapse;
	clear:both;
}
.tblpad td, .tblpad th {
	padding: 10px 6px;
	width: 85px;
	height: 90px;
	text-align: center;
	font-size: 12px;
	vertical-align: top;
	border-top: #BBB solid 1px;
}
.tblpad td:hover { background-color:#FF9; }
.legend {
	border-collapse:collapse;
	left:319px;
	position:absolute;
	top:147px;
}
.legend td {
	text-align:left;
	padding:1px 6px 1px 3px;
	white-space:nowrap;
}
.legend img { vertical-align:top; }
.sections {
	border-top: #BBB solid 1px;
	padding-bottom:30px;
}
.rss {
	background:transparent url(images/rsslogo.gif) no-repeat 0px 9px;
	padding:5px 0px 5px 17px;
}
.colfoot { border-top: #BBB solid 1px; }
.indent { padding: 0px 30px 0px 25px; }
.lt_orange { color: #E80; }
.lt_grey { color: #999; }
.black { color: #000; }
.careers { 
	padding: 0px 5px 5px 22px;
}
.big { font-size: 110%; }
.small { font-size: 92%; }
.permalink {
	background:url(images/add.gif) no-repeat left 2px;
	font-size:10px;
	font-weight:bold;
	margin:0px;
	padding:0px 0px 20px 11px;
}

#enclosure {
	position: relative;
	width: 770px;
	margin: 0px auto;
	padding: 0px 0px 10px 10px;
	text-align: left;
}
#enclosure.blk { background: #000 url(images/barbkgd1.gif) repeat-x; }
#whitebox {
	position: relative;
	background: #FFF url(images/whitebox.jpg) no-repeat left bottom;
	border: none;
	left: -100px;
	margin: 32px auto -157px auto;
	width: 760px;
	height: 125px;
}
#divider {
	position:absolute;
	background: #987 url(images/divider.gif) no-repeat left top;
	border: none;
	left: -140px;
	top: 170px;
	width: 184px;
	height: 450px;
}
1#divider {
	position:fixed;
	background: #987 url(images/divider.gif) no-repeat left top;
	border: none;
	left: 50px;
	top: 170px;
	width: 184px;
	height: 450px;
}
#pageheader {
	background: transparent url(images/phare-logo3.gif) no-repeat;
	width: 740px;
	height: 103px;
	margin: 0px;
	padding: 0px 0px 10px 10px;
	overflow: visible;
}
#globalnav {
	margin: 0px;
	width: 680px;
	padding: 0px;
	float: right;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 16px;
	letter-spacing: 1px;
	color: #FFF;
	z-index: 10;
}
#globalnav ul {
	margin: 0px;
	/* padding: 6px 0px 7px 6px; */
	padding: 0px;
	text-align: right;
}
#globalnav li {
	list-style: none;
	line-height: 31px;
	/* padding: 1px 8px 5px 12px; */
	padding: 0px;
	display: inline;
	border-left: 1px solid #FC9;
}
#globalnav li:first-child, #globalnav li.first {
	border-left: none;
	padding-left: 10px;
	padding: 0px;
}
#globalnav li a:link, #globalnav li a:visited, #globalnav li a:active {
	color: #FFF;
	margin: 0px;
	padding: 7px 12px 7px 14px;
	text-decoration: none;
}
#globalnav li a:hover {
	background: #F90 url(images/barbkgd1rev.gif) repeat-x;
	text-decoration: none;
	color: #888;
}
#globalnav li a:link.current, #globalnav li a:visited.current, #globalnav li a:active.current { color:#FDA; }


#one-column, #two-columns {
	padding: 0px; 
}
#leftcolumn, #middlecolumn, #rightcolumn {
	display: inline;
	float: left;
	min-height: 1px;
	position: relative;
}
#leftcolumn-inner, #middlecolumn-inner, #rightcolumn-inner {
	position: static;
	width: auto;
}
#leftcolumn {
	border: 1px solid #666;
	margin-right: 15px;
	padding: 50px 20px 20px 20px;
	width: 190px;
}
#leftcolumn-inner {
	background-color: #EEE;
	border: 1px solid #444;
	opacity:.85;
	filter:alpha(opacity=85);
	padding: 0px 10px 10px;
}
#leftcolumn-inner h3 { 
	background: #FFF url(images/browncorner.gif) no-repeat bottom right;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 1px;
	padding: 2px 5px 5px 5px;
	margin: 0px -5px 4px -10px;
	text-align:center;
}
#one-column #middlecolumn {
	border: 1px solid #666;
	display: block;
	padding: 50px 20px 20px 20px;
	width: 750px;
}
#two-columns #middlecolumn {
	border: 1px solid #666;
	display: block;
	margin-top: -50px;
	padding: 100px 20px 20px 20px;
	width: 480px;
}
* html #two-columns #middlecolumn {
	width:450px;
}
#middlecolumn-inner {
	background: #FFF;
	border: 1px solid #444;
}
html>body #middlecolumn-inner {
	opacity: .85;
	filter:alpha(opacity=85);
	padding: 72px 15px 15px;
}
* html #middlecolumn-inner {
	padding: 95px 15px 15px;
}
/* Strange issue with FF where any amount of transparency of adjacent elements causes Flash to disappear */
html>/**/body #middlecolumn-inner {
	opacity: 1;
	padding: 72px 15px 15px;
}	
#middlecolumn.bonairemid #middlecolumn-inner { 
	padding: 20px 15px;
	text-align:left;
}
#middlecolumn.crescentmid #middlecolumn-inner { 
	text-align:left;
	padding: 65px 15px 15px;
}
#middlecolumn.pointwilsonmid #middlecolumn-inner { padding: 50px 15px 15px; }
#middlecolumn.cannonmid #middlecolumn-inner { padding: 87px 15px 15px; }
#middlecolumn-inner-continued { 
	background: #FFF;
	border: 1px solid #444;
	text-align:left;
	padding:0 15px 15px; 
}
html>body #middlecolumn-inner-continued {
	opacity: .85;
	filter:alpha(opacity=85);
}
html>/**/body #middlecolumn-inner-continued { opacity: 1; }	

/* These h1 statements control the position of the title graphic */
#middlecolumn-inner h1 {
	padding: 0px;
	position: absolute;
	width: 473px;
	height: 150px;
	z-index: 10;
}
html>body #middlecolumn.sanjuanmid #middlecolumn-inner h1 {
	background: transparent url(images/designby.png) no-repeat;
	left: 14px;
	top: 94px;
}
* html #middlecolumn.sanjuanmid #middlecolumn-inner h1 {
	background: transparent url(images/designby.gif) no-repeat;
	left: 40px;
	top: 105px;
}
html>body #middlecolumn.bonairemid #middlecolumn-inner h1 {
	background: transparent url(images/portfolio.png) no-repeat;
	left: 458px;
	top: 42px;
	height: 135px;
}
* html #middlecolumn.bonairemid #middlecolumn-inner h1 {
	background: transparent url(images/portfolio.gif) no-repeat;
	left: 479px;
	top: 55px;
}
html>body #middlecolumn.crescentmid #middlecolumn-inner h1 {
	background: transparent url(images/photography.png) no-repeat;
	left: 170px;
	top: 86px;
}
* html #middlecolumn.crescentmid #middlecolumn-inner h1 {
	background: transparent url(images/photography.gif) no-repeat;
	left: 200px;
	top: 105px;
}
html>body #middlecolumn.pointwilsonmid #middlecolumn-inner h1 {
	background: transparent url(images/myresume.png) no-repeat;
	left: -3px;
	top: 30px;
}
* html #middlecolumn.pointwilsonmid #middlecolumn-inner h1 {
	background: transparent url(images/myresume.gif) no-repeat;
	left: 20px;
	top: 43px;
}
html>body #middlecolumn.cannonmid #middlecolumn-inner h1 {
	background: transparent url(images/archive.png) no-repeat;
	left: 160px;
	top: 64px;
}
* html #middlecolumn.cannonmid #middlecolumn-inner h1 {
	background: transparent url(images/archive.gif) no-repeat;
	left: 230px;
	top: 98px;
}
#middlecolumn-inner h1 span {
	display: none;
}
#middlecolumn-inner h3, #middlecolumn-inner-continued h3 {
	background: #FFF url(images/browncorner.gif) no-repeat bottom right;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 0.2em;
	padding: 2px 5px 5px 15px;
	margin: 10px -5px 4px -15px;
}
#middlecolumn-inner-continued h3 { margin-top:0; }
#middlecolumn-inner h3 span, #middlecolumn-inner-continued h3 span {
	letter-spacing:normal;
	font-weight:normal;
	font-size:14px;
}
#middlecolumn-inner h4 {
	border-bottom: #BBB solid 1px;
	color: #555;
	letter-spacing: .1em;
	padding: 2px 5px 5px 0px;
}
#middlecolumn-inner h4 span {
	float: right;
	font-size: 14px;
	letter-spacing: normal;
	line-height: 20px;
	font-weight:normal;
}
#rightcolumn {
	background-color: #F90;
	float: right;
	width: 184px;
	padding: 0px;
	margin: 0px 10px;
	text-align: left;
	border: #f90 solid 0px;
	font-size: 13px;
	color: #333;
}
#rightcolumn h4 {
	padding: 2px 4px 6px 4px;
	margin: 0px;
	background-color: #F90;
	color: #FFF;
}
#rightcolumn p {
	padding: 10px;
	margin: 0px;
	background-color: #FFD89A;
}
#inset-p {
	width:400px;
	padding-bottom: 10px;
	text-align:left;
}
#flash {
	position:relative;
	z-index: 1;
	opacity: 1;
}
	
#resume { padding: 0px 30px 10px 30px; }
#resume, #resume td, #resume th { font-family: Tahoma, Arial, Helvetica, sans-serif; }
#resume th {
	background-color: #CCC;
	font-size: 11px;
	color: #333;
}
#resume h2, #resume h3, #resume h4, #resume h5, #resume h6 {
	font-weight: normal;
}
#resume h5 { 
	font-size: 18px;
	background-color: transparent;
	letter-spacing: normal;
	padding: 10px 0px 3px;
	text-transform:none;
}
#resumetab {
	background-color: transparent;
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	color: #888;
}
#resumetab ul {
	margin: 0px;
	padding: 0px 0px 3px 0px;
}
#resumetab li {
	list-style: none;
	display: inline;
	margin: 0px;
	margin-left: 3px;
}
#resumetab li a {
	padding: 2px 0.5em 3px 0.5em;
	min-height: 17px; /* fixes FX/Mac issue */
	border: 1px solid #BBB;
	border-bottom: none;
	color: #888;
	text-decoration: none;
	background-color: #EEE;
}
#resumetab li a.active {
	border-bottom: #FFF solid 1px;
	color: #f90;
	background-color: #FFF;
	font-size: 15px;
}
#resumetab li a:hover {
	background-color: #FFF5E5;
	color: #333;
}/*Firefox only will change hover for <li>*/
#resumetab li a:hover.active {
	background-color: #FFF;
	color: #C60;
}
#footer {
	clear: both;
	margin: 0px auto;
}
#footer p { 
	background-color: #987;
	font-size: 11px;
	color: #FC9;
	text-align:center;
}
#one-column #footer { padding: 8px 0px 10px 20px; }
#two-columns #footer { padding: 8px 0px 10px 240px; }
#tipDiv {
	position:absolute;
	visibility:hidden;
	left:0;
	top:0;
	background-color: #FFF;
	border: 2px solid #F90;
	padding: 0px 2px 10px 4px;
	color:#444;
	font-size: 15px;
	text-align: center;
	width: 260px;
	z-index:20;
}
#tipDiv h3 { 
	padding: 6px 10px;
	font-weight:normal;
}
#tipDiv p {
	padding: 0px 10px 6px 20px;
	text-align: left;
}
#section_3 h4 { padding: 5px;}
#section_3 h4:hover { background-color:#EEE;}