#wrap {
	width:800px;
	margin:0 auto;
	}
body {font-size: 62.5%; font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
		background-color:#4f5dc1;
		color:#fff;
		margin:0px;
		padding:0px;}

h1 {font: bold 3em/110% Helvetica, "Helvetica Neue", Arial, sans-serif; padding:20px 0 15px 0; text-align:center;}



p {font: 2em/160% Helvetica, "Helvetica Neue", Arial, sans-serif;
	margin:10px 0;
	letter-spacing: 0.01em;
	text-align:center;
}

a {outline:none;}
	
img { 	font: 2em/110% Helvetica, "Helvetica Neue", Arial, sans-serif;
 margin:20px auto 0 auto; 
display:block;
padding:0 0 40px 0;}

img#logo {margin:0 auto;}


div#architect a, div#developments a{
		text-decoration:none;
	 	color:#fff;
		display:block;
		margin:20px;
		width:300px;
		border: 7px solid #fff;
		border-width:7px 0;}
		
div#architect a{float:left;}		
div#developments a{float:right;}
				
div#architect a:hover, div#developments a:hover {
	border: 7px solid #242E75;
	color:#242E75;
border-width:7px 0;
}				
div#architect a:hover *, div#developments a:hover * {background-position: center right;
}

h3#res, h3#arch{text-indent:-1000em; display:block;;}

h3#arch{ background: url(../images/arch.png) no-repeat center left; width:300px; height:82px;}
h3#res{ background: url(../images/res.png) no-repeat center left; width:300px; height:82px;}