/* YUI-style reset to try and make appearance consistent amongst browsers */
html {
	color:#000;
	background:#fff;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img {
	border:0;
}
address,caption,cite,code,dfn,th,var { /* Don't mess with 'strong' and 'em'? */
	font-style:normal;
	font-weight:normal;
}
li {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym {
	border:0;
	font-variant:normal;
}
sup { vertical-align:text-top; }	/* to preserve line-height and selector appearance */
sub { vertical-align:text-bottom; }
input,textarea,select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
input,textarea,select {	/*to enable resizing for IE*/
	*font-size:100%;
}
legend {	/*because legend doesn't inherit in IE */
	color:#000;
}
:focus {
	-moz-outline:0;
	outline:0;
	outline-offset:0;
}

/* Set up a consistent, default font structure.
To change the font size, use these percentages:
px   %
10	 77
11	 85
12	 93
13	 100
14	 108
15	 116
16	 123.1
17	 131
18	 138.5
19	 146.5
20	 153.9
21	 161.6
22	 167
23	 174
24	 182
25	 189
26	 197
*/

body {	/* Percents could work for IE, but for backCompat purposes, we are using keywords. x-small is for IE6/7 quirks mode */
	height: 100%;
	font:13px/1.231 Verdana,Arial,sans-serif;
	*font-size:small;
	*font:x-small;
}
table {
	font-size:inherit;
	font:100%;
}
pre,code,kbd,samp,tt {	/* Bump up IE to get to 13px equivalent */
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}

html {
	height: 100%;
	overflow-y: scroll;
	background: #000;
}
body {
	height: 100%;
	text-align: center;
	background: url(images/Background.png) center repeat-y #000;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -34px; /* bottom margin is  negative value of footer height */
	position: relative;
	width: 750px;
	font-size:108%;
	text-align: left;
}
.footer, .push {
	height: 34px; /* .push must be the same height as .footer */
}
#skip { /* hide from visual browsers */
  position: absolute;
  left: -999em;
}
.header {
	height: 139px;
	width: 750px;
	background: url(images/Header.png) top right no-repeat #000;
	border-bottom: solid 10px #000;
}
#welcome .header { border-bottom-color: #ff5959; }
#portfolio .header { border-bottom-color: #ad5db3; }
#trueyou .header { border-bottom-color: #ff9757; }
#albums .header { border-bottom-color: #a2306f; }
#faq .header { border-bottom-color: #f0e14c; }
#contact .header { border-bottom-color: #69e1b4; }
#buzz .header { border-bottom-color: #ff5182; }
#about .header { border-bottom-color: #4e76cc; }

#content {
	margin: 0 auto;
	width: 690px;
	padding: 10px 30px;
	background-color: #f8f8f8;
}
h1 {
	position: absolute;
	left: -999em;
}
h2 {
	padding: .2em 0 .3em;
	color: #333;
	font-size: 167%;
	text-shadow: #888 1px 1px 2px;
	clear: both;
}
h3 {
	padding: .1em 0 .3em;
	color: #333;
	font-size: 123.1%;
}
h4,h6 {
	padding: 2em 0 .3em;
	color: #333;
}
h5 {
	color: #333;
}
h5 a {
	color: #333;
}
h6 {
	font-weight: bold;
}
p {
	padding-bottom: 1em;
	color: #666;
}
a {
	color: #444;
	text-decoration: none;
}
a:hover {
	color: #222;
	text-decoration: underline;
}
.footer {
	font-family: Georgia, "Times New Roman", Times, serif;
	position: relative;
	width: 750px;
	margin: 0 auto;
	background: url(images/Footer.png) center no-repeat #000;
	clear: both;
}
.footer a {
	color: #999;
	text-decoration: none;
}
.footer a:hover {
	color: #000;
}
.footer p {
	margin: 0 auto;
	padding: 0;
	color: #999;
	font-size: 77%;
	text-align: center;
}
.floatRight {
	float: right;
	padding: 5px 0px 10px 10px;
}
.floatLeft {
	float: left;
	padding: 5px 10px 10px 0px;
}
.halfFloatLeft {
	float: left;
	width: 340px;
}
.halfFloatRight {
	float: right;
	width: 340px;
}
.clear {
	clear: both;
}
.productRight {
	margin-left: 220px;
	text-align: right;
}
.productLeft {
	margin-right: 220px;
}
h3.productRight {
	clear: right;
}
h3.productLeft {
	clear: left;
}

.centerHighlight,
.centerHighlight a {
	text-align: center;
	color: #ad5db3;
}

blockquote {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 116%;
	line-height: 140%;
	width: auto;
	padding: 0 0 5px 45px;
	margin: .25em 0 1em;
	background: transparent url(images/QuoteStart.png) top left no-repeat;
}
blockquote p {
	padding: 0 30px 0 0;
}
blockquote cite {
	background: transparent url(images/QuoteEnd.png) top right no-repeat;
	color: #999;
	margin-top: -40px;
	margin-right: -30px;
	padding-right: 2em;
	padding-top: 40px;
	text-align:right;
	display: block;
}

#navMenu {
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(images/NavBackground.png) top repeat-x;
	width: 466px;
	height: 148px;
	overflow: hidden;
}
#navMenu ul {
	list-style: none;
	height: 138px;
}
#navMenu li {
	float: left;
}
#navMenu a {
	display:block;
	cursor:pointer;
	overflow:hidden;
	border-left: 1px solid #f8f8f8;
	/* border-bottom: 10px solid #f8f8f8; */
	width:57px;
	height:138px;
}
#navMenu span {
	position: absolute;
	left: -500em;
}

/*
#welcome #navMenu li.welcome a { border-bottom-color: #ff5959; }
#portfolio #navMenu li.portfolio a { border-bottom-color: #ad5db3; }
#faq #navMenu li.faq a { border-bottom-color: #f0e14c; }
#about #navMenu li.about a { border-bottom-color: #4e76cc; }
*/

#navMenu li.welcome { background: url(images/Welcome.png) 0 -138px no-repeat; }
#navMenu li.welcome a { background: url(images/Welcome.png) 0 0 no-repeat; border-left: none; }
#navMenu li.welcome a:hover { background-image: none }
#navMenu li.portfolio { background: url(images/Portfolio.png) 0 -138px no-repeat; }
#navMenu li.portfolio a { background: url(images/Portfolio.png) 0 0 no-repeat; }
#navMenu li.portfolio a:hover { background-image: none; }
#navMenu li.trueyou { background: url(images/TrueYou.png) 0 -138px no-repeat; }
#navMenu li.trueyou a { background: url(images/TrueYou.png) 0 0 no-repeat; }
#navMenu li.trueyou a:hover { background-image: none; }
#navMenu li.albums { background: url(images/SeniorAlbums.png) 0 -138px no-repeat; }
#navMenu li.albums a { background: url(images/SeniorAlbums.png) 0 0 no-repeat; }
#navMenu li.albums a:hover { background-image: none; }
#navMenu li.faq { background: url(images/FAQ.png) 0 -138px no-repeat; }
#navMenu li.faq a { background: url(images/FAQ.png) 0 0 no-repeat; }
#navMenu li.faq a:hover { background-image: none; }
#navMenu li.contact { background: url(images/Contact.png) 0 -138px no-repeat; }
#navMenu li.contact a { background: url(images/Contact.png) 0 0 no-repeat; }
#navMenu li.contact a:hover { background-image: none; }
#navMenu li.buzz { background: url(images/Buzz.png) 0 -138px no-repeat; }
#navMenu li.buzz a { background: url(images/Buzz.png) 0 0 no-repeat; }
#navMenu li.buzz a:hover { background-image: none; }
#navMenu li.about { background: url(images/About.png) 0 -138px no-repeat; }
#navMenu li.about a { background: url(images/About.png) 0 0 no-repeat; }
#navMenu li.about a:hover { background-image: none; }

.slideshow {
	clear: both;
	width: 690px;
	margin: 0 auto;
	text-align: center;
	padding: .5em 0 1em;
}

.corner {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	height: 125px;
	width: 125px;
}

#portfolio .thumbnails {
  height:  90px;
  margin: 0 auto;
  text-align: center;
  padding-bottom: 1em;
  font-size: 85%;
}
#portfolio .thumbnailContainer {
	position: relative;	/* Needed for absolute positioning of thumbnail */
	height: 90px;
	width: 90px;
	padding: 0 10px;
	float: left;
}
#portfolio .thumbnail {
	width: 110px;
	position: absolute;
	bottom: 0px;
	left: 0px;
}
#portfolio .thumbnail img {
	border:  1px solid #666;
}
#portfolio .thumbnail p {
	line-height: 100%;
	padding:  0;
}
#portfolio .thumbnail a {
	color: #666;
}
#portfolio .thumbnail a:hover {
	text-decoration: none;
	color: #ad5db3;
}

#portfolio .galleryShow {
	width: 630px;
	margin: 0 auto;
	padding-bottom: 1em;
}

#albums #content a:hover {
	color: #222;
	font-weight: bold;
	text-decoration: none;
}
#albums .thumbnails {
  height:  162px;
  margin: 0 auto;
  text-align: center;
  padding-bottom: 1em;
  font-size: 85%;
}
#albums .thumbnailContainer {
	position: relative;	/* Needed for absolute positioning of thumbnail */
	height: 162px;
	width: 150px;
	padding: 0 10px;
	float: left;
}
#albums .thumbnail {
	width: 170px;
	position: absolute;
	bottom: 0px;
	left: 0px;
}

#albums .albumShow {
	width: 690px;
	margin: 0 auto;
	padding-bottom: 1em;
}

#video .qt320 {
	width: 320px;
	margin: 2em auto;
	text-align: center;
	font-size: 93%;
}
#video body {
	background: none #000;
}
#video .footer {
	background: url(images/FooterInv.png) center no-repeat #000;
}
#video .wrapper,
#video #content {
	background-color: #000;
}
#video h2,
#video h4,
#video h6 {
	color: #ccc;
}
#video p {
	color: #aaa;
}
#video a {
	color: #ccc;
}
#video .corner {
	display: none;
}

.toggler {
	line-height: 100%;
	padding: .5em;
	cursor: pointer;
	clear: both;
}
.toggler:hover {
	background-color: #ccc;
}
.toggler:hover a {
	color: #000;
}
.toggler a {
	color: #333;
	text-decoration: none;
}
.toggler a:hover {
	color: #000;
	text-decoration: none;
}
.accordion {
	color: #666;
	text-align: left;
	margin: 0 1em;
}
.accordion p {
	font-size: 93%;
	padding: .25em 0;
}

#about a {
	color: #666;
}
#about .leftCol {
	float: left;
	width: 425px;
	padding-right: 10px;
}
#about .rightCol {
	float: left;
	width: 244px;
	margin-left: 10px;
	text-align: center;
}
#about .affiliations {
	margin: 0 auto;
	padding-top: 10px;
	text-align: center;
	border-top: 1px solid #ccc;
}
#about .affiliations img {
	padding: 0 5px;
}
#about .affiliations p {
	padding-bottom: 0;
}

.error {
  color: #cc0000;
}

.twelve {
	font-size: 93%;
}
.eleven, .small {
	font-size: 85%;
}
.ten, .smaller {
	font-size: 77%;
}

#contact em {
	font-size: 85%;
}

label,
label.formLabel,
label.formLabelError {
  display: block;
  margin-bottom: 0.2em;
/*  margin-top: .5em; */
}
label.formLabelError {
  color: #cc0000;
}

label span {
  color: #3f876c;
}
label span#pricing_span {
  color: #000;
}

input,
textarea,
input.formInput,
input.formInputError {
/*  font-size: 100%; */
  padding: 1px;
  margin-bottom: .5em;
}
select,
select.formInput,
select.formInputError {
/*  font-size: 100%; */
  margin-bottom: .5em;
}

.pricing {
  margin: 1em 0;
}

input.checkbox {
  border: none;
  margin-bottom: 0;
}

#Submit {
  cursor: pointer;
  padding: 2px 20px;
  background-color: #fff;
}

input,
textarea,
select,
input.formInput {
  border-top: 1px solid #666;
  border-left: 1px solid #777;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ddd;
}

input.formInputError,
textarea.formInputError,
select.formInputError {
  border-top: 1px solid #c00;
  border-left: 1px solid #b00;
  border-right: 1px solid #d00;
  border-bottom: 1px solid #e00;
}

select.formInputError {
  padding: 1px;
}