/* CSS Document */

/*** reset default settings ***/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,img,input,textarea,blockquote,th,td { margin: 0; padding: 0; border: 0;}

body {
	margin: 0 auto 0 auto;
	padding: 0;
	font: Arial, Helvetica, sans-serif;
	color: #4C3226;
	text-align: center;
	background-color: #ffffff;
}


h1 {
	margin: 26px auto 16px auto;
	padding: 0;
	font-size: 1.125em;
	text-align: center;
	color: #4C3226;
}

h2 {
	margin: 16px 0 11px 0;
	padding: 0;
	font-size: .92em;
	color: #DE3831;
}

h3 {
	margin: 2px 0 16px 0;
	padding: 0;
	font-size: .89em;
	color: #675c53;
}

h4 {
	margin: 0 0 16px 0;
	padding: 0;
	font-size: .92em;
	color: #DE3831;
}

h5 {
	width: 144px;
	margin: 8px 0 16px 0;
	padding: 0 0 2px 0;
	font-size: .88em;
	color: #675C53;
	border-bottom: 1px solid #c7c7c7;
}



p {
	margin: 0 0 11px 0;
	padding: 0;
	font-size: .88em;
	color: #333;
	text-align: left;

}p.first {
	margin: 11px 0 11px 0;
	padding: 0;
	font-size: .88em;
	color: #333;
	text-align: left;

}


img {
	border: 0;

}

ul {
	margin: 0;
	padding: 0;
}

li {
	list-style-type: none;
}



/* Site Structure */

#page {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 100%;
	height: auto;
	text-align: center;
	
}

#page #page-content {
	margin: 16px auto 0 auto;
	padding: 0;
	width: 906px;
	height: 700px;
	text-align: center;
	
}

#page #page-content #preview {
	width: 906px;
	height: 374px;
	margin: 0;
	padding: 0;
	/*background: url(../images/rose-cake.png) 0 0 no-repeat;*/
}

#page #page-content #preview-test {
	width: 906px;
	height: 376px;
	margin: 0 0 14px 0;
	padding: 0;
	/*background: url(../images/rose-cake.png) 0 0 no-repeat;*/
}

#page #page-content #preview #logo {
	float: left;
	width: 152px;
	height: 152px;
	margin: 80px 0 0 40px;
	padding: 0;
}

#page #page-content #preview #tagline{
	position: relative;
	width: 469px;
	height: 46px;
	margin: 0 auto 0 auto;
	top: 312px;
	padding: 0;
	/*clear: both;*/
}

#page #page-content #samples {
	width: 906px;
	height: 216px;
	margin: 0 0 14px 0;
	padding: 0;
}

#page #page-content #samples ul {
	width: 906px;
	height: 216px;
	margin: 0;
	padding: 0;
}

#page #page-content #samples li {
	float: left;
	width: 216px;
	height: 216px;
	list-style-type: none;
	display: block;
	margin: 0 14px 0 0;
	padding: 0;
	text-align: center;
}

#page #page-content #samples li.last {
	float: left;
	width: 216px;
	height: 216px;
	list-style-type: none;
	display: block;
	margin: 0;
	padding: 0;
	text-align: center;
}

#page #page-content #page-bottom {
	position: relative;
	width: 906px;
	height: 92px;
	margin: 0 auto 0 auto;
	padding: 0;
	background: #d7d7d7;
}

#page #page-content #page-bottom #contact-info {
	float: left;
	width: 220px;
	height: 46px;
	margin: 20px 0 0 20px;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .98em;
	font-weight: normal;
	color: #4b4a4b;
	text-align: left;
	line-height: 1.25em;
}

#page #page-content #page-bottom #facebook {
	float: right;
	width: 44px;
	height: 44px;
	margin: 12px 20px 0 0;
	padding: 0;
}

#page #page-content #page-bottom #copyright {
	float: right;
	margin: -4px 20px 0 0;
	padding: 0;
	width: 166px;
	height: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .58em;
	font-weight: normal;
	color: #4b4a4b;
	text-align: right;
	clear: both;
}




/* Classes */

.clear {
	width: 100%;
	height: 1px;
	clear: both;
}
