/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title : Madrid
Author : Ben Rinehart
Designer: Ben Rinehart
URL : 

Description : 

Created : 
Modified : 

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

body{ background: #4F3913; margin: 25px 0; }

/* START CONTAINER */
#container{ width: 820px; \width: 840px; w\idth: 820px; margin: 10px; margin-left: auto; margin-right: auto; padding: 0; background: #E9D2AB url(../images/flowers.jpg) 100% 75px no-repeat; }/* END CONTAINER */

/* START HEADER */
#header{ float: right; padding: 0; margin-bottom: 0; }

/* vcard is microformat standard for address information. */
.vcard{ font: normal 12px Georgia, Times, "Times New Roman", Serif; color: #592331; text-align: right; }
.vcard .org{ width: 231px; height: 123px; padding: 0; margin: 0; background: url(../images/logo.gif) 0 0 no-repeat; text-indent: -9000px; text-align: left; }
.vcard .org a{ width: 231px; height: 123px; padding: 0; margin: 0; border: 0; display: block; text-decoration: none; }
.vcard .email{ display: block; margin: 0 45px 0 0; }
.vcard .adr, .vcard .tel, .vcard div{ margin: 0 45px 0 20px; }
.vcard .street-address{ margin-right: 0; }/* END HEADER */

/* START NAVIGATION */
#navigation{ float: right; clear: right; background: #592331 url(../images/navigation.jpg) bottom left repeat-x; border: 2px solid #987333; width: 780px; min-height: 270px; margin: 125px 10px 10px 10px; font: 14px/24px Georgia, Times, "Times New Roman", Serif; text-align: right; }
#global{ margin: 0; padding: 15px 25px 15px 0; }
#global li{ list-style-type: none; }
#global li a:link, #global li a:visited{ color: #E9D2AB; padding: 5px 15px; text-decoration: none; }
#global li a:hover, #global li a:active{ background: url(../images/rollover.gif) top right no-repeat; }

a:link{ color: #592331; }
a:visited{ color: #4F3913; }
a:hover, a:active{ text-decoration: none; }

/* START GALLERY NAVIGATION */
#local{ float: right; margin: 30px 30px 0 0; padding: 0; font: italic 12px Georgia, Times, "Times New Roman", Serif; }
#local li{ list-style-type: none; display: inline; margin: 10px; }
#local li a:link, #local li a:visited{ text-decoration: none; }
#local li a:hover, #local li a:active{ text-decoration: underline; }/* END NAVIGATION */

/* START PAGE BODY */
#page_body{ padding: 0; position: absolute; top: 40px; width: 505px; margin-left: 40px; }
#info #page_body{ background: #E9D8BC url(../images/content.jpg) center 200px no-repeat; border: 2px solid #987333; height: 520px; padding: 15px; }
#info #page_body #content{ height: 490px; overflow: auto; padding: 0 15px 0 0; }
#page_body p, #page_body ul, #page_body dl, #page_body ol{ font: 12px/18px Georgia, Times, "Times New Roman", serif; }
#page_body h1, #page_body h2, #page_body h3, #page_body h4, #page_body h5, #page_body h6{ font-family: Georgia, times, "times new roman", serif; font-weight: normal; color: #592331; margin-top: 0; }
#page_body h1{ font-size: 24px; margin-bottom: 0; }
#page_body h2{ font-size: 20px; }
#page_body h3{ font-size: 16px; }
#page_body h4, #page_body h5, #page_body h6{ font-size: 14px; }
#page_body h4{ font-weight: bold; }/* END PAGE BODY */

/* START INFO PAGES */
#slideshow{ width: 560px; height: 560px; }
#promotions{ width: 550px; height: 400px; margin: 0 auto; margin-top: 100px; }

img.figure-a{ display: block; margin: 10px auto; border: 3px solid #987333; }
img.figure-b{ float: right; margin: 0 0 10px 10px; border: 3px solid #987333; }
img.figure-c{ float: left; margin: 0 10px 10px 0; border: 3px solid #987333; }
img#gift{ border: 1px solid #987333; }

/* hreview is microformat standard to be used for testimonials */	
.hreview{ clear: right; border-top: 1px dotted #987333; margin-bottom: 15px; }
.hreview .photo{ float: right; margin: 10px 0 10px 10px; border: 3px solid #987333; }
.hreview .description p{ /* main testimonial text */
font-style: italic; text-indent: 1em; }
.hreview .vcard{ /* signature/person writing the testimonil */
font-size: 14px; padding-left: 50px; }

#resources ul, .instructions{ text-align: center; margin: 0; padding: 0; }
#resources li{ list-style-type: none; padding: 5px 0; }/* END INFO PAGES */

/* START PORTFOLIO */
#portfolio{ width: 340px; display: block; margin: 5px auto 0 auto; padding: 0; }
#portfolio li{ float: left; display: block; padding: 0; margin: 0; width: 170px; height: 160px; text-align: center; font: 14px/24px Georgia, Times, "Times New Roman", Serif; letter-spacing: 2px; }
#portfolio li a.image{ width: 150px; height: 120px; overflow: hidden; display: block; margin: 0 auto; border: 3px solid #987333; }
#portfolio li a.image img{ border: none; }/* END PORTFOLIO */

/* START GALLERIES */
/* ADDS STYLE TO THE LIGHTBOX */ 
a img{ border: none; }

#lightbox{ background-color: #987333; padding: 3px; }
html>body #lightbox{ padding-bottom: 0; }
#lightbox img{ margin-bottom: -1px; }
#lightboxCaption{ font-size: 0.8em; padding-top: 0.4em; text-align: right; color: #000; }
#overlay{ background-image: url(../images/overlay.png); }

/* DETERMINES THE LAYOUT AND LOOK OF THE THUMBNAILS */
#gallery{ width: 540px; margin: 0 auto; display: table; background: #E9D8BC; border: 3px solid #987333; }
#gallery h1{ padding: 15px; }
.thumbnails{ margin: 0 15px; padding: 0; }
.thumbnails li{ display: inline; float: left; width: 125px; height: 125px; }
.thumbnails li img{ vertical-align: middle; border: 1px solid #987333; margin: 5px auto; display: block; }
.thumbnails li img:hover{ cursor: pointer; }/* END GALLERIES */

/* START FORMS */
fieldset{ padding: 10px; border: 1px solid #987333; }
fieldset fieldset{ clear: left; float: left; margin: 5px 0; width: auto; }
fieldset fieldset label{ width: 335px; }
legend{ color: #592331; margin-top: 3px; }
label{ display: block; float: left; clear: left; width: 100px; font-size: 12px; margin-top: 3px; }
.required{ color: #592331; font-weight: bold; font-size: 14px; }
input[type="checkbox"], input[type="radio"]{ margin: 0 15px 0 0; }
input[type="text"], textarea{ width: 250px; float: left; margin: 3px; }
input[type="submit"], input[type="reset"]{ margin: 3px; }
input[type="submit"]:hover, input[type="reset"]:hover{ cursor: pointer; }/* END FORMS */

/* START FOOTER */
#social{ float: right; }

#footer{ clear: both; padding: 5px 15px; margin-top: 0; background: #4F3913; }
#footer p{ color: #E9D2AB; font: 12px Georgia, Times, "Times New Roman", serif; }
#footer a:link, #footer a:visited{ color: #E9D2AB; }/* END FOOTER */