@import url("base.css");

body {
margin: 0; padding: 0; font-family: Trebuchet MS, Helvetica, sans-serif; font-weight: normal; background: #C0B4A7 url(/img/bg.jpg);
}

#wrapper {
width: 960px; margin: auto; background: #000000; border-top: 18px solid #BE311A;
}

#content {
background: #E3DED8; padding: 30px 33px 20px 33px
}

#header {
font-size: 11px; position: absolute; left: 260px; top: 25px; width: 418px; line-height: 22px; font-weight: normal;
}

#header h1 {
font-family: Georgia, serif; font-size: 14px; font-weight: bold;
}

#logo {
position: absolute; right: 63px; top: 20px;
}

ul#nav, ul#subnav {
margin: 0 0 35px 0; padding: 0; text-transform: uppercase; font-size: 11px; font-weight: normal; line-height: 11px;
}

ul#subnav {
position: absolute; top: 30px; left: 115px; border-left: 1px solid #b7351f; padding-left: 15px;
}


ul#nav li, ul#subnav li {
list-style: none; margin: 0 0 14px 0; padding: 0; display: block;
}

ul#subnav li.last {
margin: 0;
}

ul#nav li a, ul#subnav li a {
color: #000000; text-decoration: none; padding-right: 30px;
}

ul#nav li a:hover, ul#subnav li a:hover {
color: #bd4a36;
}

ul#nav li a.selectednosub, ul#subnav li a.selected {
color: #bd4a36; background: url(/img/icon_bullet.gif) no-repeat right;
}

ul#nav li a.selected, ul#subnav li a.selected {
color: #bd4a36;
}





#subhead {
display: block; margin-bottom: 15px;
}

img.photo {
border: 11px solid #ffffff; display: block; position: relative;
}

#footer {
padding: 30px 33px 100px 33px; color: #ffffff;  font-size: 11px; clear: both; min-height: 100px;
}

#footer #family {
float: left; width: 505px;
}

#footer #family img {
float: left; margin-right: 22px;
}

#footer #contactus {
float: left;font-family: Helvetica, Arial, sans-serif;
}

#footer #contactus strong {
font-weight: bold; text-transform: uppercase;
}

#footer #line {
float: left; width: 1px; background: #8e6d23; margin: 30px 56px 0 56px; height: 100px;
}

#footer h2 {
font-size: 14px; font-family: Georgia, serif; margin-bottom: 8px;
}

#footer p {
margin: 0 0 15px 0; line-height: 18px;
}

#footer a {
color: #f9bb25; font-style: italic; font-size: 12px;
}

#footer a em {
border-bottom: 1px dotted;
}


#col3 {
margin-top: 18px;
}

#col3 #col_a {
float: left; width: 283px; margin-right: 20px;
}

#col3 #col_b {
float: left; width: 283px; margin-right: 20px;
}

#col3 #col_c {
float: left; width: 283px;
}

.box {
background: #ffffff; border: 1px solid #a7a4a0; padding: 10px; font-family: Georgia, serif;
}

.box h2 {
color: #b7351f; font-family: Georgia, serif; font-style: italic; font-size: 12px; font-weight: normal;
}

.box img {
position: relative; display: block; text-align: center; margin: auto;
}

.box p {
font-size: 11px; line-height: 15px; 
}

.box a {
color: #b7351f; font-style: italic; font-size: 11px; font-weight: normal; display: block;
}

.box a em {
border-bottom: 1px dotted;
}

.box form p {
margin: 25px 0 15px 0;
}

input {
font-family: Georgia, serif; font-size: 12px; border: 1px solid #ccc1ab; vertical-align: middle;
}

input.submit {
background: url(/img/inputbutton.gif) no-repeat; width: 62px; height: 23px; padding: auto; border: 0; color: #ffffff; font-family: Georgia, serif; font-style: italic; font-size: 11px; font-weight: normal; text-align: center;  vertical-align: middle;
}

#col3 .box {
height: 154px;
}

.clear {
clear: both;
}

/*GRID 1 */

#grid1 #col_a {
float: left; width: 443px; margin-right: 20px;
}

#grid1 #col_b {
float: left; width: 430px; font-weight: normal;
}

#grid1 .photo {
margin-bottom: 28px;
}

#grid1 .box {
margin-bottom: 28px; height: 70px;  font-size: 11px; padding: 15px;
}


#grid1 .box .text {
float: left; width: 295px;
}

#grid1 .box img {
float: left; margin-right: 15px;
}

#grid1 .box h2 {
margin-bottom: 5px;
}

#grid1 .box p {
margin: 0;
}

#grid1 .clear {
clear: both; height: 80px;
}


#grid1 #col_b p {
font-size: 12px; line-height: 23px; margin: 0 0 15px 0;
font-family: Georgia, "Times New Roman", Times, serif;
}

#grid1 #col_b h2 {
color: #b7351f; font-size: 18px; font-weight: normal; margin-bottom: 6px; font-family: Georgia, "Times New Roman", Times, serif;
}

#grid1 #col_b h2 em {
color: #000000; font-size: 14px; font-style: italic; letter-spacing: 1px;
}

#grid1 #col_b h3 {
color: #b7351f; font-size: 12px; font-weight: normal; font-family: Georgia, serif; font-style: italic; line-height: 20px; margin-bottom: 15px
}




/*GRID 2 */

#grid2 #col_a {
float: left; width: 368px; margin-right: 20px; font-family: Georgia, serif; font-size: 11px;
}

#grid2 #col_b {
float: left; width: 505px; font-size: 12px; line-height: 23px; font-family: Georgia, serif; font-weight: normal;
}

#grid2 .photo {
margin-bottom: 28px;
}

#grid2 #col_a h2 {
font-size: 12px; color: #b73620; font-style: italic; font-weight: normal;
}

#grid2 #col_a #contactuscontent {
font-family: Helvetica, Arial, sans-serif; font-size: 12px; margin-top: 28px; line-height: 18px;
}

#grid2 #col_a #contactuscontent a {
font-family: Trebuchet MS, sans-serif; font-size: 13px; font-style: italic; font-weight: normal; border-bottom: 1px dotted #000000; color: #b7351f;
}

#grid2 #col_b p {
margin: 0 0 15px 0;
font-family:Georgia, "Times New Roman", Times, serif;
}

#grid2 #col_b h2 {
color: #b7351f; font-size: 18px; font-weight: normal; margin-bottom: 6px;
}

#grid2 input, #grid2 textarea, #grid2 label {
display: block; font-family: Trebuchet MS, sans-serif; padding: 5px; border: 1px solid #ccc1ab; margin-bottom: 6px; font-weight: normal;
}

#grid2 label {
margin-bottom: 15px; padding: 0; border: 0; text-transform: uppercase; font-size: 11px;
}

#grid2 input.submit {
background: url(/img/inputbutton.gif) no-repeat; width: 62px; height: 23px; padding: auto; border: 0; color: #ffffff; font-family: Georgia, serif; font-style: italic; font-size: 11px; font-weight: normal; text-align: center;  vertical-align: middle;
}


/*GRID 3 */
#grid3 {
font-size: 12px; font-family: Georgia, serif; overflow: hidden;
}

#grid3 .photo {
float: left; margin: 0 20px 28px 0; width: 570px; overflow: hidden;
}

#grid3 p {
margin: 0 0 15px 0; font-weight: normal; line-height: 23px;
}

#grid3 h2 {
color: #b7351f; font-size: 18px; font-weight: normal; margin-bottom: 6px;
}

#grid3 h3 {
color: #b7351f; font-size: 12px; font-weight: normal; font-family: Georgia, serif; font-style: italic; line-height: 20px; margin-bottom: 15px
}



#grid3 #col_a {
float: left; width: 284px; margin: 0 20px 20px 0; font-family: Georgia, serif; font-size: 11px; clear: both; overflow: hidden;
}

#grid3 #col_b {
float: left; width: 590px; padding-bottom: 35px;
}



#grid3 #col_a .photo {
width: 268px; border-width: 6px; margin-bottom: 16px;
}

#grid3 #col_a h2 {
font-family: Georgia, serif; font-size: 12px; font-style: italic; margin-bottom: 3px;
}

#grid3 #col_a em, #grid3 #col_a a {
color: #b7351f;
}

#grid3 #col_a a {
border-bottom: 1px dotted #b7351f;
}

#grid3 #col_a .clear {
clear: both; margin: 15px 0 15px 0; background: #847f7c; height: 1px;
}

#grid3 #pasta {
clear: both; overflow: hidden;
}

#grid3 #pasta div {
overflow: hidden; z-index: 1000;
}

#grid3 #pasta .col_a {
float: left; width: 284px; margin: 0 20px 20px 0; font-family: Georgia, serif; font-size: 11px; line-height: 14px; clear: left;
}

#grid3 #pasta .col_b {
float: left; width: 575px;
}

#grid3 #pasta .col_a a {
color: #b7351f; border-bottom: 1px dotted #b7351f; font-style: italic; 
}

#grid3 #pasta .box {
margin-bottom: 6px;
}

#grid3 #pasta ul {
position: relative; float: left; padding: 0; margin: 0 20px 20px 0; overflow: hidden; width: 45%; 
}

#grid3 #pasta ul li {
list-style: none; margin-bottom: 8px; font-weight: normal;
}


#grid3 #pasta .clear {

}







h4 {
background: url(/img/icon_bullet.gif) no-repeat left; padding-left: 25px; font-size: 12px; font-style: italic; font-weight: normal; font-family: Trebuchet MS, Helvetica, sans-serif;
}

h4 a {
color: #b7351f; border-bottom: 1px dotted #b7351f;
}

.float {float: left; padding-right: 20px; padding-bottom: 20px;}


.inline_img {
	border: 6px solid white; display: block; margin-bottom: 5px;
}

.no_bullet {
	margin: 0; list-style: none; padding: 0;
}

.shops li {
	color: #b7351f; text-transform: uppercase; font-family: Arial, sans-serif; font-size: 11px; font-weight: bold;
	
}