html 
{
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; 
}

body
{
   margin: 0;
   font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
   font-weight: 300;
   background-color: #f7f7f7;
}

#container
{ 
   width: 100%;
   margin: 0px auto;
}

#top, #bottom 
{
   left: 0;
   right: 0;
   height: 50%;
}

#top 
{
   top: 0;
   background-color: #e5e5e5;
}

#bottom 
{
   bottom: 0;
   background-color: #ffffff;
}

img
{
   border: 0;
   outline: none;
}

a 
{
   outline: 0;
}

/* HEADER */

#header 
{
   margin-left: auto;
   margin-right: auto;
   clear: both;
   width: 930px;
   outline: none;
}

#logo
{
   float: left;
   margin-top: 30px;
   padding: 0px 0px 0px 0px;
}

.yogart-logo
{
   background: url('../images/yogart-jpeg.jpg') no-repeat;
   display: block; 
   width: 387px;
   height: 130px;	
}

.yogart-logo:hover 
{
   background: url('../images/yogart-jpeg.jpg') no-repeat;
   display: block; 
   width: 387px;
   height: 130px;		
}

#program-button
{
   float: right;
   margin-top: 80px;
   padding: 0px 0px 0px 0px;
}

.loyalty
{
   width: 160px;
   height: 40px;
   background-color: #00a9a4;
   border: 0px;
   display: inline-block; 
   text-decoration: none;  
   margin: 0px 0px 0px 10px; 
}

.loyalty:hover 
{
   background-color: #ef1823;
}

.buttonText 
{
   color: #ffffff;
   font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
   font-size: 14px;
   font-weight: 400;
   padding: 11px 0px 0px 0px;
   text-decoration: none;
   text-align: center; 
   letter-spacing: 2px;
}

#social-buttons
{
   float: right;
   margin-top: 80px;
   padding: 0px 0px 0px 0px;
}

#social-buttons a
{
   padding: 0px 0px 0px 10px;
}

#navigation
{
   clear: both;
   width:100%;
   outline: none;
   background: #1c9cda;
   height: 50px;
}

#nav-buttons
{
   margin-left: auto;
   margin-right: auto;
   clear: both;
   width:930px;
   outline: none;
   padding-top: 15px;
}

#nav-buttons a
{
   margin-left: auto;
   margin-right: auto;
   color: #ffffff;
   font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
   font-size: 14px;
   font-weight: 400;
   outline: none;
   padding: 0px 39px 0px 39px;
   text-decoration: none;
}

#nav-buttons a:hover
{
   color: #fd6dfd;
   padding-bottom: 16px;
   border-bottom: 10px solid #fa00fa;
}

#nav-buttons a.selected
{
   color: #ffffff;
   padding-bottom: 16px;
   border-bottom: 10px solid #fa00fa;
}

#nav-hover-bar
{
   clear: both;
   width:100%;
   outline: none;
   background: #fd6dfd;
   height: 10px;
}

#swirl
{
   clear: both;
   width: 930px;
   outline: none;
   margin-left: auto;
   margin-right: auto;
}

#swirl img
{
   margin-left: auto;
   margin-right: auto;
   clear: both;
   width: 930px;
   outline: none;
   padding-top: 30px;
}

/* END HEADER */

/* BEGIN Slideshow */

#slideshow-container
{
	clear:both;
	position:relative;
	width:886px;
	height:392px;
	overflow:hidden;
	background:url('../images/bak-slideshow.png') no-repeat
}

#slideshow-container #cycle
{
	float:left;
	width:536px;
	height:352px;
	margin:14px 0  0 19px;
}

#slideshow-container #cycle-pager
{
   position:absolute;
   left:0;
   bottom:0px;
   width:100%;
   text-align:center
}

#cycle-pager 
{
	margin-left:420px;
	display:inline-block;
}

#cycle-pager a 
{
	float:left;
	position:relative;
	width:12px;
	height:12px;
	background:#bbb;
	color:#bbb;
	margin-left:5px;
	font-size:10px;
}

#cycle-pager .activeSlide 
{
	background:#666;
	color:#666;
}

/* END SLIDESHOW */

/* CONTENT */

#content
{
   margin-left: auto;
   margin-right: auto;
   margin-top: 0px;
   clear: both;
   width: 930px;
   outline: none;
   background: #ffffff;
   -moz-box-shadow:    0px 3px 3px 3px #ccc;
   -webkit-box-shadow: 0px 3px 3px 3px #ccc;
   box-shadow:         0px 3px 3px 3px #ccc;
}

#index-main-content
{
   padding: 50px 0px 50px 25px;
   clear: both;
   outline: none;
   background: #ffffff; 
}

#main-content
{
   padding: 0px 50px 50px 50px;
   margin-top: 0px;
   clear: both;
   outline: none;
   background: #ffffff; 
}

#main-content h1
{
   color: #1c9cda;
   font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
   font-size: 33px;
   font-weight: 500; 
}

#main-content h2
{
   color: #00a9a4;
   font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
   font-size: 23px;
   font-weight: 500; 
}

#main-content p
{
   color: #1c9cda;
   font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
   font-size: 22px;
   font-weight: 300; 
}

#main-content form label 
{
   clear: both;
   color: #1c9cda;
   display: block;
   float: left;
   font-size: 12px;
   margin: 0px 0 5px;
   width: 275px;
}

#main-content form input[type="text"]
{
   border: 1px solid #1c9cda;
   clear: both;
   float: left;
   height: 23px;
   text-indent: 4px;
   width: 275px;
}

#submit 
{
    background: none repeat scroll 0 0 #961B5F;
    border: 1px solid #961B5F;
    color: #FFFFFF;
    font-size: 16px;
    padding: 8px;
    width: 250px;
    height: 50px;
    margin: 30px 0px 0px 0px; 
}

#submit:hover 
{
    background: none repeat scroll 0 0 #00a9a4;
    border: 1px solid #00a9a4;
    color: #FFFFFF;
    font-size: 16px;
    padding: 8px;
    width: 250px;
    height: 50px;
    margin: 30px 0px 0px 0px; 
}

#white-hack
{
   width: 830px;
   background: #ffffff;
   height: 100px;
   position: absolute;
   top:600px;
}

#white-hack2
{
   width: 830px;
   background: #ffffff;
   height: 100px;
   position: absolute;
   top:1100px;
}

/* END CONTENT */

/* FOOTER */

#footer
{
   padding: 50px 0px 50px 0px;
   font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
   font-size: 13px;
   font-weight: 400;
   color: #d8d8d8;
   text-decoration: none;
   text-align: center;
   margin-left: auto;
   margin-right: auto;
   clear: both;
   width: 100%;
   outline: none;
   background: #1c9cda;
}

#footer a
{
   font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
   font-size: 13px;
   font-weight: 400;
   color: #ffffff;
   text-decoration: none;
   padding: 0px 10px 0px 10px;
}

#footer a:hover
{
   color: #fd6dfd;
}

#copyright span:last-child
{
   margin: 0 5px 0 5px;	
}

#copyright
{
   padding: 10px 0px 10px 0px;
   font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
   font-size: 13px;
   font-weight: 400;
   color: #ffffff;
   text-decoration: none;
   text-align: center;
   margin-left: auto;
   margin-right: auto;
   clear: both;
   width: 100%;
   outline: none;
   background: #fd6dfd;
}

#copyright a
{
   padding: 10px 0px 10px 0px;
   font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
   font-size: 13px;
   font-weight: 400;
   color: #ffffff;
   text-decoration: none;
   text-align: center;
   margin-left: auto;
   margin-right: auto;
   clear: both;
   width: 100%;
   outline: none;
   background: #fd6dfd;
}

#copyright a:hover
{
   color: #ef1823;
}

/* END FOOTER */