html  {
	margin: 0;
	padding: 0;
}

body  {
	color: #999999;
	margin: 0px;
	padding: 0px;
	background: url(../image/back_body.jpg) top left repeat;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

img  {
	border: none;
}

#header  {
	width: 100%;
	background: url(../image/back_stitch_dark.png) top left repeat-x;
	height: 116px;
}

#header #logo  {
	height: 128px;
	width: 211px;
	background: url("../image/logo.png") no-repeat scroll 0 10px rgba(0, 0, 0, 0);
	margin: 0 auto;
}

.box {
	padding: 0 1em;
	font-size: 0.8em;
}

.header, .footer {
	width: 100%;
}

h1  {
	text-transform: uppercase;
	color: #777777;
	font-weight: 300;
	font-size: 1.6em;
}

.address {
	background: url(../image/address.png) top left no-repeat;
	padding-left: 3em;
	height: 1.5em;
}

.phone  {
	background: url(../image/phone.png) top left no-repeat;
	padding-left: 3em;
	height: 1.5em;
}

.mail  {
	background: url(../image/mail.png) top left no-repeat;
	padding-left: 3em;
	height: 1.5em;
}

.fb  {
	background: url(../image/fb.png) top left no-repeat;
	padding-left: 3em;
	height: 1.5em;
}

.phone a, .mobile a , .mail a, .fb a {
	color: #D06464;
}

#footer  {
	width: 100%;
}

#footer p  {
	padding-right: 1em;
	text-align: right;
	font-size: 0.7em;
}

@media only screen and (max-width: 320px) {
	#header #logo  {	
		text-align: center;
		padding: 0.6em 0 0;
	}
}