* { margin: 0; border: 0; padding: 0; }

body {
	background: #000;
	color: #000;
	font-family: Georgia;
	position: relative;
}

a {
	color: #600;
}

a:hover { text-decoration: none; }

#HeaderContainer {
	background: #284319;
}

body.Homepage div.Header {
	height: 150px; width: 900px;
	margin: 0 auto;
	background: url('/wp-content/themes/karenkelly/images/bg_headerhome.jpg') no-repeat;
	position: relative;
}

body.Subpage div.Header {
	height: 90px; width: 900px;
	margin: 0 auto;
	background: url('/wp-content/themes/karenkelly/images/bg_headersub.jpg') no-repeat;
	position: relative;
}

body.Homepage div.Header h1 {
	height: 216px; width: 550px;
	background: url('/wp-content/themes/karenkelly/images/h1_homepage.jpg') no-repeat;
	text-indent: -9999px;
	position: absolute;
	top: 0px; left: -50px;
}

body.Subpage div.Header h1 {
	height: 120px; width: 442px;
	background: url('/wp-content/themes/karenkelly/images/h1_subpage.jpg') no-repeat;
	text-indent: -9999px;
	position: absolute;
	top: 0px; left: -32px;
}

body.Homepage div.Header h2 {
	height: 75px; width: 397px;
	background: url('/wp-content/themes/karenkelly/images/h2_homepage.jpg') no-repeat;
	text-indent: -9999px;
	position: absolute;
	top: 30px; right: 0;
}

body.Subpage div.Header h2 {
	display: none;
}

body.Homepage ul.SiteNav {
	height: 40px; width: 400px;
	list-style: none;
	position: absolute;
	bottom: 0px; right: 0px;
	z-index: 50;
	overflow: visible;
}

body.Subpage ul.SiteNav {
	height: 40px; width: 500px;
	list-style: none;
	position: absolute;
	bottom: 0px; right: 0px;
	z-index: 50;
}

ul.SiteNav li {
	height: 40px; width: 100px;
	display: block;
	float: left;
	z-index: 60;
}

ul.SiteNav li a {
	height: 40px; width: 100px;
	display: block;
	text-indent: -9999px;
	outline: none;
	z-index: 70;
}

ul.SiteNav li a:hover {
	background-position: -100px 0;
}

ul.SiteNav li:hover a {
	background-position: -100px 0;
}

ul.SiteNav > li.Active a {
	background-position: -200px 0;
}

ul.SiteNav li#Home a {
	background-image: url('/wp-content/themes/karenkelly/images/menu_home.gif');
}

ul.SiteNav li#About a {
	background-image: url('/wp-content/themes/karenkelly/images/menu_about.gif');
}

ul.SiteNav li#Services a {
	background-image: url('/wp-content/themes/karenkelly/images/menu_services.gif');
}

ul.SiteNav li#Projects a {
	background-image: url('/wp-content/themes/karenkelly/images/menu_projects.gif');
}

ul.SiteNav li#Contact a {
	background-image: url('/wp-content/themes/karenkelly/images/menu_contact.gif');
}

ul.SiteNav > li#Home a {
	background-image: url('/wp-content/themes/karenkelly/images/menu_home.png');
}

ul.SiteNav > li#About a {
	background-image: url('/wp-content/themes/karenkelly/images/menu_about.png');
}

ul.SiteNav > li#Services a {
	background-image: url('/wp-content/themes/karenkelly/images/menu_services.png');
}

ul.SiteNav > li#Projects a {
	background-image: url('/wp-content/themes/karenkelly/images/menu_projects.png');
}

ul.SiteNav > li#Contact a {
	background-image: url('/wp-content/themes/karenkelly/images/menu_contact.png');
}

ul.SiteNav li#Projects {
	height: 40px;
	position: relative;
}

ul.SiteNav li#Projects:hover {
	height: 200px !important;
}

ul.SiteNav li#Projects ul {
	width: 140px;
	height: 130px;
	z-index: 100;
	position: relative;
	display: none;
}

ul.SiteNav li#Projects:hover ul {
	display: block;
}

ul.SiteNav li#Projects ul li {
	font-size: 12px;
	font-family: Arial;
	height: auto;
	width: auto;
	z-index: 110;
}

ul.SiteNav li#Projects ul li a {
	background: #284319;
	color: #b1cd8c;
	text-indent: 0;
	width: 130px;
	padding: 5px;
	height: 15px;
	line-height: 20px;
	border-bottom: 1px dotted #31521f;
	display: block;
	text-decoration: none;
	z-index: 120;
}

ul.SiteNav li#Projects ul li a:hover {
	background: #436c2c;
	color: #fff;
}


#OuterContainer {
	background: #fcf1f1;
}

body.Homepage div.Container {
	width: 900px;
	margin: 0 auto;
	background: url('/wp-content/themes/karenkelly/images/bg_main.jpg');
	padding: 70px 0 50px 0;
}

body.Subpage div.Container {
	width: 900px;
	margin: 0 auto;
	background: url('/wp-content/themes/karenkelly/images/bg_main.jpg');
	padding: 20px 0 50px 0;
}


div.OpeningParagraph {
	position: relative;
	height: 270px;
	border-bottom: 1px solid #dfcdc6;
	margin-bottom: 10px;
	padding: 0 10px;
}

div.OpeningParagraph p {
	font-size: 16px;
	line-height: 2em;
	margin-bottom: 1em;
}


div.OpeningParagraph img {
	float: right;
	margin: -78px -22px 10px 10px;
	position: relative;
	z-index: 10;
}

div.Main {
	width: 580px;
	float: left;
	padding: 10px;
}

div.Main h3,
div.Sidebar h3 {
	font-size: 24px;
	font-weight: normal;
	color: #72080f;
	text-transform: lowercase;
	margin-bottom: .5em;
}

div.Main p.EntryDate {
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	margin-bottom: .5em;
	color: #600;
}

div.Main p {
	font-size: 14px;
	line-height: 2em;
	margin-bottom: 2em;
}

div.Sidebar {
	width: 286px;
	float: left;
	margin: 0 7px;
	background: url('/wp-content/themes/karenkelly/images/bg_sidebar.png') no-repeat;
}

div.Sidebar p { margin-bottom: 1em;}

div.SidebarContent {
	padding: 10px;
	font-size: 12px;
}

ul.BlogRoll {
	list-style: none;
}

ul.BlogRoll li {
	margin-bottom: 1em;
}

div.SidebarBottom {
	height: 12px; width: 286px;
	font-size: 1px; line-height: 1px;
	background: url('/wp-content/themes/karenkelly/images/bg_sidebarbottom.png') no-repeat;
}

#FooterContainer {
	background: url('/wp-content/themes/karenkelly/images/bg_footer.png') repeat-x #000;
	clear: both;
}

div.Footer {
	height: 100px; width: 900px;
	margin: 0 auto;
	background: url('/wp-content/themes/karenkelly/images/bg_footerinside.jpg') repeat-x;
	position: relative;
	clear: both;
}

div.Footer p {
	margin-top: 60px;
}

div.Footer p.Copyright {
	color: white;
	font-size: 13px;
	font-style: italic;
	float: left;
}

div.Footer p.DesignedBy {
	color: white;
	font-size: 11px;
	font-style: italic;
	float: right;
	margin-right: 20px;
}

div.Footer p.DesignedBy a {
	color: white;
	text-decoration: none;
}

div.Footer p.DesignedBy a:hover {
	text-decoration: underline;
}

div.FooterFlower { display: none; }

div.Footer > div.FooterFlower {
	display: block;
	position: absolute;
	top: -6px; right: -46px;
	height: 106px; width: 95px;
	background: url('/wp-content/themes/karenkelly/images/footer_flower.png');
}


/* CLEARFIX */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}