/*
Theme Name: TouchofGold
Theme URI: http://elliotjaystocks.com
Description: The totally nude Wordpress theme. Phwoar! (Based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a> by <a href="http://binarybonsai.com/">Michael Heilemann</a>)
Version: 2.8
Author: KWeeding
Author URI: http://touchofgoldevents.com
Tags: starkers, naked, clean, basic
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";
@import url(http://fonts.googleapis.com/css?family=Antic+Didone);
@import url(http://fonts.googleapis.com/css?family=Gilda+Display);

h1 {
   font-family: 'Gilda Display', serif; 
   font-size: 16px;
   font-weight: bold;
   color: #FFFFFF;
}
h2 {
   font-family: 'Gilda Display', serif; 
   font-size: 40px;
   font-weight: bold;
   color: #FFFFFF;
}
h3 {
   font-family: 'Antic Didone', serif; 
   font-size: 18px;
   font-weight: bold;
   color: #707070;
}
h4 {
   font-family: 'Gilda Display', serif; 
   font-size: 16px;
   font-weight:normal;
   color: #707070;
}

.extender{
	clear:both; 
	height:0px; 
}
.extender-photo{
margin:0px auto;
height:25px;
padding:0;
background:#ffffff;
}

#outer-wrapper{
background:url(images/TOGBGv3.jpg);
}

#outer-wrapper #wrapper{
margin:0px auto;
width:1075px;
padding:0;
background-color:#ffffff;
}

#outer-wrapper #wrapper #master-header{
height:225px;
margin:0 20px;
}

#outer-wrapper #wrapper #master-header #logo{
margin-top:0px;
height:50px;
float:left;
}

#outer-wrapper #wrapper #master-header #master-header-right{
float:right;
height:50px;

}

#outer-wrapper #wrapper #master-header #master-header-right #master-header-right-top{
height:45px;

}

#outer-wrapper #wrapper #master-header #master-header-right #master-header-right-top #social-links{
float:right;
font-weight:bold;
padding-right:10px;
}

#outer-wrapper #wrapper #master-header #master-header-right #master-header-right-top #social-links div{
float:left;
}
#outer-wrapper #wrapper #master-header #master-header-right #master-header-right-top #social-links div .fb{
height:27px;
width:27px;
margin-left:10px;
margin-top:-25px;
background:url(images/social/tog-fb.png) no-repeat;
}
#outer-wrapper #wrapper #master-header #master-header-right #master-header-right-top #social-links div .fb:hover{
height:27px;
width:27px;
margin-left:10px;
margin-top:-25px;
background:url(images/social/tog-fb.png) no-repeat;
}
#outer-wrapper #wrapper #master-header #master-header-right #master-header-right-top #social-links div .tw{
height:27px;
width:27px;
margin-left:10px;
margin-top:-25px;
background:url(images/social/tog-tw.png) no-repeat;
}
#outer-wrapper #wrapper #master-header #master-header-right #master-header-right-top #social-links div .tw:hover{
height:27px;
width:27px;
margin-left:10px;
margin-top:-25px;
background:url(images/social/tog-tw.png) no-repeat;
}
#outer-wrapper #wrapper #master-header #master-header-right #master-header-right-top #social-links div .pt{
height:27px;
width:27px;
margin-left:10px;
margin-top:-25px;
background:url(images/social/tog-pt.png) no-repeat;
}
#outer-wrapper #wrapper #master-header #master-header-right #master-header-right-top #social-links div .pt:hover{
height:27px;
width:27px;
margin-left:10px;
margin-top:-25px;
background:url(images/social/tog-pt.png) no-repeat;
}

#outer-wrapper #wrapper #master-header #master-header-right #master-header-right-top #header-links{
float:left;
-moz-border-radius:0 0 10px 10px;
-webkit-border-radius:0 0 10px 10px;
background:#000000;
font-weight:bold;
color:#ffffff;
padding:15px 20px 10px 90px;
}

#outer-wrapper #wrapper #master-header #master-header-right #master-header-right-top #header-links a{
color:#ffffff;
text-decoration:none;
font-size:14px;
margin:0 10px;
}

#outer-wrapper #wrapper #master-header #master-header-right #master-header-right-bottom{
height:100px;
padding-left:275px;
padding-top:50px;
}

#outer-wrapper #wrapper #master-header #master-header-right #master-header-right-bottom #share-button{
margin-top:10px;
height:38px;
float:left;
}

#outer-wrapper #wrapper #master-header #master-header-right #master-header-right-bottom #share-button a{
-moz-border-radius:5px 5px 5px 5px;
-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);
-webkit-border-radius:5px 5px 5px 5px;
-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);
background:#5f5f5f;
border-bottom:1px solid rgba(0, 0, 0, 0.25);
color:#FFFFFF;
cursor:pointer;
display:inline-block;
font-family:arial,helvetica,lucida,verdana,sans-serif;
font-size:12px;
line-height:1em;
padding:6px 12px;
position:relative;
text-decoration:none;
text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25);
}
#outer-wrapper #wrapper #master-header #master-header-right #master-header-right-bottom #mailing-list-link{
float: left;
font-weight: bold; 
font-size: 13px; 
margin: 10px 0pt 0pt 30px;
}

#outer-wrapper #wrapper #master-header #master-header-right #master-header-right-bottom #mailing-list-link a{
color:#000000;
text-decoration:none;
}

#outer-wrapper #wrapper #master-header #master-header-right #master-header-right-bottom #social-links{
float:left;
font-weight:bold;
padding-left:30px;
padding-right:10px;
}

#outer-wrapper #wrapper #master-header #master-header-right #master-header-right-bottom #social-links div{
float:right;
}
#outer-wrapper #wrapper #master-header #master-header-right #master-header-right-bottom #social-links div .fb{
height:20px;
width:20px;
margin-right:10px;
margin-top:12px;
background:url(images/facebook-top.png) no-repeat;
}
#outer-wrapper #wrapper #master-header #master-header-right #master-header-right-bottom #social-links div .fb:hover{
height:20px;
width:20px;
margin-right:10px;
margin-top:12px;
background:url(images/facebook-top.png) no-repeat;
}
#outer-wrapper #wrapper #master-header #master-header-right #master-header-right-bottom #social-links div .tw{
height:20px;
width:20px;
margin-right:10px;
margin-top:12px;
background:url(images/twitter-top.png) no-repeat;
}
#outer-wrapper #wrapper #master-header #master-header-right #master-header-right-bottom #social-links div .tw:hover{
height:20px;
width:20px;
margin-right:10px;
margin-top:12px;
background:url(images/twitter-top.png) no-repeat;
}
#outer-wrapper #wrapper #master-header #master-header-right #master-header-right-bottom #social-links div .so3{
height:20px;
width:20px;
margin-right:10px;
margin-top:12px;
background:url(images/tumblr-top.png) no-repeat;
}
#outer-wrapper #wrapper #master-header #master-header-right #master-header-right-bottom #social-links div .so3:hover{
height:20px;
width:20px;
margin-right:10px;
margin-top:12px;
background:url(images/tumblr-top.png) no-repeat;
}
#outer-wrapper #wrapper #master-header #master-header-right #master-header-right-bottom #social-links div .so4{
height:20px;
width:20px;
margin-right:10px;
margin-top:12px;
background:url(images/pinterest.png) no-repeat;
}
#outer-wrapper #wrapper #master-header #master-header-right #master-header-right-bottom #social-links div .so4:hover{
height:20px;
width:20px;
margin-right:10px;
margin-top:12px;
background:url(images/pinterest.png) no-repeat;
}

#outer-wrapper #wrapper #menu-flash{
height:346px;
margin:20px 20px;
padding-left:15px;
}

#outer-wrapper #wrapper #menu-flash #menu{
float:left;
margin:0px 0px;
}
#outer-wrapper #wrapper #menu-hbstyles{
height:346px;
margin:20px 20px;
}

#outer-wrapper #wrapper #menu-hbstyles #menu{
float:left;
margin:0px 0px;
}

#outer-wrapper #wrapper #menu-flash #menu .how-it-works{
height:38px;
width:116px;
background:url(images/hiw.png) no-repeat;
}
#outer-wrapper #wrapper #menu-flash #menu .how-it-works:hover{
height:38px;
width:116px;
background:url(images/hiw.png) no-repeat;
}
#outer-wrapper #wrapper #menu-flash #menu .blog{
height:38px;
width:116px;
background:url(images/b.png) no-repeat;
}
#outer-wrapper #wrapper #menu-flash #menu .blog:hover{
height:38px;
width:116px;
background:url(images/b.png) no-repeat;
}
#outer-wrapper #wrapper #menu-flash #menu .shop-guy{
height:38px;
width:116px;
background:url(images/sg.png) no-repeat;
}

#outer-wrapper #wrapper #menu-flash #menu .shop-guy:hover{
height:38px;
width:116px;
background:url(images/sg.png) no-repeat;
}
#outer-wrapper #wrapper #menu-flash #menu .shop-girl{
height:38px;
width:116px;
background:url(images/sgi.png) no-repeat;
}
#outer-wrapper #wrapper #menu-flash #menu .shop-girl:hover{
height:38px;
width:116px;
background:url(images/sgi.png) no-repeat;
}
#outer-wrapper #wrapper #menu-flash #menu .shop-kids{
height:38px;
width:116px;
background:url(images/sk.png) no-repeat;
}
#outer-wrapper #wrapper #menu-flash #menu .shop-kids:hover{
height:38px;
width:116px;
background:url(images/sk.png) no-repeat;
}
#outer-wrapper #wrapper #menu-flash #menu .culture{
height:38px;
width:116px;
background:url(images/shop-betty-white.png) no-repeat;
}
#outer-wrapper #wrapper #menu-flash #menu .culture:hover{
height:38px;
width:116px;
background:url(images/shop-betty-white-hover.png) no-repeat;
}
#outer-wrapper #wrapper #menu-flash #menu .accessories{
height:38px;
width:116px;
background:url(images/sa.png) no-repeat;
}
#outer-wrapper #wrapper #menu-flash #menu .accessories:hover{
height:38px;
width:116px;
background:url(images/sa.png) no-repeat;
}
#outer-wrapper #wrapper #menu-flash #menu .photos{
height:38px;
width:116px;
background:url(images/p.png) no-repeat;
}
#outer-wrapper #wrapper #menu-flash #menu .photos:hover{
height:38px;
width:116px;
background:url(images/p.png) no-repeat;
}
#outer-wrapper #wrapper #menu-flash #menu .videos{
height:38px;
width:116px;
background:url(images/v.png) no-repeat;
}
#outer-wrapper #wrapper #menu-flash #menu .videos:hover{
height:38px;
width:116px;
background:url(images/v.png) no-repeat;
}
#outer-wrapper #wrapper #menu-flash #menu .downloads{
height:40px;
width:116px;
background:url(images/downloads.png) no-repeat;
}
#outer-wrapper #wrapper #menu-flash #menu .downloads:hover{
height:38px;
width:116px;
background:url(images/downloads-hover.png) no-repeat;
}
#outer-wrapper #wrapper #menu-flash #menu .sweet-deals{
height:38px;
width:116px;
background:url(images/sd.png) no-repeat;
}
#outer-wrapper #wrapper #menu-flash #menu .sweet-deals:hover{
height:38px;
width:116px;
background:url(images/sd.png) no-repeat;
}

#outer-wrapper #wrapper #menu-flash #flash{
float:left;
width:840px;
height:345px;
margin:0px 0px;
}


#outer-wrapper #wrapper #menu-flash #hbstyles{
float:left;
width:800px;
height:850px;
margin:0px 0px;
}

#outer-wrapper #wrapper #menu-flash #hbabout{
float:left;
width:800px;
height:1300px;
margin:0px 0px;
}

/** index page **/

#outer-wrapper #wrapper #home-top{
height:140px;
margin:50px 20px 18px 20px;
}
#outer-wrapper #wrapper #home-iyha{
height:1200px;
margin:50px 20px 18px 20px;
}

#outer-wrapper #wrapper #home-top #watch-the-video{
float:left;
width:436px;
height:140px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}

#outer-wrapper #wrapper #home-top #watch-the-video #text{
float:left;
width:230px;
}

#outer-wrapper #wrapper #home-top #watch-the-video #text p{
font-family:Georgia;
color:#ffffff;
font-style:italic;
font-size:18px;
margin-left:20px;
margin-top:18px;
}

#outer-wrapper #wrapper #home-top #watch-the-video #text p a{
color:#00cffa;
text-decoration:none;
font-family:Georgia;
font-style:italic;
font-size:18px;
}

#outer-wrapper #wrapper #home-top #watch-the-video #image{
float:left;
margin-left:16px;
margin-top:18px;
}

#outer-wrapper #wrapper #home-top .shop-guys-girls{
float:left;
height:140px;
width:255px;
background:#00cffa;
margin-left:4px;
text-align:right;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}

#outer-wrapper #wrapper #home-top .shop-guys-girls p{
margin-right:10px;
margin-top:0px;
}

#outer-wrapper #wrapper #home-top .shop-guys-girls p a{
color:#ffffff;
font-family:Georgia;
font-style:italic;
font-size:26px;
}

#outer-wrapper #wrapper #home-top .shop-guys-girls p a:hover{
color:#faed03;
}

#outer-wrapper #wrapper #slider{
height:235px;
margin:0px 20px 0px 33px;

}

#outer-wrapper #wrapper #home-content{
width:1050px;
margin:0px 20px 0px 20px;
padding-top:50px;
padding-bottom:25px;
}

#outer-wrapper #wrapper #home-content .home-promos
{
	overflow: hidden;
}
#outer-wrapper #wrapper #home-content .home-promos .block
{
	float: right;
padding-top:5px;
padding-bottom:5px;
padding-left:5px;
padding-right:5px;
	margin: 25px 10px 0 0;
	height: 150px;
	background-color: #f7f7f7;
	border:2px solid #d3d3d3;
	overflow: hidden;
}
#outer-wrapper #wrapper #home-content .home-promos .block .himage
{
	float: left;
}
#outer-wrapper #wrapper #home-content .home-promos .block .himage img
{
	width: 518px;
	height: 153px;
}
#outer-wrapper #wrapper #home-content .home-promos .block .viewmore
{
	float: right;
}
#outer-wrapper #wrapper #home-content .home-promos .block .viewmore img
{
	width: 90px;
	height: 25px;
}
#outer-wrapper #wrapper #home-content .home-promos .block .content
{
	float: left;
	font-size: 14px;
	margin-left: 15px;
	width: 225px;
}
#outer-wrapper #wrapper #home-content .home-promos .block .title
{
	margin-bottom: 5px;
padding-top:20px;
	font-weight: bolder;
}
#outer-wrapper #wrapper #home-content .home-promos .block .title span
{
	background-color: none;
}
#outer-wrapper #wrapper #home-content .home-promos .block .content a
{
	color: #00CFFA;
	text-decoration: none;
}
#outer-wrapper #wrapper #home-content .home-promos .block .content p { margin: 0 0 1em 0; }

#outer-wrapper #wrapper #review-content{
width:1050px;
margin:0px 20px 0px 20px;
padding-top:5px;
padding-bottom:25px;
padding-left:25px;
}

#outer-wrapper #wrapper #review-content .review-listings
{
	overflow: hidden;
}
#outer-wrapper #wrapper #review-content .review-listings .block
{
	float: left;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	margin: 25px 10px 0 0;
	width: 1000px;
	overflow: hidden;
}
#outer-wrapper #wrapper #review-content .review-listings .block .image
{
	float: left;
}
#outer-wrapper #wrapper #review-content .review-listings .block .image img
{
	width: 189px;
	height: 148px;
}
#outer-wrapper #wrapper #review-content .review-listings .block .viewmore
{
	float: right;
}
#outer-wrapper #wrapper #review-content .review-listings .block .viewmore img
{
	width: 90px;
	height: 25px;
}
#outer-wrapper #wrapper #review-content .review-listings .block .content
{
	float: left;
	font-size: 14px;
	margin-left: 15px;
	width: 884px;
}
#outer-wrapper #wrapper #review-content .review-listings .block .title
{
	margin-bottom: 10px;
	margin-top: 5px;
	padding-top:10px;
	padding-left:100px;
	font-weight: bolder;
	background:url(images/review-bg.png);
}
#outer-wrapper #wrapper #review-content .review-listings .block .title span
{
	background-color: none;
}
#outer-wrapper #wrapper #review-content .review-listings .block .content a
{
	color: #00CFFA;
	text-decoration: none;
}
#outer-wrapper #wrapper #review-content .review-listings .block .content p { margin: 0 0 1em 0; }

/**footer**/

#outer-wrapper #footer{
margin:0 auto;
width:1075px;
height:125px;
padding-bottom:30px;
padding-top:30px;
background-color:#ffffff;
}


#outer-wrapper #footer .inner1{
float:left;
margin-left:10px;
margin-right:10px;
width:1055px;
height:125px;
background-color:#f4c848;
}

#outer-wrapper #footer .inner1 p.head{
font-weight:bold;
color:#747474;
font-size:16px;
margin-bottom:5px;
padding-top:30px;
padding-left:10px;
}
#outer-wrapper #footer .inner1 p, inner2 p{
margin-bottom:3px;
}

#outer-wrapper #footer .inner1 p a,.inner2 a{
text-decoration:none;
font-size:12px;
color:#FFFFFF;
font-weight:bold;
}
#outer-wrapper #footer .inner1 p a:hover,.inner2 a:hover{
text-decoration:none;
color:#00cffa;
}

#outer-wrapper #footer .inner2{
float:right;
margin-left:10px;
margin-right:10px;
padding-bottom:30px;
padding-top:30px;
width:1000px;
background-color:#f4c848;
}

/**BLOG_PAGE **/

#outer-wrapper #wrapper #blog-body{
margin:0 20px;
}

#outer-wrapper #wrapper #blog-body #left-content{
float:left;
}

#outer-wrapper #wrapper #blog-body #left-content #menu .how-it-works{
height:40px;
width:116px;
background:url(images/how-it-works.png) no-repeat;
border-right:5px solid #000000;
}
#outer-wrapper #wrapper #blog-body #left-content #menu .how-it-works:hover{
height:40px;
width:116px;
background:url(images/how-it-works-hover.jpg) no-repeat;
}
#outer-wrapper #wrapper #blog-body #left-content #menu  .blog{
height:40px;
width:116px;
background:url(images/blog.jpg) no-repeat;
border-right:5px solid #000000;
}
#outer-wrapper #wrapper #blog-body #left-content #menu .blog:hover{
height:40px;
width:116px;
background:url(images/blog-hover.jpg) no-repeat;
}
#outer-wrapper #wrapper #blog-body #left-content #menu #active-link .active-blog{
height:40px;
width:116px;
background:url(images/active-blog.jpg) no-repeat;
float:left;
border-right:5px solid #000000;
}
#outer-wrapper #wrapper #blog-body #left-content #menu #active-link .active-downloads{
height:38px;
width:116px;
background:url(images/active-downloads.png) no-repeat;
float:left;
border-right:5px solid #000000;
}
#outer-wrapper #wrapper #blog-body #left-content #menu #active-link .active-link-img{
float:left;
margin-top:6px;
}
#outer-wrapper #wrapper #blog-body #left-content #menu #active-link .active-sweet-deals{
height:38px;
width:116px;
background:url(images/active-sweet-deals.jpg) no-repeat;
float:left;
border-right:5px solid #000000;
}
#outer-wrapper #wrapper #blog-body #left-content #menu #active-link .active-videos{
height:38px;
width:116px;
background:url(images/active-videos.jpg) no-repeat;
float:left;
border-right:5px solid #000000;
}
#outer-wrapper #wrapper #blog-body #left-content #menu #active-link .active-photos{
height:38px;
width:116px;
background:url(images/active-photos.png) no-repeat;
float:left;
border-right:5px solid #000000;
}
#outer-wrapper #wrapper #blog-body #left-content #menu #active-link .active-how-it-works{
height:40px;
width:116px;
background:url(images/active-how-it-works.png) no-repeat;
float:left;
border-right:5px solid #000000;
}

#outer-wrapper #wrapper #blog-body #left-content #menu .shop-guy{
height:38px;
width:116px;
background:url(images/shop-guys.png) no-repeat;
border-right:5px solid #000000;
}

#outer-wrapper #wrapper #blog-body #left-content #menu .shop-guy:hover{
height:38px;
width:116px;
background:url(images/shop-guys-hover.png) no-repeat;
}
#outer-wrapper #wrapper #blog-body #left-content #menu .shop-girl{
height:38px;
width:116px;
background:url(images/shop-girls.png) no-repeat;
border-right:5px solid #000000;
}
#outer-wrapper #wrapper #blog-body #left-content #menu .shop-girl:hover{
height:38px;
width:116px;
background:url(images/shop-girls-hover.png) no-repeat;
}
#outer-wrapper #wrapper #blog-body #left-content #menu .shop-kids{
height:38px;
width:116px;
background:url(images/shop-kids.png) no-repeat;
border-right:5px solid #000000;
}
#outer-wrapper #wrapper #blog-body #left-content #menu .shop-kids:hover{
height:38px;
width:116px;
background:url(images/shop-kids-hover.png) no-repeat;
}
#outer-wrapper #wrapper #blog-body #left-content #menu .culture{
height:38px;
width:116px;
background:url(images/shop-betty-white.png) no-repeat;
border-right:5px solid #000000;
}
#outer-wrapper #wrapper #blog-body #left-content #menu .culture:hover{
height:38px;
width:116px;
background:url(images/shop-betty-white-hover.png) no-repeat;
}
#outer-wrapper #wrapper #blog-body #left-content #menu .accessories{
height:38px;
width:116px;
background:url(images/shop-accessories.gif) no-repeat;
border-right:5px solid #000000;
}
#outer-wrapper #wrapper #blog-body #left-content #menu .accessories:hover{
height:38px;
width:116px;
background:url(images/shop-accessories-hover.gif) no-repeat;
}
#outer-wrapper #wrapper #blog-body #left-content #menu .photos{
height:38px;
width:116px;
background:url(images/photos.png) no-repeat;
border-right:5px solid #000000;
}
#outer-wrapper #wrapper #blog-body #left-content #menu .photos:hover{
height:38px;
width:116px;
background:url(images/photos-hover.png) no-repeat;
}
#outer-wrapper #wrapper #blog-body #left-content #menu .videos{
height:38px;
width:116px;
background:url(images/videos.png) no-repeat;
border-right:5px solid #000000;
}
#outer-wrapper #wrapper #blog-body #left-content #menu .videos:hover{
height:38px;
width:116px;
background:url(images/videos-hover.png) no-repeat;
}
#outer-wrapper #wrapper #blog-body #left-content #menu .downloads{
height:38px;
width:116px;
background:url(images/downloads.png) no-repeat;
border-right:5px solid #000000;
}
#outer-wrapper #wrapper #blog-body #left-content #menu .downloads:hover{
height:38px;
width:116px;
background:url(images/downloads-hover.png) no-repeat;
}
#outer-wrapper #wrapper #blog-body #left-content #menu .sweet-deals{
height:38px;
width:116px;
background:url(images/sweet-deals.jpg) no-repeat;
border-right:5px solid #000000;
}
#outer-wrapper #wrapper #blog-body #left-content #menu .sweet-deals:hover{
height:38px;
width:116px;
background:url(images/sweet-deals-hover.jpg) no-repeat;
}

#outer-wrapper #wrapper #blog-body #left-content #menu {
/**width:130px;
height:347px;**/
}
#outer-wrapper #wrapper #blog-body #left-content .video-menu {
background:#000000;
}

#outer-wrapper #wrapper #blog-body #left-content #image1 {
width:130px;
margin-top:15px;
margin-left:15px;
width:80px;
}

#outer-wrapper #wrapper #blog-body #left-content #image2{
width:130px;
margin-top:15px;
margin-left:15px;
width:85px;
}

#outer-wrapper #wrapper #blog-body #left-content #image3 {
width:130px;
margin-top:15px;
margin-left:10px;
width:100px;
}

#outer-wrapper #wrapper #blog-body #middle-content{
float:left;
padding-left:15px;
width:580px;
}

#outer-wrapper #wrapper #blog-body #middle-content #blog-banner{
background:url(images/blog-banner.png) no-repeat;
width:555px;
height:60px;
margin-bottom:10px;
}

#outer-wrapper #wrapper #blog-body #middle-content #blog-post{

}
#outer-wrapper #wrapper #blog-body #middle-content #blog-post .individual-post{
padding-bottom:40px;
}

#outer-wrapper #wrapper #blog-body #middle-content #blog-post .blog-title{
margin-bottom:5px;
font-size:18px;
font-weight:bold;
line-height:21px;
text-decoration:underline;
text-transform:uppercase;
width:350px;
}
#outer-wrapper #wrapper #blog-body #middle-content #blog-post .blog-title a{
color:#F233B5;
}

#outer-wrapper #wrapper #blog-body #middle-content #blog-post .date-author{
font-family:georgia;
font-size:12px;
font-style:italic;
font-weight:bold;
margin-bottom:15px;
}

#outer-wrapper #wrapper #blog-body #middle-content #blog-post .post-content{
font-size:15px;
margin-bottom:10px;
}

#outer-wrapper #wrapper #blog-body #middle-content #blog-post .post-content a{
color:#F233B5;
text-decoration:none;
}

#outer-wrapper #wrapper #blog-body #middle-content #blog-post .image{

}
#outer-wrapper #wrapper #blog-body #middle-content #blog-post .category-comment{
color:#7e7e7e;
font-size:15px;
}
#outer-wrapper #wrapper #blog-body #middle-content #blog-post .category-comment a{
color:#F233B5;
text-decoration:none;
}

#outer-wrapper #wrapper #blog-body #right-content{
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
background:#000000;
float:left;
padding:25px;
width:183px;
}
#outer-wrapper #wrapper #blog-body #right-content a{
color:#ffffff;
text-decoration:none;
}
#outer-wrapper #wrapper #blog-body #right-content ul li {
margin-bottom:20px;
}
#outer-wrapper #wrapper #blog-body #right-content ul li h2{
color:#FAED03;
text-transform:uppercase;
font-size:22px;
}

#outer-wrapper #wrapper #blog-body .blog-bottom-border{
margin-left:145px;
}

/** SWEET DEALS **/

#outer-wrapper #wrapper #blog-body #sdeals-right{
float:left;
padding-left:5px;
}

#outer-wrapper #wrapper #blog-body #sdeals-right #sdeals-banner {
height:142px;
margin-bottom:10px;
width:578px;
}

#outer-wrapper #wrapper #blog-body #sdeals-right .content {
margin-bottom:50px;
}

#outer-wrapper #wrapper #blog-body #sdeals-right .deals
{
	
}
#outer-wrapper #wrapper #blog-body #sdeals-right .deals .block
{
}
#outer-wrapper #wrapper #blog-body #sdeals-right .deals .top,
#outer-wrapper #wrapper #blog-body #sdeals-right .deals .bottom
{
	overflow: hidden;
}
#outer-wrapper #wrapper #blog-body #sdeals-right .deals .image { float: left; }
#outer-wrapper #wrapper #blog-body #sdeals-right .deals .link
{
	float:left;
	height:153px;
	margin-left:30px;
	width:230px;
	background:#00cffa;
	-moz-border-radius:10px 10px 10px 10px;
	-webkit-border-radius:10px 10px 10px 10px;
}
#outer-wrapper #wrapper #blog-body #sdeals-right .deals .link a {
	font-family:georgia;
	font-size:30px;
	font-style:italic;
	color:#ffffff;
	text-decoration:none;
	margin: 100px 0 0 20px;
	display: block;
}
#outer-wrapper #wrapper #blog-body #sdeals-right .deals .bottom
{
	padding: 40px 0;
}
#outer-wrapper #wrapper #blog-body #sdeals-right .deals .title
{
	float: left;
	line-height: 19px;
	width: 250px;
	font-weight: bolder;
}
#outer-wrapper #wrapper #blog-body #sdeals-right .deals .title span
{
	background-color: yellow;
}
#outer-wrapper #wrapper #blog-body #sdeals-right .deals .post
{
	float: left;
	font-size: 15px;
	line-height: 19px;
	margin-left: 50px;
	width: 400px;
}


#outer-wrapper #wrapper #blog-body #sdeals-right .info{
color:#969696;
font-size:13px;
margin-bottom:30px;
}
.sdeal-bottom-border{
margin-bottom:25px;
}

/**VIDEOS**/
#outer-wrapper #wrapper #blog-body .video-left-content{
background:url(images/menu-bggg.png) repeat-x;
}
#outer-wrapper #wrapper #blog-body #video-gallery{
float:left;
padding-left:5px;
width:790px;
background:#000000;
margin-bottom:30px;
-moz-border-radius:0 10px 10px 10px;
-webkit-border-radius:0 10px 10px 10px;
}

#outer-wrapper #wrapper #blog-body #video-gallery #video-banner{
height:142px;
margin-bottom:20px;
margin-top:5px;
width:700px;
}
#outer-wrapper #wrapper #blog-body #video-gallery #content-sidebar{

}

#outer-wrapper #wrapper #blog-body #video-gallery #content-sidebar #gallery-content{
width:620px;
float:left
}

#outer-wrapper #wrapper #blog-body #video-gallery #content-sidebar #video-sidebar{
width:145px;
float:left;
padding:10px;
background:#343434;
color:#ffffff;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
#outer-wrapper #wrapper #blog-body #video-gallery #content-sidebar #video-sidebar h3{
border-bottom:1px solid;
color:#FBF014;
width:110px;
}
#outer-wrapper #wrapper #blog-body #video-gallery #content-sidebar #video-sidebar p{
margin:10px 0;
font-size:14px;
font-weight:bold;
}

#wpcf7-f1-p48-o1 form input#video-text{
height:25px;
width:140px;
border:none;
background:#626060;
}

.wpcf7 input,
.wpcf7 textarea{
    padding:10px;
    color:#707070;
background-color:#E7E7E7;
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    line-height: 10px;
 
    border: solid 1px #9f9f9f;
     
    box-shadow: inset 2px 2px 8px #bababa;
     -moz-border-radius: 10px;
border-radius: 10px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;

}
     
}
 
.wpcf7 .wpcf7-list-item{
    padding-left: 0;
    margin-left: 0;
    margin-right: 25px;
}
 
.wpcf7 .wpcf7-list-item input{
    border: none;
    padding-left: 0;
    margin-left: 0;
}
 
.wpcf7 select{
    outline: none;
    font-size:16px;
    font-family:Arial, Helvetica, sans-serif;
}
 
.wpcf7 input:hover,
.wpcf7 input:focus,
.wpcf7 input:active, 
.wpcf7 textarea:hover,
.wpcf7 textarea:focus,
.wpcf7 textarea:active {
    background: #FAFAEE;
    outline: none;
}
 

 
/* On hover */
/* On click */
 
/* CF7 Messages */
.wpcf7 .wpcf7-validation-errors{
    border:none;
    background-color:#f4ae46;
    color: #707070;
    font-size:16px;
    margin:0;
    padding:20px;
     
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
 
.wpcf7 .wpcf7-mail-sent-ok{
    border:none;
    background-color:#f6c956;
    color: #707070;
    font-size:16px;
    margin:0;
    padding:20px;
     
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
 
.wpcf7 .wpcf7-mail-sent-ng{
    border:none;
    background-color:#cf2d38;
    margin:0;
    padding:20px;
     
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
     
    color: white;
}
 
.wpcf7 span.wpcf7-not-valid-tip{
    border:none;
    background-color:#cf2d38;
    padding:10px;
    padding-left: 15px;
    padding-right: 15px;
    border-radius:10px;
    width: 180px;
    color: white;
     
    /* Drop shadow */
    -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.3);
    -moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.3);
    box-shadow: 3px 3px 3px rgba(0,0,0,0.3);
}
 
.wpcf7-form .fleft{
    float: left;
}
 
.wpcf7-form .mright20{
    margin-right: 20px;
}
 
.wpcf7-form .mright40{
    margin-right: 40px;
}
 
.wpcf7-form .clear{
    clear: both;
}

#term-text{
font-size:10px;
color:#626060;
}
#term-text a{
color:#626060;
}
#term-text a:hover{
color:#F233B5;
}

#video-submit{
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
background:#F233B5;
border:none;
color:white;
font-family:georgia;
font-style:italic;
margin-left:40px;
padding:2px 5px;
width:100px;
font-weight:bold;
cursor:pointer;
}
span.wpcf7-not-valid-tip  {
color:black;
font-size:10px !important;
width:121px !important;
}
div.wpcf7-validation-errors  {
border:2px solid #F7E700;
font-size:12px;
margin-top:0 !important;
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
}
div.wpcf7-mail-sent-ok  {
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
border:2px solid #398F14;
font-size:12px;
margin-top:0 !important;
}


/**single-post-comment**/

#respond{

}

#respond h3{
margin:10px 0;
}

#respond p input{
height:25px;
margin:10px 0;
width:300px;
}

/**how it works**/

#outer-wrapper #wrapper #blog-body #sdeals-right #hiw-youtube{

}

#outer-wrapper #wrapper #blog-body #sdeals-right #hiw-content{
width:700px;
margin-top:40px;
}
#outer-wrapper #wrapper #blog-body #sdeals-right #hiw-content .hiw-left{
float:left;
font-size:20px;
width:550px;
}
#outer-wrapper #wrapper #blog-body #sdeals-right #hiw-content .title{
font-weight:bold;
font-size:20px;
color:#f4c848;
}
#outer-wrapper #wrapper #blog-body #sdeals-right #hiw-content .post{
margin-top:20px;
margin-left:50px;
font-size:12px;
}
#outer-wrapper #wrapper #blog-body #sdeals-right #hiw-content .post p{
padding:10px 0;
font-size:12px;
}
#outer-wrapper #wrapper #blog-body #sdeals-right #hiw-content .hiw-right{
float:left;
width:250px;
}

/**Japan**/
#outer-wrapper #wrapper #blog-body #sdeals-right #hiw-content .japan-left{
float:left;
width:500px;
}
#outer-wrapper #wrapper #blog-body #sdeals-right #hiw-content .japan-right{
float:left;
width:300px;
}
#outer-wrapper #wrapper #blog-body #sdeals-right #hiw-content .japan-right a{
color:#ff00a5;
font-size:2em;
font-style:italic;
font-family: georgia;
text-decoration:none;
}
#outer-wrapper #wrapper #blog-body #sdeals-right #hiw-content .japan-right .images{
margin-top:10px;
text-align:center;
}
/**photos**/


#outer-wrapper #wrapper #blog-body #photo-gallery{
float:left;
padding-left:5px;
width:790px;
margin-bottom:30px;
-moz-border-radius:0 10px 10px 10px;
-webkit-border-radius:0 10px 10px 10px;
}

#outer-wrapper #wrapper #blog-body #photo-gallery #photo-banner{
height:142px;
margin-bottom:20px;
margin-top:5px;
width:780px;
}
#outer-wrapper #wrapper #blog-body #photo-gallery #content-sidebar{

}

#outer-wrapper #wrapper #blog-body #photo-gallery #content-sidebar #gallery-content{
width:620px;
float:left
}

#outer-wrapper #wrapper #blog-body #photo-gallery #content-sidebar #gallery-content .photo-post{
width:200px;
float:left;
margin-left:5px;
margin-bottom:20px;
}

#outer-wrapper #wrapper #blog-body #photo-gallery #content-sidebar #gallery-content .image{
margin-bottom:5px;
}

#outer-wrapper #wrapper #blog-body #photo-gallery #content-sidebar #gallery-content .title{
width:110px;
}

#outer-wrapper #wrapper #blog-body #photo-gallery #content-sidebar #gallery-content .title a{
font-size:12px;
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
}

#outer-wrapper #wrapper #blog-body #photo-gallery #content-sidebar #photo-sidebar{
width:145px;
float:right;
margin-bottom:20px;
padding:10px;
background:#343434;
color:#ffffff;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
#outer-wrapper #wrapper #blog-body #photo-gallery #content-sidebar #photo-sidebar h3{
border-bottom:1px solid;
color:#FBF014;
width:95px;
}
#outer-wrapper #wrapper #blog-body #photo-gallery #content-sidebar #photo-sidebar p{
margin:10px 0;
font-size:14px;
font-weight:bold;
}

/**navigation**/
.navigation{
padding:15px 0;
}

/**downloads**/
#outer-wrapper #wrapper #blog-body #sdeals-right #downloads-content{
width:805px;
}

#outer-wrapper #wrapper #blog-body #sdeals-right #downloads-content .instruction{
font-size:15px;
margin-bottom:20px;
width:450px;
}

#outer-wrapper #wrapper #blog-body #sdeals-right #downloads-content #desktop{

}

#outer-wrapper #wrapper #blog-body #sdeals-right #downloads-content #desktop .title span{
background:none repeat scroll 0 0 #FCFF00;
font-weight:bold;
padding:3px;
}

#outer-wrapper #wrapper #blog-body #sdeals-right #downloads-content #desktop .desktop-instruction{
font-size:15px;
margin-bottom:20px;
margin-top:15px;
}

#outer-wrapper #wrapper #blog-body #sdeals-right #downloads-content #desktop .image-area{
float:left;
margin-right:15px;
}

#outer-wrapper #wrapper #blog-body #sdeals-right #downloads-content #desktop .image-title{
font-weight:bold;
padding:5px;
}

#outer-wrapper #wrapper #blog-body #sdeals-right #downloads-content #desktop .image{
margin-bottom:10px;
}

#outer-wrapper #wrapper #blog-body #sdeals-right #downloads-content #mobile-im #mobile{
float:left;
width:350px;
margin-top:20px;
}

#outer-wrapper #wrapper #blog-body #sdeals-right #downloads-content #mobile-im #mobile .title span{
background:none repeat scroll 0 0 #FCFF00;
font-weight:bold;
padding:3px;
}

#outer-wrapper #wrapper #blog-body #sdeals-right #downloads-content #mobile-im #mobile .mobile-instruction{
font-size:15px;
margin-bottom:20px;
margin-top:15px;
}
#outer-wrapper #wrapper #blog-body #sdeals-right #downloads-content #mobile-im #mobile .image-area{
float:left;
margin-right:10px;
}
#outer-wrapper #wrapper #blog-body #sdeals-right #downloads-content #mobile-im #mobile .image-title{
font-weight:bold;
padding:5px;
}

#outer-wrapper #wrapper #blog-body #sdeals-right #downloads-content #mobile-im #mobile .image{
margin-bottom:10px;
}

#outer-wrapper #wrapper #blog-body #sdeals-right #downloads-content #mobile-im #im{
float:left;
margin-top:20px;
}

#outer-wrapper #wrapper #blog-body #sdeals-right #downloads-content #mobile-im #im .title span{
background:none repeat scroll 0 0 #FCFF00;
font-weight:bold;
padding:3px;
}

#outer-wrapper #wrapper #blog-body #sdeals-right #downloads-content #mobile-im #im .im-instruction{
font-size:15px;
margin-bottom:20px;
margin-top:15px;
}

#outer-wrapper #wrapper #blog-body #sdeals-right #downloads-content #mobile-im #im .image-area{
float:left;
margin-right:10px;
}

#outer-wrapper #wrapper #blog-body #sdeals-right #downloads-content #mobile-im #im .image{
margin-bottom:10px;
}

#tog-blog{
width:1000px;
}

#tog-sidebar, #tog-main {
    display: table-cell;
}

#tog-sidebar {
    width:250px;
    margin-left:75px;
    margin-right:15px;
    float: left;
}

.month{
width:100px;
height:75px;
padding-top:25px;
margin-bottom:25px;
text-align:center;
text-transform:uppercase;
background:#808285;
float:left;
}

.day{
width:125px;
height:75px;
padding-top:25px;
margin-bottom:25px;
text-align:center;
text-transform:uppercase;
background:#F3C84A;
float:left;
}

.author{
margin-top:10px;
margin-bottom:10px;
}

.comment{
margin-top:10px;
margin-bottom:10px;
}

#tog-main {
    width:650px;
    background:#F7F7F7;
    border:2px solid #E6E6E6;
}

.image{
margin-top:10px;
margin-left:10px;
margin-right:10px;
margin-bottom:20px;
float:center;
}

.title{
margin-top:10px;
margin-bottom:20px;
text-align:center;
text-transform:uppercase;
}

.content{
margin-top:10px;
margin-left:20px;
margin-right:10px;
margin-bottom:20px;
float:center;
}


/*mailing list**/

.similar-style{
width:820px;
}

#mailing-list-content{
background:url(images/mailing-list-image.png) no-repeat right top;
height:650px;
font-size:15px;
}

.page-custom-nav{
color:#6E6E6E;
margin:20px 0;
width:500px;
}

.page-custom-nav a{
color:#F233B5;
text-decoration:none;
}

#ml-title{
font-weight:bold;
line-height:18px;
}

#ml-content{
margin-top:20px;
width:500px;
}

#ml-content p{
margin:10px 0;
}

/**contact us **/

#contact-us-content{
background:url(images/contact-bg.png) no-repeat right top;
height:650px;
font-size:15px;
float:left;
}

.cu-title{
font-weight:bold;
margin:10px 0;
width:500px;
}

.cu-content{
margin-bottom:20px;
width:500px;
padding-top:90px;
padding-left:60px;

}

.cu-content a{
color:#F233B5;
text-decoration:none;
}

.cu-content p{
margin:10px 0;
padding-left:75px;

}

/**sustainability**/
#sustainability-content{
background:url(images/sustainability-image.png) no-repeat right top;
height:650px;
font-size:15px;
}

/**HB3-Technology **/
#hb3-technology-content{
background:url(images/hb3-technology-image.png) no-repeat right top;
height:650px;
font-size:15px;
}

#about-us-content{
background:url(images/about-us-image.png) no-repeat right top;
height:650px;
font-size:15px;
}

ul.IR li {
  position: relative;
  / *overflow: hidden;
  commented out for this example */
  font-size: 0.9em;
}
 
.IR em {
  display: block;
  position: absolute;
  top: 0; left: 0;
  z-index: 1;
}
 
/* For IE5.x mac only */
* html>body .IR {
  position: static;
  / *overflow: visible;
  commented out for this example */
  font-size: 10px;
}
 
* html>body .IR em  { position: static; }

.nav { list-style: none; }
.nav li { float: left; padding-bottom: 23px; }

.nav-home em { left: 0; }
.nav-home em {
  background: url(images/navigation.png) no-repeat;
  width: 25px;
  height: 42px;
  cursor: pointer;
  background-position: 0 0;
}
.nav-home:hover em {
  background-position: 0 -42px;
}
.nav-about { left: 10px; }
.nav-about em {
  background: url(images/navigation.png) no-repeat;
  width: 100px;
  height: 42px;
  cursor: pointer;
  background-position: -39px 0;
}
.nav-about:hover em {
  background-position: -39px -42px;
}
.nav-services { left: 47px; }
.nav-services em {
  background: url(images/navigation.png) no-repeat;
  width: 100px;
  height: 42px;
  cursor: pointer;
  background-position: -144px 0;
}
.nav-services:hover em {
  background-position: -144px -42px;
}
.nav-gallery { left: 97px; }
.nav-gallery em {
  background: url(images/navigation.png) no-repeat;
  width: 100px;
  height: 42px;
  cursor: pointer;
  background-position: -250px 0;
}
.nav-gallery:hover em {
  background-position: -250px -42px;
}
.nav-stationery { left: 147px; }
.nav-stationery em {
  background: url(images/navigation.png) no-repeat;
  width: 110px;
  height: 42px;
  cursor: pointer;
  background-position: -350px 0;
}
.nav-stationery:hover em {
  background-position: -350px -42px;
}
.nav-blog { left: 197px; }
.nav-blog em {
  background: url(images/navigation.png) no-repeat;
  width: 80px;
  height: 42px;
  cursor: pointer;
  background-position: -470px 0;
}
.nav-blog:hover em {
  background-position: -470px -42px;
}
.nav-contact { left: 247px; }
.nav-contact em {
  background: url(images/navigation.png) no-repeat;
  width: 100px;
  height: 42px;
  cursor: pointer;
  background-position: -552px 0;
}
.nav-contact:hover em {
  background-position: -552px -42px;
}
.nav-reviews { left: 297px; }
.nav-reviews em {
  background: url(images/navigation.png) no-repeat;
  width: 100px;
  height: 42px;
  cursor: pointer;
  background-position: -652px 0;
}
.nav-reviews:hover em {
  background-position: -652px -42px;
}
.nav-carrie {
  background: url(images/nav-carrie.jpg) no-repeat;
  width: 203px;
  height: 53px;
}
.nav-team {
  background: url(images/nav-team.jpg) no-repeat;
  width: 203px;
  height: 50px;
}
.nav a { display: block; }


/* The Holly Hack */
* html .nav a { height: 1%; }
 
.nav li ul {
  position: absolute;
  z-index: 10; /* show the
  dropdowns above the images */
  top: 42px; /* position the dropdowns a set distance from the top of the image */
  left: -999em;
  list-style: none;
  border: 1px solid #ffffff;
}
 
.nav li:hover ul { left: auto; }
.nav li li {
  height: 50px;
  width: 175px;
  padding-bottom: 0; /* reset the height set on the IR list items */
  font-size: 100%;
  border-bottom: 2px solid #ffffff;
}
.nav li ul a {
  height: 50px;
  padding: 0.25em;
  color: #929292;
  url(images/nav-carrie.jpg) no-repeat;
}
.nav li ul a:hover {
  height: 50px;
  color: #929292;
  url(images/nav-carrie.jpg) no-repeat;
}

/**END**/