@charset "utf-8";
/* CSS Document */

* { padding: 3px; margin: 0; }

a {
color: #65cbe4;
text-decoration: none;
line-height: 2em;
}
a:hover {
color: #80e1f9;
text-decoration: none;
}
body {
 font-family: Lucida Sans Unicode, Arial, Helvetica, sans-serif;
 background: url(http://www.spiffyboutiques.com/images/2010layout/topbg.jpg) repeat-x;
 background-color: #fff; 
 color: #504639;
 margin: 160px auto;
 font-size: 13px; 
}
img {
border: 0 none;
}
.center {
text-align: center;
}
.left {
text-align: left;
}
.right {
text-align: right;
}
#wrapper1 { 
 margin: auto;
 margin-left: 150px;
 margin-right: 100px;
 width: 900px;
 height: 64px;
 clear: both;
 padding: 0px 0px 0px 0px;
}
#header {
 width: 900px;
 float: left;
 padding: 0px 0px 0px 0px;
 height: 50px;
 margin: 0px 0px 0px 0px;
}
#headleft { 
 margin: 0px 0px 0px 0px;
 padding: 3px 0px 0px 15px;
 width: 563px;
 float: left;
 text-align: left;
}
#headleft h1{
	background: url(http://www.spiffyboutiques.com/images/2010layout/logo.jpg) no-repeat top left;
	float: left;
    margin: 0px 0px 0px 0px;
	text-indent: -9999px;
	width: 563px;
}
#headleft h1 a{
	display: block;
	height: 81px;
	text-decoration: none;
	width: 563px;
}
#headleft h1 a:hover{
	text-decoration: none;
}
#headright { 
 line-height: 1.3em;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 width: 337px;
 height: 81px;
 float: left;
 text-align: right;
}
#headright a {
 color: #ffffff;
 text-decoration: none;
 float: right;
}
#headright ul {
 list-style: none;
 padding: 0em;
}
#headright li {
 display: inline;
}
#headright li a {
 color: #36273c;
}
#headright li a:hover {
 color: #58505b;
 text-decoration: none;
}

#wrapper2 { 
 margin: 0 auto;
 width: 900px;
 clear: both;
 padding: 5px 5px 5px 5px;
 background: #fff;
 border: 0px;
}

#topnav { 
 width: 908px; 
 clear: both;
 color: #ffffff;
 background: #5d4c3a;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 text-align: center;
 text-transform: uppercase;
}
#topnav a {
 color: #ffffff;
 text-decoration: none;
}
#topnav ul {
 list-style: none;
 padding: 0em;
}
#topnav li {
 display: inline;
}
#topnav li a {
 color: #ffffff;
 padding: 0.8em;
}
#topnav li a:hover {
 color: #ffffff;
 text-decoration: none;
}
#leftcolumn { 
 color: #9877b2;
 background: #ffffff;
 margin: 4px 5px 0px 0px;
 padding: 5px 8px 0px 8px;
 width: 200px;
 border: 1px dotted #65cbe4;
  float: left;
}
#leftcolumn2 { 
 color: #806e5b;
 background: #ffffff;
 margin: 4px 5px 0px 0px;
 padding: 8px 8px 8px 8px;
 width: 200px;
 border: 1px dotted #9877b2;
  float: left;
}
#leftcolumn p { 
 text-align: left;
}

#leftcolnav { 
 width: 205px; 
 clear: both;
 margin: 0px 0px 10px 0px;
 text-align: left;
}
#leftcolnav a {
 color: #5d4c3a;
 text-decoration: none;
}
#leftcolnav ul {
 list-style: none;
 margin-bottom: 10px;
}
#leftcolnav li a {
 color: #5d4c3a;
}
#leftcolnav li a:hover {
 color: #5d4c3a;
 text-decoration: none;
}
#connect { 
 color: #847361;
 background: #ffffff;
 font-size: 12px;
 margin: 10px 5px 0px 0px;
 padding: 8px 8px 0px 8px;
 width: 200px;
 border: 0px dotted #65cbe4;
  float: left;
  padding-top:30px;
  padding-bottom:20px;
}
#content { 
 float: left;
 background: #fff;
 margin: 5px 0px 0px 5px;
 padding: 5px 5px 5px 5px;
 width: 600px;
 display: inline;
 line-height: 2em;
}
#content h2 {
font-size: 13px;
color: #746453;
text-align: justified;
margin: 8px 0px 8px 0px;
 }
#content p {
margin-bottom: 8px;
text-align: justified;
line-height: 4em;
 }
#bottomnav { 
 width: 900px; 
 clear: both;
 color: #ffffff;
 background: #5d4c3a;
 margin: 4px 0px 4px 0px;
 padding: 6px;
 text-transform: uppercase;
 text-align: center;
}
#bottomnav a {
 color: #ffffff;
 text-decoration: none;
}
#bottomnav ul {
 list-style: none;
 padding: 0em;
}
#bottomnav li {
 display: inline;
}
#bottomnav li a {
 color: #ffffff;
 padding: 0.8em;
}
#bottomnav li a:hover {
 color: #dfe3e3;
 text-decoration: none;
}

#wrapper3 { 
 margin: 0 auto;
 width: 922px;
 padding: 5px 5px 0px 5px;
}
#footerleft { 
 color: #9877b2;
 font-size: 11px;
 margin: 0px 0px 0px 0px;
 padding: 5px 0px 0px 0px;
 width: 420px;
 height: 50px;
 float: left;
 text-align: left;
}
#footerright { 
 color: #796858;
 font-size: 11px;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 width: 480px;
 height: 50px;
 float: left;
 text-align: right;
}
#footerright a:link {
 color: #9877b2;
 text-decoration: none;
}
#footerright a:visited {
 text-decoration: none;
}
#footerright a:hover {
 text-decoration: none;
 color: #9877b2;
}
#footerright a:active {
 text-decoration: none;
}
#wrapper4 { 
 margin: 0 auto;
 width: 860px;
 clear: both;
 padding: 20px;
 text-align: center;
}
#trailer { 
 width: 900px;
 clear: both;
 color: #fff; 
 margin: 20px 0px 0px 0px;
 padding: 5px 0px 5px 0px;
 text-align: center;
}
#trailer a:link {
 color: #fff;
 text-decoration: none;
}

#trailer a:visited {
 color: #fff;
 text-decoration: none;
}

#trailer a:hover {
 color: #fff;
 text-decoration: none;
}

#trailer a:active {
 color: #fff;
 text-decoration: none;
}
#trailer2 { 
 width: 900px;
 clear: both;
 color: #fff;
 font-size: 1px; 
 margin: 5px 0px 0px 0px;
 padding: 10px 0px 5px 0px;
 text-align: center;
}
#trailer2 a:link {
 color: #fff;
 text-decoration: none;
}

#trailer2 a:visited {
 color: #fff;
 text-decoration: none;
}

#trailer2 a:hover {
 text-decoration: none;
}

#trailer2 a:active {
 color: #fff;
 text-decoration: none;
}

