/****
	Sitewide
****/
html, body {  /* Necessary for vertical centering */
/*height: 100%;*/
}

p, a, span, div, ul, ol, table, h1, h2 {
font-family: "Verdana", "Trebuchet MS", "Arial", sans-serif;
}

hr {
text-align: center;
height: 2px;
width: 70%;
color: #eeeeee;	
background-color: #eeeeee;
}

a {
text-decoration: none;
}

ul {
list-style-type: none;
}

p {
padding: 8px;
}

body {
height: 100%;
background: #86fff6 url(../gr/mainBg3.png) center repeat-y;
}

/****
	Vertically center all content
****/
/*
#verticalCenterShim {
position: relative;
float: left;
width: 1px;
height: 50%;
margin-bottom: -340px;
}
*/

/****
	Major layout containers
****/
#boxMain {
position: relative;
clear: both;
width: 700px;
/*height: 680px;*/
margin: 0 auto;  /* Horizontally center */
}

#boxMainHeader {
position: relative;
width: 700px;
height: 45px;
padding-top: 15px;
padding-bottom: 10px;
z-index: 100;
text-align: center;
}

#boxMainContainer {
position: relative;
width: 700px;
/*height: 580px;*/
}

#boxMainFooter {
position: relative;
width: 700px;
height: 40px;
z-index: 100;
}

/****
	Banner specifics
****/
#soloFlower {
position: absolute;
top: -11px;
left: -86px;	
z-index: -10;
}

#headerTable {
width: 100%;
}

#headerTable td {
font-family: "Georgia", serif;
font-size: 1.1em;
}

#headerTable td.left {
text-align: left;
padding-left: 10px;
}

#headerTable td.right {
text-align: right;
padding-right: 10px;
}

#headerEmailLink {
font-family: "Georgia", serif;
}

/****
	Menu bar components
****/
.menuBar {
width: 100%;
padding: 0;
text-align: center;
}

.menuBar a {
font-size: 14px;
line-height: 24px;
margin: 8px 0;
font-family: "Verdana", "Trebuchet MS", "Arial", sans-serif;
}

.shuttleBar {
width: 76px;
height: 19px;
margin: 0 auto;
z-index: 5000;
}

.shuttleBar img {
float: left;
width: 15px;
height: 15px;
border-style: solid;
border-width: 2px;
z-index: 5000;
}

#statusBar {
display: none; /* Initially hide, show later via jQuery, if appropriate */
position: relative;
top: 19px;
/*float: left;*/
text-align: center;
/*height: 100%;*/
/*margin: 10px 0 0 15px;*/
font-size: 11px;
line-height: 24px;	
}

#getPrintsLink {
margin: 13px 0;
}

/****
	Slideshow specifics
****/
#slideshow {
position: relative;
width: 700px;
height: 540px;
top: 19px;
}

#slideshow img {
position: absolute;
top: 0px;
left: 0px;
}

/****
	Sale sticker specifics
****/
.discountSticker {
display: none;
background-color: transparent;
}

#rosette {
position: absolute;
top: -45px;
right: -5px;
width: 130px;
height: 135px;
z-index: 500;	
border: none;
}

/****
	Centering apparatus (for all but IE 7 & earlier, which lives 
	in its own CSS file and overrides these values as needed)
	'cw' = Centering Wrap
****/
.cw0, .cw1 {
height: 100%;	
}

.cw0 {
margin: 0 auto;
display: table;
}

.cw1 {
display: table-cell;
vertical-align: middle;
white-space: nowrap;	
}

.cw2 {
font-size: 1.6em;
text-align: center;
}

.contentWrapper {
position: relative;
padding: 15px;
width: auto;
max-width: 550px;
white-space: normal;
}

.contentWrapper a {
margin: 0 -4px;
padding: 0 4px;
text-decoration: underline;
}

/****
	Text content general
****/
.contentHeaders {
text-align: center;
font-family: 'MS Sans Serif', Geneva, sans-serif;
}

.tableWrapper {
padding: 10px 10px;
}

p {
text-align: justify;
font-size: 10pt;
}

h1 {
font-size: 16pt;
}

h2 {
font-size: 14pt;	
}

h3 {
font-size: 10pt;
}

.footnoteIndicator {
font-size: 6pt;
vertical-align: sub;
}

/****
	Galleries text content
****/
#galleriesContentWrapper h1 {
line-height: 1em;
margin: .67em 0;
}

#galleriesDetails {
width: 80%;
margin: 0px auto 15px auto;
text-align: justify;
font-size: 9pt;
}

#galleriesContentWrapper table {
table-layout: auto;
width: auto;
}

#galleriesContentWrapper td.names {
width: auto;
padding-left: 8px;
text-align: left;
}

#galleriesContentWrapper td.qualifier {
width: auto;
padding-left: 8px;
text-align: left;
}

.qualifier h3 {
font-size: 9pt;
font-weight: 100;
font-style: oblique;
}

td p {
padding: 0px 8px 10px;
font-size: 9pt;
}

.names a {
margin: 0 -3px;
padding: 0 3px;
}

#cooperationWrapper {
position: relative;
width: 100%;
overflow: hidden;
}

#cooperationWrapper ol {
font-size: 7pt;
list-style-type: decimal;
}

#cooperationContentWrapper {
text-align: left;
width: 100%;
margin-left: 30px;
padding-top: 0px;
}

#cooperationContentWrapper a {
margin: 0 -2px;
padding: 0 2px;
}

/****
	About text content
****/
#aboutContentWrapper .contentBody p {
opacity: 1.0;
}

#homeContentWrapper {
margin-top: 0px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
padding: 0;
}

/****
	Pricing text content
****/
#pricingContentWrapper {
text-align: left;
}

#pricingContentWrapper h1 {
text-align: center;
text-decoration: underline;
}

#discountDetails {
text-align: center;
font-size: 11pt;
font-style: oblique;
color: white;
background: url(../gr/pricingBg2-trans.png) top left repeat-y;
}

#pricingContentWrapper .tableWrapper {
padding-left: 100px;
padding-right: 100px;
}

#pricingContentWrapper table {
width: 100%;
}

#pricingContentWrapper td {
text-align: right;
}

#pricingContentWrapper .new  h3 {

display: none;
padding: 0 10px;
color: #ffffff;
background-color: #ff5454;
}

#pricingContentWrapper .old {
padding-left: 10px;
/*text-decoration: line-through;*/
}

#pricingContentWrapper ul {
list-style-type: disc;
padding: 0px 25px 0px 15px;
text-align: justify;
font-size: 10pt;
}

#pricingContentWrapper li {
margin: 0 0 0 10px;
}

#packageIncludes h2 {
text-align: center;
}

#pricingContentWrapper .philosophy,
#pricingContentWrapper .packageOverview {
padding: 0px 15px;
}

#pricingContentWrapper .philosophy p,
#pricingContentWrapper .packageOverview p {
/*padding: 0 8px;*/
}

/****
	Contact text content
****/
#contactExplanation {
padding-top: 25px;
}

#otherPage {
position: relative;
padding-top: 25px;
font-size: 10pt;
text-align: justify;
}

#otherPage a {
margin: 0 -4px;
padding: 0 4px;	
}

/****
	Miscellaneous
****/
.menuBar a,
.emailLink {
padding: .1em .5em;	
}

#statusBar a {
padding: .1em .1em;
}

#blogModifier {
font-size: 12px;
color: red;
}

#blogLink {
font-size: 12px;
}