body {background-color: #720b53;
	margin: 0;
	padding: 0;
	border: 0;
	font-family: Verdana, Trebuchet, sans-serif;}
	
#wrapper {width: 950px;
		background-color: #FFFFFF;
		margin: 0 auto;}
		
#header {clear: both;
		height: 150px;
		background-image: url(http://www.aeoliansquee.co.uk/images/blackcurve3.gif);
		background-position: bottom;
		background-repeat: no-repeat;}
		
#header img {padding: 45px 0px 25px 540px;}	
		
#quotebar {clear: both;
			background-color: #000000;
			color: #EEE0E5;
			font-size: 80%;
			padding: 1px 0 3px 0;}
			
#quotebar blockquote {text-align: center;
	padding: 5px;
	margin: 0;
	font-style: italic;}
	
#quotebar p {margin: 0;
	padding: 0;}
	
	
#navigation {color: #FFFFFF;
				width:170px;
			}
			
#navigation a {color: #FFFFFF;
	text-decoration: none;
	width: 100%;}
	
#navigation a:hover {color: gray;}

#navigation ul {margin: 0;
	padding: 20px 0 20px 40px;}

#navigation li {list-style-type: none;
				padding: 12px 0;
				width: 100%;
				border-bottom: 1px solid gray;}	

#news {float:left;
width:170px;
position:relative;
left:15px;
overflow:hidden;}
	
		
a:link {color: #720b53;}

a:visited {color: #720b53;}

h1 {margin: 0;}

h2, h3 {font-family: Times, "Times New Roman", Georgia, serif;
		color: #c90660;}

h2 .entry-title {font-size: 100%;}
		
	.bold {font-weight: bold;}

	.italic {font-style: italic;}

	.cover {float: left;
			width: 125px;
			margin: 0px 10px 10px 0px;
			color: #000000;
			min-height: 230px;}

.byline {font-style: italic;}

.asset-body {margin: 10px 0;}
				
		.white {border: 1px solid #ADADAD;}

img {border: 0;}

		img.right {float: right;
						margin: 0px 5px 10px 10px;}

		img.left {float: left;
					margin: 10px 10px 10px 5px;}

		img.center {display: block;
						margin-right: auto;
						margin-left: auto;
						clear: both;}
		
		

#footer {clear: both;
	font-size: 90%;}

#footer p {margin: 0;
	padding: 6px;
	text-align: center;
	background-color: #000000;
	color: #FFFFFF;}
	
.photogallery {list-style-type: none;
	padding-left: 0;}

.photogallery ul {margin: 0;
	padding: 0;}

.photogallery li {display: inline;
	margin: 0;
	padding: 0;}
			
#intro {border-bottom: 1px solid #CDCDCD;}

				
				
#main {padding-bottom: 250px;
padding-top: 8px;}

#webleft {width: 72%;
	display: block;
	margin: 5px;}

#webright {background-color: #FFF0F5;
	border: 1px dotted #CDCDCD;
	width: 25%;
	display: block;
	position: absolute;
	top: 3px;
	right: -2px;
	margin: 15px 10px 5px 0;}


.sidelist {padding: 2px 5px 15px 8px;
			text-indent: 0;}

.sidelist ul {list-style-position: inside;
				list-style-type: circle;
				margin: 5px;
				padding: 5px;
				line-height: 1.3em;}

.site {clear: both;
	border: 1px solid #D0A9AA;
	margin: 10px 10px 10px 0px;
	padding: 10px;
	overflow: auto;}

	.site img {border: 1px solid #CDCDCD;}

/* Two-Column Layout by Matthew James Taylor
http://matthewjamestaylor.com/blog/ultimate-2-column-left-menu-pixels.htm */

/* column container */
.colmask {
	position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
    clear:both;
    float:left;
    width:100%;			/* width of whole page */
	overflow:hidden;	/* This chops off any overhanging divs */
}
/* 2 column left menu settings */
.leftmenu {
    background:#000000;
}
.leftmenu .colright {
    float:left;
    width:200%;
	position:relative;
	left:170px;
    background:#fff;
	background-image: url(http://www.aeoliansquee.co.uk/images/toprightcorner.gif);
	background-repeat: no-repeat;
}
.leftmenu .col1wrap {
    float:right;
    width:50%;
    position:relative;
    right:170px;
    padding-bottom:1em;
}
.leftmenu .col1 {
    margin:0 15px 0 190px;
    position:relative;
    right:100%;
    overflow:hidden;
}
.leftmenu .col2 {
    float:left;
    width:170px;
    position:relative;
    right:190px;
}

* html #main {margin-bottom: 0; padding-bottom: 0; /*IE6*/}
*:first-child+html #main {margin-bottom: 0; padding-bottom: 0; /*IE7*/}