@charset "utf-8";
/**********KEY***********/
/*                      */
/* Light Grey: #DDDDDD  */
/* Dark Grey: #666666   */
/* Blue: #003D71        */
/* Orange: #DF9000      */
/*                      */
/************************/

* {
margin: 0;
padding: 0;
}
body {
background:url(images/stretch.jpg) repeat-x #FFFFFF;
font-family:Helvetica;
color: #003D71;
}
body.home {
background:url(images/stretch_home.jpg) repeat-x;
}
#wrapper {
width: 980px;
margin: 0 auto;
}
.nav, .nav-home, .subnav {
width:935px;
padding: 0 0 0 45px;
}
.nav-home {
background:url(images/nav_back_home.jpg) no-repeat;
height:53px;
}
.nav {
background:url(images/nav_back.jpg) no-repeat;
height:60px;
}
.subnav {
height:53px;
}
.floatright {
float: right;
}
/*********BOXES**********/
/*                      */
/************************/
#gallery {
height: 175px;
}
#boxes {
background:url(images/boxes_back.jpg) repeat-x;
width: 100%;
height:338px;
position:static;
bottom:0;
padding-top: 5px
}
.boxwrap {
width: 920px;
margin: 0 auto;
}
.news, .sitemap, .follow {
width: 291px;
height: 240px;
float:left;
padding-top: 45px;
}
.news {
margin-left:20px;
background:url(images/news_back.jpg) no-repeat;
}
.sitemap {
background:url(images/sitemap_back.jpg) no-repeat;
}
.sitemap ul, .follow ul {
list-style: none;
margin-left: 14px;
color: #003D71;
}
.sitemap ul li, .follow ul li {
padding: 2px 0;
font-size: 14px;
}
.sitemap ul li a, .follow ul li a {
color: #003D71;
text-decoration: none;
}
.sitemap ul li a:hover, .follow ul li a:hover {
text-decoration: underline;
}
.follow {
background:url(images/follow_back.jpg) no-repeat;
}
#main {
width: 870px;
min-height:421px;
padding: 20px 55px;
}
.content {
width: 575px;
text-align:justify;
font-size: 15px;
}
.content h4 {
text-transform: uppercase;
}
.content p {
padding-bottom: 8px;
}
#sidebar {
width: 241px;
background:#DF9000;
float: right;
min-height:381px; 
color: #FFFFFF;
padding: 20px;
}
#sidebar h2 {
text-transform: uppercase;
font-weight:500;
font-size: 22px;
padding-bottom: 4px;
}
#sidebar h3 {
font-size: 18px;
padding-top: 4px;
}
#sidebar ul {
list-style:none;
}
#bioside {
width: 241px;
float: right;
min-height:381px; 
}
#footer {
background:#003D71;
width:100%;
position:fixed;
bottom: 0;
left: 0;
height: 34px;
z-index:10;
color: #FFFFFF;
}
.footinfo {
margin: 0 auto;
width: 860px;
}
.footinfo h4 {
font-size: 18px;
font-weight:bold;
display:inline-block;
padding: 7px 0 0;
}
.footinfo h4 a {
color: #FFFFFF;
text-decoration:none;
}
.footinfo p {
font-size: 14px;
display:inline-block;
padding: 7px 10px 0;
}
.footinfo img {
float:right;
}
.button {
margin: 0 210px;
background:#DF9000;
color: #FFFFFF;
padding: 5px;
font-size: 15px;
font-weight: bold;
font-family:Helvetica,sans-serif;
}
.button:hover {
color: #003D71;
}

/********CAROUSEL********/
/*                      */
/************************/
.jcarousel-skin-tango .jcarousel-container-horizontal {
width: 922px;
padding: 6px 0 20px 58px;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
width: 864px;
height: 135px;
}
.jcarousel-skin-tango .jcarousel-item {
width: 206px;
height: 135px;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
margin: 0 9px;
}
.jcarousel-skin-tango .jcarousel-item-vertical {
margin-bottom: 10px;
}
.jcarousel-skin-tango .jcarousel-item-placeholder {
background: #fff;
color: #000;
}
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 60px;
    right: 20px;
    width: 38px;
    height: 46px;
    cursor: pointer;
    background: transparent url(images/next_button.jpg) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 60px;
    left: 20px;
    width: 38px;
    height: 46px;
    cursor: pointer;
    background: transparent url(images/prev_button.jpg) no-repeat 0 0;
}
.borderright {
border-right: 1px dotted #666666;
}

/*********PEOPLE*********/
/*                      */
/************************/
#staff {
background:#dddddd;
width: 270px;
height:153px;
text-align: right;
padding-right: 10px;
margin: 10px 10px 10px 0;
float: left;
}
#staff img {
float: left;
}
#staff h2 {
color: #003D71;
padding-top: 10px;
font-size: 20px;
font-weight:normal;
}
#staff h2 a {
color: #003D71;
text-decoration: none;
}
#staff h2 a:hover, #staff p a:hover {
color: #FFFFFF;
text-decoration: none;
}
#staff p, #staff p a {
color: #666666;
text-decoration:none;
}
#staff:hover {
background: #DF9000;
}
#staff:hover h2, #staff:hover p, #staff:hover a {
color: #FFFFFF;
}
.bio {
float: left;
width: 225px;
}
.bio h2 {
font-size: 20px;
font-weight:normal;
margin: 3px 0 3px 15px;
}
.biotitle {
font-size: 16px;
color: #DF9000;
}
.social {
height: 31px;
margin: 0 0 0 12px;
}

/********PORTFOLIO*******/
/*                      */
/************************/
.filter {
width: 149px;
height:215px;
float:left;
}
.filter h4 {
color: #003D71;
border-top:1px dotted #757575;
border-bottom:1px dotted #757575;
text-transform:uppercase;
padding: 0 0 0 8px;
line-height:30px;
}
.filter ul {
list-style:none;
color: #757575;
font-weight:bold;
margin-left: 10px;
}
.filter ul li {
padding: 9px 0;
}
.filter ul li a {
color: #de8f27;
text-decoration:none;
}
.filter ul li a:hover {
text-decoration:underline;
}
#portwrap {
width: 680px;
margin-left: 169px;
}
#portbox, #portbox-last {
border-top:1px dotted #757575;
width: 224px;
height: 166px;
float: left;
}
#portbox img {
padding: 0 18px;
margin: 15px 0;
border-right:1px dotted #757575;
}
#portbox-last img {
padding: 0 18px;
margin: 15px 0;
}
.paginator {
width: 654px;
padding: 4px 20px;
border-top: 1px dotted #757575;
border-bottom: 1px dotted #757575;
height:24px;
clear:both;
margin-left: 169px;
}
.active {
color:#003D71;
text-decoration:none;
text-transform: uppercase;
}
.inactive {
color:#cccccc;
cursor:default;
text-decoration:none;
text-transform: uppercase;
}
#flickrbox {
width: 208px;
float:right
}
#flickrbox h4 {
color: #023c6a;
padding: 7px 0 7px 9px;
margin:0;
font-family:Helvetica, sans-serif;
}
.orange {
color: #de8f27;}
#flickr { margin: 0; padding: 0; width: 200px; height: 133px; padding: 3px; background: #eee; -moz-box-shadow: 0 0 2px #000; -webkit-box-shadow: 0 0 2px #000;}
#flickr li { position: relative; list-style: none; margin: 0; padding: 3px; width: 200px; height: 133px; overflow: hidden; }
#flickr li div { position: absolute; bottom: 3px; left: 3px; padding: 3px; width: 194px; background: black; color: white; font-size: 12px; opacity: .8; }
#flickr_gallery {
	width:189px;
	float:left;
	}
#flickr_wrapper {
	margin:0 10px;
	padding:0 0 20px 0;
	}
#thumb {
	margin:20px 0 0 0;
	overflow:hidden;
	padding: 0;
	}
#thumb li {
	list-style:none;
	margin:0 6px 10px 0;
	float:left;
	}
#thumb li.right {
	margin:0 0 10px 0;
	}
.view {
width: 114px;
float: right;
border-left:1px dotted #757575;
border-right:1px dotted #757575;
min-height:271px;
}
.view h4 {
color: #023c6a;
padding: 7px 0 7px 10px;
margin:0;
}
.view ul {
list-style:none;
color: #757575;
font-weight:bold;
margin: 0;
padding: 0;
}
.view ul li {
padding: 7px 0 7px 10px;
margin:0;
}
.view ul li a {
color: #de8f27;
text-decoration:none;
}
.view ul li a:hover {
text-decoration:underline;
}
.portdesc {
width: 346px;
padding-right: 10px;
}
.portdesc h1 {
color:#003D71;
font-size: 18px;
padding-bottom: 8px;
}
.portdesc p {
color: #333;
font-size: 12px;
text-align:justify;
padding-bottom: 8px;
}
.portlarge {
border-bottom:1px dotted #757575;
margin-bottom: 20px;
padding-bottom: 10px;
}
.item {
width: 260px;
padding: 3px 10px;
border-bottom:1px dotted #757575;
margin: 2px 0 2px 5px;
}
.item h2 {
font-size: 16px;
font-weight: normal;
}
.item h2 a {
color: #003D71;
text-decoration: none;
font-style:italic;
}
.item h2 a:hover {
text-decoration: underline;
font-style:italic;
}
.item p {
font-size: 14px;
}
#counttwitter, #countfacebook {
	float: right;
	margin-top: 18px;
	height: 26px;
	overflow: hidden;
	background: url(images/share-bubble.jpg) no-repeat 0 0;
}

#countfacebook { margin-right: 55px; }
#counttwitter { margin-right: 10px; }
.countbutton { float: left; cursor: pointer; width: 59px; }

.countnumber {
	float: left;
	text-align: center;
	color: #444444;
	margin-left: 5px;
	margin-top: 3px;
	font-weight: bold;
	width: 40px;
	display: none;
}