/*-------------------------------------------------

TEMP styles

-------------------------------------------------*/

#on-sale-soon-note {
	color: green;
	}

#main-nav-bar a.buy-link {
	color: #00B233;
	}

/*-------------------------------------------------

common.css overwrites

-------------------------------------------------*/

.inline-error-message img {
	vertical-align: auto;
	position: relative;
	top: -0.1em;
	}

#ft {
	padding: 1em 0;
	border-top: 3px double #ccc;
	}

li ul {
	margin-top: 0.25em;
	margin-bottom: 0.25em;
	}

/*-------------------------------------------------

general page layout styles

-------------------------------------------------*/

body {
	text-align: center;
	padding-top: 1em;
	}

/* Centre the page and make it 950px wide */
#doc {
 	margin: auto;
	text-align: left;
	width: 73.076em;
	*width: 71.25em;
	}

.grid {
	overflow: auto;
	width: 100%;
	}


.unit {
	float: right;
	width: 49.1%;
	}

.unit.first {
	float: left;
	}

#logo a {
	position: relative;
	/*left: -1.5em;*/
	}

/* fixes FF's clipping of the focus ring on elements that sit within containers with overflow:auto */
:focus { outline-offset: -1px; }

/* fixes FF's clipping of outlines applied to elements that sit within containers with overflow:auto */
@-moz-document url-prefix() {

	.form-actions .primary-action:hover,
	.form-actions .primary-action:focus,
	.form-actions .primary-action:active,
	.form-actions input.secondary-action:hover,
	.form-actions input.secondary-action:focus,
	.form-actions input.secondary-action:active {
		outline-offset: -3px;
		}

	}

/*-------------------------------------------------

general html styles

-------------------------------------------------*/

h1 a,
h2 a,
h3 a,
th a {
	text-decoration: none;
	color: #000;
	}

h1 a:hover,
h2 a:hover,
h3 a:hover,
th a:hover {
	text-decoration: underline;
	}


/*-------------------------------------------------

general form styles (move to common.css?)

-------------------------------------------------*/

#name-field,
#email-address-field,
#telephone-number-field {
	width: 20em;
	}

.label {
	display: block;
	font-weight: bold;
	}

input.subject-field,
textarea.message-field {
	width: 100%;
	}

textarea.message-field {
	height: 18em;
	}


fieldset {
	border-bottom: 0;
	}

fieldset ul {
	margin-bottom: 0;
	}

/*-------------------------------------------------

general list styles

-------------------------------------------------*/

.inline-list,
.inline-list li {
	display: inline;
	margin: 0;
	padding: 0;
	}

.inline-list li {
	margin-right: 0.25em;
	}

/*-------------------------------------------------

speech-bubble styles

-------------------------------------------------*/

.speech-bubble {
	position: relative;
	padding: 15px;
	margin: 1em 0 2em 0;
	border: none;
	background: #e5e5e5;

	/* css3 */
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	}

/* creates triangle */
.speech-bubble:after {
	content: "\00a0";
	display: block; /* reduce the damage in FF3.0 */
	position: absolute;
	z-index: -1;
	bottom: -30px; /* value = - border-top-width - border-bottom-width */
	left: 50px; /* controls horizontal position */
	width: 0;
	height: 0;
	border-width: 15px 15px; /* vary these values to change the angle of the vertex */
	border-style: solid;
	border-color: #e5e5e5 transparent transparent;
	}



.speech-bubble.left {
	margin-top: 0;
	/*margin-left: 30px;*/
	/*background:#f3961c;*/
	}

/* creates triangle */
.speech-bubble.left:after {
	top: 30px; /* controls vertical position */
	left:-30px; /* value = - border-left-width - border-right-width */
	bottom: auto;
	border-width: 15px 15px;
	border-color: transparent #e5e5e5 transparent transparent;
	}

/*-------------------------------------------------

general page styles

-------------------------------------------------*/

.back-link,
.back-link a {
	color: #ccc;
	}

.image-frame {
	line-height: 0;
	border: 1px solid #ccc;
	padding: 1px;
	width: 355px;
	margin-bottom: 1em;
	}

.image-frame  img {
	margin: 0;
	}

ul.patrons {
	margin: 0;
	padding: 0;
	overflow: auto;
	width: 100%
	}

li.patron {
	float: left;
	list-style: none;
	margin: 0 1em 1em 0;
	}

li.patron .image-frame {
	width: 135px;
	margin: 0;
	}

.call-out {
	background-color: #f5f5f5;
	padding: 0.5em 1em;
	}

.lower-roman-list li {
	list-style-type: lower-roman;
	}

/*-------------------------------------------------

homepage styles

-------------------------------------------------*/

#banner {
	height: 430px;
	border-bottom: 4px solid #ccc;
	}

#banner img {
	margin: 0;
	}

#newsflash {
	font-size: 120%;
	font-weight: bold;
	background-color: #f5f5f5;
	padding: 0.5em;
	}

#intro-section {
	font-size: 150%;
	border-bottom: 3px double #ccc;
	color:#666;
	}

/* make this a general style? */
#lead-paragraph {
	font-weight: bold;
	margin-top: 1em;
	}


#intro-section form {
	text-align: center;
	}

#intro-section form p {
	margin-top: 0.5em;
	font-size: 75%;
	}

/*-------------------------------------------------

[NEW] gallery page styles

-------------------------------------------------*/

ul.image-list {
	margin: 0;
	padding: 0;
	overflow: auto;
	width: 100%;
	}

ul.image-list li {
	float: left;
	list-style: none;
	margin: 0 0.95em 0.95em 0;
	}

ul.image-list.landscape li {
	width: 220px;
	}

ul.image-list li img {
	border: 1px solid #ccc;
	margin: 0;
	}

/*-------------------------------------------------

press page styles

-------------------------------------------------*/

ul.press-image-list {
	margin: 0;
	padding: 0;
	overflow: auto;
	width: 100%;
	}

ul.press-image-list li {
	float: left;
	width: 220px;
	list-style: none;
	margin: 0 0.95em 0.95em 0;
	}

ul.press-image-list li img {
	border: 1px solid #ccc;
	margin: 0;
	}

#fast-facts-section dl,
#fast-facts-section dl dd {
	margin: 0;
	}

#fast-facts-section table {
	margin-top: 0.5em;
	}

#fast-facts-section th,
#fast-facts-section td {
	border: 1px solid #ccc;
	font-weight: normal;
	}

#fast-facts-section td ul {
	margin-top: 0;
	}

/*-------------------------------------------------

images page styles

-------------------------------------------------*/

#important-note-section {
	border: 1px solid #ccc;
	border-width: 1px 0;
	padding-top: 1em;
	}

#download-individually-section table {
	width: 100%;
	}

#download-individually-section th,
#download-individually-section td {
	border: 0;
	width: 220px;
	}

#download-individually-section td img {
	border: 1px solid #ccc;
	}

/*-------------------------------------------------

image page styles

-------------------------------------------------*/

#image-navigation-section th,
#image-navigation-section td {
	border: 1px solid #f5f5f5;
	border-width: 1px 0;
	}

#image-navigation-section th {
	padding-left: 0;
	}

#image-navigation-section table ul {
	 margin: 0;
	 }

#image-navigation-section table li {
	float: left;
	margin-right: 1em;
	list-style-type: none;
	}

/*-------------------------------------------------

[NEW] buzz page styles

-------------------------------------------------*/

.feature h2,
.as-seen-section h2 {
	margin-bottom: 0.5em;
	}

.quotes {
	margin: 0;
	}

#spotted-us-section,
#written-about-us-section {
	border: 3px double #ccc;
	}

#spotted-us-section {
	border-width: 3px 0;
	}

#written-about-us-section {
	border-width: 3px 0 0 0;
	}


/*-------------------------------------------------

[NEW] help page styles

-------------------------------------------------*/

#help-page .image img {
	border: 1px solid #ccc;
	/*height: 345px;*/
	margin: 0;
	}

/*-------------------------------------------------

[NEW] buy page styles

-------------------------------------------------*/

#buy-from-us-section {
	font-size: 150%;
	border-bottom: 1px solid #ccc;
	}

#buy-from-us-section h2 {
	 margin-top: 0.25em;
	 }

#buy-from-us-section p {
	 color: #666;
	 }

#buy-from-us-section .primary-action {
	 padding: 0.5em 1em;
	 }

#resellers-section img {
	margin: 0;
	}

#resellers-section h3 {
	margin-bottom: 1em;
	}

.reseller-list {
	margin: 1em 0;
	}

.reseller-list li {
	margin-bottom: 2em;
	/*border: 1px solid red;*/
	}