* {
margin:0;
padding:0;
}

img {
border:0;
}

a {
outline:none;
}

html, body {
margin:0;
padding:0;
width:100%;
height:100%;
font-size:95%;
}

#screen {
position:absolute;
top:0;
left:0;
background-image:url(../backgrounds/transparent.png);
width:100%;
height:17%;
border-bottom:1px solid #B38441;
}

#subheader {
width:70%;
padding:.7% 0 0  1.3%;
}

#logo {
margin-top:-1%;
margin-left:.5%;
width:66%;
height:80%;
}

#footer{
position:absolute;
left:0;
bottom:0;
background-image:url(../backgrounds/transparent2.png);
width:100%;
height:8%;
border-top:1px solid #D3AD5E;
}

#address {
width:70%;
padding:1.5% 0 0 13%;
}

#family {
position:absolute;
top:1%;
right:6%;
width:24%;
}

#f {
position:absolute;
top:30%;
right:2.3%;
width:3.5%;
}

#navbg {
width:38%;
height:4.2%;
position:absolute;
top:17.2%;
left:0;
}

#aboutlink {
width:6%;
position:absolute;
top:18%;
left:3%;
}

#recipeslink {
width:11.5%;
position:absolute;
top:18%;
left:13%;
}



/* CONTENT */

#all {
width:100%;
background-image:url(../backgrounds/pasta-bg.jpg);
font-family:Trebuchet MS;
font-weight:bold;
color:#524917;
font-size:90%;
line-height:160%;
}

#logo-inside {
margin-top:1%;
width:66%;
}

#family-inside {
position:absolute;
top:.75%;
right:4%;
width:16%;
}

ul#aboutimages {
list-style:none;
margin-top:1%;
}

ul#aboutimages li {
width:25%;
float:left;
margin:0;
}

.aboutimage {
width:100%;
border-top:3px solid #fff;
border-bottom:3px solid #fff;
}

#contentarea {
margin-top:19%;
}

#aboutheader {
width:10%;
margin-top:.5%;
margin-left:1%;
}

#content {
padding:2.6% 10% 3% 6%;
}

p {
padding-bottom:12px;
}

ul.varieties {
height:48px;
list-style:none;
font-family:Arial;
font-size:11px;
text-transform:uppercase;
letter-spacing:1px;
color:#A9490F;
text-align:center;

}

ul.varieties li {
float:left;
margin-right:4px;
}

ul.varieties li.bullet {
font-family:Arial;
font-size:10px;
}

ul.varieties li.green {
color:#486942;
}

ul.varieties li.green_ {
color:#486942;
text-transform:none;
}

.divider {
color:#C8B58D;
padding:0 0 .2% 40%;
}

#hours {
font-size:85%;
text-align:center;
text-transform:uppercase;
letter-spacing:2px;
margin-top:1%;
}


#r {
font-family:Tahoma;
font-size:12px;
color:#824B28;
float:right;
text-align:right;
line-height:24px;
padding-bottom:3px;
padding-left:4%;
border-left:2px dotted #CDC8AA;
margin:-.5% 4% 5% 4%;
}

#r a {
color:#108AC3;
}

#r a:hover {
color:#990000;
}

#about-link {
width:6%;
position:absolute;
top:9%;
left:72%;
}

/* RECIPES */

#recipes {
padding:.2% 10% 3% 6%;
}

#recipesheader {
width:12%;
margin-top:.5%;
margin-left:1%;
}

.recipe {
margin-bottom:30px;
padding:20px;
border:2px dashed #B5B18D;
}

h2 {
color:#0B9F7E;
font-size:13px;
letter-spacing:2px;
text-transform:uppercase;
padding-bottom:20px;
}

ul.ingredients {
list-style:none;
font-family:Trebuchet MS, Arial;
font-size:11px;
float:left;
margin-right:25px;
margin-bottom:10px;
}

ul.ingredients li {
line-height:14px;
padding-bottom:6px;
}

td.i {
width:30%;
vertical-align:top;
}

td.d {
width:70%;
}