/****************************************************************************************/
/**
 * @author Anil Natha
 * @description CSS file to manage the layout and structure for VillaRagusa.com
 */

/*******************************/
 /** REMOVE **/
#pdg-mark {
   width:                  650px;
   text-align:             center;
   background-color:       #FFFFFF;
   padding:                10px;
   margin:                 0 auto;
}
/*******************************/

body {
   background-color:       #FFF6DC;
   background-image:       url('../_images/bg.gif');
   
   color:                  #733D00;

   font-family:            Georgia, "Times New Roman", Times, serif;
   font-size:              11pt;
   font-weight:            normal;
   
   margin:                 10px 0 10px 0;
}

#page {

   width:                  693px;

   margin:                 0 auto;
   
   text-align:             left;
   
}

#content-container {

   width:                  650px;

   border:                 2px solid #4A2700;
   background-color:       #FFF6DC;
   
   padding:                10px;
   
   margin-top:             10px;
   margin-bottom:          10px;
   
   margin-right:           12px;
   margin-left:            12px;

   text-align:             left;
   
}

#content {
   padding-top:            15px;
   padding-bottom:         15px;
   width:                  630px;
   margin:                 0 auto;
}

.content-title {
   text-align:             center;
}

/* DO NOT REMOVE THIS OTHERWISE CONTENT BACKGROUND WILL NOT EXPAND TO FIT CONTENT AREA */
#content-expander {
   clear:                  both;
}


ul {
   list-style-image:       url("/_images/vr_bullet.gif");
}

/* ALTERNATE METHODS OF SHOWING AN IMAGE FOR A BULLET
li {
/*
   list-style:             none;
   background-image:       url("/_images/vr_bullet.gif");
   background-position:    left;
   background-repeat:      no-repeat;
   padding-left:           15px;
*/
/*
   list-style: none;
   padding-left:           10px;
   background-image:       url("/_images/vr_bullet.gif");
   background-repeat:      no-repeat;
   background-position:    0.5em;
   
}
*/

a {
   text-decoration:        none;
   font-weight:            bold;
   color:                  #733D00;
}

a:hover {
   text-decoration:        underline;
}

/****************************************************************************************/
/****************************************************************************************/
/* HEADER */

#header table {
   width:                  693px;
   padding:                0;
}

#header #header-company-logo {
   width:                  97px;
}

#header #header-company-logo a img {
   border:                 0px;
}

/****************************************************************************************/
/****************************************************************************************/
/* FOOTER */

#footer {
   line-height:            16pt;    
   font-size:              9pt;
   width:                  670px;
   
   margin-right:           12px;
   margin-left:            12px;
   
   clear:                  both;
}

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

#footer #navbar {
   text-align:             center;
   width:                  670px;
}

#footer #refer {
   vertical-align:         top;
   font-weight:            normal;
   text-align:             left;
   width:                  150px;
}

#footer #info {
   line-height:            1.4em;
   letter-spacing:         -0.3pt;
   width:                  370px;
   text-align:             center;
}

#footer #copyright {
   vertical-align:         top;
   text-align:             right;
   width:                  150px;
}

/****************************************************************************************/
/****************************************************************************************/
/* CONTACT US */

#contact-form {
	width:						350px;
	padding-top:            0px;
   padding-right:          20px;
   float:                  left;
}

#contact-form .labels {
	width:						150px;
	text-align:					right;
	padding:						10px;
}

#contact-form .fields {
	width:						190px;
	height:						40px;
	text-align:					center;
	padding:       			0;
}

#contact-form .fields input {
   font-family:            Georgia, "Times New Roman", Times, serif;
	font-size:					10pt;
	border:						1px solid #4A2700;
	padding:						5px;
	width:						175px;
}

#contact-form .fields input:focus {
	border:						2px solid #4A2700;
}

#contact-form .fields textarea {
   font-family:            Georgia, "Times New Roman", Times, serif;
	font-size:					10pt;
	border:						1px solid #4A2700;
	padding:						5px;
	width:						175px;
   height:                 40pt;
}

#contact-form .fields textarea:focus {
	border:						2px solid #4A2700;
}

#contact-form .fields select {
   font-family:            Georgia, "Times New Roman", Times, serif;
	font-size:					10pt;
	border:						1px solid #4A2700;
	padding:						5px;
	width:						187px;
	}

#contact-info {
   text-align: left;
   width: 250px;
   float: right;
   margin-top: -15px;
}

#contact-form .submit {
   padding-top:   15px;
   text-align: center;
}

/**************************************************************************************/
/**************************************************************************************/

/* Bar Services */
#package {
   line-height:            20pt;
}

#hosted-bar {
   width:   350px;
}

#hosted-bar #item {
   width:   250px;
}

#hosted-bar #item-cost {
   width:   100px;
   text-align:right;
}

/* Minimum (Wedding, Corporate, Social) */
#minimums {
   width:   550px;
   padding: 2px 0 2px 8px;
   font-size: 9pt;
   line-height: 14pt;
}

#min-item {
   width:  350px;
   text-align:left;
}

#min-cost {
   width:   200px;
   text-align:left;
}

/****************************************************************************************/
/****************************************************************************************/
/* All Room Layouts, Wedding, Corporate, Social */

.room-layout-col-header {
   text-align: center;
   border:  1px solid #693802;
   padding: 5px;
}

.room-layout-header {
   text-align: left;
   border:  1px solid #693802;
   padding: 5px;
}

.room-layout-info {
   width:   600px;
}

.room-layout-item {
   text-align: center;
   vertical-align: middle;
   width:   125px;
   height:  40px;
   padding: 5px;
   border:  1px solid #693802;
}

.room-layout-map {
   padding-top:   10px;
   text-align: center;
}

.room-layout-graph table {
   margin:  0 auto;
   border:  1px solid #693802;
}

/****************************************************************************************/
/****************************************************************************************/
/* DIRECTIONS */

#directions {
   padding-top:   10px;
   font-size:  9pt;
   line-height:   14pt;
}

#directions-map {
   float:   right;
}

/****************************************************************************************/
/****************************************************************************************/
/* VENDORS */

#vendor-column {
   width:   200px;
   padding: 5px;
   float:   left;
   font-size:     9pt;
   line-height:   13pt;
}


#vendor-title {
   font-size:     9pt;
   font-weight:   bold;
}

#vendor-url a {
   font-size:     8pt;
   font-weight:   normal;
}

/****************************************************************************************/
/****************************************************************************************/
/*  WEDDING, SOCIAL, CORPORATE NAVIGATION BAR SETTINGS */

#subnavbar-container {
   border:              2px solid #693802;
   padding:             5px;
}

#subnavbar {
   border:              6px solid #693802;
   padding:             0px;
}

#subnavbar a img {
   border:              0px;
}

/****************************************************************************************/
/****************************************************************************************/
/* MAIN NAVIGATION BAR */

#navigation {
   margin-left:            3px;
   margin-right:           3px;
}

#navigation tr, td {
   padding: 0px;
   margin:  0px;
}

.top-nav a img {
   border:  0;
}

/****************************************************************************************/
/****************************************************************************************/
/* HOME PAGE */

#content-home {
   text-align: left;
}

#content-home-image {
   text-align: center;
}

/****************************************************************************************/
/****************************************************************************************/

#flash-gallery{
   text-align: center;
}

/****************************************************************************************/
/****************************************************************************************/

#no-javascript {
   text-align: center;
}

#no-flash {
   text-align: center;
}