body {
	margin: 0px auto 0px;
	position: relative;
	font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 15px; 
	line-height: 18px;
	text-align: center;
	width: 100%;
	color: #cc0066;
}

img { 
    border: 0px;
    margin: 0px; 
	padding: 0px;
}

/* horizontal menu*/

#hmenu {
	  position: absolute;
	  right: 10px;
	  top: 0px;
      margin: 0px;
	  padding-right:0px;
	  padding-left:1px;
	  font:Arial, Helvetica, sans-serif;
	  font-size:13px;
	  height: 34px;
      width:564px;
	  background:#924B6E;
    }
	
#hmenu a:hover {
	color: #924B6E;
	text-decoration: underline;
}
	
	
/*############### layout structure ################## */

#layout {
	margin: 0px auto 0px;
	text-align: center;
	width: 100%; 
	height: 135px;
    background: transparent url(http://www.vinyardlodge.com/images/bg_header.gif) top left repeat-x;
	position: relative;
/*    border: 1px solid brown;*/
	
}


#layout0 {
	margin: 0px auto 0px;
    height: 1px;
	text-align: center;
	width: 1000px; /*40px more on the right*/
	position: relative;
}

#layout1 { /* this contains all content*/
	margin: 0px auto 0px;
	position: relative;
	text-align: center;
	float: left;
	width: 960px;
	margin-left:1px;
		background: transparent;
}

/*############### header ################## */

#header {
	  margin: 0px auto 0px;
      height: 135px;
	  width: 960px; 
	  position: relative;
	  z-index:100;
      background-color: transparent;
/*	  background: #660033;*/
/*	 border: 1px solid red;*/
}

#header img#logo {
	  left:0px;
	  top: 3px;
	  position: absolute;
	  z-index:100;
	 /*border: 1px solid red;*/
}

/*############### Underrightcolumn ################## */

#underRightcolumn {
    position: absolute;
	top: 123px;
	left: 310px;
	height: 480px;
	width: 648px; 
/*    background: transparent url(../images/bg_underrightcolumn.jpg) right bottom no-repeat;*/
}

/*############### leftcolumn ################### */

#leftcolumn {
	margin-left: 0px;
	text-align: left;
	float: left;
	height: 469px;
	width: 309px;
	font-family: Georgia, "Times New Roman", Times, serif;
    background:  #FFF url(../images/bg_leftcolumn.gif) left bottom no-repeat;
	/*border: 1px solid brown;*/
}

#leftcolumn h1 {
/*	color: #6E5A0D;*/
	color: #924B6E;
	letter-spacing: -0.04em;
	padding: 20px 0px 0px 20px;
	height: 20px;
	margin: 0px;
	width: 280px;
	float: left;
	font-weight: bold;
	font-size: 14px;
	/*border: 1px solid blue;*/
}

#leftcolumn h1 a {
	color:#924B6E;
/*	color: #6E5A0D;*/
	text-decoration: none;
}

#leftcolumn h1 a:hover {
	color: #924B6E;
	text-decoration: underline;
}

#leftcolumn h4 {
	color: #924B6E;
/*    background:  transparent url(../images/bg_call_us.gif) right bottom no-repeat;*/
	letter-spacing: -0.04em;
	padding: 20px 0px 0px 20px;
	height: 25px;
	margin: 0px;
	width: 290px;
	float: left;
	font-weight: bold;
	font-size: 15px;
	/*border: 1px solid blue;*/
}

#leftcolumn h4 a {
	color: #924B6E;
	text-decoration: none;
}

#leftcolumn h4 a:hover{
	color: #924B6E;
	text-decoration: underline;
}

#leftcolumn h2 {
	color: #924B6E;
	width: 120px;
	letter-spacing: -0.04em;
    margin: 0px 0px 0px 0px;
	text-align: left;
	float: right;
	font-weight: bold;
	font-size: 15px;
	/*border: 1px solid blue;*/
}

/*############### underLeftcolumn ################## */

#underLeftcolumn {
	font-family: Arial, Helevetica;
	font-size: 11px;
	text-align: left;
	font-weight: bold;
	float: left;
	margin: 0px;
	position:absolute;
	left: 0px;
	top: 620px;
    height: 40px;
	width: 309px;
	text-align:center;
}

#underLeftcolumn a {
    color: #000;
	text-decoration: none;
}

#underLeftcolumn a:hover {
    color: #000;
	text-decoration: underline;
}



.left{
    float: left;
	
	margin-right: 20px;
}

.right{
    float: right;
}


/*###############  rightcolumn ################## */


#toprightcolumn {
	float: left;
	height: 84px;
	width: 647px; 
	padding-right: 0px;
	margin-right: 0px;
	
}
#rightcolumn p {
	color: #924B6E;
}
#rightcolumn {
	position: absolute;
	top: 63px;
	float: left;
	left: 302px;
	width: 645px; 
	text-align:left;
	padding-right: 0px;
	margin-right: 0px;
	background-color:transparent;
}
#maincontentwrapper{
	float:left;
	background-image:  url(../images/bg_dx_rightcolumn.png);   
	background-repeat:repeat-y;
	background-position: top right;
	padding-right:20px;
	background-color:transparent;
	/*debug border*/
	border:0px solid red;		
}

#center_rightcolumn {
	position: relative;
	/*
	z-index:1000; 
	removed by will so menu can show over elements
	*/
	float: left;
	width: 623px;	
	padding-right:0px;
	margin-right:0px;
	
	/*debug border*/
	border:0px dashed red;
	
	/*moving the shadow into correct divs for stretching,  left*/
	background-image:  url(../images/bg_sx_rightcolumn.png) ;		
	background-repeat:repeat-y;
	
	background-color:transparent;
		
}
#subcontentwrapper{
	background-color:white;
	float:left;
	margin-left:10px;
	width:615px;
		/*debug border*/
	border:0px solid black;
}


/*############### the main title of the content is in a absolute positioned div ################## */

#toptitle {
    position: absolute;
    /* zindex down from 1000 so menus show.  */
		z-index: 10;
	    width: 420px;
		height: 30px;
		top: 95px;
		left: 335px;
		text-align: left;
		border-bottom: 1px solid #924B6E;		
}

#toptitle h1 {
   font-weight: 500;
   font-size: 25px;
   margin: 0px 0px 20px 0px;
   color:#924B6E;
/*   color: #333333;*/
   font-family: Georgia, "Times New Roman", Times, serif;
   /*border: 1px solid red;*/
}


/* The main content, images, text and pictures are in the div center_rightcolumn*/

#content {
	padding: 0px 0px 8px 0px;
	width: 420px;
	margin: 0px 0px 10px 20px;
	float: left;
	font-size: 11px;
	color: #924B6E;
	position: relative; /*put this to align the paragraph to the main heading*/
	left: 3px;
}

#content h1 {
       font-weight: 500;
	   font-size: 25px;
	   margin: 0px 0px 20px 0px;
	   color: #924B6E;
	   font-family: Georgia, "Times New Roman", Times, serif;
	   /*border: 1px solid red;*/
}

#content h2 {
	   font-size: 11px;
	   padding-right: 10px;
	   color: #924B6E; 
	   font-weight: normal; 
}

#content p {
	   font-size: 11px;
	   padding-right: 10px;
	   color: #924B6E;  
}

#content ul {
	   color: #924B6E;   
}

#content li {
	   font-size: 11px;
	   padding-right: 10px;
	   color: #924B6E;  
}

#content a {
	   color: #924B6E;
	   text-decoration:underline;
}

#content a:hover {
	   color: #924B6E;
	   text-decoration:underline;
}


#flashimage {
	
	float: left;
	width: 420px;
	margin: 0px 0px 0px 0px;	  
	padding-top: 10px;
	margin-botton: 10px;  
}



/*############### vmenu ul list ################## */
/* to modify the vmenu, check the other stylesheet verstuck.css */
#vmenu {
	position:relative;
    margin: 20px 0px 10px 15px;
	float: right;
    width: 135px;
    border-left: 01px solid #924B6E; 
    z-index:10000;
	left: -5px;
}




/*############### texttop and textbottom are div in the leftcolumn ################## */

#texttop {
	padding-left: 20px;
	margin-top: 1px;
	line-height: 18px;
	font-family: Georgia;
	font-size: 15px;
	background-color: #924B6E;
	color: #000;
	float: left;
	/*border: 1px solid blue;*/
}

#texttop h1 {
	color: #000;
    float: left;
	height: 18px;
    width: 210px;
	margin-top: 4px;
	padding: 0px;
	/*border: 1px solid blue;*/
}

#texttop h1 a {
	color: #000;
	text-decoration: none;
}

#texttop h1 a:hover {
	color: #000;
	text-decoration: underline;
}

#texttop h2 {
	color: #000;
	margin-top: 4px;
	float: right;
	height: 18px;
    width: 50px;
	padding: 0px;
	/*border: 1px solid blue;*/
}

#texttop h3 {
	color: #000;
	float: right;
	height: 18px;
    width: 50px;
	margin: 0px;
    text-align: left;
	font-size: 11px;
	padding: 0px;
}

#texttop p {
	font-family: Arial, Helevetica;
	font-size: 11px;
	padding: 5px 0px 0px 0px;
	float: left;
	margin: 0px;
	/*border: 1px solid blue;*/
}

#texttop a {
    text-decoration: none;
	color: #000; 
}

#texttop a:hover {
    text-decoration:underline;
}

#textbottom p{
	padding-left: 20px;
	margin-top: 10px;
	line-height: 18px;
	
	font-family: arial;
	font-size: 11px;
	color: #000;
	float: left;
}


/*############### footer ################## */


 	#footer_rightcolumn{ /* Firefox, IE7, Opera */
	background: transparent url(../images/bg_bottomrightcolumn.png) left top no-repeat;
    float: left;
	width: 647px;
	height: 20px;	
	margin: 0px;
}



#footer {
	float:left;
	text-align:left;
	height: 20px;
	width: 580px;
	margin-top: 10px;
	padding-left: 15px;
   /*border: 1px solid red;*/
}


#createdby {
	float:right;
	text-align:right;
	margin-right: 10px;
	width:120px;
	/*border: 1px solid red;*/
	font-size:10px;
	height: 20px;
}


#linksleft {
	float:left;
	text-align:left;
	margin-left: 10px;
	width:340px;
	font-size: 10px;
	height: 20px;
/*	border: 1px solid brown;*/
}

#createdby a, #linksleft a {
	color:#999;
	text-decoration: none;
}

#createdby a:hover, #linksleft a:hover{
	text-decoration: underline;
}

.errormark{border: 2px solid red;}
#ing_cats{
	margin-top:20px
}

.leftlogo{
	width: 309px;
	text-align:center;
	padding-top: 5px;
}
