/* Bridgett Wilson Designs Style */

	body {
		/*padding-left: 11em;*/
	    /* color: #7f4239; */
        color: #4863a0;
	    background-color: white;
	}

	body,p,b,i,em,dt,dd,dl,sl,caption,th,td,tr,u,blink,select,option,form,div,li {
		font-family: 'Century Schoolbook', 'Times New Roman', serif;
	}
	
	#main {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
    
    @media only screen and (min-width: 760px) {
        #main { /* for larger displays, set width explicitly */
            width: 760px;
        }
    }

	#header {
		padding-bottom: 2em;
	}
	#IE6root #header {
		padding-bottom: 1em;
	}

	#bwd {
		width: 64px;
		height: 88px;
		border: 1px solid #4863a0;
		position: absolute;
		text-indent: -5000px;
		background: url(../img/squig.png) no-repeat;
	}
	
	/* This uses Rundle method to replace header with image */
	#title {
		width:350px;
		height:100px;
		text-indent:-5000px;
	    margin-top:2em;
	    margin-left:auto;
	    margin-right:auto;
		background:url(../img/bwd.png) no-repeat;
	}
	
	#IE6root #title {
		background: url(../img/bwd.jpg) no-repeat;
	}	

	div.navbar {
		float: left;
		width: 100%;
		margin-top: 0em;
		margin-bottom: 0.5em;
	    position: relative;
	    overflow: hidden;
	}
	div.navbar ul {
		clear:left;
		float:left;
	    list-style: none;
	    margin: 0;
	    padding: 0;
	    position:relative;
	    left:50%;
	    text-align:center;
    }
	div.navbar li {
	  	display: block;
	    float: left;
	    list-style: none;
	    margin: 0;
	    padding: 0;
	    position: relative;
	    right:50%;
    }
	div.navbar li a {
	  	display: block;
	    margin: 0 0 0 1px;
	    padding: 3px 10px;
	    text-decoration: none;
	    line-height: 1.3em;
	    font-family: 'Calibri Light', Calibri, Helvetica, Arial, sans-serif;
	    font-weight: bold;
	    font-size: 120%;
		color: #7e587e;  /*#7f4239; */
    }
	div.navbar li.current {
		font-weight: italic;
    }

    /* need to do active as well */
	div.navbar li a:hover {
		color:ivory;
		background:#7e587e;
	}
	div.navbar li a:active {
		color:ivory;
		background:#7e587e;
	}
	
	#page-about {
		padding: 1em;
		background-color: #4863a0;  /* #7e587e; */
		color: ivory;
	}
	#page-about h1,h2 {
		text-align: left;
		color: burlywood;
	}
	#page-about a {
		color: burlywood;
	}

	#page-redesign {
		padding-bottom: 11em;
	}

	.holiday {
		margin-top: 1em;
		padding: 90px 0 110px 0;
	}
	.accessories {
		border-top: 1px solid #4863a0;
		border-bottom: 1px solid #4863a0;
	}
	.accessories2 {
		border-top: 1px solid #7f4239;
		margin: 40px 0 90px 0;
	}
	.shopping {
		border-top: 1px solid #4863a0;
		padding: 20px 0 20px 0;
	}

	page-services {
		border: 1px;
	}
	
	p.reverse {
		padding: 1em;
		background-color: #4863a0;
		color: ivory;
	}

	tr.spaced-row td {
		padding: 1em 0 1em 0;
	}
	
	#drop {
		margin-top: 5em;
	}

	#hm-images {
		/*margin-top: 1em;*/
		position: relative;
		width: 100%;
		height: 400px;
	}	
	#image1 {
		position: absolute;
        max-width: 100%;
		top: 0; left: 15px;
	}
	#image2 {
		position: absolute;
		bottom: 0; left: 402px;
	}
	#image3 {
		position: absolute;
		top: 0; left: 400px;
	}
	#image4 {
		position: absolute;
		bottom: 0; right: 15px;
	}
	#image5 {
		position: absolute;
		top: 0; right: 15px;
	}
    @media only screen and (max-width: 600px) {
        #not-mobile {
            display: none;
        }
    }

	#clr-images {
		margin-top: 1em;
		position: relative;
		width: 380px;
		height: 510px;
	}
	#clr-img1 {
		position: absolute;
		top: 0px; left: 5px;
	}
	#clr-img2 {
		position: absolute;
		top: 278px; left: 5px;
	}
	#clr-img3 {
		position: absolute;
		top: 278px; right: 15px;
	}
	
	#dec-images {
		margin-top: 1em;
		position: relative;
		width: 334px;
		height: 410px;
	}
	#dec-img1 {
		position: absolute;
		top: 0px; right: 5px;
	}
	#dec-img2 {
		position: absolute;
		top: 96px; left: 0px;
	}
	#dec-img3 {
		position: absolute;
		bottom: 0px; right: 5px;
	}

	#acc-images {
		margin-top: 3em;
		position: relative;
		width: 334px;
		height: 160px;
	}
	#acc-img1 {
		position: absolute;
		top: 0; left: -2px;
	}
	
	#art-images {
		margin-top: 3em;
		position: relative;
		width: 334px;
		height: 220px;
	}
	#art-img1 {
		position: absolute;
		top: 0; right: 35px;
	}
	#art-img2 {
		position: absolute;
		top: 0; left: 35px;
	}

	#shp-images {
		margin-top: 3em;
		position: relative;
		width: 334px;
		height: 300px;
	}
	#shp-img1 {
		position: absolute;
		top: 0; left: 65px;
	}

	.onleft{
		float:left;
		position:relative;
		margin-right:1em;
	}
	.onright{
		float:right;
		position:relative;
		margin-left:1em;
	}
	.onleft2{
		float:left;
		position:relative;
		width:380px;
	}

	#img-ctr{
		float:left;
		position:relative;
		width: 100%;
		padding-bottom: 1em;
		border-bottom: 1px solid #7f4239;
	}
	#img-ctr img {
		float:none;
		vertical-align:bottom;
	}

	#services {
	    overflow:hidden;
		margin: 1em auto;
	}
	#services p {
		float:left;
		clear:left;
		position:relative;
		left:50%;
		padding:0;
		margin:0;
	}
	#services img {
		float:left;
		position:relative;
		right:50%;
		margin:3px;
	}
	#services img.horz {
		top:50px;
	}

	h1,h2,h3, h4 { font-family: Helvetica, Arial, sans-serif; }
	h1 { font-size: 150%; }
	h2 { padding-top: 0.5em; font-size: 120%; }
	h3 { font-weight: bold; font-size: 100%; font-style: italic; }
	h4 { font-weight: normal; font-size: 90%; }
	
	p, h3, h4 {
		/*padding-left: 2em;*/
		padding-right: 2em;
	}
	
	table#portfolio {
		width: 256px;
		font-size: 80%;
		text-align: center;
	}
	td.befaft {
		font-size: 120%; }	
	td.prevnext{
		width: 200px;
		font-size: 150%;
		font-family: cursive, sans-serif;
		color: #c1a676;
		text-align: center;
	}
	#portfolio img {
		border: 0; }
	
	p.quote {
		padding-left: 5em;
		padding-right: 5em;
	    font-family: Georgia, 'Times New Roman', serif;
	    font-style: italic;
	}

	.images {
		width: 780px;
		text-align: center;
		margin-top: 0.5em;
		margin-bottom: 0.25em;
	}
	
	img.about {
		float: left;
		margin-right: 0.8em;
	}
	
	span.photoby {
		float: left;
		font-size: 60%;
		width: 18px;
		height: 225px;
		text-indent:-5000px;
		padding:0;
		margin:0;
		margin-left: -0.8em;
		margin-right: 0.7em;
		background:url(img/photoby.jpg) no-repeat;
	}

	#footer {
		border-top: 1px solid #7e587e;
		margin-top: 1em;
		margin: 1em auto;
		font-size: 80%;
		text-align: center;
		color: #7e587e;
	}

  	a:link {
	    color: #7f4239; }
	a:visited {
	    color: #7f4239; }
  	a:hover {
	    color: #90415E; }