/* splash screen */
#wrapper_splash{
width:950px;
position:relative;
margin:10px auto;
text-align:center;
height:100%;
padding-bottom:10px;
}
.lganim{
top:0;
position:absolute;
left:335px;
}
.slogan0{
position:absolute;
top:200px;
left:262px;
}
.cookie0{
position:absolute;
top:335px;
left:550px;
}
p.enterbtn{
position:absolute;
top:420px;
left:770px;
margin:0;
}
#wrapper_splash p a{
color:#FFFFFF;
background-color:#993300;
border:1px solid #663333;
font-weight:bold;
text-decoration:none;
font-size:1.3em;
text-transform:uppercase;
padding:5px;
}
#wrapper_splash p a:hover{
color:red;
background-color:#FFCC33;
border:1px solid #660000;
}
#footer_splash{
background-color:rgb(160,40,0);
position:relative;
top:540px;
height:30px;
margin-bottom:10px;
}
p.name{
font-family:Arial, Helvetica, sans-serif;
font-size:1.3em;
color:#FFFFFF;
position:absolute;
text-transform:uppercase;
font-style:italic;
font-weight:bold;
padding:8px;
margin:0;
left:10px;
letter-spacing:1px;
}
p.slogan{
font-size:1.2em;
color:#FFFFFF;
position:absolute;
right:20px;
letter-spacing:2px;
word-spacing:2px;
margin:0;
padding:8px;
}
p.copyright0{
position:relative;
top:540px;
margin:0;
font-size:1.1em;
margin-bottom:10px;
}
*html #wrapper_splash p a{
display:block;
}

/*banner styles*/
#banner{
width:950px;
margin:0 auto;
position:relative;
}
#banner #logo{
position:absolute;
top:0;
left:40px;
}
#banner #name{
position:absolute;
top:50px;
left:200px;
}
#banner #slogan{
position:absolute;
top:50px;
left:580px;
}
#banner #cookiepix{
position:absolute;
top:50px;
right:10px;
z-index:2;
}
#banner #topbar{
position:absolute;
width:750px;
top:130px;
left:200px;
height:30px;
background:url(../images/topbar_bg.gif) left center repeat-x;
z-index:1;
}
#topbar p{
color:#FFFFFF;
font-size:1.1em;
font-weight:bold;
margin:0;
padding-top:5px;
padding-left:5px;
}


/*general styles*/
body{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:62.5%;
padding:0;
margin:0;
}
#wrapper{
width:950px;
margin:0 auto;
position:relative;
top:180px;
}
#main{
margin:0;
padding:0;
margin-left:200px;
margin-bottom:10px;
width:750px;
}
#leftpanel{
position:absolute;
left:0;
top:0;
width:200px;
}

/*footer styles*/
#footer{
clear:both;
position:relative;
border-bottom:2px solid #660000;
color:#FFFFFF;
top:30px;
}
#address{
position:absolute;
left:0;
bottom:0;
background:url(../images/footer-corner.gif) right top no-repeat #8d4c12;
padding:10px 10px 5px 5px;
font-size:1.1em;
line-height:1.2em;
border-left:1px solid #660000;
}
#address p{
margin:0;
color:#fc6;
}
#address p.company{
font-size:1.1em;
color:#FFFFFF;
font-weight:bold;
margin-bottom:5px;
}
#phone{
position:absolute;
left:200px;
bottom:0;
background:url(../images/nav_bg.jpg) left center repeat-x;
}
#phone p{
padding:5px;
font-weight:bold;
margin:0;
}
#mail{
position:absolute;
right:0;
bottom:0;
padding:5px;
background:url(../images/nav_bg.jpg) left center repeat-x;
font-weight:bold;
border-right:1px solid #660000;
}
p.copyright1{
font-size:1.1em;
text-align:center;
margin-top:30px;
padding:10px 0;
}
*html #footer{
width:100%;
}
*html p.copyright1{
width:100%;
}

/*quote box styles*/
#quotebox{
border-top:1px dashed #FF6600;
border-bottom:1px dashed #FF6600;
margin:30px 10px 5px;
padding:5px;
}
p.sidequote{
font-size:1.3em;
color:#660000;
font-family:"Times New Roman", Times, serif;
word-spacing:2px;
margin:7px 0;
}
p.naam{
margin:0;
font-size:1.1em;
font-family: Georgia, "Times New Roman", Times, serif;
color:#CC3300;
font-weight:bold;
}
p.desig{
margin:7px 0;
font-family: Georgia, "Times New Roman", Times, serif;
font-size:1.1em;
color:#000000;
}

/*homepage styles*/
h1{
font-size:1.4em;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
color:#5e2500;
margin:10px 0 20px 10px;
padding:0;
display:inline;
}
p.para1{
font-size:1.2em;
line-height:1.3em;
margin:7px 10px;
width:700px;
}

/*client box styles*/
#clientbox{
width:300px;
position:relative;
margin:30px 20px;
border-bottom:1px solid #975519;
float:left;
}
#clientbox h2{
background:url(../images/boxbg_top.gif) left top no-repeat;
color:#663300;
font-size:1.1em;
margin:0;
padding:5px 20px;
border-bottom:1px solid #975519;
}
#clientbox ul{
padding:10px 0;
margin:0;
border:1px solid #975519;
border-top:none;
border-bottom:none;
list-style-type:square;
list-style-position:inside;
}
#clientbox li{
color:#663300;
padding-left:20px;
font-size:1.1em;
line-height:1.3em;
}
#clientbox img{
position:absolute;
top:-20px;
right:-30px;
}

/*variants box styles*/
#variantbox{
width:300px;
margin:30px 20px;;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
border-bottom:1px solid #975519;
}
#variantbox h2{
background:url(../images/boxbg_top.gif) left top no-repeat;
color:#663300;
font-size:1.1em;
margin:0;
padding:5px 20px;
}
.productbox{
margin:0;
padding:0;
border:1px solid #975519;
border-bottom:none;
padding-bottom:7px;
}
.productbox img{
float:left;
margin:5px 0 10px 0;
}
.productbox h3{
margin:30px 5px 20px 155px;
font-size:1.2em;
}
.productbox p{
color:#663300;
margin:20px 10px 20px 155px;
font-size:1.1em;
}
.productbox p.links{
margin:10px 10px 10px 155px;
}

/*about us styles*/
p.para2{
font-size:1.2em;
line-height:1.3em;
margin:7px 10px;
}
img.autobaker{
float:right;
padding:10px;
}
img.chefs{
margin-top:25px;
padding:2px;
border-bottom:1px solid #CC3300;
}

/*wire-cut cookies styles*/
p.para3{
font-size:1.2em;
line-height:1.3em;
margin:5px 10px;
}
p.quote{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.3em;
color:#990000;
width:400px;
margin:5px 20px;
}
img.prod{
float:right;
padding-left:5px;
}

/*product page styles*/
p.para4{
clear:both;
font-size:1.2em;
line-height:1.3em;
margin:5px 20px;
}
.productBlock{
background:url(../images/productblock_top.gif) left top no-repeat;
width:320px;
margin:20px;
float:left;
}
.container{
height:160px;
border:1px solid #975519;
border-top:none;
margin:0;
margin-top:10px;
padding-bottom:10px;
}
.productBlock img{
float:left;
margin-right:10px;
margin-left:5px;
}
.productBlock p.cookieName{
font-size:1.2em;
font-weight:bold;
text-transform:capitalize;
color:red;
margin:0;
padding-top:20px;
}
.productBlock p.cookieDesc{
font-size:1.1em;
margin:10px 5px 0 0;
padding:0;
line-height:1.3em;
}

/*packaging page styles*/
p.para5{
clear:both;
font-size:1.2em;
line-height:1.3em;
margin:10px 20px;
}
body#package h2{
clear:left;
font-size:1.3em;
font-weight:bold;
color:red;
margin:30px 10px 10px 20px;
}
.packageBlock{
float:left;
width:200px;
padding:10px;
margin:10px 10px 20px 20px;
border:1px solid #975519;
/*height:100px;*/
}
img.right{
float:right;
}
p.packName{
font-size:1.3em;
font-weight:bold;
color:#975519;
margin:0 0 10px 0;
padding:0;
}
p.packDesc{
font-size:1.1em;
line-height:1.3em;
margin:0;
padding:0;
}