/**
* This stylesheet defines things needed for Skindeep:
* The header and main content of pages.
* The user content.
* Should be included on EVERY page.
*/


/* GENERAL (Global) */
BODY {
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, Tahoma, sans-serif;
	color: #999999;
	text-align: center;
	background-color: #fff; /*#f9f9f9;*/
}

UL { margin: 0; padding: 0; }
LI { margin: 0; padding: 0; line-height: 1.4; }

H1 { margin: 10px 0 0 0; font-weight: normal; font-size: 11px; text-transform: lowercase; line-height: 1.4; }
H2 { margin: 0 0 20px 0; float: left; font-size: 13px; }
H3 { margin: 0 0 10px 0; font-weight: normal; font-size: 13px; text-transform: lowercase; width: 500px; }
DIV.left H3 { width: 310px; }

P {	margin: 0 20px 25px 0; font-weight: normal; font-size: 13px; line-height: 1.4; }
P.download { margin: 0 0 30px 0; color: #000; }
P.tight { width: 580px; }

IMG { border: none; }
BR.break { clear: both; }


/* LAYOUT */
DIV#content { width: 750px; margin: 50px auto; padding: 0; text-align: left; border: 0px solid red; }
DIV.left { width: 310px; float: left; }
DIV#skindeep { padding: 50px 0 0 0; }
DIV#footer { padding: 20px 0 0 0; }
BODY.general DIV#content DIV#menu { padding: 0 0 50px 0; }


/* MENUS */
DIV#menu UL {
    padding: 0;
    list-style-type: none;
}
DIV#menu LI {
    margin-top: 0;
    float: left;
    padding-right: 22px;
	font-size: 13px;
	font-style: italic;
}

DIV#marken {
	margin: 60px 0 0 0;
}

DIV#brands {
	margin: 10px 0 20px 0;
}

DIV#cecilia {
	padding: 40px 0 0 0;
}

DIV#contactCi {
	padding: 30px 0 0 0;
	width: 250px;
	float: left;
}

/* LINKS */
A { text-decoration: none; color: #f200f5; }
A:visited { color: #f200f5; }
A:hover { text-decoration: none; color: #000; }