/*   HTML ELEMENTS   */ 
body {
	font: 10px/170% 'Helvetica', Arial, Sans-Serif;
	color: #000; 	
	margin: 0; 
	padding: 0; 
	background: #f1f1f2;
	text-align: right;
}

img.noborder {
	border:none;
}

/* Links */
a, a:link, a:visited { 
	text-decoration: none;
	border-bottom: 0.5px #000;	
}


/* Headers */
h1, h2 {
	font: 'Helvetica', Arial, Sans-Serif;
	color: #000; 
}
h1 { font-size: 16px; font-weight: normal; letter-spacing: 0.5px; }
h2 { font-size: 9px; font-weight: normal; text-transform:uppercase; }


/*   LAYOUT   */ 
#wrap {
	width: 1065px;
	margin-left:30px;
	text-align: left;	
}

#home {
	width:1134px;
	float:left;
}

/* Header */
#header {
	position: relative;
	margin: 0 auto;
	height: 125px;		
}

#header #header-logo {
	position: absolute;
	top: 0px;
	right: 932px;
	width: 134px;
	height: 60px;
	border-top: solid 10px #F8E550;
}

#header #slogan {
	position: absolute;
	top: 79px;
	right: 635px;
	width: 430px;
	height: 43px;
}

#header #nav-home a {
	position: absolute;
	top: 27px;
	right: 785px;
	width: 37px;
	height: 25px;
	padding-top:12px;
	color:#000;
	font: 14px/170% 'Helvetica', Arial, Sans-Serif;
	vertical-align:text-bottom;
	border-top: solid 1px #f1f1f2;
}

#header #nav-home a:hover {
	background:url(images/nav-homebg.png);
}

#header #nav-home a.current {
	background:url(images/nav-homebg.png);
}

#header #nav-directions a {
	position: absolute;
	top: 27px;
	right: 708px;
	width: 61px;
	height: 25px;
	padding-top:12px;
	color:#000;
	font: 14px/170% 'Helvetica', Arial, Sans-Serif;
	vertical-align:text-bottom;
	border-top: solid 1px #f1f1f2;
}

#header #nav-blog a:hover {
	background:url(images/nav-blogbg.png);
}

#header #nav-blog a {
	position: absolute;
	top: 27px;
	right: 661px;
	width: 25px;
	height: 17px;
	padding-top:12px;
	color:#000;
	font: 14px/170% 'Helvetica', Arial, Sans-Serif;
	vertical-align:text-bottom;
	border-top: solid 1px #f1f1f2;
}

#header #nav-directions a:hover {
	background:url(images/nav-directionsbg.png);
}

#header #nav-directions a.current {
	background:url(images/nav-directionsbg.png);
}

#header #showinfo {
	position: absolute;
	z-index:1;
	top: 27px;
	right: 213px;
	width: 61px;
	height: 50px;
	padding-top:12px;
	color:#000;
	vertical-align:text-bottom;
	border-top: solid 1px #f1f1f2;
}

#header #showinfobg {
	position: absolute;
	z-index:0;
	top: 40px;
	right: 6px;
	width: 313px;
	height: 80px;
	padding-top:12px;
	vertical-align:text-bottom;
	background:url(images/diagonal-bg.png);
}

/* Profile Page Columns */
#left {
	width: 210px;	
	height: 730px;
	float: left;	
	padding-left: 15px;
	padding-bottom: 15px;
	background: #fff;
}

#left .profilePic {
	width: 195px;	
	height: 200px;
}

#left .profileText {
	width: 195px;	
	height: 450px;
	background:url(images/profile-text-bg.gif);
}

#left p {
	font: 'Helvetica', Arial, Sans-Serif;
	font-size: 9.5px; 
	font-weight: normal;
	letter-spacing:0.3px;
	line-height: 18.2px;
	
}

#back{
	font: 'Helvetica', Arial, Sans-Serif;
	font-size: 9px; 
	font-weight: normal;
	letter-spacing:0.5px;
	padding-top:10px;
}

#left a{
	text-decoration:underline;
	color:#000;
	
}

#left p .uppercase{
	text-transform:uppercase;
	letter-spacing:1px;
	font-size:9px;
	font-weight:bold;
}
	
#middle {
	width: 405px;
	float: left;
	padding-left: 15px;
	padding-bottom: 15px;
}

#middle .img {
	margin-top: -15px;
}

#middle .border {
	border: solid #fff 15px;
}

#right {
	width: 420px;
	float: left;
	padding-bottom: 15px;
}

#right .img {
	margin-top: -15px;
}

#right .border {
	border: solid #fff 15px;
}

/* footer */
#footer {
	clear: both;
	float: left;
	width: 1048px;
	height: 100px;
}

#directions {
	width: 810px;
	float: left;
	padding-left: 15px;
	padding-bottom: 15px;
}

#directions .img {
	margin-top: -15px;
}

#directions .border {
	border: solid #fff 15px;
}


#email {
	float:left;
	width: 82px;
	height: 22px;
	border-top: solid 1px #000;
	margin-top:15px;
}

#email p {
	font: 'Helvetica', Arial, Sans-Serif;
	font-size: 9.5px; 
	font-weight: normal;
	letter-spacing:0.3px;
	line-height: 13px;	
}

#email a{
	text-decoration:underline;
	color:#000;
}


#copyright {
	float:right;
	width: 280px;
	height: 22px;
	border-top: solid 1px #000;
	margin-top:15px;
	margin-right:-15px;
	font: 'Helvetica', Arial, Sans-Serif;
	font-size: 9.5px; 
	text-align: right;
	font-weight: normal;
	letter-spacing:0.3px;
	line-height: 13px;	
}

#concept {
	float:left;
	width: 280px;
	height: 22px;
	border-top: solid 1px #000;
	margin-top:15px;
	margin-right:-15px;
	margin-left:158px;
	font: 'Helvetica', Arial, Sans-Serif;
	font-size: 9.5px;
	text-align: left;
	font-weight: normal;
	letter-spacing:0.3px;
	line-height: 13px;
}

.fade {
  position: absolute;
  top: 100px
  left: 100px
}

.fade div {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.container {
	height:730px;
	width: 840px;
	float:left;
}

#profpics {
	width: 405px;
	height: 243px;
	float: left;
	padding-left: 15px;
	padding-bottom: 15px;
	vertical-align: top;
	text-align: left;
	top: 5px;
}

.proftext {
	text-align: left;
	vertical-align: text-top;
	clear: none;
	float:left;
}

.proftext p {
	padding-left: 10px;
	width:150px;
}

.proftext h1 {
	padding-left: 10px;
}

#profpics .img {
	margin-top: -15px;
}


#profpics .border {
	border: solid #fff 15px;
}