/* Nestor's Bakery Style Sheet - E. Moshurchak May 2007 */

* {
    margin: 0;
    padding: 0;
    }
    
html, body {height: 100%}

body {font: 100% verdana, arial, sans-serif;}

div#container {
    position: relative; 
    min-width: 800px; 
    max-width: 1000px; 
    margin-left: auto; margin-right: auto; 
    background-color: #FFF;
    }

.clearthefloats {clear: both;}

/* Note: IE6 has a bug where elements disappear when the browser window is resized */
/* If you comment out the line above, the entire container element as well as the  */
/* header, footer, and both side columns disappear */
/* Eliminating the container div solves the problem but loses the background for   */
/* the body and columns  */

	/******* COLOUR SCHEME ********/
	
/*  Red PMS 485 = #ef3e42, Yellow PMS 012 = #ffe800
    Black = #000
    Maroon = #71043a (visited)
    Dark grey (footer text, hover, borders) #5b594a (bakery shaded area)
    Light grey (footer background) #d1cebf (bakery front)  */

    /******* LOGO ********/
 
#logo {
    height: 160px; 
    background: #000 url(../images_pres/nestors_logo.jpg) no-repeat;
	border-bottom: 1px #000 solid; 
	padding-top: 10px;
	}

	/******* BANNER ********/

#banner {
    height: 160px; 
    position: absolute; top: 0; left: 170px;
    width: 100%;
    background: #000 url(../images_pres/banner5.jpg) no-repeat;
	border-bottom: 1px #000 solid; 
	margin-top: 10px;
	}
   
	/******* NAVIGATION - LEFT COLUMN ********/

div#nav {
    position: absolute; 
    left: 0px; top: 142px; width: 150px;
	padding: 22px 0; 
	margin: 20px 0 0 0;
	}
	
div#nav img {
	margin-left:25px;
	}
	
div#nav ul {
    border: 0; 
    margin: 12px 1.25em 12px 1.25em; 
    padding: 0;
	list-style-type: none; 
	font-weight: bold; 
	font-size: .75em;
	}
	
div#nav li {
    margin-bottom: .5em;
    border-bottom: 1px solid #5b594a; 
    margin: 0;
	padding: .3em; 
	text-indent: .5em;
	}
	
div#nav li:first-child {border-top: 1px solid #5b594a;}
    
div#nav a {
    text-decoration: none; 
    color: #000;
    }
    
div#nav a:visited {color: #d1cebf;}

div#nav a:hover {
    color: #d1cebf;
    text-decoration: underline;
    }
    
	/******* CONTENT AREA ********/

div#content {
    margin: 20px 156px 0 150px;
    padding: 0 1em;
	border-left: 1px solid #d1cebf;
    }
	
p.caption {
	font-size:.65em;
	color: #663;
	text-align: center;
	padding:2px 5px 5px 10px;
	}
  
h1 {
    font-size: 1.2em; 
    margin-top: .5em; 
    font-family: 'comic sans MS', verdana, arial, sans-serif; 
    font-weight: normal; 
    letter-spacing: -.1em; 
    color: #5b594a;	
    text-align: center; 
    margin-bottom: .25em;
    }
     
h2 {
    font-size: 1.0em; 
    margin-top: .5em; 
    font-family: 'comic sans MS',verdana, arial, sans-serif; 
    color: #5b594a; 
    margin-bottom: .25em; 
    text-align: center;
    }
    
h3 {
    font-size: 1.0em; 
    margin-top: .5em; 
    font-family: 'comic sans MS',verdana, arial, sans-serif; 
    color: #5b594a; 
    margin-bottom: .25em; 
    text-align:left;
    }  

div#content p {
    font-size: .8em; 
    margin-top: 0; 
    margin-bottom: .5em;
    }
    	
div#content p span {font-weight: bold;}

div#content li {font-size: .75em;}

div#content hr {
    height: 1px; 
    clear:both;
    }
    
div#mainimage {
    width: 200px; 
    float: left;  
    margin: 0 20px 10px 0;
    }

div#mainimage img {
    border: 1px solid #5b594a;
    }


div#content div#mainimage p {
    font-size: .65em; 
    margin: 0px 5px; 
    color: #5b594a;
    }
    

ul.circlebullets {
    list-style-type: circle; 
    margin: 0 0 5px 240px;
    }
    
ul.nobullets {
    list-style-type: none;
    margin: 0 0 5px 240px;
    }

.centered {text-align: center;}

div#content blockquote {
    width: 250px; 
    float: right; 
    font-size: .7em;
	border-top: 3px dotted #960; 
	border-bottom: 2px dotted #960;
	margin: 5px 10px; 
	padding:6px 10px;
	}
	
div#content blockquote p {
    margin: 0; 
    font-style: italic;
    }
    
div#content a {
    color: #5b594a; 
    text-decoration: underline;
    }
    
div#content a:visited {color: #71043a;}

div#content a:hover {
    color: #B7A758; 
    text-decoration: none;
    }

	/******* FOOTER ********/

div#footer {
    width: 100%; 
    padding: 4px 0; 
    font-size: .9em; 
    text-align: center;
	background-color: #d1cebf; 
	border-top: 1px solid #5b594a;
	border-bottom: 2px solid #5b594a; 
	margin-top: 1.5em;
	margin-left:25px;
	}
	
.reverse {
    color: white;
    }
    
.grey {
    color: #5b594a;
    }
	
div#footer ul {margin: 2px 0;}

div#footer li {
    display: inline; 
    color: #5b594a; 
    border-left: 1px solid;
	padding :0 5px 0 9px;
	}
	
div#footer li:first-child {border-left: 0;}

div#footer ul li a {
    text-decoration: none; 
    color: #5b594a;
    }
    
div#footer ul li a:visited {color: #71043a;}

div#footer ul li a:hover {
    text-decoration: underline; 
    color: #5b594a;
    }
    
div#footer ul.fineprint li {color: #5b594a;}

div#footer ul.fineprint li a {color: #5b594a;}

div#footer ul.fineprint li a:hover {color: #B88;}

	/******* PRODUCT ********/
	    
#braided {
    width: 650px;
    background-color: #fff;
    background-image: url(../images_pres/braided_breads_trans2.jpg);
    background-repeat: no-repeat;
    } 	
	
	/******* CONTENT AREA ********/
	

	
	

	/******* CONTACT ********/
div#contact p {text-align:center;}
div#contact hr {height:1px; clear:both;}
div#contactimage {text-align:center;}

	/******* LINKS ********/

div#links a {color:#2d402d; text-decoration:underline;}
div#links a:visited {color:#71043a;}
div#links a:hover {color:#B7A758; text-decoration:none;}