/*
  Style Sheet for StaSuYoga.com - All Rights Reserved
  Styled by 9Ball Design - Your karma if you steal, just ask
*/

body {background: #dac7a5; margin: 0; padding: 0 0 15px 0; font-family: arial, helvetica, sans-serif; font-size: 12px; color: #e8dcc7; -webkit-text-size-adjust: none;}
#container {display: block; width: 654px; margin: 15px auto; background: url(container-bg.png) no-repeat;}

#home {display: block; width: 646px; height: 827px; background: url(home.png) no-repeat; margin: 0 auto;}

/* MISC */
p {line-height: 18px; margin: 15px 0 15px 0; font-size: 12px;}
p.large {font-size: 16px;}
strong {color: #fff;}
a:link, a:visited {color: #f55e26; text-decoration: underline; outline: none;}
a:hover {color: #f55e26; text-decoration: none;}
li {list-style-type: square; margin-bottom: 5px;}
h1 {font-size: 24px; color: #fff; margin: 0 0 0 0;}
h2 {font-size: 20px; color: #75ae28;}
h3 {font-size: 18px; color: #75ae28;}
h4 {font-size: 16px; color: #fff;}
#homebodyleft h4 {font-size: 18px !important; color: #75ae28;}

/* HEADER */
#headercontainer {display: block; width: 654px;}
#header {display: block; width: 632px; padding-top: 18px; margin-left: 11px;}
#header h1 {margin: 0 0 0 0; float: left;}
#header h1 a {display: block; width: 206px; height: 86px;}
#header h1 a:hover {display: block; width: 206px; height: 86px; background: url(home-hover.png) no-repeat;}
#header h1 a span {display: none;}
#header p#logo {margin: 0 0 0 0; float: left;}
#header p#logo a {display: block; width: 206px; height: 86px;}
#header p#logo a:hover {display: block; width: 206px; height: 86px; background: url(home-hover.png) no-repeat;}
#header p#logo a span {display: none;}
#headerinfo {display: block; float: right; text-align: right; padding: 47px 25px 0 0;}
#headerinfo li#firstline a {color: #fff; margin: 0 0 0 0 !important;}
#header h2 {font-size: 12px; color: #f55e26; text-transform: lowercase; font-weight: normal; margin: 0 0 2px 0; padding: 0 0 0 0;}
#header h3 {font-size: 12px; text-transform: lowercase; font-weight: normal; margin: 0 0 0 0; padding: 0 0 0 0;}

#headerinfo ul {margin: 0 0 0 0; padding: 0 0 0 0;}
#headerinfo li {margin: 0 0 8px 0; padding: 0 0 0 0; text-align: right; list-style-type: none; color: #f55e26}
#headerinfo li a {margin: 0 0 0 10px;}
#headerinfo a#linkemail {background: url(header/email.png) no-repeat; padding: 0 0 0 20px; text-decoration: none; color: #dac7a5;}
#headerinfo a#fblink {background: url(header/facebook.png) no-repeat; padding: 0 0 0 20px; text-decoration: none; color: #fff; font-weight: bold;}
#headerinfo a#linkemail:hover, #headerinfo a#fblink:hover {text-decoration: underline;}

#headernav {display: block; clear: both; width: 630px; background: #473b25; border-top: 1px solid #79694a; border-bottom: 1px solid #79694a; margin: 25px 0 0 1px; text-align: center;}
#headernavcontent {display: block; padding: 8px 0 12px 0; color: #79694a; font-size: 16px;}
#headernav a {color: #dac7a5; text-decoration: none; font-size: 12px; margin: 0 15px 0 15px;}
#headernav a:hover {color: #dac7a5; text-decoration: underline;}

/* MAIN CONTENT CONTAINERS */
#contentcontainer {display: block; width: 630px; margin: 0 0 0 12px;}

/* BANNER IMAGE */
#bannerimage {display: block; height: 211px; border-bottom: 8px solid #cd5426;}
#bannerimage img {border-bottom: 1px solid #fff; margin: 0 0 0 0; padding: 0 0 0 0;}

/* MAIN CONTENT */
#mainbody {border-bottom: 4px solid #cd5426; }
#mainbody img {border-bottom: 1px solid #ebddc5; margin: 0 0 0 0;}
#mainbody p {margin: 0 0 0 0; line-height: normal;}

/* HOME PAGE ICONS */
#homeicons {display: block; overflow: hidden; margin-bottom: 20px;}
.icon {display: block; float: left; width: 132px; height: 132px; border: 4px solid #f55e26; margin-right: 10px; text-align: center;}
.icon a {display: block; width: 130px; height: 130px; border: 1px solid #ebddc5; font-weight: bold; color: #fff; text-decoration: none;}
.icon a span {display: block; padding: 108px 0 0 0;}
.icon:hover {border: 4px solid #79694a;}
.icon a:hover {color: #f55e26;}


.icon a#hiclasses {background: url(home/icon-classes.jpg) no-repeat;}
.icon a#hischedule {background: url(home/icon-schedule.jpg) no-repeat;}
.icon a#hiworkshop {background: url(home/icon-workshops.jpg) no-repeat;}
.icon a#hiapparel {background: url(home/icon-apparel.jpg) no-repeat;}

/* BODY LEFT */
#homebodyleft {display: block; padding: 12px 15px 8px 12px;}

#homeleftbox {display: block; width: 280px; float: left; padding-top: 15px;}
#homerightbox {display: block; width: 280px; float: right; padding-top: 15px;}

#homeleftbox h4, #homerightbox h4 {font-size: 16px; margin: 0 0 5px 0; color: #fff;}
#homeleftbox p, #homerightbox p {margin: 0 0 15px 0;}

#homebodyleft h1 {display: block; margin: 0 0 15px 0;}
#homebodyleft h1 span {display: none;}
#homebodyleft h2 {display: block; margin: 0 0 15px 0;}
#homebodyleft h2 span {display: none;}
#homebodyleft h3 {display: block; margin: 0 0 0 0;}
#homebodyleft h3 span {display: none;}
#homebodyleft h4 {display: block; margin: 0 0 15px 0;}
#homebodyleft h4 span {display: none;}

h2#discover {background: url(titles/home-discover.png) no-repeat;}
h3#discover {background: url(titles/home-discover.png) no-repeat;}
h3#holidaytitle {background: url(titles/holiday-title.png) no-repeat; width: 420px !important;}
h3#august {background: url(titles/home-august.png) no-repeat;}
h3#newsletter {background: url(titles/home-email.png) no-repeat; margin-top: 10px;}
h3#homescheduletitle {background: url(titles/home-schedule.png) no-repeat; width: 220px !important;}

/* IMAGE FLOATS */
.imgfloatright {display: block; float: right; border: 4px solid #79694a; margin: 20px 0 20px 25px;}
.imgfloatright img {border: 1px solid #ebddc5;}

/* HOME SCHEDULE */
#homeschedule {}
#homeschedule p {font-size: 16px;}
#scheduleleft {display: block; width: 280px; float: left;}
#scheduleright {display: block; width: 280px; float: right;}

#homeschedule li span.new {font-weight: bold; color: #f55e26;}

/* SCHEDULES PAGE */
#homeschedule {}
#homeschedule p {font-size: 16px;}
#homeschedule li span.new {font-weight: bold; color: #f55e26;}
.scheduleleft {display: block; width: 280px; float: left;}
.scheduleright {display: block; width: 280px; float: right;}
.scheduleright p#classtypeinfo {font-size: 12px !important;}

/* EMAIL LIST SIGN UP */
#homebodyleft label {display: block; width: 392px; height: 24px; margin: 0 0 10px 0; background: url(titles/enter-email-address.png) no-repeat;}
#homebodyleft label span {display: none;}
.forminput {width: 280px; border: 1px solid #75ae28;}
.button {position: relative; top: 6px;}
.button:hover {cursor: pointer;}

/* EXTRAS */
#giftcertificate {display: block; background: url(extras/gift-certificate.png) no-repeat; padding-left: 55px; height: 55px;}
#giftcertificate p {margin: 0 0 0 0 !important; font-size: 12px;}

#sale {display: block; background: url(extras/sale.png) no-repeat; padding-left: 55px; height: 55px;}
#sale p {margin: 0 0 0 0 !important; font-size: 12px;}

#note {display: block; background: url(extras/note.png) no-repeat; padding-left: 55px; height: 55px;}
#note p {margin: 0 0 0 0 !important; font-size: 12px;}

#update {display: block; background: url(extras/schedule-upate.png) no-repeat; padding-left: 55px; height: 55px;}
#update p {margin: 0 0 0 0 !important; font-size: 12px;}

#invitation {display: block; background: url(extras/invitation.png) no-repeat; padding-left: 55px; height: 55px;}
#invitation p {margin: 0 0 0 0 !important; font-size: 12px;}

/* FOOTER */
#footercontainer {display: block; width: 654px; height: 75px; background: #dac7a5 url(footer-bg.png) top no-repeat;}
#footer {display: block; width: 630px; padding-top: 20px; margin-left: 12px; font-size: 11px;}
#copyright {display: block; float: left; color: #b1a080;}
#links {display: block; float: right; text-align: right; color: #699136;}
#links a {color: #699136; text-decoration: none;}
#links a:hover {color: #699136; text-decoration: underline;}

#footercontainertwo {display: block; width: 654px; background: #dac7a5 url(footer/footer-bg.png) top no-repeat;}
#footercontainertwo #footer {display: block; padding: 0 0 0 0 !important; width: 630px; margin-left: 12px; font-size: 11px;}
#footercontainertwo #copyright {display: block; float: left; color: #b1a080;}
#footercontainertwo #links {display: block; float: right; text-align: right; color: #699136;}
#footercontainertwo #links a {color: #699136; text-decoration: none;}
#footercontainertwo #links a:hover {color: #699136; text-decoration: underline;}
#footercontainertwo p.large {display: block; font-size: 12px; color: #fff; padding: 6px 0 25px 12px; margin: 0 0 0 0 !important;}
#footercontainertwo p.large a {color: #ebddc5; font-weight: bold;}