@charset "UTF-8";

body, html
{
	margin: 0px;
	padding: 0px;

	color:#6e675f;
	font-family: Arial, Verdana, Tahoma, sans-serif;
	font-size: 8.75pt;
	
	background-image: url(/img/footer-background.gif);
	background-repeat: repeat-x;
}

a
{
	outline:none !important;
}

a img
{
	border: none;
}

div#content a
{
	color: #579ba2;
}

div#content a:hover, div#footer-box a:hover
{
	color: #594637;
}

h2
{
	color: #579ba2;

	font-size: 11pt;
	font-weight: normal;

	text-transform: uppercase;

	margin: 0px 0px 15px 0px;
	padding-top:1px;

	line-height: 8pt;
}

div#page
{
	background-color: #dddbd4;

	overflow: auto;
}

div#header
{
	background-color: #7bb2b8;
	color: #185c63;

	height: 82px;
}

div#header *
{
	margin: 0px;
}

div#content, div#header-content, div#footer
{
	width: 951px;

	margin: 0px auto 0px auto;
}

div#content
{
	padding: 30px 0px 30px 0px;
}

div#header h1
{
	background-image: url(/img/header.gif);
	background-repeat: no-repeat;

	position: relative;
	left: -50px;
}

div#header h1 a
{
	display: block;

	text-indent: -5000px;
}

div#header h1, div#header h1 a
{
	width: 453px;
	height: 82px;
}

ul#top-contact, ul#nav
{
	margin: 26px 0px 0px 0px;
	padding: 0px;

	list-style: none;

	float: right;

	text-transform: uppercase;
}

ul#top-contact a
{
	color: #185c63;
	text-decoration: none;
}

ul#top-contact a:hover
{
	color: white;
}

ul#top-contact li
{
	display: inline;

	margin-left: 15px;
}

ul#top-contact li a
{
	background-repeat: no-repeat;
	padding-bottom: 5px;
}

ul#top-contact li#start-conversation a, ul#top-contact li#newsletter a
{
	padding-left: 25px;
}

ul#top-contact li#start-conversation a
{
	background-image: url(/img/start-conversation.gif);
}

ul#top-contact li#newsletter a
{
	background-image: url(/img/newsletter.gif);
}

ul#top-contact li:hover a
{
	background-position: 0px -20px;
}

ul#nav
{
	margin-top: -25px;
}

ul#nav li
{
	display: inline;

	border-right: 1px solid #5f999f;

	padding-right: 10px;
	margin-right: 9px;
}

ul#nav li.last
{
	border-right: none;

	padding-right: 0px;
	margin-right: 0px;
}

ul#nav li a
{
	color: white;
	text-decoration: none;
}

ul#nav li a:hover
{
	color: #185c63;
}

div#footer div#copyright br
{
	display: none;
}

div#footer div#copyright, div#footer div#copyright *
{
	color: #dddbd4;

	font-size: 8pt;

	display: inline;

	margin: 0px;
	padding: 0px;

	font-style: normal;
}

div#footer div#copyright a:hover
{
	color: white;
}

div#footer div#copyright p, div#footer div#copyright li, div#footer div#copyright span
{
	border-left: 1px solid #aea9a1;

	margin-left: 4px;
	padding-left: 6px;
}

div#footer div#copyright p:first-child
{
	margin-left: 0px;
	padding-left: 0px;

	border: none;
}

div#footer blockquote
{
	width: 215px;
	height: 172px;

	float: left;

	background-image: url(/img/footer-quote-bubble.png);
	background-repeat: no-repeat;

	margin: 30px 0px 20px 0px;
	padding: 16px 15px 0px 15px;

	font-size: 9.5pt;

	color: #2f828b;

	text-align: right;
}

div#footer blockquote p
{
	line-height: 14pt;
}

div#footer blockquote *
{
	margin: 0px;
	padding: 0px;

	font-style: normal;
}

div#footer blockquote cite:before
{
	content: '- ';
}

div#footer-box
{
	float: right;

	width: 677px;
	height: 155px;

	margin: 30px 0px 10px 0px;

	background-image: url(/img/footer-box-background.png);

	color: white;
}

div#footer-box *
{
	margin: 0px;
	padding: 0px;

	font-size: 9pt;
}

div#footer-box h2
{
	text-transform: uppercase;
	
	font-weight: normal;
	font-size: 11pt;

	margin-bottom: 15px;
}

div#footer-box h2, div#footer-box a
{
	color: #8ac9d0;
}

div#footer-box ul
{
	list-style: none;
}

div#footer-box div#news ul li
{
	background-image: url(/img/footer-box-bullet.png);
	background-position: 0px 4px;
	background-repeat: no-repeat;

	padding: 0px 0px 10px 12px;
}

div#soc-media {
	float:right;
}

div#soc-media ul {
	list-style:none;
	margin:0;
	padding:0;
}
div#soc-media ul li{
	padding:0 0 0 10px;
	float:left;
}

div#soc-media ul li a span {
	display:none;
}

div#soc-media ul li#youtube a {
	display:block;
	width:87px;
	height:28px;
	background: url(/img/youtube.png);	
}

div#soc-media ul li#twitter a {
	display:block;
	width:87px;
	height:28px;
	background: url(/img/twitter.png);
}

div#soc-media ul li#youtube a:hover,
div#soc-media ul li#youtube a:active {
	background: url(/img/youtube_.png);
}

div#soc-media ul li#twitter a:hover,
div#soc-media ul li#twitter a:active {
	background: url(/img/twitter_.png);
}

div#news, div#staff
{
	margin: 20px 0px 20px 0px;

	float: left;
}

div#news
{
	width: 200px;
	height: 115px;

	overflow: hidden;

	margin-left: 20px;
	margin-right: 20px;

	padding-right: 20px;

	border-right: 1px solid #8f8982;
}

div#news h2
{
	padding-top:1px !important;
}

div#staff li
{
	float: left;
	
	width: 53px;
	height: 55px;

	margin: 10px 0px 0px 30px;
}

div#staff li:first-child
{
	margin-left: 0px;
}

div#staff li a
{
	display: block;

	width: 51px;
	height: 53px;

	padding: 1px;
}

div#staff li a:hover
{
	/*padding: 0px;

	border: 1px solid white;*/
}

div#staff li:hover span
{
	display: inline;
}

div#staff li span
{
	display: none;

	position: absolute;

	margin: -6px 0px 0px -7px;

	background-repeat: no-repeat;

	width: 40px;
	height: 29px;

	text-indent: -5000px;
}

html* div#staff li span
{
	margin:49px 0px 0px -59px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	div#staff li span
	{
		margin:-6px 0px 0px -7px !important;
	}
}

div#staff li.jean span
{
	background-image: url(/img/staff/names/jean.png);
}

div#staff li.emily span
{
	background-image: url(/img/staff/names/emily.png);
}

div#staff li.megan span
{
	background-image: url(/img/staff/names/megan.png);
}

div#staff li.amy span
{
	background-image: url(/img/staff/names/amy.png);
}

div#staff li.briana span
{
	background-image: url(/img/staff/names/briana.png);
}

div#staff li.lisa span
{
	background-image: url(/img/staff/names/lisa.png);
}

div#staff li.erin span
{
	background-image: url(/img/staff/names/erin.png);
}

div#home
{
	width: 678px;
	height: 357px;
	position:relative;
}

div#home *
{
	margin: 0px;
}

div#home p
{
	display: none;
}

div#home a#home-ad
{
	display: block;

	text-indent: -5000px;
	
	position:relative;

	height: 357px;
}

div#home a#home-ad div#fade-cover
{
	border:0;
	bottom:0;
	display:block;
	height:358px;
	left:0;
	padding:0;
	position:absolute;
	right:0;
	top:0;
	width:678px;
	z-index:99;
}

div#home a#home-ad img#home-ad-img
{
	border:0;
	display:block !important;
	height:358px;
	left:0;
	margin:0;
	position:absolute;
	top:0;
	visibility:visible !important;
	width:678px;
	z-index:90;
}

div#featured-projects
{
	float: right;

	width: 245px;
}

div#featured-projects *
{
	margin: 0px;
}

div#featured-projects ul
{
	list-style: none;

	padding: 0px;
}

div#featured-projects ul li
{
	height: 79px;

	background-image: url(/img/featured-project-background.png);
	background-repeat: no-repeat;

	margin-top: 25px;
}

div#featured-projects ul li p
{
	float: left;
	max-height:79px;
	overflow:hidden;
}

div#featured-projects ul li h3
{
	float: right;

	width: 140px;

	margin: 14px 10px 0px 0px;
}

div#featured-projects ul li h3 span
{
	display: block;
}

div#featured-projects ul li h3 a
{
	color: #3c342d;

	text-decoration: none;

	font-size: 8pt;
	font-weight: normal;
}

div#featured-projects ul li h3 a:hover
{
	color: white;
}

div#featured-projects > p
{
	margin: 20px 0px 0px 0px;
}

html* p#view-portfolio
{
	margin-top:10px;
}

div#footer div#copyright
{
	margin-top: 10px;
	float: right;
}

div#secondary
{
	display:block;
	min-height:333px;
	margin:0 auto;
	position:relative;
	width:951px;
}

div#secondary #left
{
	background-color:#fff;
	display:block;
	min-height:300px;
	overflow:auto;
	padding:20px;
	width:634px;	
}

div#secondary #right
{
	float:right;
	margin:0 0 0 20px;
	min-height:400px;
	padding:0;
	overflow:auto;
	width:256px;
}

div#secondary #right ul.sidebar
{
	border-top:1px solid #bfbdb4;
	margin:0;
	overflow:auto;
	padding:0;
	text-align:left;
	width:256px;
}

div#secondary #right ul.sidebar li
{
	border-bottom:1px solid #bfbdb4;
	color:#579ba2;
	display:block;
	float:left;
	font-size:8.75pt;
	overflow:auto;
	padding-bottom:5px;
	padding-top:5px;
	text-transform:uppercase;
	width:100%;
}

div#secondary #right ul.sidebar li a
{
	color:#276469;
	text-decoration:none;
}

div#secondary #right ul.sidebar li a:hover
{
	color:#7bb2b8;
}

div#secondary #right ul.sidebar li a.current
{
	color:#7bb2b8;
}

div#secondary #right ul.sidebar li ul
{
	border:none;
	padding-left:15px;
}

div#secondary #right ul.sidebar li ul li
{
	border:none;
	color:#594637;
	font-size:10px;
	margin:0;
	padding:5px 0 0 0;
}

div#secondary #right ul.sidebar li ul li a
{
	color:#185c63; /*#594637;*/
	text-decoration:none;
}

div#secondary #right ul.sidebar li ul li a:hover
{
	color:#594637;
}
