/*  CSS styles for Emma Purdie Design - Standard Styles for HTML pages */


/* 00 - GLOBAL ELEMENTS
/* ----------------------------------------------*/
body {
	margin:0; padding:0;
	width:auto; height:auto;
	background-color:#f9f6df;
	font:normal 0.75em Georgia, "Times New Roman", Times, serif; color:#6c6159;
	line-height:160%;
}

img {
	border:0;
}

blockquote, .box {
	margin:0; padding:10px 20px;
	background:#f1eddb;
	border:1px solid #e0d9b9;
	font:1.25em Georgia, "Times New Roman", Times, serif; color:#928071;
}

a {outline: none;}


/* 00 - IMAGE STYLES AND WRAPS
/* ----------------------------------------------*/

.wrappiccyright{
	float: right;
	margin-left: 10px;
	padding: 5px 5px 5px 5px;
	border: 1px solid #FFFFFF;
	background-color: #FDFCF4;
}

.wrappiccyleft{
	float: left;
	margin-right: 10px;
	padding: 5px 5px 5px 5px;
	border: 1px solid #FFFFFF; 
	background-color: #FDFCF4;
}



.news-image{
	float: right;
	margin: 60px 0 0 10px;
	padding: 1px;
}

.wrappiccyleft{
	float: left;
	margin-right: 10px;
	padding: 5px 5px 5px 5px;
	border: 1px solid #FFFFFF;
	background-color: #FDFCF4;
}

.wrappiccyright-noborder{
	float: right;
	margin-left: 10px;
}

.wrappiccyleft-noborder{
	float: left;
	margin-right: 10px;
	}

.gallery{
	padding: 5px 5px 5px 5px;
	border: 1px solid #FFFFFF;
	background-color: #FDFCF4;
}



/* 01 - TYPOGRAPHY
/* ----------------------------------------------*/

h1 { 
color: #3b3632;
line-height: 30px;
margin: 15px 0 0 15px;
font-size: 1.90em;
}

h2 {font-size: 1.10em;margin: 15px 0 0 15px;
}


h3 {
	margin:0; padding:0;
	font:bold 2.50em Arial, Helvetica, sans-serif; color:#3b3632;
}

h3.page-title {
	margin:0; padding:0 0 20px 0;
	font-size:2.50em;
	background:url(images/page-title-divider.png) no-repeat bottom center;
	}

h4 {
	margin:0; padding:0;
	font:bold 2.00em Arial, Helvetica, sans-serif; color:#3b3632;
}

h5 {
	margin:0 0 10px 0; padding:0;
	font:2.00em Georgia, "Times New Roman", Times, serif; color:#453c2f;
}

a:link, a:active, a:visited {
	font-weight:bold; color:#4a413a;
	text-decoration:none;
	outline: none;
}

h3 a, h4 a {
	color:#3b3632;
}

.footer-pages li a:link, .footer-pages li a:active, .footer-pages li a:visited {
	font:bold 1.20em Arial, Helvetica, sans-serif; color:#FFF;
}
		
a:hover {
	text-decoration:underline;
}

		
/* Universal Styles */
.small {
	font-size:0.83em;
}

.medium {
	font-size:0.95em;
}

.large {
	font-size:1.25em;
}

.extralarge {
	font-size:2.00em;
}

.weight-normal, .weight-normal a {
	font-weight:normal;
}

.weight-bold, .weight-bold a {
	font-weight:bold;
}

.verdana {
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.georgia {
	font-family:Georgia, "Times New Roman", Times, serif;
}

.inline {
	display:inline;
}

.block {
	display:block;
}

	
#footer {
	font:normal 0.83em Arial, Helvetica, sans-serif; color:#dce7c0;
}


/* 02 - STRUCTURE
/* ----------------------------------------------*/

.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%;
}

.left, .alignleft {
	float:left;
}

.right, .alignright {
	float:right;
}

#main { /* BACKGROUND GRAPHIC */
	margin:0;
	padding:0;
	width:100%; 
	height:579px;
	background:url(images/main-back.gif) no-repeat top center;
}

#main-banner { /* MAIN IMAGE / ROTATING FLASH BANNER */
background-image:url(images/main-image-holder.jpg);
background-repeat:no-repeat;
width: 872px; 
height: 280px; 
margin: 0 auto; 
padding:0;
position: relative;
}

#container {/* POSITIONS CONTAINER HOLDS CONTENT UNDER MAIN IMAGE/FLASH BANNER */
	margin:0 auto; 
	padding:0;
	width:900px;
	height:auto;
}

#content-back { /* STYLES CONTAINER UNDER MAIN IMAGE/FLASH BANNER */
	background-color:#fff;
	margin: 0 0 0 0;
	padding:0;
	width:900px; 
	height:auto;
	overflow:visible;
}





/* 00 - LEFT COLUMN
/* ----------------------------------------------*/


#left-col {
	margin:0; 
	padding:0;
	width:620px;
	height:auto;
	float:left;
}

/* - HOME PAGE WELCOME TEXT DIV WITH BACKGROUND  */

#page-content p {padding: 0 15px; font-size: 1.10em; line-height: 20px; width: 730px;}

#page-content {
	background-color:#f9f0ee;
	margin: 10px;
	padding: 10px 10px 10px 20px;
	width:800px; 
	float:left; 
	position:relative;
}


h4#title {padding: 5px;}



/* 00 - FOOTER
/* ----------------------------------------------*/

#footer {
	background-color:#553b46;
	height:101px;
	margin:0 auto; 
	padding: 10px;
	width:880px; 
}

#footer p {
	margin:0; padding:5px 0 0 30px;
}

#footer div {
	float:left;
	width:500px;
}

.footer-pages {
	margin:0; padding:25px 30px 0 30px;
	list-style:none;
}

.footer-pages li {
	margin:0 0 0 10px; padding:0 0 0 10px;
	float:left;
	border-left:1px solid #c7d37c;
}
	
.footer-pages li.first {
	margin:0; padding:0;
	float:left;
	border-left:0;
}
	

/*****--------------------- MAIN VISIBLE  NAVIGATION  ------------------------------------------*****/  


#nav { width: 100%; position: relative; margin: 0 auto; }

ul#navigation {
	list-style-type: none;
	padding: 0;
	margin: 0 auto;
	border: 0;
	width: 900px;
	height: 149px;
	background: url(images/navigation-over.png) no-repeat;
}


ul#navigation li {
	padding: 0;
	margin: 0;
	display: block;
	float: left;
	text-indent: -9999px;	
}

ul#navigation li a {
	border: 0;
	display: block;
	height: 149px;
	background: url(images/navigation.png) no-repeat;
}

ul#navigation li a:hover {
	border: 0;
	display: block;
	background-image: url(images/navigation-over.png);
}	
	
/*****------ Visible Naviggation Links -------------*****/  


li#misc a {width: 0px;}

li#home a {
	width: 86px;
}

li#about a {
	width: 141px;
}

li#about a:link,
li#about a:visited,
li#about a:hover {
	background-position: -86px 0px;
}

li#bags a {
	width: 65px;
}

li#bags a:link,
li#bags a:visited,
li#bags a:hover {	
	background-position: -227px 0px;
}


li#purses a {
	width: 86px;
}

li#purses a:link, 
li#purses a:visited, 
li#purses a:hover {	
	background-position: -292px 0px;
}

li#lamp a {
	width: 140px;
}

li#lamp a:link, 
li#lamp a:visited, 
li#lamp a:hover {	
	background-position: -378px 0px;
}

li#cush a {
	width: 104px;
}

li#cush a:link,
li#cush a:visited, 
li#cush a:hover {	
	background-position: -518px 0px;
}


li#diary a {
	width: 78px;
}

li#diary a:link, 
li#diary a:visited, 
li#diary a:hover {
	background-position: -622px 0px;
}

li#stock a {
	width: 106px;
}

li#stock a:link, 
li#stock a:visited, 
li#stock a:hover {
	background-position: -700px 0px;
}

li#contact a {
	width: 94px;
}

li#contact a:link, 
li#contact a:visited, 
li#contact a:hover {
	background-position: -806px 0px;
}

#badges { width: 100px; height: 50px; margin-bottom: -50px; background-color:#000033; margin-left:60px; }

#badges a {
	height: 50px;
	width: 100px;
	text-decoration: none;
}

#badges a span {
	visibility: hidden;
}