/*[The HAB] CSS: Structure*/

/*Reset CSS
--------------------------------------*/
body{padding:0;margin:0;}
h1,h2,h3,h4,h5,h6,ul,li,em,strong,pre,code{padding:0;margin:0;line-height:1em;font-weight:normal;font-style: normal;}
table{font-size:inherit;}
ul{list-style:none;}
img{border:0;}
p{margin:0;padding:0;}

/*Fonts Generator*/
@font-face{
	font-family: 'vagLight'; 
	src:url('fonts/vagroundedstd-light-webfont.eot'); 
	src:url('fonts/vagroundedstd-light-webfont.eot?#iefix') format('embedded-opentype'), 
		url('fonts/vagroundedstd-light-webfont.woff') format('woff'), 
		url('fonts/vagroundedstd-light-webfont.ttf') format('truetype'), 
		url('fonts/vagroundedstd-light-webfont.svg#webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face{
	font-family: 'vagThin'; 
	src:url('fonts/vagroundedstd-thin-webfont.eot'); 
	src:url('fonts/vagroundedstd-thin-webfont.eot?#iefix') format('embedded-opentype'), 
		url('fonts/vagroundedstd-thin-webfont.woff') format('woff'), 
		url('fonts/vagroundedstd-thin-webfont.ttf') format('truetype'), 
		url('fonts/vagroundedstd-thin-webfont.svg#webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face{ 
	font-family: 'vagBold'; 
	src:url('fonts/vagroundedstd-bold-webfont.eot'); 
	src:url('fonts/vagroundedstd-bold-webfont.eot?#iefix') format('embedded-opentype'), 
		url('fonts/vagroundedstd-bold-webfont.woff') format('woff'), 
		url('fonts/vagroundedstd-bold-webfont.ttf') format('truetype'), 
		url('fonts/vagroundedstd-bold-webfont.svg#webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face{
	font-family: 'vagBlack'; 
	src:url('fonts/vagroundedstd-black-webfont.eot'); 
	src:url('fonts/vagroundedstd-black-webfont.eot?#iefix') format('embedded-opentype'), 
		url('fonts/vagroundedstd-black-webfont.woff') format('woff'), 
		url('fonts/vagroundedstd-black-webfont.ttf') format('truetype'), 
		url('fonts/vagroundedstd-black-webfont.svg#webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Font Adjustment & Body Background
---------------------------------------*/
body {font-size: 62.5%;color: #000000; background-color:#391f4d;}

/* Generic styles
---------------------------------------*/
img{border:none;}
.no-wrap{ white-space: nowrap; }
a{text-decoration: none; color:#000000; line-height:1.2em;}
a:hover{text-decoration:none;}
a img, a:focus, fieldset{ border: none;}
strong { font-weight: bold;}
p{font-size:1.2em; color:#424242;}
.newp{color:#422356;padding:0px 90px 30px 90px;display:block;font-size:2.0em;font-family:"vagThin", Arial, Helvetica, sans-serif;}
.floatLeft{float:left;}
.floatRight{float:right;}
a:active{outline:none;}
a:focus{-moz-outline-style:none;}
.dispNone, footNone{display:none;}
.dispBlock, footBlock{display:block;}
.upperCase{text-transform:uppercase;}
.landingBg{background-color:#361545;}
.conceptBg{background-color:#152844;}
.merchandiseBg{background-color:#3b2700;}
.workshopBg{background-color:#511633;}
.testimonialsBg{background-color:#113d3b;}
.newsBg{background-color:#8a288f;}
.doityourselfBg{background-color:#002a2b;}
.aboutBg{background-color:#454203;}
.connectBg{background-color:#5b1a30;}

/* Header Tags Styles
---------------------------------------*/
h1,h2,h3,h4,p {line-height:1.2em;}
h1 {font-size:2.4em;}
h2, h3{font-size:2.6em;color:#FFFFFF;font-family:"vagBold", Arial, Helvetica, sans-serif;}

/* Layout
---------------------------------------*/
div#pageWrapper, div#productBlock, div#articleBlock, div#conceptBlock {width:1000px;margin:0 auto;padding:0;}
