lovemilk-project

html,body,* {
	margin:0; padding:0;
	border:0; outline:0;
	font-size:100%; vertical-align:baseline;
	background:transparent;
}

body {
	font-size:62.5%;
	line-height:1.6em;
	font-family:Lucida sans, lucida, Myriad Pro, arial, sans-serif;
}

img {
	display:inline-block;
	padding:0 0 0 0;
	margin:0 0 0 0;
}

html { height:100%; margin-bottom:1px; }
body { text-align:center; background:#fff; }

.l-wrap {
	width:100%;
	text-align:center;
}

.l-doc {
	position:relative;
	width:800px;
	margin:0 auto;
	text-align:left;
}

.l-head {
	background:url(../images/menu-navy-rx.png) repeat-x left bottom;
}

.l-head .l-doc {
	height:590px;
}

.l-body {
	position:relative;
	top:-20px;
	text-align:center;
}

.fx1 {
	position:absolute;
	top:0; left:-211px;
	display:block;
	height:200px; width:440px;
	background:url(../images/l-doc-l-t.jpg) no-repeat left top;
}

.fx2 {
	position:absolute;
	top:0; right:-72px;
	display:block;
	height:200px; width:370px;
	background:url(../images/l-doc-r-t.jpg) no-repeat left top;
}

/* */

.l-head strong {
	overflow:hidden;
	position:absolute;
	top:88px; left:204px;
	height:44px; width:440px;
	background:url(../images/motto-tx.png) no-repeat left top;
}

.l-head strong sup { position:absolute; top:-79px; }

.logo {
	position:absolute;
	top:0; left:-113px;
}

.l-head p {
	position:absolute;
	top:151px; left:0;
	height:360px; width:800px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	background:url(../images/area-shade-f.png) no-repeat left top;
}

.l-head p a {
	position:relative;
	display:inline-block;
	top:15px;
	text-decoration:none;
}

.clients { left:25px; }
.portfolio { left:35px; }
.blog { left:44px; }

.l-head p a span {
	overflow:hidden;
	display:block;
	position:absolute;
	top:355px;
	height:23px;
	background:url(../images/menu-navy-tx.png) no-repeat;
}

.l-head .clients span { width:90px; left:80px; background-position:left top; }
.l-head .clients:hover span { background-position:left bottom; }

.l-head .portfolio span { width:105px; left:74px; background-position:-90px top; }
.l-head .portfolio:hover span { background-position:-90px bottom; }

.l-head .blog span { width:73px; left:86px; background-position:right top; }
.l-head .blog:hover span { background-position:right bottom; }

.l-head p a span * { position:absolute; top:-79px; }

/* */

.l-body p {
	overflow:hidden;
	position:relative;
	margin:0 auto 10px;
}

.l-body p sup { position:absolute; top:-79px; }

.l-body .about {
	text-align:center;
	color:#725e4d;
	font-size:12px;

/*	height:67px; width:800px;
	background:url(../images/tx-aboutus.png) no-repeat left top;
*/
}

.l-body .request {
	height:52px; width:373px;
	background:url(../images/tx-request.png) no-repeat left top;
}