/* Grove Handcrafted Stationery - Site Design & Build by Grove Website Design */

/* ---- ---- ---- General ---- ---- ---- */
* { margin: 0; padding: 0; }

body { background: #D9C9D6 url(../img/floral.gif) no-repeat; background-position: bottom left; background-attachment:fixed; margin: 0 auto; text-align: center; font: 62.5% Arial, Helvetica, sans-serif normal; color: #7E7E7E;}
img { border: 0; }
.clear { clear: both; height: 1px; line-height: 1px; }

h1 { margin: 12px 0; font-size: 2.1em;}
h2 { width: 521px; font-size: 1.6em; font-family: Georgia, "Times New Roman", Times, serif; letter-spacing: 0.04em; margin: 0 auto 10px auto;  text-indent: -100em; overflow: hidden; height: 24px; }
h3 { font-size: 1.4em; font-family: Georgia, "Times New Roman", Times, serif; letter-spacing: 0.04em; }
h4 {color: #fff; font-weight: normal; }
.header { background-image: url(../img/forthose.gif); }
.flora { background-image: url(../img/flora.gif); }
.elegance { background-image: url(../img/elegance.gif); }
.classic { background-image: url(../img/classic.gif); }
.sweetie { background-image: url(../img/sweetie.gif); }
.request { background-image: url(../img/request.gif); }
.comingsoon { background-image: url(../img/comingsoon.gif); }
.order { background-image: url(../img/orderform.gif); }
small { color:#999999; }
.nofloat { float: none; margin: 0; padding: 0; }

/* ---- ---- ---- Links ---- ---- ---- */
a:link, a:active { color: #DEA0D4; text-decoration: none; border-bottom: 1px dotted #DEA0D4; }
a:hover, a:visited { color: #9B738F; text-decoration: none; border-bottom: 1px dotted #DEA0D4; }
#footer a { color: #9B738F; text-decoration: none; border-bottom: 1px dotted #DEA0D4; }

/* ---- ---- ---- Layout ---- ---- ---- */
#nav { width: 573px; height: 27px;  background-image:url(../img/navbg.gif); background-repeat: no-repeat; font: 1.2em Georgia, "Times New Roman", Times, serif normal; letter-spacing: 0.12em; font-variant:small-caps; margin: 0 auto 7px auto; line-height: 27px;}
#nav li { display: inline; list-style-type: none; padding: 0; }
#nav li a { border: 0; }

#secnav { width: 573px; height: 27px;  background-image:url(../img/secnavbg.gif); background-repeat: no-repeat; font: 1em Arial, Helvetica, sans-serif normal; margin: 0 auto 7px auto; line-height: 29px;}
#secnav li { display: inline; list-style-type: none; padding: 0; }
#secnav li a { border: 0; color: #818181; text-decoration: none; padding: 0 35px; }
#secnav li a:visited { border: 0; color: #818181; text-decoration: none; }
#secnav li a:hover{ border: 0; color: #DEA0D4; text-decoration: none; }
#secnav li a.current { color: #DEA0D4; }

#content-main { width: 573px; height: auto; background: #fff url(../img/mainbg.gif) no-repeat top; margin: 0 auto; padding: 22px 0 0 0; text-align: left; }
#content-main p { float: none; width: 500px; font-size: 1.1em; line-height: 1.4em;  margin: 10px 0 0 0; text-align: left; padding-left: 26px;}
.fright { float: right; margin: 10px 0 10px 10px; }
#content-main ul { margin: 8px 0; }
#content-main li { list-style:square; margin-left: 12px; }

#ads { clear: both; margin: 20px auto 0 auto; padding-left: 25px; text-align: center; }
#ad { float: left; width: 253px; background: #F4E3F0 url(../img/ad_bot.gif) no-repeat bottom left; margin-left: 16px; text-align: left; }
#ad h3 { background: url(../img/ad_h.gif) no-repeat; text-indent: -100em; overflow: hidden; height: 29px; margin: 0 0 10px 0; }
#ad p { width: 220px; margin: 0; padding: 0 0 18px 18px;}
#baby{ float: left; width: 253px; background: #EAF3F6 url(../img/baby_bot.gif) no-repeat bottom left; text-align: left; }
#baby h3 { background: url(../img/baby_h.gif) no-repeat; text-indent: -100em; overflow: hidden; height: 29px; margin: 0 0 10px 0; }
#baby p { width: 220px; margin: 0; padding: 0 0 18px 18px;}
#baby a:link, #baby a:visited { color: #82C0D0; border-bottom: 1px dotted #82C0D0; }
#baby a:hover, #baby a:active { color: #8BA4AB; border-bottom: 1px dotted #82C0D0; }


/* ---- ---- ---- Gallery ---- ---- ---- */

#mainimg { width: 526px; height: auto; margin: 10px auto; }
#mainimg ul { margin: 10px auto 0 auto; padding: 0 10px 0 0; text-align: center; }
#mainimg li { display: inline; list-style-type: none; padding: 0; }
#mainimg li a { border: 0; text-decoration: none; }

/* ---- ---- ---- Footer ---- ---- ---- */
#footer { background: transparent url(../img/mainbg_bot.gif) no-repeat top left; width: 573px; height: auto; font-size: 1.1em; text-align: center; margin: 0 auto; padding: 35px 0; }
#footer p { float: left; padding-right: 10px; }
#footer ul { float: left; }
#footer li { display: inline; list-style-type: none; padding: 0 10px; border-left: 1px solid; #999; }

/* ---- ---- ---- Form ---- ---- ---- */
#errormsg {	border: 0; padding:5px;	width:25em; }    
.error { background:#F6E8F2; border: 1px solid #A5819B; }
table { width: 400px; margin: 10px 0 0 25px; border: 0; }
table td { text-align: left; font-size: 1.1em; padding: 5px; }
td span { color: #DEA0D4; }
select, input {font-size: 1em; width: 180px; }
input { border: 1px solid #999; background-repeat: repeat-x; height: 16px; }
input:hover { border-color: #DEA0D4; border-width: 1px; }
input:focus { border-color: #DEA0D4; border-width: 1px; }
#tac { border: 0; width: 20px; }
.button { background: #F6E8F2; border: 1px solid #DEA0D4; color: #A5819B; height: 25px; width: 73px; border: 0; margin: 4px 0; }