@charset "UTF-8";
/* CSS Document 
  CSS FOR SevilleHome.com
  CREATED 4/7/08
  Scott Wilmarth
  River City Studio
====================
site colors:
---------------------
red-brown: #611807
brown: #754410
camel (background color): #BB7D00
ochre: #CC9900
logo peach: #FFCC66
red: #990000
green: #BBBB7D
----------------------  */

body,td,th {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #000000;
    text-align:left;
    line-height: 17px;
}
body {
    background:url(../_img/footerbkg.jpg);
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    font-weight: normal;
}
img {
border: none;
}
a {
    color: #990000;
    text-decoration: underline;
}
a:hover {
    text-decoration: none;
    color: #BB7D00;
}
p {
    margin: 4px 0px 10px 0px;
    padding: 0px;
	line-height:16px;
}
ul, ol {
    margin-top: 4px;
    margin-bottom: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
}

h1, h2, h3, h4, h5, h6 {
    color: #611807;
    margin: 8px 0px 4px 0px;
    padding: 0px;
    line-height: 95%;
}
h1 {
    color: #990000;
    font-size: 22px;
    margin: 4px 0px 8px 0px;
}
h2 {
    font-size: 15px;
}
h3 {
    font-size: 14px;
}
h4 {
    font-size: 12px;
}

sup{
	font-size:7px;
}
.textRedBrown {color: #611807}
.textBrown {color: #754410}
.textCamel {color: #BB7D00}
.textOchre {color: #CC9900; }
.textPeach {color: #FFCC66; }
.textRed {color: #990000; }
.textGree {color: #BBBB7D; }
.textYellow {color: #FEFFCC; } 

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

/* Page layout 
--------------------- */
#pageContainer {
    margin: 0px auto;
    padding: 0px 15px;
    width: 795px;
    background-image: url(../_img/gContentBackground.jpg);
    background-repeat: repeat-y;
    position: relative;
}
#header {
    margin: 0px;
    padding: 0px;
    width: 795px;
    background-image: url(../_img/headerbkg2.jpg);
    background-repeat: repeat-y;
    position: relative;
    height: 137px;
}
#nav {
    margin: 0px;
    padding: 0px;
    width: 375px;
    font-size: 13px;
    text-align: center;
    color: #BBBB7D;
    position: absolute;
    top: 30px;
    right: 133px;
    line-height: 20px;
    font-weight: bold;
}
/* navigation link style */

#navBar{
	height:28px;
	padding:0;
	display:block;
	margin:0;
	list-style:none;
	background:#990002;
	border-bottom:7px solid #cb9705;
}

#navBar li{
	float:left;
	display:inline;
	border-right:1px solid #cb9705;
}

#navBar li a{
	color:#000;
	line-height:28px;
	padding:0px 20px;
	display:block;
	text-decoration:none;
	color:#ffffcd;
	font-size:14px;
}

#navBar li a:hover{
	background:#cb9705;
}

#nav a, #nav a:link, #nav a:visited {
    padding: 0px;
    margin: 0px 5px;
    color: #BBBB7D;
    text-decoration:none;
}

#nav a.active {
    color: #FFCC66;
    text-decoration: none;
    border-bottom: 1px dashed #BBBB7D;
}
#nav a:hover {
    color: #FEFFCC;
    text-decoration: underline;
}
#nav a.active:hover {
    color: #FEFFCC;
    text-decoration: none;
    border-bottom: 1px dashed #FEFFCC;
}
#logo {
    margin: 17px 0 0 23px;
    padding: 0px;
    width: 239px; 
}
#contentContainer {
	background:#ffffcd;
    margin: 0px;
    padding: 0px;
    width: 795px;
    font-size: 13px;
}
#photo {
    width: 212px;
    float: right;
	margin:0 0 10px 10px;
}
#photo img {
    width: 212px;
}

#subnav {
    color#bbbb7d;display:block;
	width:775px;
	text-align:center;
	margin:0;
    background:url(../_img/gSubnavBackground.jpg) center top no-repeat;
    padding: 12px 10px 5px 10px;
    font-weight: bold;
}
/* style subnav links */
#subnav a {
    margin: 0px;
    padding: 0px 5px;
    color: #FEFFCC;
    text-decoration: none;
    font-size: 13px;
}
#subnav a.active { /* this is the current page user is on*/
    color: #FFCC66;
    border-bottom: 1px dashed #BBBB7D;
}
#subnav a:hover {
    color: #FFFFF0;
    text-decoration: none;
    border-bottom: 1px dashed #FFFFF0;
}
#subnav a.active:hover { /* this is the current page user is on link is rolled over */
    color: #FFFFF0;
    text-decoration: none;
    border-bottom: 1px dashed #CC9900;
}
/* for the subsection of a subnav item -- the services page */
#subnav a#cd, #subnav a#delivery, #subnav a#FandP { /* for when the services page is NOT the active page */
    color: #FEFFCC;
    border-bottom: 0px dashed #BBBB7D;
    font-size: 11px;
    font-style:italic;
}
#subnav a#cd:hover, #subnav a#delivery:hover, #subnav a#FandP:hover { /* for when the services page is NOT the active page  - this is the current page user is on link is rolled over */
    color: #FFFFF0;
    text-decoration: none;
    border-bottom: 1px dashed #FFFFF0;
}
#subnav a#cd.active, #subnav a#delivery.active, #subnav a#FandP.active {  /* for when the services page IS the active page */
    color: #BBBB7D;
    border-bottom: 1px dashed #FFCC66;
    font-size: 11px;
}
#subnav a#cd.active:hover, #subnav a#delivery.active:hover, #subnav a#FandP.active:hover { /* for when the services page IS the active page - this is the current page user is on link is rolled over */
    color: #FFFFF0;
    text-decoration: none;
    border-bottom: 0px dashed #CC9900;
}
#content {
    background:url(../_img/gSubnavBottom.jpg) center top repeat-x;
    margin:0;
	width:755px;
	padding:30px 20px 20px 20px;
}

#galleryBox{float:right;display:block;width:320px;padding:0;margin:0 0 10px 10px;}	
#galleryBox img{width:150px;padding:0;border:3px solid #ccc;margin:0 0 2px 2px;}	
#galleryBox img:hover{border:3px solid #990002;}

.clearfloats {
	clear: both;
	line-height:0px;
	height:0px;
	font-size:0px;
}

.footer-wrap {
	width:100%;
	min-height:178px;
	background:url(../_img/footerbkg_top.jpg) repeat-x left top;
}

#footer {
    margin: 0 auto 0 auto;
    width: 795px;
    text-align: center;
}

/* Home Page Layout */
#pageContainer.home {
    margin: 15px auto 0px auto;
    padding: 0px 0px;
    width: 871px;
    height: 604px;
    background: url(../_img/homePageBack.jpg) no-repeat;
    position: relative;
	text-align:left;
}
#pageContainer.home #logo {
    margin: 0;
    padding: 0px;
}

#pageContainer.home #homeLogo{
	margin:38px 0 0 0;
}

#pageContainer.home #homeNav {
    margin: 45px 4px 0 26px;
    padding: 0px 10px;
    width: 210px;
	float:left;
	display:block;
	list-style:none;
}

#pageContainer.home #homeNav li {
	margin:0px 0 20px 0;
	background:url(../_img/arrow.jpg) no-repeat 0 50%;
}

#pageContainer.home #homeNav li a {
	color: #BBBB7D;
	font-size:13px;
	text-decoration:none;
	margin:0 0 0 16px;
}

#pageContainer.home #homeNav li a:hover{
	text-decoration:underline;
	color:#FFCC66;
}

#pageContainer.home #content {
    width: 512px;
    background-image: url(../_img/spacer.gif);
    background-repeat: no-repeat;
    position: absolute;
    top: 431px;
    margin: 0px 0px;
    padding: 0px 0px;
    left: 71px;
    height: 126px;
}
#pageContainer.home #content h1 {
    color: #FEFFCC;
    margin: 0px 0px;
    padding: 0px 0px;
	font-style: italic;
}
#pageContainer.home #content h2 {
    color: #FEFFCC;
    }
#pageContainer.home #content p {
    color: #FFCC66;
    }
#pageContainer.home #content a.moreInfo {
    text-decoration: none;
    font-weight: bold;
	font-style: italic;
    font-size: 11px;
    }
#pageContainer.home #content a.moreInfo:hover {
    text-decoration: underline;
    color: #FEFFCC;
    }   
#pageContainer.home #footer {
    padding: 5px 0px;
    width: 871px;
	margin:337px auto 5px;
    background-image: url(../_img/spacer.jpg);
    background-repeat: no-repeat;
    font-size: 11px;
    text-align: center;
    color: #FEFFCC;
    font-weight: bold;
}
#pageContainer.home #footer address {
    margin: 0px 0px 5px 0px;
    padding: 0px 15px;
    font-style: normal;
}

/* homePage Bubble -----------*/
#homeOfDistinctionSpacer {
	float: left;
	width: 230px;
	margin: 0px;
	height: 140px;
}
#homeOfDistinction {
	position: absolute;
	top: -20px;
	left: -50px;
	width: 240px;
	margin: 0px;
	background-color: #2e2721;
	padding: 12px 8px 8px 8px;
	border: 2px solid #990100;
	text-align: center;
}
#homeOfDistinction img {
	margin: 0;
	padding: 0  0;
	border-bottom: 0px solid #FFF;
}
#homeOfDistinction p {
	margin: 8px 0px 4px 0px;
	padding: 0;
}
#homeOfDistinction p a {
	color: #fc6;
	border-bottom: 1px dotted #FFF;
	text-decoration: none;
	font-size: 12px;
}
#homeOfDistinction a img {
	border-bottom: 0px solid #FFF;
}
#homeOfDistinction a:hover {
	color: #fc6;
	border-bottom: 1px solid #fc6;
	}
	
/*Pages that Are FULL Page - have content wrapped with #fullPage div
----------------------- */
#fullPage {
    margin: 0p;
    padding: 0px;
}
#fullPage #photo {
display:none;
}
#fullPage #subnav {
    width:785px;
    background-position: top left;
}
#fullPage #content {
    width:645px;
    background-color: #FEFFCC;
    }


/*contact us form page 
----------------------- */

#contactUs {
  margin: 0px 0px 0px 0px;
  width: 400px;
}
#contactUs p {
text-align: right;
   width: 260px;
   clear: left;
   margin: 0px;
   padding: 2px 0 1px 100px;
}
#contactUs p.alignMe {
text-align: left;
   width: 460px;
   clear: left;
   margin: 0px;
   padding: 2px 0 1px 0px;
}

#contactUs label {
   float: left;
   margin-left: -100px; /*width of left column*/
   width: 95px; /*width of labels. Should be smaller than left column (100px) to create some right margin*/
}

#contactUs label.error{
   float: left;
   display:block;
   margin:0 0 10px -34px;
   color:red;
   width:160px;
}

#contactUs p.alignMe label { /* */
   float: left;
   margin-left: 0px; /*width of left column*/
   width: 400px; 
}

#contactUs input { /*width of text boxes. IE6 does not understand this attribute*/
   width: 250px;
}

#contactUs  p.alignMe input { /*width of text boxes. IE6 does not understand this attribute*/
margin-left: 100px;
   width: auto;
   text-align: left;
}
#contactUs  p.alignMe input.alignMe { /*width of text boxes. IE6 does not understand this attribute*/
margin-left: 10px;
   width: auto;
   text-align: left;
}
#contactUs textarea {
   width: 250px;
}
#contactUs #submit {
float:left;
margin:0 0 0 5px;
width: auto;
}
#contactUs #state.alignMe {
float: left;
}
/* Meet the Designers Styles 
------------------------*/

#content.designers img.designerPhoto { 
float: left;
margin: 5px 15px 20px 0px;
border: 1px solid #000;
}
#content.designers h2 { 
padding-top: 10px;
border-top: 1px solid #BBBB7D;
clear: both;
}

/* Specials and Offers page with No Photo and WIDE 
------------------------*/

#content.specialsNoPhoto img.designerPhoto { 
float: left;
margin: 5px 15px 20px 0px;
border: 1px solid #000;
}
#photo.hideMe { 
display: none;
}


/* Other Content Styles 
------------------------*/

#blankPage { /* used on large map and other windows that pop up */
background-color: #FFF;
}

.smallText {
font-size: 9px;
}

div.sideColumn { /* used to place store hours on contact us page in 2nd column */
margin: 0px;
padding: 0px;
width: 200px;
float: right;
}

a.outsideLink {
text-decoration: none;
}

#header .head {
	float:right;
	clear:right;
	color:#FFF;
	margin-right:130px;
	margin-bottom:3px;
}

#header .tel {
	width:152px;
	height:41px;
	background:url(../_img/tel_bkg.png);
	margin-top:10px;
}

#header .add {
	width:274px;
	height:41px;
	background:url(../_img/add_bkg.png);
}

#header .logo {
	display:block;
	float:left;
}

#header .head span {
	display:block;
	margin-left:48px;
	margin-top:10px;
	font-size:16px;
}

#header .tag {
	float:right;
	clear:right;
	color:#FFCC66;
	margin-right:130px;
	font-size:16px;
}

#footer .footerimg {
	width:783px;
	height:54px;
	margin:0 auto;
	padding-top:10px;
	background:url(../_img/footerimg.png) no-repeat center 10px;
}

#footer .footerimg span {
	display:none;
}

body.home {
	background:#BB7D00;
}

#page-wrap {
	background:#BB7D00;
}

#footer .links {
	font-family:Tahoma;
	font-size:11px;
	color:#FFCC66;
}

#footer .links a {
	color:#FFCC66;
	text-decoration:none;
}

#footer .links a:hover {
	text-decoration:underline;
}

#footer .copyright {
	font-family:Tahoma;
	font-size:11px;
	color:#F05454;
}

#footer .copyright a {
	color:#F05454;
	text-decoration:none;
}

#footer .copyright a:hover {
	text-decoration:underline;
}

#content.home .slideshow {
	float:left;
	width:414px;
	margin-right:15px;
}

#content.home .text {
	float:left;
	width:326px;
}

#content2.home {
	border-top:1px solid #AB8128;
	margin:0 20px 0 20px;
	padding:20px 0 20px 0;
}

#content.home h1 {
	font-size:32px;
	border-bottom:1px solid #AB8128;
	margin:0 0 10px 0;
	padding: 0 0 10px 0;
}

#content.home .slider-wrap {
	width:412px;
	height:196px;
	border:1px solid #AB8128;
	margin-top:30px;
}

#slider {
	width:398px;
	height:182px;
	margin:3px;
	border:4px solid #8D0305;
	position:relative;
}

#slider img {
	position:absolute;
	left:0;
	top:0;
}

#slider .nivo-controlNav {
	position:absolute;
	bottom:-35px;
	left:50%;
	margin-left:-25px;
}

#slider .nivo-controlNav  .nivo-control {
	display:block;
	float:left;
	width:10px;
	height:10px;
	margin-right:4px;
	background:url(../_img/slidenav.png);
	text-indent:-9999px;
}

#slider .nivo-controlNav  .nivo-control:hover, #slider .nivo-controlNav  .nivo-control.active {
	background-position:right top;
}

#slider .nivo-directionNav {
	display:none !important;
}

#content2.home .map {
	float:left;
	width:419px;
	margin-right:30px;
}

#content2.home .map-wrap {
	width:417px;
	height:156px;
	border:1px solid #AB8128;
}

#content2 #map {
	width:403px;
	height:142px;
	border:4px solid #8D0305;
	margin:3px;
}

#content2.home .specials {
	float:left;
	width:302px;
	height:287px;
	background:url(../_img/specialsbkg.jpg);
}

#content2.home .specials .wrap {
	margin:80px 20px 20px 20px;
}

#content2.home .specials  img {
	
}

#content2.home  .address {
	float:left;
	text-align:right;
	border-right:1px solid #AB8128;
	padding-right:20px;
	margin-right:20px;
	margin-left:30px;
	margin-top:20px;
}

#content2.home  .hours {
	float:left;
	margin-top:20px;
}

#content2.home .hours a {
	display:block;
	margin-top:27px;
}

.gallery img{
	float:left;
	height:95px;
	border:4px solid #CCC;
	margin-right:11px;
	margin-bottom:10px;
}

.gallery img:hover {
	border:4px solid #8D0305;
}

.gallery a.vertical img {
/*	margin-right:38px;
	margin-left:28px; */
}