body {
	margin:0;
	padding:0;
	border:0;				/* This removes the border around the viewport in old versions of IE */
	width:100%;
	background:#000000;
	min-width:900px;		/* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */
	font-size:90%;
	height: 100%;
}

/* unvisited link */
a:link {
    color: red;
}

/* visited link */
a:visited {
    color: green;
}

/* mouse over link */
a:hover {
    color: hotpink;
}

/* selected link */
a:active {
    color: blue;
}

/* column container */
.colmask {
	position:relative;		/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}

/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;			/* width of page */
	position:relative;
	height: 100%;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 0 0;		/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
	height: 100%;
}

/* 3 Column settings */
.threecol {
	background:#000000;	/* right column background colour */
	height: 100%;
}
.threecol .colmid {
	right:10%;			/* width of the right column */
	background:#000000;	/* center column background colour */
	height: 100%;
}
.threecol .colleft {
	right:80%;			/* width of the middle column */
	background:#000000;	/* left column background colour */
	height: 100%;
}
.threecol .col1 {
	width:80%;			/* width of center column content (column width minus padding on either side) */
	left:100%;			/* 100% plus left padding of center column */

	height: 100%;
}
.threecol .col2 {
	width:10%;			/* Width of left column content (column width minus padding on either side) */
	left:10%;				/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	background: #000000;
	height: 100%;
}
.threecol .col3 {
	width:10%;			/* Width of right column content (column width minus padding on either side) */
	left:90%;				/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	background: #000000;
	height: 100%;
}

#header {
	background: #000000;
	min-height: 450px;
	padding-top: 280px;
}

#content {
	background: #000000;
	width: 70%;
	min-width: 700px;
	min-height: 450px;
	margin: 0 auto;
	border-left: 1px solid #EEEEEE;
	border-right: 1px solid #EEEEEE;
}

#navbar  {
	text-align: center;
	width: 100%;
	height: 50px;
	background: #000000;
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #FFFFFF;
}

#navbar img {
	margin: 0 0px;
	width:100px;
}

#title {
	font-size: 4em;
	font-family: "Century Gothic", sans-serif; 
	padding-top: 30px;
	text-align: right;
	height: 230px;
	background: transparent url("../images/dish_logo2.jpg") no-repeat left top;
}

#titlepics {
	padding-left: 200px;
       height: 250px;
       text-align: center;       
       overflow: hidden;
}

#titlepics img {
        width:140px;
        height: 210px;
        border: 0px;
        padding: 0 2.5%;
}

#info {
	padding: 20px 20px 20px 20px;
	color: #FFFFFF;
	background: #000000;
	font-family: "Century Gothic", Arial, sans-serif;
}

#footer {
	color: #FFFFFF;
	background: #000000;
	text-align: left;
	height: 50px;
	padding-top: 5px;
	font-size: 1em;
        font-family: "Century Gothic", Arial, sans-serif;
	position: absolute;
	bottom: 0px;
	width: 100%;
	overflow: hidden;
}

#footer span#dishname {
	font-size: 25px;
	font-weight: bold;
}

#footer span#copyright {
	font-size: 8px;
	float: right;
	padding-top: 15px;
}