/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}






/* Unique Art styles */

body { background: #000 url(../images/bg_front.jpg) no-repeat right top; font-family: 'Helvetica Neue', helvetica, arial, sans-serif; font-size: 14px; color: #fffdd8; line-height: 1.3; }

body.tattoos { background-image: url(../images/bg_tattoos.jpg); }
body.piercings { background-image: url(../images/bg_piercings.jpg); }
body.shop { background-image: url(../images/bg_sade22.jpg); }
body.training { background-image: url(../images/bg_training.jpg); }
body.tips { background-image: url(../images/bg_buddha.jpg); }
body.design { background-image: url(../images/bg_arman.jpg); }

.right { float: right; }
.left { float: left; }
.framed { border: 5px solid #fffdd8; }
body.piercings img.framed, body.shop img.framed { margin: 10px 20px 10px 0; }
#container { width: 850px; margin: 40px 0 0 70px; }
a { color: #ff7800; text-decoration: none; }
img { border: 0; }
#logo { margin-left: 60px; }
#navi { width: 850px; float: left; font-size: 17px; margin: 11px 0 40px 0; }
#navi li { float: left; margin-left: 5px; }
#navi li a { margin-right: 4px; color: #fffdd8; }
#navi li a:hover, #navi li.here a { color: #ff7800; }
#content, #footer { margin-left: 60px; }
h1 { font-size: 60px; background: url(../images/h1.png) no-repeat left bottom; margin-bottom: 10px; }
p.preamble { font-size: 21px; }
#content a { background: url(../images/a.png) no-repeat 3px 5px; padding-left: 13px; }
#content .preamble a { background-position: 3px 8px; }
#content a.none { background: none; padding: 0; }
#content a.back { font-size: 18px; }
body.front p.preamble { width: 780px; margin-bottom: 40px; }
h2 { font-size: 36px; background: url(../images/h2.png) no-repeat left bottom; margin-bottom: 15px; padding-bottom: 5px; }
body.front .section { float: left; width: 260px; }
body.front .section img { border: 5px solid #fffdd8; margin-bottom: 10px; }
body.front .section img:hover { border-color: #ff7800; }
body.front .section p { width: 220px; }

#footer { margin-top: 60px; float: left; border-top: 1px solid #333; padding-top: 20px; overflow: hidden; width: 795px; }
#footer iframe { float: left; margin-right: 25px; }
#footer .block { float: left; width: 150px; margin: 10px 0 30px 0; }
#footer .hours { width: 170px; }
#footer h4 { font-size: 20px; background: url(../images/h2.png) no-repeat left bottom; margin-bottom: 10px; padding-bottom: 8px; }
#footer p { font-size: 13px; margin-bottom: 8px; }
body.front #footer { margin-top: 40px; }

#content.basic { width: 700px; }
#content.basic p { margin-bottom: 10px; }
#content.basic p.preamble { margin: 15px 0; }

#toggleText { display: none; }

.gallery { width: 295px; background: #151515; border: 1px solid #333; float: right; padding: 15px 5px 10px 20px; margin: 110px 0 15px 30px; }
.gallery h4 { font-size: 24px; margin-bottom: 5px; }
#content.basic .gallery p { width: 250px; font-size: 13px; }
#wide.gallery, #wide2.gallery { float: left; width: 680px; margin: 30px 0 0 0; }
#content.basic #wide.gallery p, #content.basic #wide2.gallery p { float: left; margin-right: 30px; }
.gallery h4 em { font-size: 14px; }
#content .folders a { font-size: 20px; background: url(../images/g_beforeafter.jpg) no-repeat left top; height: 60px; display: block; line-height: 60px; padding: 0 0 0 80px; }
#content .folders a.none { font-size: 11px; background: none; display: inline; line-height: 1.3; padding: 0; } 
#content .folders p.disclaimer { font-size: 11px; color: #565656; }
body.design #wide.gallery { margin: 10px 0; }


#content .folders a.couleurs { background-image: url(../images/g_couleurs.jpg); }
#content .folders a.lettering { background-image: url(../images/g_lettering.jpg); }
#content .folders a.noirblanc { background-image: url(../images/g_noirblanc.jpg); }
#content .folders a.petitprojects { background-image: url(../images/g_petitprojects.jpg); }
#content .folders a.realistes { background-image: url(../images/g_realistes.jpg); }


body.tips #content h2 { margin-top: 30px; }

#wide-tout { width: 770px; float: left; background: #151515; border: 1px solid #333; padding: 15px 10px; margin: 40px 0 0; font-size: 12px; }
#wide-tout .column { width: 250px; float: left; }
#wide-tout .second.column { margin-right: 20px; width: 440px; font-size: 16px; }
#wide-tout h3 { font-size: 24px; }
#wide-tout p { margin-bottom: 5px; }
body.front #wide-tout .second { margin-top: 20px; }

#twitter { float: left; margin: 40px 0 0; width: 770px; }
#twitter h5 { margin-bottom: 7px; font-size: 16px; }
#twitter_update_list { font-size: 23px; color: #565656; margin: 0; float: left; font-style: italic; background: url(../images/twitter.png) no-repeat left center; padding-left: 60px; }
#twitter a.follow { font-size: 12px; }
#content #twitter_update_list a { background: none; padding-left: 0; }
#twitter em { font-size: 12px; }

#content a.email { float: left; padding: 0; background: url(../images/email.png) no-repeat left top; display: block; width: 232px; height: 48px; }
#content a.email strong { display: none; }
body.training a.email { margin-top: 10px; }

ul#tabs { list-style-type: none; margin: 30px 0; padding: 0; overflow: hidden; }
ul#tabs li { display: inline; }
#content ul#tabs li a { float: left; padding: 0 0 0 10px; background: url(../images/tabs.png) no-repeat left bottom; height: 25px; line-height: 25px; margin-right: 5px; }
#content ul#tabs li a strong{ float: left; background: url(../images/tabs.png) no-repeat right bottom; padding-right: 10px; color: #fffdd8; }
#content ul#tabs li a:hover { background-position: left top; }
#content ul#tabs li a:hover strong { background-position: right top; color: #000; }
#content ul#tabs li a.selected { background-position: left top; }
#content ul#tabs li a.selected strong { background-position: right top; color: #000; }
div.tabContent {  }
div.tabContent.hide { display: none; }

body.piercings .menu {  }
body.piercings .menu p { width: 450px; }
body.piercings .menu h4 { font-size: 28px; margin-bottom: 10px; }
body.piercings .menu ul { width: 600px; }
body.piercings .menu ul li { font-size: 18px; margin-bottom: 5px; }
body.piercings .menu ul li em { float: right; font-style: normal; font-weight: bold; }
body.piercings div.pic { width: 310px; }
body.shop div.pic { width: 360px; margin: 0 15px 15px 0; float: left; }
.pic p { float: left; font-size: 11px; }

body.tips h4 { font-size: 28px; margin: 40px 0 10px; }
body.shop object { margin-top: 20px; }

#copy { float: left; margin: 0 0 30px 60px; color: #565656; font-size: 12px; padding-bottom: 30px; }