@import url("jquery.neosmart.fb.wall.css");

body {
background-color:#fff;
margin:0px;
padding:0px;
border:0px;
background-repeat:repeat-x;
background-color:#fff;
background-image: url(../img/body_bg.jpg);
}

body.sub {
background-image: url(../img/body_sub_bg.jpg);
}


html,form{margin:0px; padding:0px}

*{font-family:Georgia, Times New Roman;color:#000;font-size:13px; line-height:25px}

a{color:#cc0066; text-decoration:none; outline:none}

img{border:0px}

img.two{border:3px solid #989584}


.inner li{
line-height:16px;
margin-bottom:8px
}

.hr{border-bottom:1px dotted #ccc; background-color:#fff; height:1px; margin:10px 0px}

li a{font-size:12px !important}

li.sfHover ul li{background-color:#9b9887;-moz-opacity:.97; filter:alpha(opacity=97); opacity:.97}
li.sfHover ul li a{font-size:12px !important}

.shuffle{-moz-opacity:.00; filter:alpha(opacity=0); opacity:.0}
#cfader{-moz-opacity:.00; filter:alpha(opacity=0); opacity:.0}

/*BEGIN HOME*/
#container{min-height:200px}


.logo{
width:347px;
height:285px;
position:absolute;
top:9px;
left:50%;
margin-left:-515px;
z-index:500;
}

#menushadow{
width:900px;
position:absolute;
left:50%;
margin-left:-450px;
top:64px;
background-image: url(../img/menu_dropshadow.png);
background-repeat:repeat-x;
height:19px;
z-index:400;
}

#topContain{
background:none;
width:838px;
position:absolute;
top:27px;
left:50%;
margin-left:-330px;
z-index:1000;
}

#nav{
text-align:center;    
}

#homeeyecandy{
height:223px;
text-align:right;
width:900px;
margin:65px auto 0px auto;
}

#subeyecandy{
height:179px;
text-align:right;
width:900px;
margin:65px auto 0px auto;
}

#social{
position:absolute;
top:0px;
left:50%;
margin-left:-450px;
z-index:6000;
}

.socialmargin{margin-top:6px}
.socialmarginleft{margin-left:6px}
.socialmarginleftmax{margin-left:29px}
.socialmargintwitter{margin-left:56px}
.addthis_button_facebook_like *{width:90px !important}
.searchbg{background-image:url(../img/search_bg.png); background-repeat:no-repeat; width:145px;line-height:10px;border:0px;background-color:transparent;height:15px;font-size:11px;padding:2px 5px}

#registerbutton{
position:absolute;
top:180px;
left:50%;
margin-left:150px;
z-index:50;
}

#donatebutton{margin:22px 0px}

#registerbuttoninner{margin:22px 0px}

#storebutton{margin:0px 0px 29px 23px}

#facebookfeature{background-image:url(../img/facebook_feature.jpg); width:282px; height:355px; margin-left:23px; background-position:center top; padding-top:85px}

#mythfacts{background-image:url(../img/mythsfacts_bg.jpg); width:563px; height:295px; margin:22px 0px}

#newsletter{background-image:url(../img/newsletter_bg.jpg); width:563px; height:20px; padding-top:61px}

.newslettersubmitbutton{width:62px; height:21px; border:0px}

#messages{
position:absolute;
top:70px;
left:50%;
margin-left:186px;
z-index:50;
width:276px;
height:96px;
background-image:url(../img/messages_bg.png)
}

#messagesinner{
position:absolute;
top:136px;
left:50%;
margin-left:186px;
z-index:50;
width:276px;
height:96px;
background-image:url(../img/messages_bg.png)
}

.sidebarimg{
            -moz-border-radius:16px;
 -webkit-border-radius:16px;
 background-image:url(../img/sidebar/sidebar_1.jpg);
 behavior:url(border-radius.htc);
 margin-bottom:40px;
 margin-left:38px
 }

#homebody{
width:930px;
margin:0px auto;
background-image:url(../img/home_vertical.png)
}

.emphasis
{
    font-size:29px;
    font-weight:bold;
    color:#cc0066;
    text-transform:uppercase
    }

#subEyecandy{
    height:363px;
    width:978px;
    margin:35px auto 0px auto;
    background-image:url(../img/sub_slidecontainer.png)
}

#featurepanel
{
    height:186px;
    background-color:#fff;
    width:870px;
    margin:0px auto;
    border:3px solid #fff;
    -moz-border-radius:16px;
 -webkit-border-radius:16px;
 behavior:url(border-radius.htc);
}

#subpanel
{
    width:940px;
    margin:0px auto 0px auto; padding-left:20px
}
.inner{padding:8px 25px}

#floral{background-image: url(../img/footer_floral.png); height:127px; margin:0px auto; width:930px}

#footer{background-image: url(../img/footer_bg.jpg); background-position:bottom; background-repeat:repeat-x; height:205px; position:absolute; width:100%;font-size:10px !important}

#footer, #footer td, #footer td *{font-size:11px !important; color:#cc0066 !important; line-height:16px !important}





.searchbutton{border:0px; background-color:transparent; color:#fff; cursor:pointer}







/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
	text-align:left;
	

}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			15em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
	color:#fff
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
	
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.8em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			14em; /* match ul width */
	top:			0;
	background-color:#dd0079
}

ul.sf-menu li ul li{
	background-color:#dd0079
}

ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;

}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			14em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
}
.sf-menu a {
	padding: 		0.6em 1.5em;

	text-transform: uppercase;
	text-decoration:none;
	
}
.sf-menu a:hover  { /* visited pseudo selector so IE6 applies text colour*/

}

.sf-menu a  { /* visited pseudo selector so IE6 applies text colour*/
	font-size:14px !important;
	color:#fff;
	text-shadow: #a7306e 1px 1px 2px;
}

.sf-menu li {

}
.sf-menu li li {

	font-size:14px !important;
	
	
}
.sf-menu li li li {

	font-size:14px !important;
	
}

.sf-menu li li a{font-size:14px !important;}
.sf-menu li li li a{font-size:14px !important;}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline:		0;
	
}



/*--Main Container--*/

.main_view {
	float: left;
	position: relative
}
/*--Window/Masking Styles--*/

.window 
{
    height:223px;    width:900px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
	top:0px;
	left:0px
}

.windowsub
{
    height:179px;    width:900px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
	top:0px;
	left:0px
}

.image_reel {
	position: absolute;
	top: 0;
	left: 0;
}
.image_reel img {
	float: left;
}
/*--Paging Styles--*/

.paging {
	position: absolute;
	bottom: 20px;
	left: 50%;
	margin-left:-365px;
	width: 120px;
	height:27px;
	z-index: 2000; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 18px;
	font-size:12px !important;
	color: #666;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a 
{
    font-size:12px !important;
	padding: 0px 9px 3px 9px;
	text-decoration: none;
	color: #666;
	font-weight: bold;
}
.paging a.active {
	font-weight: bold;
	color:#fff;
	background-image: url(../img/paging_bg.jpg);
}

.irSub{height:179px; width:900px; background-position: right top; float:left}
.irHome{height: 223px; width: 900px; background-position: right top; float: left}


.infiniteCarousel {
  width: 550px;
  position: relative;
    top: 0px;
    left: 0px;
}

.myth{float: left; width: 223px; margin-right:5px; margin-left:12px; line-height:19px}
.fact{float: left; width: 223px; margin-left: 25px; line-height:19px}

.infiniteCarousel .wrapper {
  width: 500px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto;
  min-height: 240px;
  margin: 0 25px;
  position: absolute;
  top: 0;
}


.infiniteCarousel .wrapper ul {
  width: 9999px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul li {
  display:block;
  float:left;
  padding: 5px;
  height: 230px;
  width: 500px;
}

.infiniteCarousel ul li a img {
  display:block;
}

.infiniteCarousel .arrow {
  display: block;
  height: 72px;
  width: 25px;
  text-indent: -999px;
  position: absolute;
  top: 0px;
  cursor: pointer;
}

.infiniteCarousel .forward {
  right: 0;
  background-image: url(../img/mytharrow_right.png);
}

.infiniteCarousel .back {
  left: 0;
  background-image: url(../img/mytharrow_left.png);
}

#fbholder{z-index:6001;width:48px !important; overflow:hidden !important; border:0px !important; position:absolute !important; top:6px !important; left:50% !important; margin-left:-452px !important}

hr{
	height:5px;background-image: url(../img/hr_bg.jpg); background-repeat:repeat-x;border:0px;margin:22px 0px
	}