*, html {
	padding: 0px;
	margin: 0px;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	background: #fafafa url('images/content_gradient.jpg') center 85px no-repeat;
}

a {
	outline: none;
}

a img {
	border: none;
}

/* clear fix */
.clear:after {
	content: ""; 
	display: block; 
	clear: both; height: 0; 
	visibility: hidden;
}

.clear {
	min-height: 0; 
	height: 1%;
}

/* columns */
.col {
	float: left;
}

/* page titles */
h1.page-title {
	display: block;
}

h1.page-title span {
	display: none;
}

/* top navigation */
#topnav {
	padding: 20px 0 0 23px;
}

#topnav ul {
	list-style-type: none;
}

#topnav ul li {
	display: block;
	height: 9px;
	margin: 0 0 5px 0;
}

#topnav ul li a {
	display: block;
	height: 9px;
	background: url('images/navigation_sprite.png') left top no-repeat;
}

#topnav ul li a span {
	display: none;
}

#topnav ul li.meet {
	width: 33px;
}

#topnav ul li.meet a:hover, #topnav ul li.meet a:active, #topnav ul li.meet.active a {
	background-position: -59px 0px;
}


#topnav ul li.pictures {
	height: 12px;
	width: 55px;
}

#topnav ul li.pictures a {
	background-position: 0px -13px;
	height: 12px;
}

#topnav ul li.pictures a:hover, #topnav ul li.pictures a:active, #topnav ul li.pictures.active  a {
	background-position: -59px -13px;
}

#topnav ul li.ps {
	width: 22px;
}

#topnav ul li.ps a {
	background-position: 0px -30px;
}

#topnav ul li.ps a:hover, #topnav ul li.ps a:active, #topnav ul li.ps.active  a {
	background-position: -59px -30px;
}

/* hello page */
body.hello {
	background: #a5dbd4 url('images/landing_gradient.jpg') center 85px no-repeat;
}

#hello-content {
	height: 177px;
	width: 728px;
	margin: 248px auto 259px auto;
}

#hello-content a {
	display: block;
	height: 177px;
	width: 728px;
	background: url('images/landing_sprite.png') left top no-repeat;
}

#hello-content a:hover {
	background-position: 0px -177px;
}

#hello-content a span {
	display: none;
}

/* meet page */
#meet-content {
	width: 799px;
	margin: 85px auto 140px auto;
}

#meet-content h1.page-title {
	height: 43px;
	width: 188px;
	background: url('images/title_meet.png') left top no-repeat;
	margin: 0px auto 25px auto;
}

#meet-content .content {
	margin: 0 0 35px 0;
}

#meet-content .content .col.left {
	width: 304px;
	margin: 0 18px 0 0;
}

#meet-content .content .col.right ul#logo-links {
	padding: 20px 0 0 0;
}

#meet-content .content .col.right ul#logo-links li {
	float: left;
	margin: 0 30px 0 0;
}


/* meet page left sidebar */
#meet-content .content .col.left ul {
	list-style-type: none;
}

#meet-content .content .col.left ul li {
	display: block;
	height: 19px;
	margin: 0 0 10px 0;
	background: url('images/meet_contact_sprite.png') right top no-repeat;
	text-align: right;
}

#meet-content .content .col.left ul li span {
	display: none;
}

#meet-content .content .col.left ul li.fax {
	background-position: right -28px;
}

#meet-content .content .col.left ul li.email {
	height: 21px;
	background-position: right -61px;
	margin: 0 0 0 56px;
}

#meet-content .content .col.left ul li.email a {
	display: block;
	height: 21px;
	width: 250px;
}

#meet-content .content .col.left ul li span {
	/* display: none; */
}

#meet-content .content .col.left ul {
	text-align: right;
}

#meet-content .content .col.right {
	width: 476px;
}

#meet-content .content .col.right p {
	margin: 0 0 10px 0;
}

#meet-content .content .col.right ul {
	list-style-type: none;
}

#meet-content .content .col.right ul li a {
	color: #000;
}

#meet-content .content .col.right ul li a:hover {
	color: #47aa42;
}

/* meet page profiles */
#meet-content .profiles {
	padding: 0 0 0 322px;
}

#meet-content .profiles .profile {
	float: left;
	margin: 0 12px 0 0;
	padding: 0 0 45px 0;
	background-repeat: no-repeat;
	background-position: center 160px;
}

#meet-content .profiles .profile:last-child {
	margin: 0px;
}

#meet-content .profiles #profile-01 {
	background-image: url('images/meet_profile_01.png');
	
}

#meet-content .profiles #profile-02 {
	background-image: url('images/meet_profile_02.png');
}

#meet-content .profiles #profile-03 {
	background-image: url('images/meet_profile_03.png');
}

#meet-content .profiles #profile-04 {
	background-image: url('images/meet_profile_04.png');
}

#meet-content .profiles #profile-05 {
	background-image: url('images/meet_profile_05.png');
}

#meet-content .profiles .profile a {
	display: block;
	height: 150px;
	width: 150px;
	color: #fff;
	text-decoration: none;
	background: #000 left top no-repeat;
}

#meet-content .profiles .profile a:hover {
	background: #47aa42;
}

#meet-content .profiles .profile a span {
	display: block;
	padding: 68px 0 0 0;
	text-align: center;
}

/* pictures page */
#pictures-content {
	width: 757px;
	height: 320px;
	margin: 259px auto 0px auto;	
}

#pictures-content ul {
	list-style-type: none;
}

#pictures-content ul li {
	display: block;
	height: 45px;
	float: left;
}

#pictures-content ul li a {
	display: block;
	height: 45px;
	background: url('images/pictures_sprite.png') left top no-repeat;
}

#pictures-content ul li a span {
	display: none;
}

#pictures-content ul li.people {
	width: 278px;
}

#pictures-content ul li.people a {
	width: 210px;
}

#pictures-content ul li.people a:hover, #pictures-content ul li.people a:active {
	background-position: 0px -46px;
}

#pictures-content ul li.places {
	width: 235px;
}

#pictures-content ul li.places a {
	width: 170px;
	background-position: -219px 0px;
}

#pictures-content ul li.places a:hover, #pictures-content ul li.places a:active {
	background-position: -219px -46px;
}

#pictures-content ul li.things {
	width: 192px;
}

#pictures-content ul li.things a {
	width: 192px;
	background-position: -400px 0px;
}

#pictures-content ul li.things a:hover, #pictures-content ul li.things a:active {
	background-position: -400px -46px;
}

#view-content {
	width: 757px;
	height: 567px;
	margin: 57px auto 0px auto;
}

#view-content #gallery-navigation ul {
	list-style-type: none;
	margin: 0 0 10px 0;
	text-align: center;
}

#view-content #gallery-navigation ul li {
	display: inline;
}

#view-content #gallery-navigation ul li a {
	text-decoration: none;
	color: #000;
	padding: 3px;
}

#view-content #gallery-navigation ul li a:hover, #view-content #gallery-navigation ul li a:active, #view-content #gallery-navigation ul li a.active {
	background: #000;
	color: #FFF;
}

#view-content #gallery-image {
	text-align: center;
	margin: 0 0 23px 0;
	height: 445px;
	background: url('images/ajax-loader.gif') center center no-repeat;
}

#view-content #gallery-image img {
	display: block;
	margin: 0 auto;
}

#view-content #pictures-navigation {
	
}

#view-content #pictures-navigation ul {
	list-style-type: none;
	width: 176px;
	margin: 0 auto;
}

#view-content #pictures-navigation ul li {
	display: block;
	float: left;
	height: 11px;
}

#view-content #pictures-navigation ul li a {
	display: block;
	height: 11px;
	background: url('images/pictures_small_sprite.png') left top no-repeat;
}

#view-content #pictures-navigation ul li a span {
	display: none;
}

#view-content #pictures-navigation ul li.people {
	width: 69px;
}

#view-content #pictures-navigation ul li.people a {
	width: 53px;
}

#view-content #pictures-navigation ul li.people a:hover, #view-content #pictures-navigation ul li.people a:active, #view-content #pictures-navigation ul li.people a.active {
	background-position: 0px -13px;
}

#view-content #pictures-navigation ul li.places {
	width: 59px;
}

#view-content #pictures-navigation ul li.places a {
	width: 43px;
	background-position: -56px 0px;
}

#view-content #pictures-navigation ul li.places a:hover, #view-content #pictures-navigation ul li.places a:active, #view-content #pictures-navigation ul li.places a.active {
	background-position: -56px -13px;
}

#view-content #pictures-navigation ul li.things {
	width: 48px;
}

#view-content #pictures-navigation ul li.things a {
	width: 48px;
	background-position: -101px 0px;
}

#view-content #pictures-navigation ul li.things a:hover, #view-content #pictures-navigation ul li.things a:active, #view-content #pictures-navigation ul li.things a.active {
	background-position: -101px -13px;
}

/* p.s. page */
#ps-content {
	width: 799px;
	margin: 68px auto 0px auto;
}

#ps-content h1.page-title {
	width: 142px;
	height: 45px;
	background: url('images/title_ps.png') left top no-repeat;
	margin: 0 auto 30px auto;
}

#ps-content .content {
	margin: 0 0 67px 0;
}

#ps-content .content .col.left {
	width: 145px;
	font-size: 1em;
	margin: 0 10px 0 0;
}

#ps-content .content .col.left ul {
	text-align: right;
	list-style-type: none;
}

#ps-content .content .col.left ul li a {
	text-decoration: none;
}

#ps-content .content .col.left ul#current-navigation {
	margin: 10px 0 15px 0;
}

#ps-content .content .col.left ul#current-navigation li a {
	color: #333333;
}

#ps-content .content .col.left ul#current-navigation li a:hover {
	color: #ee3124;
}

#ps-content .content .col.left ul#blog-navigation li:first-child a {
	font-weight: bold;
	color: #ee3124;
}

#ps-content .content .col.left ul#blog-navigation li a {
	color: #808080;
}

#ps-content .content .col.left ul#blog-navigation li a:hover {
	color: #000000;
}

#ps-content .content .col.right {
	width: 644px;
}

#ps-content .content .col.right img {
	display: block;
	margin: 0 0 10px 0;
}

#ps-content .content .col.right p {
	margin: 0 0 10px 0;
}

#ps-content h3.title {
	font-size: 3.2em;
	margin: 0 0 12px 0;
}

/* footer */
.footer {
	height: 35px;
	width: 153px;
	margin: 0px auto 20px auto;
	position: relative;
}

.footer a#footer-link {
	display: block;
	height: 19px;
	width: 153px;
	background: url('images/footer_logo_sprite.png') left top no-repeat;
	position: absolute;
	left: 13px;
}

.footer a#footer-link:hover {
	background-position: 0px -19px;
}

.footer a#props {
	position: absolute;
	left: 25px;
	top: 25px;
	color: #999999;
	text-decoration: none;
}

.footer a#props:hover {
	color: #666666;
}
