@charset "UTF-8";
/* CSS Created by Keilor Aguilar
	to MyCodeConcept
*/

/*- Reset Styles -----------------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font,
img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i,
center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption,
tbody, tfoot, thead, tr, th, td, hr, button { background: transparent; border: 0;
font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
ol, ul { list-style: none; }
h1, h2, h3, h4, h5, h6, li { line-height: 100%; }
blockquote, q { quotes: none; }
table { border-collapse: collapse; border-spacing: 0; }

/*- End Of Reset Styles ----------------------------------------------------*/

#wrapper{
	width: 1008px;
	margin: 0 auto;
}
*+html #wrapper{
	overflow: hidden;
}
#header{
	width:100%;
	height: 195px;
	text-align: center;
}

#logo_container{
	margin: 0 auto;
	height: 144px;
	width: 373px;
}

#logo {
	margin-top: 37px;
	display: block;
	background-image: url("../img/img_03.jpg");
	background-repeat:no-repeat;
	height: 144px;
	width: 373px;
	text-indent: -999em;
}
#content{
	background:url("../img/img_06.jpg") repeat scroll 0 0 transparent;
	height:757px;
	position:relative;
	width:1008px;
}
.shop_image{
	display:block;
	height:151px;
	left:40px;
	position:absolute;
	top:128px;
	width:93px;
}
.shop_image:hover{
	background:url("../img/img_h_06.gif") no-repeat scroll 0 0 transparent;
}
.shop_image_hover{
	background:url("../img/img_h_06.gif") no-repeat scroll 0 0 transparent;
}
.shop_link{
	display:block;
	height:36px;
	left:39px;
	position:absolute;
	top:283px;
	width:98px;
}
.shop_link:hover{
	background:url("../img/img_h_34.gif") no-repeat scroll 0 0 transparent;
}
.shop_link_hover{
	background:url("../img/img_h_34.gif") no-repeat scroll 0 0 transparent;
}
.manifesto_image{
	display:block;
	height:146px;
	left:153px;
	position:absolute;
	top:128px;
	width:99px;
}
.manifesto_image:hover{
	background: url(../img/img_h_08.gif) no-repeat scroll 0 0 transparent;
}
.manifesto_image_hover{
	background: url(../img/img_h_08.gif) no-repeat scroll 0 0 transparent;
}
.manifesto_link{
	display:block;
	height:24px;
	left:246px;
	position:absolute;
	top:174px;
	width:169px;
}
.manifesto_link:hover{
	background:url("../img/img_h_22.gif") no-repeat scroll 0 0 transparent;
}
.manifesto_link_hover{
	background:url("../img/img_h_22.gif") no-repeat scroll 0 0 transparent;
}
.who_image{
	display:block;
	height:143px;
	left:392px;
	position:absolute;
	top:134px;
	width:80px;
}
.who_image:hover{
	background:url("../img/img_h_11.gif") no-repeat scroll 0 0 transparent;
}
.who_image_hover{
	background:url("../img/img_h_11.gif") no-repeat scroll 0 0 transparent;
}
.who_link{
	display:block;
	height:30px;
	left:384px;
	position:absolute;
	top:293px;
	width:93px;
}
.who_link:hover{
	background:url("../img/img_h_36.gif") no-repeat scroll 0 0 transparent;
}
.who_link_hover{
	background:url("../img/img_h_36.gif") no-repeat scroll 0 0 transparent;
}
.diy_shop_image{
	display:block;
	height:139px;
	left:486px;
	position:absolute;
	top:136px;
	width:83px;
}
.diy_shop_image:hover{
	background:url("../img/img_h_14.gif") no-repeat scroll 0 0 transparent;
}
.diy_shop_image_hover{
	background:url("../img/img_h_14.gif") no-repeat scroll 0 0 transparent;
}
.diy_shop_link{
	display:block;
	height:42px;
	left:587px;
	position:absolute;
	top:372px;
	width:148px;
}
.diy_shop_link:hover{
	background:url("../img/img_h_46.gif") no-repeat scroll 0 0 transparent;
}
.diy_shop_link_hover{
	background:url("../img/img_h_46.gif") no-repeat scroll 0 0 transparent;
}
.blog_image{
	display:block;
	height:200px;
	left:740px;
	position:absolute;
	top:141px;
	width:117px;
}
.blog_image:hover{
	background:url("../img/img_h_17.gif") no-repeat scroll 0 0 transparent;
}
.blog_image_hover{
	background:url("../img/img_h_17.gif") no-repeat scroll 0 0 transparent;
}
.blog_link{
	display:block;
	height:36px;
	left:648px;
	position:absolute;
	top:195px;
	width:90px;
}
.blog_link:hover{
	background:url("../img/img_h_25.gif") no-repeat scroll 0 0 transparent;
}
.blog_link_hover{
	background:url("../img/img_h_25.gif") no-repeat scroll 0 0 transparent;
}
.lifestyle_image{
	display:block;
	height:151px;
	left:853px;
	position:absolute;
	top:141px;
	width:97px;
}
.lifestyle_image:hover{
	background:url("../img/img_h_19.gif") no-repeat scroll 0 0 transparent;
}
.lifestyle_image_hover{
	background:url("../img/img_h_19.gif") no-repeat scroll 0 0 transparent;
}
.lifestyle_link{
	display:block;
	height:36px;
	left:847px;
	position:absolute;
	top:298px;
	width:146px;
}
.lifestyle_link:hover{
	background:url("../img/img_h_39.gif") no-repeat scroll 0 0 transparent;
}
.lifestyle_link_hover{
	background:url("../img/img_h_39.gif") no-repeat scroll 0 0 transparent;
}
.newsletter_link{
	display:block;
	height:258px;
	left:584px;
	position:absolute;
	top:488px;
	width:28px;
}
.newsletter_link:hover{
	background:url("../img/img_h_50.jpg") no-repeat scroll 0 0 transparent;
}
.footer-container {
	float: right;
	padding-top: 30px;
	width:1008px;
}
div.footer div.informational div ul {
	background-color:#C1C1C1;
	height:18px;
	list-style:none outside none;
	margin:15px auto 0;
	padding:8px 0;
	text-align:center;
	width:1008px;
}
div.footer div.informational div ul li {  
	border:0px;
	display: inline; 
}

div.footer div.informational div ul li a {  
	background-color:#C1C1C1;
	color:#FFFFFF;
	font-family:"Gill Sans","Trebuchet MS";
	font-size:14px;
	padding:0 14px;
	text-decoration:none;
}
div.footer div.informational div ul li a:hover {  
	font-size: 14px;
	font-family:"Gill Sans";
	color: #666;
	text-decoration:none;
	background-color:#c1c1c1;
}

.legality {
	width: 1174px;
	margin: 0 auto;
	float:right;
	text-align: center;
	padding-top: 10px;
	display: block;
}
.footer_img{
	margin: 0 auto;
	width: 100px;
	text-align: center;
}
.footer_img span{
	font-family: "Gill Sans";
	font-size: 10px;
}
#twitter {
background-image:url(../img/img06.jpg);
float:left;
height:29px;
width:31px;
}
#blog {
background-image:url(../img/img04.jpg);
float:left;
height:29px;
width:31px;
}
#facebook {
background-image:url(../img/img05.jpg);
float:left;
height:29px;
width:31px;
}
.video_frame{
	left:-27px;
	position:absolute;
	top:-27px;
}
#sb-wrapper{  
	
}
#sb-wrapper-inner{
background:url("../img/frame.png") no-repeat scroll 0 0 transparent;
border:0 none !important;
padding:12px 10px !important;
}
#sb-body, #sb-loading {
background: none repeat scroll 0 0 transparent !important;
}
#sb-nav-close{
	background:url("../img/btn_close.png") no-repeat scroll 0 0 transparent !important;
	height:32px !important;
	position:absolute;
	width:32px !important;
}
#sb-info {
	overflow:visible !important;
	position:absolute !important;
	right:65px;
	top:23px;
}
#sb-nav a {
left:46px;
position:absolute;
top:-12px;
width:16px;
z-index:10000;
}
#sb-nav {
float:right;
height:16px;
padding:2px 0;
position:relative;
width:45%;
}

