/* CSS for Roger Ware - Alwington Economics website */

*, html{
	margin: 0;
	padding: 0;
}

body{
	font-size: 76%;
	font-family: verdana, helvetica, arial, sans-serif;
	background: #fff;
	margin-top: 20px;
}

a {
	text-decoration: none;
	color: #688093;
}

a:hover {
	text-decoration: underline;
}

span {
	font-weight: bold;
}



/*#wrap
========================================================*/
#wrap {
	margin: 0 auto;
	width: 1034px;
}

/*#banner
========================================================*/
#banner {
	width: 1034px;
}


/*#inner
========================================================*/
#inner {
	width: 1024px;
}

#inner ul {
	margin: 0;
	padding: 0;
	margin-left: 10px;
	margin-bottom: 9px; 
	list-style-type: none; 
	clear: left; 
	height: 441px;
}

#inner li {
	float:left; 
	text-indent: -3000px /*to make the text invisible*/
}


#inner li.list1 {
	background:transparent url(../images/business-bw.jpg) no-repeat;
}

#inner li.list2 {background:transparent url(../images/family-bw.jpg) no-repeat;}
#inner li.list3 {background:transparent url(../images/sailing-bw.jpg) no-repeat;}
#inner li.list4 {background:transparent url(../images/current-project-bw.jpg) no-repeat;}

#inner a {
	display:block; 
	width:253px; 
	height:0px; 
	padding-top:441px; 
	color:#000; 
	overflow:hidden;
}

#inner a#item1 {background:transparent url(../images/business-colour.jpg) -250px -90px no-repeat;}
#inner a#item2 {background:transparent url(../images/family-colour.jpg) -250px -90px no-repeat;}
#inner a#item3 {background:transparent url(../images/sailing-colour.jpg) -250px -90px no-repeat;}
#inner a#item4 {background:transparent url(../images/current-project.jpg) -250px -90px no-repeat;}

#inner a#item1:hover {background-position:0 0; z-index:50;}
#inner a#item2:hover {background-position:0 0; z-index:50;}
#inner a#item3:hover {background-position:0 0; z-index:50;}
#inner a#item4:hover {background-position:0 0; z-index:50;}

/*#address
=========================================================*/
#address {
	background: transparent;
	float: left;
	/*clear: right;*/
	margin-top: 2px;
	width: 343px;
}

#address address {
	font-style: normal;
	font-size: 1em;
	color: #688093;
	margin-top: 59px;
	margin-left: 160px;
	line-height: 1.5em;
}

#address img.quote {
	margin-top: 50px;
	margin-bottom: 50px;
}

#address img.roger {
	float: left;
	margin-left: 25px;
	margin-top: 20px;
	margin-bottom: 50px;
}

#address span.name {
	font-weight: bold;
}


/*#footer
==========================================================*/
#footer {
	margin: 0 auto;
	margin-bottom: 20px;
	margin-right: 22px;
	padding-bottom: 13px;
	clear: both;
	width: 1024px;
	color: #737173; /*grey*/
	font-size: 0.8em;
	text-align: right;
}

#footer a {
	color: #737173;
}

#footer address {
	font-style: normal;
}

#footer h1 {
	font-size: 1em;
}