/*
Theme Name: Spanish
Theme URI: http://generousitas.com/
Description: Theme created by Jerry Valentine (www.designbythink.com) for www.generousitas.com
Version: 1.0
Author: Jerry Valentine
Author URI: http://www.designbythink.com/
Tags: custom, fixed width, two columns

	This theme was designed and built by Jermaine Valentine
	whose blog you will find at http://www.designbythink.com/

*/

/*  BEGIN CSS RESET  */
* { margin: 0; padding: 0; border: 0; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; vertical-align: baseline;}

:focus {outline: 0;} /* remember to define focus styles! */

ol, ul {list-style: none;}

table {border-collapse: separate; border-spacing: 0;}

caption, th, td {text-align: left; font-weight: normal;}

blockquote:before, blockquote:after,q:before, q:after {content: "";}

blockquote, q {quotes: "" "";}

:link,:visited { text-decoration:none }

a img,:link img,:visited img { border:none }

address { font-style:normal }

/* CSS RESET COMPLETE  */

h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address {margin:1em 5%;} 
 
li, dd {margin-left:5%;} 

fieldset {padding: .5em;} 

select {min-width:1.5em;}
/*
global style sheet
----------------------------------------------------------------- */

*{border: 0;}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address {margin:1em 5%;} 
 
li, dd {margin-left:5%;} 

fieldset {padding: .5em;} 

select {min-width:1.5em;}
/*
global style sheet
----------------------------------------------------------------- */
body{
 font: 11px verdana, tahoma, arial, helvetica, sans-serif;
 background: #911d1f;
 color: #414042;	
 text-align: center;
}
#wrapper{ 
 width: 960px; /* Set page width here - you can also use percentage */
 text-align:left;  
 margin-left:auto; 
 margin-right:auto; 
 /*background: #9d2a2c;*/
}
.clear{clear:both;}
.right{float: right;}
.left{float: left;}
/*
auxNav Auxillary Navigation
----------------------------------------------------------------- */
#auxNav{
 width: 946px; height: 50px;
 margin: 0px 0 0 0; padding: 0;
 text-align: left;
 color: #deca9b;
 margin-left:auto; 
 margin-right:auto; 
}
#auxNav p {
 float: left;
 margin: 22px 0 0 13px;
}
#auxNav ul {
 margin: 0;
 padding: 0;
}
#auxNav li{
 list-style: none;
 margin: 22px 0 0 0;
 float: right;
}
#auxNav a, visited, active {	
 padding: 0;
 text-align: center;
 float: left;
 font: 11px verdana, tahoma, arial, helvetica, sans-serif;
 color: #deca9b;
 text-decoration: none;
 margin: 0 15px 0 15px;
}	
#auxNav a:hover {
 text-decoration: underline;
}
/*
auxNav Auxillary Navigation
----------------------------------------------------------------- */
#footNav{
 width: 946px; height: 50px;
 margin: 0 0 0 0; padding: 0;
 text-align: left;
 color: #deca9b;
 margin-left:auto; 
 margin-right:auto; 
}
#footNav p {
 float: left;
 margin: 22px 0 0 13px;
}
#footNav ul {
 margin: 0;
 padding: 0;
}
#footNav li{
 list-style: none;
 margin: 3px 0 0 0;
 float: right; 
}
#footNav a, visited, active {	
 padding: 0;
 text-align: center;
 float: left;
 font: 11px verdana, tahoma, arial, helvetica, sans-serif;
 color: #deca9b;
 text-decoration: none;
 margin: 0 15px 0 15px;
}	
#footNav a:hover {
 text-decoration: underline;
}
/*
Main Left Navigation
----------------------------------------------------------------- */
#mainNav{
 margin: -2px 0 0 0; padding: 0;
}
#mainNav ul{
 list-style: none;
 margin: 0; padding: 0;
}
#mainNav li{
 width: 250px; height: 20px;
 padding-top: 5px; margin: 0;

}
#mainNav  a, visited, active{	
 padding: 0;  margin: 10px 0 0 47px;
 font: 10px verdana, tahoma, arial, helvetica, sans-serif;
 font-weight: bold;
 color: #deca9b;
 text-transform: uppercase;
 text-decoration: none;
}
#mainNav  a:hover{	
 text-decoration: underline;
 margin: 10px 0 0 47px;
}
.one{  padding: 5px 0 0 0;background: url(images/1.png) no-repeat; }
.two{ background: url(images/2.png) no-repeat; }
.three{ background: url(images/3.png) no-repeat; }
.four{ background: url(images/4.png) no-repeat; }
.five{ background: url(images/5.png) no-repeat; }
.six{ background: url(images/6.png) no-repeat; }
.seven{ background: url(images/7.png) no-repeat; }
/*
Quick View Styles
----------------------------------------------------------------- */
#quickView{
 height: 225px;
 background: url(images/quick_bg.png) no-repeat;
 text-align: left;
 color: #c6c2b9;
}
#quickView h1{
 font-size: 10px;
 color: #c6c2b9;
 text-transform: uppercase;
 margin: 0 0 10px 35px;
}
#quickView label{
 float: left;
 margin: 3px 3px 3px 35px;
 font-weight: bold;
}
#quickView input, select{
 width: 80px;
 height: 18px;
 font-size: 10px;
 margin: 5px 0 0 5px;
}
#quickView .button {
 width: 30px; height: 18px; margin: 3px; color: #3f111c; background: #c6c2b9; padding: 2px; font-size: 10px; text-transform: uppercase;
}
#quickView p{
 margin: 10px 0 0 35px;
 line-height: 1.4;
}
#quickView a, active, visited{
  color: #c6c2b9;
}
/* Homepage Styles
-----------------------------------------------------------------------------*/
#leftCol{
 width: 250px;
 float: left;
 margin: 0 0 0 20px;
 padding: 0;
 /*border: 1px solid #fff;*/
}
#leftCol p{
 color: #deca9b;
 margin: 5px 0 0 25px;
}
#rightColHome{
 width: 650px;
 float: right;
 margin: 0 20px 0 0;
 background: #cfb783;
}
.tboxes {
 width: 310px;
 height: 310px;
 float: left;
 margin: 10px 0 0 10px;
 overflow: hidden;
}
.thboxes ul, li {
 padding: 0;
 margin: -11px 0 0 -16px;
}
.bboxes {
 width: 310px;
 height: 310px;
 float: left;
 margin: 10px 0 10px 10px;
  overflow: hidden;
}
#hometext{ display: none; 
  z-index: 1;
  width: 230px;
  height: 180px;
  background: #transparent;
  margin: 235px 0 0 500px;
  background: url(images/tan_bg.png);
  padding: 1px;
}
/*#hometext h1{
 font-size: 10px;
 color: #911d1f;
 font-weight: bold;
 text-transform: uppercase;
 margin: 75px 50px 0 50px;
}*/
#hometext p{
 margin: 30px 0 0 0;
}
.go a, active, visited{color: #911d1f; margin: 30px 15px 30px 27px; border: 0px solid #333;}
/* Subpage Styles
-----------------------------------------------------------------------------*/
#rightColSub{
 width: 650px;
 float: left;
 margin: 0 0 0 20px;
 background: #cfb783;
 min-height: 605px;
 height: auto ! important;
 height: 605px;

}
#rightColSubin{
 width: 630px;
 margin: 10px;
 background: #fff;
 min-height: 595px;
 height: auto ! important;
 height: 595px;
  padding-bottom: 45px;
}
.subHeader{
 margin: 10px;
}
#rightColSubin h1{
 font-size: 14px;
 color: #911d1f;
 margin: 5px 0 10px 35px;
 text-transform: uppercase;
}
#rightColSubin h2{
 font-size: 12px;
 font-weight: bold;
 margin: 5px 0 5px 35px;
}
#rightColSubin h3{
 font-size: 11px;
 font-weight: bold;
 margin: 5px 0 5px 35px;
 color: #d3bd71;
 text-transform: uppercase;
}
#rightColSubin hr{
 height: 1px;
 width: 560px;
 margin: 10px 35px 10px 35px;
 color: #eff0eb;
 background-color: #eff0eb;
}
#rightColSubin p{
 margin: 5px 35px 15px 35px;
 text-align: justify;
}
#rightColSubin li{
 list-style: none;
 margin: 10px 0 0 35px;
}
#thmbs{
 margin: 10px 40px 0 40px;
}
#rightColSubin .thumbs{
 border: 5px solid #cfb783;
 margin-right: 7px;
 float: left;
}
#rightColSubin .picture{
 margin: 10px;
}
#rightColSubin blockquote{
 font-style: italic;
 margin: 0;
}
#rightColSubin em{
 color: #911d1f;
 font-weight: normal;
 font-style: normal;
}
#rightColSubin small{
 color: #911d1f;
 font-style: italic;
 font-size: 9px;
}
#rightColSubin strong{
 color: #666;
 font-weight: bold;
}
#rightColSubin a, active, visited{
 color: #911d1f;
}
#rightColSubin a:hover{
 color: #8a4f50;
 text-decoration: underline;
}
.gallery-icon img{
 border: 1px solid #cfb783;
 margin: 5px;
}
#rightColSubin dt{
 padding: 0; margin: 5px 0 5px 0;
 width: 100px;
}
/* Footer
-----------------------------------------------------------------------------*/
#footer{ 
 width: 946px; height: 50px;
 margin: 0px 0 0 0; padding: 0;
 text-align: left;
 color: #deca9b;
 margin-left:auto; 
 margin-right:auto; 
}
#footer p {
 float: left;
 margin: 10px 0 0 13px;
}
#footer ul {
 margin: 0;
 padding: 0;
}
#footer li{
 list-style: none;
 margin: 10px 0 0 0;
 float: right;
}
#footer a, visited, active {	
 padding: 0;
 text-align: center;
 float: left;
 font: 11px verdana, tahoma, arial, helvetica, sans-serif;
 color: #deca9b;
 text-decoration: none;
 margin: 0 15px 0 15px;
}	
#footer a:hover {
 text-decoration: underline;
}
#footerSub{
 width: 670px; height: 50px;
 margin: 0; padding: 0;
 text-align: left;
 color: #deca9b;
 margin-left: 290px;  
}
#footerSub p {
 float: left;
 margin: 10px 0 0 0;
}
#footerSub ul {
 margin: 0 5px;
 padding: 0;
}
#footerSub li{
 list-style: none;
 margin: 10px 0 0 0;
 float: right;
 padding: 0;
}
#footerSub a, visited, active {	
 padding: 0;
 text-align: right;
 float: left;
 font: 11px verdana, tahoma, arial, helvetica, sans-serif;
 color: #deca9b;
 text-decoration: none;
 margin: 0 15px 0 15px;
}	
#footerSub a:hover {
 text-decoration: underline;
}
/* Class Styles
-----------------------------------------------------------------------------*/
.navigation{
 margin: 0 0 0 35px;
}
/* Kingston Guides
-----------------------------------------------------------------------------*/
#kingston{
 width: 630px;
 margin: 10px;
 background: #fff;
 min-height: 595px;
 height: auto ! important;
 height: 595px;
 padding-bottom: 45px;
}
#kingston h1{
 font-size: 14px;
 color: #911d1f;
 margin: 5px 0 10px 35px;
 text-transform: uppercase;
}
#kingston hr{
 height: 1px;
 width: 560px;
 margin: 0 35px 0 35px;
 color: #eff0eb;
 background-color: #eff0eb;
}
.guideopts {
 width: 250px;
 float: left;
 margin: 15px 0 15px 35px;
}
.guideopts  img{
 float: left;
 margin: 0 10px 0 0;
}
#kingston a, active, visited{
 color: #911d1f;
 font-variant: small-caps;
 display: block;
}
#rightColSubin input{
 border: 1px solid #999;
 margin: 0 0 0 35px; font: 11px verdana, tahoma, arial, helvetica, sans-serif;
  color: #414042;	
}






