/* 3-column styles based on http://matthewjamestaylor.com/blog/perfect-3-column.htm */
/* General styles */
body {
 margin:0;
 padding:0;
 border:0;		/* This removes the border around the viewport in old versions of IE */
 width:100%;
 background:#fff;
 min-width:600px;	/* Minimum width of layout - remove line if not required */
			/* The min-width property does not work in old versions of Internet Explorer */
 font-family: sans-serif;
 font-size:90%;
}
a:link {
 color:#019;
}
a:visited {
 color:#828;
}
a:link:hover, a:visited:hover {
 color:#fff;
 background:#249;
 text-decoration:none;
}
a:link:active, a:visited:active {
 color:#fff;
 background:#921;
 text-decoration:none;
}
h1, h2, h3 {
 margin:.8em 0 .2em 0;
 padding:0;
}
p {
 margin:.35em 0 .65em 0;
 padding:0;
}

/* Header styles */
#header {
 float:left;
 width:100%;
 background:#e6d0b1 url(./images/burlap10.png) repeat;
 border-bottom:1px solid #000;
 text-align:center;
}
#logo {
 float:left;
 margin:9px 14px 9px 15px;
 height:178px;	/* Make the logo as tall as the photo, so the text flows evenly */
}
#photo {
 float: right; 
 margin:9px 9px 9px 12px;
 height:178px;
}

/* 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 */
}
.colmask img {
 margin:10px 0 5px;
}
/* common column settings */
.colmid,
.colleft {
 float:left;
 width:100%;			/* width of page */
 position:relative;
}
.col1,
.col2,
.col3 {
 float:left;
 position:relative;
 padding:0.25em 0 0.1em 0;	/* no left and right padding on columns, just make them narrower instead */
 overflow:hidden;
}
/* 3 Column settings */
.threecol {
 background-color:#e3e3bc;	/* right column background colour */
}
.threecol .colmid {
 right:25%;			/* width of the right column */
 background-color:#fdfdd2;	/* center column background colour */
}
.threecol .colleft {
 right:50%;			/* width of the middle column */
 background-color:#d9e4e6;	/* left column background colour */
}
.threecol .col1 {
 width:46%;			/* width of center column content (column width minus padding on either side) */
 left:102%;			/* 100% plus left padding of center column */
}
.threecol .col2 {
 width:21%;			/* Width of left column content (column width minus padding on either side) */
 left:31%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col3 {
 width:21%;			/* Width of right column content (column width minus padding on either side) */
 left:85%;			/* 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) */
}
/* Footer styles */
#footer {
 clear:both;
 float:left;
 width:100%;
 border-top:1px solid #000;
 background:#e6d0b1 url(./images/burlap10.png) repeat;
}
/* Songbird styles */
.company-info-foot {
 float:left;
 margin-left:1%;
 margin-bottom:1%
}
