/* ----- Global -----*/
*{margin: 0; padding: 0; border: none;}

body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height: 15px;
	color:#333333;
	background-image: url(images/bg-brick.gif);
	background-position:top center;
	background-repeat:repeat-y; text-align:left;
}

#container{width: 908px; text-align:left; margin: auto;}

p{margin: 0 0 8px 0;}
h1{color: #2995cb; font-size: 18px; font-style:italic; border-bottom: 3px double #e8f3f9; padding: 0 0 7px 0; width: 97%; margin: 0 0 5px 0;}
h2{color: #ff7b1a; font-size: 15px; font-style:italic; font-weight:normal; margin: 0 0 6px 0; overflow:visible; line-height:20px;}
h3{color: #ff7b1a; font-size: 12px;  font-weight:bold; margin: 0 0 0px 0;}
hr{border-top: 3px double #e8f3f9; height: 3px; background: none; width: 870px; margin: 10px 0;}
ul{list-style-type: none; margin: 0 0 15px 0;}
li{background: url(images/bullet.gif); background-repeat: no-repeat; background-position: 0 3px;margin: 2px 0 2px 15px; padding: 0 0 0 12px;}


/* ----- Header /  Subnav  /  Footer -----*/
#header{text-align: left;  }
.logo{display: block; margin: 32px 0 8px 0px;}

#nav{ text-align: center;height: 22px; background:#f4f2ee; width: 904px; }
#nav a{margin: 0 15px; height: 22px;}

#footer{border-top: 1px solid #c3c3c3; padding: 6px 0 0 0; width: 902px; margin: 5px 0 4px 0; text-align: left;}
#footer, #footer a{color: #888; text-decoration:none;}
#footer a:hover{text-decoration: underline;}
#footer .right{float: right; text-align:right; width: 200px;}
#footer a{margin: 0 14px 0 0;}

#noSubNav{ background: #ff720b; text-align:left; height: 1px; width: 902px; line-height: 0; font-size:0px;}

#subnav{background: #dbd9d4; text-align:left; height: 22px; border-top: 1px solid #ff720b; width: 902px; margin-left: 0px;  }
#subnav span{margin: 0; height: 19px; display: block; float: left; width: 13%; padding: 3px 0 0 6px; }
#subnav a{text-decoration:none; color: #333333;  height: 22px; }
#subnav span:hover{background: #cccac6; height: 19px;}
#subnav span.active{background: #2995cb; }
#subnav span.active a{color: #fff;}




/* ----- Homepage -----*/
#flash{margin: 0 0 25px 0;}



/* ----- 2 column layout -----*/
#twoCol{text-align: left; float: left; margin-top: 22px;}
#twoCol .col1{background: url(images/bg-leftcol.gif); background-repeat:repeat-y; width: 617px; float: left;}
#twoCol .col1 p{padding-right: 20px;}
#twoCol .col2{width: 290px; float: left;}

.colEdge{float: left; display: block; clear:both;}

#oneCol{text-align: left; float: left; margin-top: 22px;}
#oneCol .col1{background: url(images/bg-fullcol.gif); background-repeat:repeat-y;  float: left;}


.content{padding: 0 8px 15px 14px;}



/* ----- projects page -----*/
#tabs{margin: 15px 15px 15px 0; border-bottom: 1px solid #e0e0e0; float: left; width: 860px; }
#tabs span{background: url(images/bg-tab-inactive.gif); background-repeat:no-repeat; width: 148px; height: 22px; display: block; float: left; margin: 0 5px 0 0; position: relative; top: 1px;text-align:center; padding-top: 3px; }
#tabs span:hover{height: 22px;}
#tabs span.active{background: url(images/bg-tab-active.gif);  }
#tabs a{height: 25px; width: 148px; color: #fff; font-weight: bold; text-decoration: none;}
#tabs span.active a{color: #333333;}

#featured {float: left;}
#featured .col1{width: 165px; float: left;}
#featured .col2{float: left; width: 526px; height: 416px; background: url(images/bg-projects.gif); background-repeat:no-repeat;}
#featured .col3{float: left; width: 160px; position: relative; left: 4px; padding-top: 3px; font-size: 10px;}
#featured .col1 ul{margin: 5px 0 0 0; padding: 0; list-style-type: none;}
	#featured .col1 li{background: #eee; margin-bottom: 1px; padding: 6px 2px 6px 4px; border-left: 2px solid #ccc; font-size: 10px; font-weight:bold; line-height:12px;}
#featured .col1 li.active{background: #2995cb; border-left:2px solid #ff7b1a; }
#featured .col1 li.active a, #featured .col1 li.active a:hover{color: #fff;}
#featured .col1 li a{text-decoration: none; color: #000;}
#featured .col1 li a:hover{color: #2995cb;}
#featured .col2 .box{padding: 15px 14px 0 11px;}
#featured .col3 h1{font-style: normal; font-size: 13px; margin: 0 0 6px 0; border: none;}
#featured .col3 div{border-top: 1px solid #eee; padding: 4px 0; margin: 3px 0; line-height: 13px;}
#featured .col3 b{color: #000}

.photoSlider{background: #ff7b1a; margin-top: 4px; padding: 5px 0px 4px 5px; float: left; width: 496px;}
.thumb{border: 1px solid #fff;margin: 0 1px ;}
.main{}
.mainBox{width: 500px; height: 318px; }
.previous{float: left;}
.next{float: left;}
.active .thumb{border: 1px solid #000;}
.thumbBox{ float: left; width: 450px; }
.thumbBox div{display: inline;}

#otherProjects{width: 870px; margin-top: 0px;}
#otherProjects th{background:#2995cb; color: #fff; padding: 3px;}
#otherProjects td{vertical-align: top;padding: 3px 8px 3px 3px; font-size: 10px;}
.pager{float: right; width: 300px; text-align:right; position:relative; left: -15px; }


#featured .col2 h1{position: relative; top: -160px; border: none; font-size: 12px;}


/* ----- bios -----*/
#bioThumbs{margin: 16px 0 0 0;}
#bioThumbs h1{border: none; margin: 0;}
.bioThumb{float: left; background: url(images/bg-bio-thumb.gif); background-repeat:no-repeat; height: 160px; width: 151px;}
.bioThumb .box{padding: 14px;}
.bioThumb a {text-decoration: none;}
.bioThumb img:hover{position: relative; top: 1px; left: 1px;}
.bioThumb .box a h1:hover{text-decoration: underline;}
#bioThumbs .bioThumb h1{font-size: 11px; font-style:normal; margin: 4px 0 0px 0; border: none; padding: 0;}
#bioThumbs .bioThumb h2{font-size: 9px; line-height: 12px; font-weight:normal; color:#333333;}
.bioHeader{float: left; width: 453px; padding: 33px 0 0 0}
#bioThumbs .bioHeader p{padding: 0px 15px 0 0; line-height: 22px;}


/* ----- bio popup -----*/
div#bio-popup{font-family: Arial, Helvetica, sans-serif; background: #eceae4;}
.right {float: right; display: inline;}
.left {float: left; display: inline;}
.clear {clear: both;}
div#bio-info{width: 360px; margin: 25px 20px 0px 0px;}
div#bio-name{height: 30px; font-size: 27px; line-height: 27px; font-weight: bold; border-bottom: 1px solid #ff720b;}
div#title {height: 23px; line-height: 23px; background: #ff720b; color: white; padding-left: 12px; padding-right: 15px;}
div#title img {margin: 8px 5px 0px 0px;}
div#bio-text {height: 400px; overflow: auto; margin-top: 8px; padding-right: 5px; font-size: 12px; line-height: 18px;}
div#options {width: 552px; margin-left: 24px; margin-top: 25px; padding-top: 9px; border-top: 1px solid #ff720b; margin-bottom: 8px;}
div#bio-popup a {cursor: pointer;}
div#bio-nav img {margin-right: 13px;}
div#bio-pic {width: 188px; height: 232px; background: url(images/bio_pic_bg.jpg); margin: 12px 0px 0px 12px;}
div#bio-pic img {margin: 18px;}
div#bio-text p.first-p {margin-top: 0px;}
.bioEmail{background: url(images/emailicon.gif); background-repeat: no-repeat; background-position: 0 4px; padding-left: 19px; margin: 0 0 6px 0;}
.bioEmail a{font-size: 11px;}
.bioEmail a:hover{color: #000;}



/* -----subpage styles -----*/
.photoRight{float: right;  }
div.photoRight{margin-left: 15px;}
.photoRight img{position: relative; left: -10px;}
.photoRight .button{ margin-left: 3px;}


/* ----contact -----*/
#contactAddress{background: url(images/p-bg-contact.jpg); background-repeat:no-repeat;width: 840px; height: 290px; position: relative; left: -3px; padding: 34px 0  0 33px;}
#contactAddress, #contactAddress h3, #contactAddress a{color: #fff; font-size: 12px;}
.emails {position: relative; left: 35px; float: left; margin: 0 0 15px 0;}
.emails .column{width: 270px; float: left;}
.emails .column a{display: block; margin: 0 0 15px 0;}

/* ----- history page -----*/
div#timeline {height: 45px; margin-top: 20px; margin-bottom: 30px;}
div#timeline div {float: left; display: inline; text-align: center; padding-right: 73px; background: url(images/history/orange_line.jpg) repeat-x;}
div#timeline div.first { background: url(images/history/orange_line_first.jpg) no-repeat top right;}
div#timeline div.last {padding-right: 0; background: url(images/history/orange_line_last.jpg) no-repeat top left;}
div#timeline img.name {margin-top: 6px;}
div#timeline a {cursor: pointer;}
div#voy2,div#farris,div#farris2,div#dan,div#dan2,div#justin,div#matt, div#kyle {display: none;}
div.person div.text {color: #696762; width: 530px; margin-left: 30px;}
div.person img {margin-left: 20px;}
div.person2 div.text {color: #696762; margin: 0px 30px 0px 20px;}
div.person2 img {padding-right: 30px; padding-bottom: 5px;}
a.changetxt {display: block;}
a.changetxt2 {color: #2995cb;}
a.changetxt2:hover {color: #ff720b;}
div#bio-back {font-size: 9px; font-weight: bold; font-style: italic; border-bottom: 1px solid #d4eaf5; margin-bottom: 15px; float: left; display: inline;  height: 18px; width: 530px;}
div#bio-back a {text-decoration: none; color: #2995cb;}
div#bio-back a:hover {color: #ff720b;}

.row{	background-color: White;}

.altrow{	background-color: #eee;	}