/* CSS Document */


html, body {
margin: 0px;
padding: 0px;
border: 0px;
  
}

body {
background-color:#666;
font-family:"Baskerville Old Face", Arial, sans-serif;
font-size:14px;
}

#textContainer a, #textContainer a:visited {
color:blue;
text-decoration:none;
}

#textContainer a:hover {
text-decoration:underline;


}

#mainContainer {
position:relative;
margin-top:10px;
margin-left:auto;
margin-right:auto;
width:880px;
height:1300px;
background-color:#f1d592;/*This is the tan/orange on the homepage background. */
/*background-image:url(../../images/homePage/background/greenOrnamentalFlourish_background_opt.gif);*/
/*background-repeat:no-repeat;
background-position: 0px 0px;*/
border:1px solid #000000;
padding:0px;

}

#mainContainer_aug_2010_purple {
position:relative;
margin-top:10px;
margin-left:auto;
margin-right:auto;
width:880px;
height:1300px;
background-color:#411485;/*This is the dark purple from the Paula business card design. */
/*background-image:url(../../images/homePage/background/greenOrnamentalFlourish_background_opt.gif);*/
/*background-repeat:no-repeat;
background-position: 0px 0px;*/
border:1px solid #000000;
padding:0px;

}

#mainContainer_aug_2010_green {
position:relative;
margin-top:10px;
margin-left:auto;
margin-right:auto;
width:880px;
height:1300px;
background-color:#96D045;/*This is the dark green from the Paula business card design. */
/*background-image:url(../../images/homePage/background/greenOrnamentalFlourish_background_opt.gif);*/
/*background-repeat:no-repeat;
background-position: 0px 0px;*/
border:1px solid #000000;
padding:0px;

}





#videoFrame {
float:left;
width:398px;
height:302px;
margin-top:-10px;
margin-left:15px;
border:5px black solid;
z-index:2;
/*background-image:url(../../images/homePage/giftShop_front_resized_wFrame.jpg);*/
}



#mainPhoto {/*The styles below are commented out when a video replaces the photo and te "videoFrame" above is used as the container. When there is no video, comment out the video frame above completly(and in the html) and restore all of the styles below.*/
width:395px;
height:295px;
margin-top:10px;
margin-left:35px;
float:left;
z-index:1;
/*border:1px solid black;*/
padding:0px;
/*background-image:url(../../images/homePage/giftShop_front_resized_wFrame.jpg);*/
}


#viewVideo {
float:left;
width:400px;
height:55px;
text-align:center;
margin-left:15px;
font-family:"Copperplate Gothic Light", "Book Antiqua", Verdana, Arial, sans-serif;
font-size:12px;
}

a:visited {
color:black;

}


h1 {
float:left;
margin:0px;/*heading styles have built-in margins, possibly padding too. Make sure you zero them out if you don't want them.*/
margin-left:35px;
margin-top:20px;
width:500px;
height:75px;
/*background-image:url(../../images/homePage/title_livingcolorGardenCenter.png);
background-repeat:no-repeat;*/
padding:0px;

}


#centerContent {
float:left;
margin-left:15px;
margin-top:15px;
/*width:415px;before bigger slideshow, photo only*/
width:565px;
height:950px;
display:inline;
background-image:url(../../images/backgroundTransparent/tanBackground_50trans.png);
background-repeat:repeat;
/*background:blue;*/
}


#more{
float:left;
width:70px;
margin-left:25px;
font-size:16px;
font-weight:bold;
padding:0px;
text-align:center;
color:#000000;
display:inline;
margin-top:50px;
}

#more a, #more a:visited {
color:#FF0000;

}

#more a:hover {
font-weight:bold;

}



h2 {
float:left;
margin:0px;
margin-left:110px;
margin-top:20px;
margin-bottom:15px;
width:350px;
height:25px;
text-align:center;
font-size:24px;
font-weight:normal;

}

h2#summer {
width:475px; 
margin-left:50px;
font-size:32px;
color:#FF8000;
}

.summer_color_p {
width:450px; 
text-align:center; 
margin-left:55px;
color:#999999;

}

.summer_color_p img{
width:15px; 
height:14px;

}

#blogLogo {
width:140px;
height:235px;
/*background:blue;*/
float:left;
margin-top:-15px;
margin-bottom:15px;


}

#announceButterflyEvent {
float:left;
width:400px;
height:55px;
text-align:center;
margin-left:15px;
font-family:"Copperplate Gothic Light", "Book Antiqua", Verdana, Arial, sans-serif;
font-size:20px;
font-weight:bold;
margin-bottom:15px;
}


.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;

}


/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */