@import url('errors.css');

* {margin:0;padding:0;}
ul,ol {list-style-type:none;}
img {border:0;}

body {
    font: 12px helvetica, arial, sans-serif;
    background: url("images/body-bg.png") top left repeat-x #e5e5e5;
	overflow-x:hidden;
}



/*------------------------------------------
  Responsive Grid Media Queries - 1280, 1024, 768, 480
   1280-1024   - desktop (default grid)
   1024-768    - tablet landscape
   768-480     - tablet 
   480-less    - phone landscape & smaller
--------------------------------------------*/
@media all and (min-width: 1024px) { 




#container {
    width: 1024px;
    margin: 0 auto;
}

#top-bar {
    height: 20px;
    background: url("images/top-bar.png") top left no-repeat;
}

#logo-slogan {
    padding-top: 72px;
    background: url("images/logo.png") top left no-repeat;
    color: #ff9933;
    font-size: 20px;
    font-weight: bold;
    text-shadow: 1px 1px 0 #000;
    text-align: center;
}

#hero {
    height: 430px;
    margin-top: 12px;
    color: #000;
    background: url("images/hero3.png") top left no-repeat;
    overflow: hidden;
}

#hero.restaurants {
    background-image: url("images/hero2-restaurants.jpg");
}

#hero h1 {
    margin: 28px 0 0 35px;
    font-size: 35px;
    font-weight: bold;
    font-family: "Adobe Garamond Pro","Garamond",serif;
	
}

#hero ul {
    width: 95%;
    margin: 5px 0 0 34px;
    font-family: "Lucida Sans", sans-serif;
}

#hero li {
    text-shadow: 0 0 4px #fff;
	background:url("images/checkmark.png") no-repeat 0% 50%;
	padding-left:25px;
	padding-top:5px;
	height:20px;
    font-size:13px;
}

#content-all {
    float: left;
    width: 92.2%;
    padding: 16px 26px 26px;
    /* background: url(images/content-bg.png) top left repeat-y; */
    background: #fff;
    margin-left: 6px;
}

#content-main {
    float:left;
	width:421px;
	background:#fff;
}

.customized{float:left; width:54%; text-align:left;}


/*FORM*/

#Submit {
  float:left;
  clear: both;
  width: 156px;
  height: 44px;
  background: url('images/submit-button.png') no-repeat;
  border:0;
  margin:-10px 0 0 230px;
}


.title{float:left; width:100%; text-align:center; font-size:30px; color:#fff; margin:15px 0 0 10px}

.form-box{float:left; width:100%;}

.form{float:left; width:100%; padding:20px 0 0 30px;}

label{float:left; width:100%; font-weight:bold}

.row1{float:left; width:80px;}
.row2{float:left; width:150px;}
.row3{float:left; width:100px;}

.therow{float:left; width:100%; padding:15px 0 0 0;}

.row1 input[type=text]{float:left; width:50px; padding:3px;}
.row2 input[type=text]{float:left; width:120px; padding:3px;}
.row3 input[type=text]{float:left; width:140px; padding:3px;}


.thankyou{font-size:18px; width:90%; text-align:center; margin:40px 0 0 0; line-height:26px;}

#testimonial {
	float:left;
    width: 360px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#testimonial h2 {
    font-weight: bold;
    font-size: 16px;
}

#testimonial blockquote {
    width: 320px;
    margin: 8px 0 6px;
    color: #666;
    font-style: italic;
    font-size: 14px;
    font-family: "Palatino", serif;
}

#testimonial cite {
    margin-left: 180px;
    color: #666;
    font-style: normal;
}

#testimonial cite .name {
    color: #000;
    font-weight: bold;
}




#testimonial2 {
	float:left;
    width: 360px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin-left:150px;
}

#testimonial2 h2 {
    font-weight: bold;
    font-size: 16px;
}

#testimonial2 blockquote {
    width: 360px;
    margin: 8px 0 6px;
    color: #666;
    font-style: italic;
    font-size: 14px;
    font-family: "Palatino", serif;
}

#testimonial2 cite {
    margin-left: 180px;
    color: #666;
    font-style: normal;
}

#testimonial2 cite .name {
    color: #000;
    font-weight: bold;
}


.truck {
	float:right;
	width:1px;
}

#content-bottom-shadow {
    height: 6px;
    background: url("images/content-bottom-shadow.png") top left no-repeat;
}

#footer {
	float:left;
	width:100%;
    padding: 20px 16px 0 10px;
    color: #999;
}

#footer .countries {
    width: 80px;
    float: right;
}

#footer .countries li {
    display: inline;
}

#footer .legal {
    width: 170px;
    padding: 0 20px;
    color: #333;
    font-size: 11px;
    font-weight: bold;
    line-height: 1.4em;
    float: right;
}

#footer .affiliates {
    width: 198px;
    height: 43px;
    background: url("images/affiliates.png") top left no-repeat;
    float: right;
}

#footer .copy {
    padding-top: 12px;
    line-height: 1.4em;
}

#footer a {
    color: #333;
}

#footer .unsubscribed {
    padding-top: 16px;
    text-align: center;
    clear: both;
}




}

@media all and (min-width: 768px) and (max-width: 1024px) { 

#container {
    width: 910px;
    margin: 0 auto;
}

#top-bar {
    height: 20px;
    background: url("images/top-bar.png") top left no-repeat;
}

#logo-slogan {
    padding-top: 72px;
    background: url("images/logo.png") top left no-repeat;
    color: #ff9933;
    font-size: 20px;
    font-weight: bold;
    text-shadow: 1px 1px 0 #000;
    text-align: center;
}

#hero {
    height: 381px;
    margin-top: 12px;
    color: #000;
    background: url("images/hero3.jpg") top left no-repeat;
    overflow: hidden;
}

#hero.restaurants {
    background-image: url("images/hero2-restaurants.jpg");
}

#hero h1 {
    margin: 28px 0 0 26px;
    font-size: 26px;
    font-weight: bold;
    font-family: "Adobe Garamond Pro","Garamond",serif;
	
}

#hero ul {
    width: 390px;
    margin: 5px 0 0 34px;
    font-family: "Lucida Sans", sans-serif;
}

#hero li {
    text-shadow: 0 0 4px #fff;
	background:url("images/checkmark.png") no-repeat;
	padding-left:25px;
	padding-top:5px;
	height:20px;
}

#content-all {
	float:left;
	width:100%;
    padding: 16px 26px 26px;
    background: url("images/content-bg.png") top left repeat-y;
}

#content-main {
    float:left;
	width:421px;
	background:#fff;
}

.customized{float:left; text-align:left;}


/*FORM*/

#Submit {
  float:left;
  clear: both;
  width: 156px;
  height: 44px;
  background: url('images/submit-button.png') no-repeat;
  border:0;
  margin:0 0 0 230px;
}


.title{float:left; width:100%; text-align:center; font-size:30px; color:#fff; margin:15px 0 0 10px}

.form-box{float:left; width:100%;}

.form{float:left; width:100%; padding:20px 0 0 30px;}

label{float:left; width:100%; font-weight:bold}

.row1{float:left; width:80px;}
.row2{float:left; width:150px;}
.row3{float:left; width:100px;}

.therow{float:left; width:100%; padding:15px 0 0 0;}

.row1 input[type=text]{float:left; width:50px; padding:3px;}
.row2 input[type=text]{float:left; width:120px; padding:3px;}
.row3 input[type=text]{float:left; width:140px; padding:3px;}

.thankyou{font-size:18px; width:90%; text-align:center; margin:40px 0 0 0; line-height:26px;}



#testimonial {
	float:left;
    width: 360px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#testimonial h2 {
    font-weight: bold;
    font-size: 16px;
}

#testimonial blockquote {
    width: 350px;
    margin: 8px 0 6px;
    color: #666;
    font-style: italic;
    font-size: 14px;
    font-family: "Palatino", serif;
}

#testimonial cite {
    margin-left: 180px;
    color: #666;
    font-style: normal;
}

#testimonial cite .name {
    color: #000;
    font-weight: bold;
}



#testimonial2 {
	float:left;
    width: 360px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin-left:90px;
}

#testimonial2 h2 {
    font-weight: bold;
    font-size: 16px;
}

#testimonial2 blockquote {
    width: 360px;
    margin: 8px 0 6px;
    color: #666;
    font-style: italic;
    font-size: 14px;
    font-family: "Palatino", serif;
}

#testimonial2 cite {
    margin-left: 180px;
    color: #666;
    font-style: normal;
}

#testimonial2 cite .name {
    color: #000;
    font-weight: bold;
}





.truck {
	float:right;
	width:1px;
}

#content-bottom-shadow {
    height: 6px;
    background: url("images/content-bottom-shadow.png") top left no-repeat;
}

#footer {
    float:left;
	width:100%;
    padding: 20px 16px 0 10px;
    color: #999;
}

#footer .countries {
    width: 80px;
    float: right;
}

#footer .countries li {
    display: inline;
}

#footer .legal {
    width: 160px;
    padding: 0 20px;
    color: #333;
    font-size: 11px;
    font-weight: bold;
    line-height: 1.4em;
    float: right;
}

#footer .affiliates {
    width: 198px;
    height: 43px;
    background: url("images/affiliates.png") top left no-repeat;
    float: right;
}

#footer .copy {
    padding-top: 12px;
    line-height: 1.4em;
}

#footer a {
    color: #333;
}

#footer .unsubscribed {
    padding-top: 16px;
    text-align: center;
    clear: both;
}



}

@media all and (min-width: 480px) and (max-width: 768px) { 


#container {
    width: 910px;
    margin: 0 auto;
}

#top-bar {
    height: 20px;
    background: url("images/top-bar.png") top left no-repeat;
}

#logo-slogan {
    padding-top: 72px;
    background: url("images/logo2.png") top left no-repeat;
    color: #ff9933;
    font-size: 20px;
    font-weight: bold;
    text-shadow: 1px 1px 0 #000;
    text-align: center;
}

#hero {
    height: 100%;
    margin-top: 12px;
    color: #000;
    background: url("images/hero3.jpg") top left no-repeat;
    overflow: hidden;
}

#hero.restaurants {
    background-image: url("images/hero2-restaurants.jpg");
}

#hero h1 {
    margin: 28px 0 0 26px;
    font-size: 26px;
    font-weight: bold;
    font-family: "Adobe Garamond Pro","Garamond",serif;
	
}

#hero ul {
    width: 390px;
    margin: 5px 0 0 34px;
    font-family: "Lucida Sans", sans-serif;
}

#hero li {
    text-shadow: 0 0 4px #fff;
	background:url("images/checkmark.png") no-repeat;
	padding-left:25px;
	padding-top:5px;
	height:20px;
}

#content-all {
	float:left;
	width:100%;
    padding: 16px 26px 26px;
    background: url("images/content-bg.png") top left repeat-y;
}

.truck {
	margin:0 auto;
    width: 600px;
}


.customized{float:left; width:100%; margin:50px 0 30px 0; text-align:left;}

.customized-inner{width:600px; margin:0 auto; text-align:left;}



/*FORM*/

#Submit {
  float:left;
  clear: both;
  width: 156px;
  height: 44px;
  background: url('images/submit-button.png') no-repeat;
  border:0;
  margin:0 0 0 230px;
}

.title{float:left; width:80%; text-align:center; font-size:30px; color:#fff; margin:15px 0 0 10px}

.form-box{float:left; width:90%; margin-top:30px}


.disclaimer {
    float: left;
    width: 70% !important;
    margin-top: 15px;
    font-size: 11px;
}

.form{float:left; width:100%; padding:20px 0 0 30px;}

label{float:left; width:100%; font-weight:bold}

.row1{float:left; width:80px;}
.row2{float:left; width:150px;}
.row3{float:left; width:100px;}

.therow{float:left; width:100%; padding:15px 0 0 0}

.row1 input[type=text]{float:left; width:50px; padding:3px;}
.row2 input[type=text]{float:left; width:120px; padding:3px;}
.row3 input[type=text]{float:left; width:140px; padding:3px;}


.thankyou{font-size:16px; width:70%; text-align:center; margin:40px 0 0 0; line-height:26px;}



#testimonial {
    margin:0 auto;
    width: 600px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#testimonial h2 {
    font-weight: bold;
    font-size: 16px;
}

#testimonial blockquote {
    width: 320px;
    margin: 8px 0 6px;
    color: #666;
    font-style: italic;
    font-size: 14px;
    font-family: "Palatino", serif;
}

#testimonial cite {
    margin-left: 180px;
    color: #666;
    font-style: normal;
}

#testimonial cite .name {
    color: #000;
    font-weight: bold;
}




#testimonial2 {
	float:left;
    width: 360px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin-left:0px;
	margin-top:20px;
}

#testimonial2 h2 {
    font-weight: bold;
    font-size: 16px;
}

#testimonial2 blockquote {
    width: 360px;
    margin: 8px 0 6px;
    color: #666;
    font-style: italic;
    font-size: 14px;
    font-family: "Palatino", serif;
}

#testimonial2 cite {
    margin-left: 180px;
    color: #666;
    font-style: normal;
}

#testimonial2 cite .name {
    color: #000;
    font-weight: bold;
}









#content-bottom-shadow {
    height: 6px;
    background: url("images/content-bottom-shadow.png") top left no-repeat;
}

#footer {
	float:left;
	width:100%;
    padding: 20px 16px 0 26px;
    color: #999;
}

#footer .countries {
    width: 250px;
    margin:0 auto;
}

#footer .countries li {
    display: inline;
}

#footer .legal {
	margin:0 auto;
	width:300px;
    padding: 0 20px;
    color: #333;
    font-size: 11px;
    font-weight: bold;
    line-height: 1.4em;
}

#footer .affiliates {
    width:400px;
    height: 43px;
    background: url("images/affiliates.png") top left no-repeat;
    margin:0 auto;
}

#footer .copy {
	float:left;
	width:700px;
	text-align:center;
    padding-top: 12px;
    line-height: 1.4em;
}

#footer a {
    color: #333;
}

#footer .unsubscribed {
	float:left;
	width:720px;
	text-align:center;
    padding-top: 16px;
    text-align: center;
    clear: both;
}





}

@media all and (max-width: 480px) { 


#container {
    width: 910px;
    margin: 0 auto;
}

#top-bar {
    height: 20px;
    background: url("images/top-bar.png") top left no-repeat;
}

#logo-slogan {
    padding-top: 72px;
    background: url("images/logo3.png") top left no-repeat;
    color: #ff9933;
    font-size: 20px;
    font-weight: bold;
    text-shadow: 1px 1px 0 #000;
    text-align: center;
}

#hero {
    height: 100%;
    margin-top: 12px;
    color: #000;
    background: url("images/hero3.jpg") top left no-repeat;
    overflow: hidden;
}

#hero.restaurants {
    background-image: url("images/hero2-restaurants.jpg");
}

#hero h1 {
    margin: 28px 0 0 26px;
    font-size: 18px;
    font-weight: bold;
    font-family: "Adobe Garamond Pro","Garamond",serif;
	
}

#hero ul {
    width: 330px;
    margin: 5px 0 0 34px;
    font-family: "Lucida Sans", sans-serif;
}

#hero li {
    text-shadow: 0 0 4px #fff;
	background:url("images/checkmark.png") no-repeat;
	padding-left:25px;
	padding-top:0px;
	padding-bottom:10px;
	height:25px;
}

#content-all {
	float:left;
	width:100%;
    padding: 16px 26px 26px;
    background: url("images/content-bg.png") top left repeat-y;
}

.truck {
	float:left;
    width: 100%;
}

.truck img{
	float:left;
    width: 130px;
}


.customized{float:left; width:100%; margin:40px 0 20px 0; text-align:left;}

.customized-inner{width:330px; float:left; text-align:left;}



/*FORM*/


#Submit {
  float:left;
  clear: both;
  width: 156px;
  height: 44px;
  background: url('images/submit-button.png') no-repeat;
  border:0;
  margin:0 0 0 180px;
}


.title{float:left; width:100%; text-align:center; font-size:30px; color:#fff; margin:15px 0 0 0px}

.form-box{float:left; width:100%; margin-top:30px}

.form{float:left; width:100%; padding:25px 0 0 20px;}

label{float:left; width:100%; font-weight:bold}

.row1{float:left; width:80px;}
.row2{float:left; width:100px;}
.row3{float:left; width:100px;}

.therow{float:left; width:100%; padding:15px 0 0 0}

.row1 input[type=text]{float:left; width:50px; padding:3px;}
.row2 input[type=text]{float:left; width:80px; padding:3px;}
.row3 input[type=text]{float:left; width:130px; padding:3px;}


.thankyou{font-size:16px; width:80%; text-align:center; margin:40px 0 0 10px; line-height:26px;}



#testimonial {
    float:left;
    width: 350px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#testimonial h2 {
    font-weight: bold;
    font-size: 16px;
}

#testimonial blockquote {
    width: 320px;
    margin: 8px 0 6px;
    color: #666;
    font-style: italic;
    font-size: 14px;
    font-family: "Palatino", serif;
}

#testimonial cite {
    margin-left: 180px;
    color: #666;
    font-style: normal;
}

#testimonial cite .name {
    color: #000;
    font-weight: bold;
}



#testimonial2 {
	float:left;
    width: 360px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin-left:0px;
	margin-top:20px;
}

#testimonial2 h2 {
    font-weight: bold;
    font-size: 16px;
}

#testimonial2 blockquote {
    float:left;
	width: 100%;
    margin: 8px 0 6px;
    color: #666;
    font-style: italic;
    font-size: 14px;
    font-family: "Palatino", serif;
}

#testimonial2 cite {
	float:left;
	width:93%;
    color: #666;
    font-style: normal;
	text-align:right;
}

#testimonial2 cite .name {
    color: #000;
    font-weight: bold;
}





#content-bottom-shadow {
    height: 6px;
    background: url("images/content-bottom-shadow.png") top left no-repeat;
}

#footer {
	float:left;
	width:100%;
    padding: 20px 16px 0 26px;
    color: #999;
}

#footer .countries {
   width: 100%;
   float:left;
}

#footer .countries li {
    display: inline;
}

#footer .legal {
	float:left;
	width:100%;
    padding: 0 0px;
    color: #333;
    font-size: 11px;
    font-weight: bold;
    line-height: 1.4em;
}

#footer .affiliates {
    width:100%;
    height: 43px;
    background: url("images/affiliates.png") top left no-repeat;
   float:left;
}

#footer .copy {
	width: 100%;
    float:left;
	text-align:left;
    padding-top: 12px;
    line-height: 1.4em;
}

#footer a {
    color: #333;
}

#footer .unsubscribed {
	float:left;
	width:100%;
	text-align:center;
    padding-top: 16px;
    text-align: center;
    clear: both;
}


}


/* Portrait */
@media screen and (orientation:portrait) { /* Portrait styles here */ }
/* Landscape */
@media screen and (orientation:landscape) { /* Landscape styles here */ }


/* CSS for iPhone, iPad, and Retina Displays */

/* Non-Retina */
@media screen and (-webkit-max-device-pixel-ratio: 1) {
}

/* Retina */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
}

/* iPhone Portrait */
@media screen and (max-device-width: 480px) and (orientation:portrait) {
	
#container {
    width: 100%;
    float:left;
}

#top-bar {
	float:left;
	width:380px !important;
    height: 20px;
    background: url("images/top-bar.png") !important;
}

#logo-slogan {
	float:left;
	width:100%;
    padding-top: 72px;
    background: url("images/logo3.png") top left no-repeat;
    color: #ff9933;
    font-size: 20px;
    font-weight: bold;
    text-shadow: 1px 1px 0 #000;
    text-align: center;
}

#hero {
    height: 100%;
	width:100%;
	min-width:380px;
    margin-top: 12px;
    color: #000;
    background: url("images/hero2.jpg") top left no-repeat;
    overflow: hidden;
}

#hero.restaurants {
    background-image: url("images/hero2-restaurants.jpg");
}

#hero h1 {
    margin: 28px 0 0 26px;
    font-size: 18px;
    font-weight: bold;
    font-family: "Adobe Garamond Pro","Garamond",serif;
	
}

#hero ul {
    width: 330px;
    margin: 5px 0 0 34px;
    font-family: "Lucida Sans", sans-serif;
}

#hero li {
    text-shadow: 0 0 4px #fff;
	background:url("images/checkmark.png") no-repeat;
	padding-left:25px;
	padding-top:0px;
	padding-bottom:10px;
	height:25px;
}

#content-all {
	float:left;
	width:100%;
    padding: 16px 26px 26px;
    background: url("images/content-bg.png") top left repeat-y;
}

.truck {
	float:left;
    width: 100%;
}

.truck img{
	float:left;
    width: 350px;
}


.customized{float:left; width:100%; margin:40px 0 20px 0; text-align:left;}

.customized-inner{width:330px; float:left; text-align:left;}



/*FORM*/

#Submit {
  float:left;
  clear: both;
  width: 156px;
  height: 44px;
  background: url('images/submit-button.png') no-repeat;
  border:0;
  margin:0 0 0 180px;
}


.title{float:left; width:100%; text-align:center; font-size:30px; color:#fff; margin:15px 0 0 0px}

.form-box{float:left; width:100%; margin-top:30px}

.form{float:left; width:100%; padding:15px 0 0 20px;}

label{float:left; width:100%; font-weight:bold}

.row1{float:left; width:80px;}
.row2{float:left; width:100px;}
.row3{float:left; width:100px;}

.therow{float:left; width:100%; padding:15px 0 0 0}

.row1 input[type=text]{float:left; width:50px; padding:3px;}
.row2 input[type=text]{float:left; width:80px; padding:3px;}
.row3 input[type=text]{float:left; width:130px; padding:3px;}


.thankyou{font-size:16px; width:80%; text-align:center; margin:40px 0 0 10px; line-height:26px;}



#testimonial {
    float:left;
    width: 350px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#testimonial h2 {
    font-weight: bold;
    font-size: 16px;
}

#testimonial blockquote {
    width: 320px;
    margin: 8px 0 6px;
    color: #666;
    font-style: italic;
    font-size: 14px;
    font-family: "Palatino", serif;
}

#testimonial cite {
    margin-left: 180px;
    color: #666;
    font-style: normal;
}

#testimonial cite .name {
    color: #000;
    font-weight: bold;
}

#content-bottom-shadow {
    height: 6px;
    background: url("images/content-bottom-shadow.png") top left no-repeat;
}

#footer {
	float:left;
	width:100%;
    padding: 20px 16px 0 26px;
    color: #999;
}

#footer .countries {
   width: 100%;
   float:left;
}

#footer .countries li {
    display: inline;
}

#footer .legal {
	float:left;
	width:100%;
    padding: 0 0px;
    color: #333;
    font-size: 11px;
    font-weight: bold;
    line-height: 1.4em;
}

#footer .affiliates {
    width:100%;
    height: 43px;
    background: url("images/affiliates.png") top left no-repeat;
   float:left;
}

#footer .copy {
	width: 100%;
    float:left;
	text-align:left;
    padding-top: 12px;
    line-height: 1.4em;
}

#footer a {
    color: #333;
}

#footer .unsubscribed {
	float:left;
	width:100%;
	text-align:center;
    padding-top: 16px;
    text-align: center;
    clear: both;
}	
	
} 

/* iPhone Landscape */
@media screen and (max-device-width: 480px) and (orientation:landscape) {


#container {
    width: 100%;
    float:left;
}

#top-bar {
	float:left;
	
    height: 20px;
    background: url("images/top-bar.png");
}

#logo-slogan {
    padding-top: 72px;
    background: url("images/logo3.png") top left no-repeat;
    color: #ff9933;
    font-size: 20px;
    font-weight: bold;
    text-shadow: 1px 1px 0 #000;
    text-align: center;
}

#hero {
    height: 100%;
	width:100%;
	min-width:440px;
    margin-top: 12px;
    color: #000;
    background: url("images/hero2.jpg") top left no-repeat;
    overflow: hidden;
}

#hero.restaurants {
    background-image: url("images/hero2-restaurants.jpg");
}

#hero h1 {
    margin: 28px 0 0 26px;
    font-size: 18px;
    font-weight: bold;
    font-family: "Adobe Garamond Pro","Garamond",serif;
	
}

#hero ul {
    width: 330px;
    margin: 5px 0 0 34px;
    font-family: "Lucida Sans", sans-serif;
}

#hero li {
    text-shadow: 0 0 4px #fff;
	background:url("images/checkmark.png") no-repeat;
	padding-left:25px;
	padding-top:0px;
	padding-bottom:10px;
	height:25px;
}

#content-all {
	float:left;
	width:100%;
    padding: 16px 26px 26px;
    background: url("images/content-bg.png") top left repeat-y;
}

.truck {
	float:left;
    width: 100%;
}

.truck img{
	float:left;
    width: 350px;
}


.customized{float:left; width:100%; margin:40px 0 20px 0; text-align:left;}

.customized-inner{width:330px; float:left; text-align:left;}



/*FORM*/

#Submit {
  float:left;
  clear: both;
  width: 156px;
  height: 44px;
  background: url('images/submit-button.png') no-repeat;
  border:0;
  margin:0 0 0 180px;
}


.title{float:left; width:100%; text-align:center; font-size:30px; color:#fff; margin:15px 0 0 0px}

.form-box{float:left; width:100%; margin-top:30px}

.form{float:left; width:100%; padding:15px 0 0 20px;}

label{float:left; width:100%; font-weight:bold}

.row1{float:left; width:80px;}
.row2{float:left; width:100px;}
.row3{float:left; width:100px;}

.therow{float:left; width:100%; padding:15px 0 0 0}

.row1 input[type=text]{float:left; width:50px; padding:3px;}
.row2 input[type=text]{float:left; width:80px; padding:3px;}
.row3 input[type=text]{float:left; width:130px; padding:3px;}

.thankyou{font-size:16px; width:80%; text-align:center; margin:40px 0 0 10px; line-height:26px;}




#testimonial {
    float:left;
    width: 350px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#testimonial h2 {
    font-weight: bold;
    font-size: 16px;
}

#testimonial blockquote {
    width: 320px;
    margin: 8px 0 6px;
    color: #666;
    font-style: italic;
    font-size: 14px;
    font-family: "Palatino", serif;
}

#testimonial cite {
    margin-left: 180px;
    color: #666;
    font-style: normal;
}

#testimonial cite .name {
    color: #000;
    font-weight: bold;
}

#content-bottom-shadow {
    height: 6px;
    background: url("images/content-bottom-shadow.png") top left no-repeat;
}

#footer {
	float:left;
	width:100%;
    padding: 20px 16px 0 26px;
    color: #999;
}

#footer .countries {
   width: 100%;
   float:left;
}

#footer .countries li {
    display: inline;
}

#footer .legal {
	float:left;
	width:100%;
    padding: 0 0px;
    color: #333;
    font-size: 11px;
    font-weight: bold;
    line-height: 1.4em;
}

#footer .affiliates {
    width:100%;
    height: 43px;
    background: url("images/affiliates.png") top left no-repeat;
   float:left;
}

#footer .copy {
	width: 100%;
    float:left;
	text-align:left;
    padding-top: 12px;
    line-height: 1.4em;
}

#footer a {
    color: #333;
}

#footer .unsubscribed {
	float:left;
	width:100%;
	text-align:center;
    padding-top: 16px;
    text-align: center;
    clear: both;
}	



}

/* iPad Portrait */
@media screen and (min-device-width: 481px) and (orientation:portrait) {
}

/* iPad Landscape */
@media screen and (min-device-width: 481px) and (orientation:landscape) {
}



.disclaimer{
    float:left;
    width:90%;
    margin-top:10px;
    font-size:11px;
}