/*-------------layout------------------------*/
html
{
	margin: 0;
	padding: 0;
}
body
{	background: #999999;
        font-family: trebuchet MS;
}

#container 
{
	width: 770px;
	margin-top: 25px;
        margin-left: auto;
	margin-right: auto;
        background: #ffffff;
        border: 1px solid #000000;
        padding: 15px;
}

#content
{
	/*background: #333;*/
}

#pictureheader
{	
	/*background: #0000ff;*/
        width:770px; 
        background-repeat: no-repeat;
	background-position: left top;
}

#pagefooter
{	
	width:770px; 
	height: 20px;
        text-align: center;
	clear:both;
}

/*---------------my name - logo--------------------*/
#me
{        
         /*background: #00ff00;
         width: 770px;
         background-image: url(pictures/test.jpg);*/       	 
}

#me h1, h2, h3
{       /*color: #ff0000;*/
	text-align: right;
	margin-bottom: 0;
	margin-top: 0;
}

/*---------------------navigation------------------*/
#navigation
{
	/*background: #ff0000;*/
        text-align: left;
	width: 290px;
	/*position:relative; 
	top: 0px;	
	left: 5px;*/
        float: left;
}
/*--------------------waffle-------------------*/
#waffle
{
        /*background: #132f5b;
	width:770px;
        position:relative; 
	top: 50px;	
	left: 0px;
        padding: 5px;*/
}
#waffle img
{
        width:250px;
        height:140px;
}
#intro {

width:550px;
        position:relative; 
	top: 150px;	
	left: 0px;
        padding: 5px;}

#bullets
{       background: #666;
        /*position:relative; 
	top: 150px;	
	left: 560px;
        padding: 5px;*/
        width: 150px;
        margin-left: 600px;
}
#waffle h3
{      	text-align: left;
	margin-bottom: 0;
	margin-top: 0;
}
/*------------------------formatting---------------------*/
li
{
   list-style-type:none;
    */color: #666666;
    font-size: 12px;*/
}


/* ---------------- Text formatting in Picture Header ---------------------------*/
#pictureheader h1 	
{       font-size: 30px;
	text-align: left;
	margin-bottom: 0;
	margin-top: 0;
}
#pictureheader h2 
{
	font-size: 24px;
	text-align: right;
        margin: 0px 0px 0px 400px;	
}

#pictureheader h3 
{
	font-size: 20px;
	margin: 0px 0px 0px 400px;
        text-align: right;	
}
#pictureheader img
{       width:250px;
        height:140px;
}
/* ---------------- Text formatting in waffle ---------------------------*/
p.prodtitle{
       /*background: black;
        color: green;*/
        font-size:x-large;
        margin-bottom: 0px;
}

p.prodco{
      /* background: red;
        color: white;*/
        float:right;font-size:medium;
}

p.length{
        /*background: yellow;
        color: blue;*/
        text-align:left;
        font-size:medium;
}

h1.prodtitle{
       /*background: black;
        color: green;*/
        font-size:x-large;
        margin-bottom: 0px;
}

h2.prodco{
       /*background: red;
        color: white;*/
        float:right;
        font-size:medium;
}

h3.length{
        /*background: yellow;
        color: blue;*/
        text-align:left;
        font-size:medium;
}

h3.miniheader{
        /*background: yellow;
        color: blue;*/
        text-align:left;
        font-size:medium;
}

#waffle h1, h2, h3{
        text-transform: lowercase;  
        margin-bottom: 0;
	margin-top: 0;        
}

#waffle h1
{
       	margin-top: 10px;        
}

#waffle p
{
        margin-bottom: 0;
	margin-top: 0;
        font-size: small;
}

#waffle li
{ 
        color:black;
        list-style-type:bullet;
}