html, body { 
margin:0 auto;
height: 100%;
background-color: white;
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
color: #c7cbb5;
}

h5 {font-size: 150%;font-weight: bold;}
p{font: 100%;line-height:1.4;}


#centred { 
width: 850px;
height: 600px;
text-align: left;
position: absolute;
left: 50%;
top: 50%;
	margin-left: -425px; 
	/* Half the width of the DIV tag which is 900 pixels */
	margin-top: -300px; 
	/* Half the height of the DIV tag which is 600 pixels */
	/*margin: 0 auto 0 auto 0;*/




	
}

wrap1, .wrap2, .wrap3 {
  display:inline-table;
  /* \*/display:block;/**/
  }
  
  .wrap1 {
  float:left;
  background:url(http://www.martynclarkearchitecture.com/shadow.gif) right bottom no-repeat;

  }
  

  
.wrap2 {
  background:url(http://www.martynclarkearchitecture.com/corner_bl.gif) 0px 100% no-repeat;


  }
  
.wrap3 {
  padding:0px 8px 8px 0px;
  background:url(http://www.martynclarkearchitecture.com/corner_tr.gif) 100% 0px no-repeat;

	
  }
  
  
.box {
	padding: 0px;
	background: #FFFFF5;

	border-color:#ccc #999 #999 #ccc;
	
	
}

#logo {
	width:180px;
height:17px;
cursor: pointer;
margin-left: 0px;
  margin-top:20px;
background:#777a67 url(http://www.martynclarkearchitecture.com/logo.gif) no-repeat; 
  left: 0px;
  top:0px;
}




#menu {

padding: 0px;
  width: 215px;
  height: 600px;
  float: left;
  background:#777a67;

	
}

#innertext {

margin-left: 15px;
margin-right: 15px;
padding-top: 5px;

  width: 190px;
  height: 595px;
  float: left;
  background:#777a67;

 
	
}




#main-nav{
	width:215px;
	height:500px;
  margin-left: 5px;
  margin-top: 0px;
  padding-top: 100px;
	background:#777a67 url(http://www.martynclarkearchitecture.com/nav_replace.gif) no-repeat;

  
	}


#main-nav ul{
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	clear: left;
}

#main-nav ul li{
	display: block;
	float: left;
	text-align: left;
	padding: 0;
	margin: 0;

}

#main-nav ul li a span{
	display:none;
}


#main-nav ul li a{
	width:210px;
	height:60px;
	margin: 0;
	padding: 0;
	display: block;
		
}

/* -- Hovers -- */

#main-nav ul li a.home:hover{
	background: url(http://www.martynclarkearchitecture.com/nav_replace.gif) 200px -100px;
}

#main-nav ul li a.about:hover{
	background: url(http://www.martynclarkearchitecture.com/nav_replace.gif) 200px -160px;
}

#main-nav ul li a.faq:hover{
	background: url(http://www.martynclarkearchitecture.com/nav_replace.gif) 200px -220px;
}

#main-nav ul li a.contact:hover{
	background: url(http://www.martynclarkearchitecture.com/nav_replace.gif) 200px -280px;
}

#main-nav ul li a.contact2:hover{
	background: url(http://www.martynclarkearchitecture.com/nav_replace.gif) 200px -340px;
}

#content {
position: relative;
margin:0px;
padding: 0px;
float: left;


}


#contentmodel {
background-image: url(http://www.martynclarkearchitecture.com/projects/hollybank02.jpg);
}

#content2 { 
width:700px;
height: 500px;
text-align: center;

	background: #777a67;
	
		


}

#map {
width:600px; 
height:600px; 
background: #fff url(http://www.martynclarkearchitecture.com/projects/houses_all.jpg) no-repeat;
}

#map a {color:#00f; font: bold 0px Verdana; text-decoration:none;background:transparent;
display:block; width: 200px; height:200px; padding-top:0px; position:absolute; overflow:hidden; }

#map a:hover {overflow:visible; }

a#first {left:0px; top:0px; }
a#second {left:200px; top:0px;}
a#third {left:400px; top:0px; }
a#fourth {left:0px; top:200px;}
a#fifth {left:200px; top:200px;} 
a#sixth {left:400px; top:200px;} 
a#seventh {left:0px; top:400px;}
a#eighth {left:200px; top:400px;}
a#ninth {left:400px; top:400px;}

#sub-nav{
	width:106px;
	height:18px;
	  position: absolute;
  left: 100px;
  top:570px;
	margin:0 auto;
	background:#acacac url(http://www.martynclarkearchitecture.com/projects/image_nav2.gif) no-repeat; 	
}


#sub-nav ul{
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	clear: left;
}

#sub-nav ul li{
	display: block;
	float: left;
	text-align: left;
	padding: 0;
	margin: 0;
}

#sub-nav ul li a span{
	display:none;
}


#sub-nav ul li a{
	width:53px;
	height:15px;
	margin:0px;
	padding:0px;
	display: block;
		
}

/* -- Hovers -- */

#sub-nav ul li a.back:hover{
	background: url(http://www.martynclarkearchitecture.com/projects/image_nav2.gif) 0px -18px;
}

#sub-nav ul li a.next:hover{
	background: url(http://www.martynclarkearchitecture.com/projects/image_nav2.gif) 53px -90px;
}

/* -- 3D Model Nav -- */

#model { 
position: relative;
margin:0px;
padding: 0px;
float: left;
  background-image: url(http://www.martynclarkearchitecture.com/projects/hollybank02.jpg);
height: 600px;
  width: 600px;
  }
  
#modelmenu a {
position: absolute;
height: 14px;
width: 230px;
top: 31px; 
text-decoration: none;
}
  
#modelmenu a i { visibility: hidden; }
a#sketchupurl { top: 495px; left: 185px; }
a#modelurl { top: 530px; left: 50px; }

/* -- links on cv page -- */

#cv { 
position: relative;
margin:0px;
padding: 0px;
float: left;
  background-image: url(http://www.martynclarkearchitecture.com/contact_bg.jpg);
height: 600px;
  width: 600px;
  }
  
#cvmenu a {
position: absolute;
height: 14px;
width: 65px;
top: 31px; 
text-decoration:none;
}
  
#cvmenu a i { visibility:hidden; }
a#guardian { top: 465px; left: 60px; }

#cvmenu2 a {
position: absolute;
height: 30px;
width: 200px;
top: 31px; 
text-decoration:none;
}
  
#cvmenu2 a i { visibility:hidden; }
a#guardian2 { top: 465px; left: 190px; }