body
{
margin: 0;
padding: 0;
text-align: left;
font-family:"Adobe Garamond Pro Bold", Georgia, "Times New Roman", Times, serif;
font-size: 13px;
color: #000000;
background: #8A288F url(../mimages/background.png);
background-repeat:repeat-x;
}

*
{
margin: 0 auto 0 auto;
text-align:left;
}

#page
{
display: block; 
height:auto;
position: relative; 
overflow: hidden; 
width: 980px;
}

.topNaviagationLink
{
text-align:center;
position:relative;
margin-top:30px;
font-size:16px;
margin-left:-10px;
width:121px;
height: 35px;
line-height: 35px;
float:left;
color:#000000;
font-family:"Adobe Garamond Pro Bold", Georgia, "Times New Roman", Times, serif;
}

.topNaviagationLink a
{
text-decoration:none;
color:#000000;
font-weight: bold;
margin-bottom:0px;
}

.topNaviagationLink.active a, .topNaviagationLink a:hover
{
text-align:center;
color:#FFFFFF;
display: block;
width:121px;
height: 35px;
line-height: 35px;
background-image:url(../mimages/tab.png);
border-bottom:none;
}

#mainPic
{
clear:both;
width:960px;
height:260px;
background-color:#8A288F;
}

#mainPic .picture
{
position:relative;
width:940px;
height:240px;
top:10px;
margin-left:10px;
  /* = Marjorie Main Website Banner Image Is Below, It Looks Like This: background-image:url(../mimages/mainPic.png); = */
  /* = It Can be changed to mainPic_C = Christmas, mainPic_E = Easter, mainPic_H = Halloween, mainPic_V = Valentine = */
background-image:url(../mimages/mainPic.png);
background-repeat:no-repeat;
}

#headerTitle
{
position:relative;
top:14px;
left:22px;
font-size:27px;
color:#000000;
font-family:"Adobe Garamond Pro Bold", Georgia, "Times New Roman", Times, serif;
}

#headerSubtext
{
position:relative;
top:12px;
left:22px;
font-size:14px;
color:#484848;
font-family:"Adobe Garamond Pro Bold", Georgia, "Times New Roman", Times, serif;
}

.contentBox
{
margin-top:10px;
width:960px;
height:auto;
background-color:#8A288F;
}

.contentBox .innerBox
{
position:relative;
width:940px;
height:auto;
top:10px;
bottom:10px;
margin-left:10px;
background-image:url(../mimages/contentBack.png);
background-color:#FFFFFF;
background-repeat:repeat-x;
}

.contentBox img { padding:4px; border:1px solid #8A288F;}
.contentBox img.fl { margin:4px 16px 4px 0; float:left;}
.contentBox img.flm { margin:0px 16px 4px 0; float:left;}
.contentBox img.fln { border: none; text-decoration: none; padding:4px 0px 0px 0px;}
.contentBox img.flo { display: block; margin-left: auto; margin-right: auto; border: none;}
.contentBox img.flp { margin:4px 4px 4px 0; float:left; border: none;}
.contentBox img.fllp { margin:0px 0px 0px 0; border: none;}
.contentBox img.flq { margin:4px 16px 4px 0; display: block; margin-left:auto; margin-right:auto;}

h1
{
font-size:25px;
margin-bottom:10px;
padding-top:18px;
margin-left:15px;
margin-top:15px;
color:#1F1603;
}

.contentText
{
font-size:13px;
line-height:24px;
margin-left:13px;
margin-right:13px;
}

.contentTextCenter
{
text-align:center;
font-size:12px;
line-height:24px;
margin-left:13px;
margin-right:13px;
}

h4
{
text-align:center;
padding-top:30px;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
margin:0px;
text-decoration:none;
}

h5
{
font-size:18px;
margin-bottom:10px;
padding-top:18px;
margin-left:15px;
margin-top:15px;
color:#1F1603;
}

h6
{
text-align:center;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
color:#8A288F;
margin:0px;
}

a
{
color:#8A288F;
border-bottom:none;
}

a:hover
{
color:#000000;
text-decoration:none;
border-bottom:none;
}

a:visited
{
color:#000000;
}


html, body {
text-align: center;
}
p {text-align: left;}


#ticker {
    height: 65px;
    width: 90%;
    float: center;
    text-align: center;
}
#ticker li {
    color: #8A288F;
    font-weight: normal;
    text-decoration: none;
    list-style-image: none;
    list-style-type: circle;
}

.nav-container2 { width:400px; margin: left; float: right; height:30px; background-color: }
.nav-container2 ul div {display: inline;}
.nav-container2 li {display: inline; border: 0px solid #000; width: ; float: left;}

.nav-container3 { width:600px; margin: left; float: right; height:30px; background-color: }
.nav-container3 ul div {display: inline;}
.nav-container3 li {display: inline; border: 0px solid #000; width: ; float: right;}


.social-slide {
height: 32px;
width: 32px;
margin: 4px;
float: right;
background-position: 0px -32px;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
-ms-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.social-slide:hover {
background-position: 0px 0px;
box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.8);
}
.linkedin-hover {
background-image: url('../mimages/social/linkedin.png');
}
.pinterest-hover {
background-image: url('../mimages/social/pinterest.png');
}
.twitter-hover {
background-image: url('../mimages/social/twitter.png');
}
.facebook-hover {
background-image: url('../mimages/social/facebook.png');
}
.blogger-hover {
background-image: url('../mimages/social/blogger.png');
}
.instagram-hover {
background-image: url('../mimages/social/instagram.png');
}
.resell-hover {
background-image: url('../mimages/social/resell.png');
}
.google-hover {
background-image: url('mimages/google-hover.png');
}

a.back-to-top {
	display: none;
	width: 60px;
	height: 60px;
	text-indent: -9999px;
	position: fixed;
	z-index: 999;
	right: 20px;
	bottom: 20px;
	background: #000000 url('../mimages/elem/up-arrow.png') no-repeat center 43%;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
a:hover.back-to-top {
	background-color: #000;
}
a:visited.back-to-top {
	text-decoration:none;
}

/* ===  website design by www.cosmicsolutions.org and freely given in its entirety to www.marjsnaturals.com  === */