@charset "utf-8";

body {
	margin: 0;
	background: url(../images/site/body-bg.png) repeat-x #e1e1e1 left 108px;
	font-family:Arial, Helvetica, sans-serif;
	color: #3e3e3e;
}
div#header {
	background:url(../images/site/header-bg.png) repeat-x #000000;
}
p a {
	color: #2c56b6;
}
#header h1 {
    padding: 108px 0 0 0;
    overflow: hidden;
    background-image: url(../images/site/katie-collins.png);
    background-repeat: no-repeat;
    margin: 0 auto;
	width: 664px;
	height: 0px !important;
    height /**/:108px;
}
ul.menu {
	margin:18px auto;
	padding:0;
	list-style-type: none;
	width: 756px;
	display:block;
	height: 37px;
}
ul.menu li {
	margin: 0 8px;
	padding: 0;
	display: inline;
	float:left;
}
ul.menu li a {
	padding: 37px 0 0 0;
    overflow: hidden;
	background-repeat: no-repeat;
	height: 0px !important;
    height /**/:37px;
	display: block;
}
#pagePortfolio li.portfolio a, #pageWeddings li.weddings a, #pageCuttings li.cuttings a, #pageContact li.about a {
	background-position: 0 -37px;	
}
.portfolio a{	
    background-image: url(../images/site/portfolio.png);
	width: 144px;
}
.cuttings a{
	background-image: url(../images/site/cuttings.png);
	width: 144px;
}
.weddings a{
	background-image: url(../images/site/weddings.png);
	width: 144px;
}
.about a{
	background-image: url(../images/site/about.png);
	width: 258px;
}
ul.menu li a:hover{	
    background-position: 0 -37px;	
}
#maincontent {
	width: 100%;
}
#portfolio, #cuttings, #weddings {
	width: 100%;
	height: 690px;
}
.page {
	background: url(../images/site/pagebg.png) no-repeat;
	width: 788px;
	margin: 0 auto;
	height: 581px;
}
.page p {
	padding: 0 37px;
	font-size: 14px;
}
.page p.details {
		text-align: right;
		font-size: 30px;
}

h2.aboutme {
    padding: 84px 0 0 0;
    overflow: hidden;
    background-image: url(../images/site/about-me.gif);
    background-repeat: no-repeat;
    margin: 0 auto;
	width: 788px;
	height: 0px !important;
    height /**/:84px;
}
h2.contactme {
    padding: 84px 0 0 0;
    overflow: hidden;
    background-image: url(../images/site/contact-me.gif);
    background-repeat: no-repeat;
    margin: 0 auto;
	width: 788px;
	height: 0px !important;
    height /**/:84px;
}