@import "reset.css";

body {background-color: #0d56a5;
      font-family: 'ralewaythin', Helvetica, sans serif;
      font-weight: bold;}


#bac {position: relative;
      background-color: #fff;
      left: 0px;
      width: 100%;
      height: auto;}  
      
#headerline {position: absolute;
 			  border-bottom-style: solid;
              border-bottom-color: #0d56a5;
              border-bottom-width: 6px;
              z-index: 3;
              top: 0px;
              height: 170px;
              width: 100%;}  
                  
#wrapper {position: relative;
          width: 940px;
          margin-left: auto;
          margin-right: auto;
          height: auto;
          z-index: 1;
          padding-top: 20px;
          padding-bottom: 150px;}

header {background-color: #fff;
        width: 100%;
        height: auto;} 
        
#logo {width: 900px;
       margin-left: auto;
       margin-right: auto;}   
                  
h1{color: #0d56a5;}
h2{color: #750e49;}

ul {overflow: hidden; 
    padding-left: 20px;}


/*------MAIN NAVIGATION-------*/  
nav {text-align: right;
     color: #0d56a5;
     padding-bottom: 30px;
     padding-top: 20px;}        

nav ul li {display:inline;
           padding-left: 15px;
           padding-right: 15px;}
           
/*---------MAIN CONTENT------*/
main {padding-top: 30px;
	  padding-bottom: 30px;}

.photos {float: left;
         padding-right: 10px;
         padding-top: 4px;
         padding-bottom: 110px;}
         
.maincaption {text-align: right;
			  font-size: .8em;}

/*----WINERIES SECTION------*/
.wineries{float: left;
          width: 48%;
          height: auto;
          padding-top: 60px;
          padding-bottom: 20px;}
          
/*-------EXPLORE SECTION-----*/
.explore{float: right;
         width: 48%;
	     height: auto;
	     padding-top: 60px;
	     padding-bottom: 20px;}
	     
/*-----CLEAR FLOATS-----*/
.clearfloat{clear: both;}


/*-----2D TRANSFORMS-----*/
#displaychicken {background-image: url(images/whitewine.png);
				background-repeat: no-repeat;
			     overflow: hidden;
			     float: left;
			     width: 33%;
			     height: auto;
			     padding-bottom: 40px;
			     border-top-width: 1px;
				 border-top-color: #ffd102;
				 border-top-style: solid;}
			   
#displaycow {background-image: url(images/redwine.png);
             overflow: hidden;
             background-repeat: no-repeat;
             float: left;
             width: 33%;
			 height: auto;
			 padding-bottom: 40px;
			 border-top-width: 1px;
			 border-top-color: #ffd102;
			 border-top-style: solid;}			

#displayfish {background-image: url(images/whitewine.png);
             overflow: hidden;
             background-repeat: no-repeat;
             float: left;
             width: 33%;
			 height: auto;
			 padding-bottom: 40px;
			 border-top-width: 1px;
			 border-top-color: #ffd102;
			 border-top-style: solid;}		
			 
.foodpairing h2 {text-align: center;
				 padding-bottom: 20px;}
			 	   
.foodpair{-webkit-transition: all 4s ease-out;
		  -moz-transition: all 4s ease-out;
		  -o-transition: all 4s ease-out;
		  -ms-transition: all 4s ease-out;
		  transition: all 4s ease-out;}

.foodpair:hover{-moz-transform: translate(0px, -570px);
			   -moz-transition-timing-function: ease;
			   -moz-transition-duration: 7s;
			   -webkit-transform:translate(0px, -570px);
			   -webkit-transition-timing-function:ease;
			   -webkit-transition-duration: 7s; 
			   -ms-transform:translate(0px, -570px);
			   -ms-transition-timing-function:ease;
			   -ms-transition-duration: 7s; 
			   -o-transform:translate(0px, -570px);
			   -o-transition-timing-function:ease ;
			   -o-transition-duration: 7s;
			   transform:translate(0px, -570px);
			   transition-timing-function:ease ;
			   transition-duration: 7s;}

/*------FOOTER-------*/
footer {width: 940px;
		margin-left: auto;
		margin-right: auto;
        color: #fff;
        font-family: 'ralewaythin', Helvetica, sans serif;
        text-align: center;
        position: relative;
        z-index: 2;}
        
.footerballoon {margin-top: -155px;
				position: relative;
				z-index: 3;
				font-family: 'ralewaythin', Helvetica, sans serif;}

.footercaption {margin-top: -100px;}

#footerquotes {font-family: 'rockwell';
   	           font-size: 1.3em;}

#backtotop {font-family: 'ralewaythin', Helvetica, sans serif;
			font-size: .75em;}

#backtotop a {color: #fff;}
			
#backtotop a:hover {color: #fff;}
						
			
/*-------WINE AND DINE PAGE-------*/
#didyouknow {float: right;
			width: 20%;
			height: auto;
			padding-top: 10px;
			padding-left: 10px;
			padding-right: 5px;
			padding-bottom: 10px;
			background-color: #E8E8E8;
			-moz-border-radius: 8px;
            -webkit-border-radius: 8px;
            -ms-border-radius: 8px;
            -o-border-radius: 8px;
            border-radius: 8px;} 

#wineanddine {float: left;
			  width: 70%;
			  height: auto;
			  padding-bottom: 10px;}
			  
.wineanddine1 {padding-right: 8px;
			   padding-top: 20px;
			   padding-left: 20px;}
			   
.wineanddine2 {padding-top: 20px;}


#restaurantscene {float: left;
				  height: auto;
				  width: 70%;
				  padding-bottom: 10px;
				  padding-top: 10px;}
				  
#wineriestext {float: left;
			   height: auto;
			   width: 70%;
			   padding-bottom: 10px;
			   padding-top: 10px;}		
			   		  
#tableinfo {float: left;
			height: auto;
			text-align: center;
			color: #dd1a5a;
			width: 70%;
			padding-top: 30px;}

table {text-align: center;
       line-height: 120%;
       margin-left: auto;
       margin-right: auto;
       margin-top: 10px;}
       
table td {color: #dd1a5a;
		  padding-left: 50px;
		  padding: 10px;
		  border-width: 2px;
	      border-color: #0d56a5;
	      border-style: solid;}

table th {color: #0d56a5;
          padding-left: 50px;
          line-height: 160%;
          padding: 10px;
          border-width: 2px;
	      border-color: #0d56a5;
	      border-style: solid;}
          
#infographic {padding-bottom: 80px;
			  padding-top: 30px;}
			  
.infograph {border-style: dotted;
			  border-color: #ffd102;
			  border-width: 1px;}
          					  			   
/*------CONTACT PAGE-------*/
		
#contactphotoandquote {float: left;
			          width: 55%;
			          height: auto;
			          padding-right: 40px;}
			          
#contactimage {padding-left: 10px;}

#contactimage2 {padding-left: 10px;
			    padding-top: 5px;}
			          
#outdoorquote {padding-top: 10px;
			   border-top: 2px;
			   border-top-style: solid;
			   border-top-color: #dd1a5a;
			   border-bottom: 2px;
			   border-bottom-style: solid;
			   border-bottom-color: #dd1a5a;
			   padding-bottom: 10px;
			   text-align: center;}

q:before {content: '\201C';
          font-family: Times New Roman;
          font-size: 200%;
          color: #0d56a5;
          padding-right: 5px;} 
          
q:after {content: '\201D';
         font-family: Times New Roman;
         font-size: 200%;
         color: #0d56a5;
         padding-left: -5px;} 
         
.bigquote {height: auto;
           font-size: 1.2em;
           color: #0d56a5;}
           
.citename {padding-bottom: 5px;
		   color: #0d56a5;
		   font-size: .8em;}
		   
#contactus {float: left;
			width: 40%;
			padding-bottom: 50px;
			height: auto;
			margin-top: -10px;}
			
form {border-width: 2px; 
	  border-style: solid;
	  border-color: #0d56a5;
	  padding-left: 25px;
	  padding-top: 20px;
	  padding-bottom: 25px;}

.inputfields {width: 70%;
	   font-size: .8em;
	   font-family: 'ralewaythin', Helvetica, sans serif;
       padding: .8em;
       background-color: #fff; 
       border-style: solid;
       border-color: #cccccc;
       border-width: 1px; 
       outline: 0px;
      -moz-border-radius: 8px;
      -webkit-border-radius: 8px;
      -ms-border-radius: 8px;
      -o-border-radius: 8px;
      border-radius: 8px;}

.spamfield {width: 10%;
		font-size: .8em;
       padding: .3em;
       background-color: #fff; 
       border-style: solid;
       border-color: #cccccc;
       border-width: 1px; 
       outline: 0px;
      -moz-border-radius: 8px;
      -webkit-border-radius: 8px;
      -ms-border-radius: 8px;
      -o-border-radius: 8px;
      border-radius: 8px;}
      
.corners{-moz-border-radius: 30px 8px 40px 5px;
		-webkit-border-top-left-radius: 30px;
		-webkit-border-top-right-radius: 8px;
		-webkit-border-bottom-right-radius: 50px;
		-webkit-border-bottom-left-radius: 5px
		-ms-border-radius: 30px 8px 40px 5px;
		-o-border-radius: 30px 8px 40px 5px;
		border-radius: 30px 8px 50px 5px;}

.exploreheading {text-align: center;}

.exploreheadings {text-align: center;}

#hotairballoons {float: left;
				 width: 31%;
                 height: auto;
                 padding-right: 20px;
                 padding-bottom: 10px;
                 padding-top: 20px;}
                 
#nature {float: left;
		 width: 31%;
         height: auto;
         padding-right: 20px;
         padding-bottom: 10px;
         padding-top: 20px;}

#river {float: left;
		width: 31%;
        height: auto;
        padding-bottom: 10px;
        padding-top: 20px;}

#credits {padding-top: 20px;
		  padding-bottom: 30px;}
        
/*------REPLY PAGE-------*/

#thanks {padding-bottom: 50px;}

.golf {float: left;
	   width: 33%;
	   height: auto;}
	   
.golftext {float: left;
		   width: 33%;
		   height: auto;
		   margin-left: 5px;}

.golftext h2 {text-align: center;}
		   
.golfrules {padding-top: 60px;
			padding-bottom: 30px;}