/*
orange: #F7931E;
*/

body {
margin: 0;
padding: 20px 0 0 0;
width: 100%;
font: normal 70%/140% "Lucida Grande", Lucida, Verdana, sans-serif;
background: #DDD6B3;
color: #605A48;
}

#wrap {
position: relative;
margin: 0 auto;
width: 920px;
text-align:left;
background: transparent; 
margin-top: 20px;
}


#main {
float: right;
width: 520px;
margin: 0 0 80px 0;
padding: 0;
background: transparent;
border: 0px solid white;
}

#main h1 {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 170%;
font-weight: 200;
padding: 0;
margin: 20px 0 10px 0;
text-transform: none;
}

#main h2, #main h3, #main p {
padding: 0 10px 0 0px;
}
  
  
#sidebar {
font-family: "Lucida Grande", Lucida, Helvetica, Arial, Verdana, sans-serif;
font-size: 95%;
background: transparent;
float:left;
width: 360px;
padding: 0;
border: 0px solid red;
}

#sidebar h1 {
color: #000;
font-weight: normal;
font-size: 100%;
font-weight: bold;
line-height: 130%;
padding: 0;
}


/* contact form */

#contact-area {
padding: 0;
width: 520px;
background: transparent; 
color: #605A48;
}

#contact-area input, #contact-area textarea {
padding: 5px;
width: 480px;
margin: 0px 0px 10px 0px;
border: 1px solid #fff;
background: #EFEAD8;
color: #000;
font-family: "Lucida Grande", Lucida, Helvetica, Arial, Verdana, sans-serif;
font-size: 110%;
}

#contact-area textarea {
height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
border: 1px solid #fff;
background: #fff;
color: #605A48;
}

#contact-area input.submit-button {
width: 80px;
background: #F7931E;
color: #fff;
border: 1px solid #F7931E;
font-weight: bold;
}

label {
float: left;
width: 400px;
padding: 5px 0 5px 0;
font-weight: bold;
}






/* global links */
    
a:link {
background: transparent;
color: #968A75;
text-decoration: underline;
}

a:hover {
background-color: transparent;
color: #605A48;
text-decoration: underline;
}

a:visited {
background-color: transparent;
color: #605A48;
text-decoration: underline; 
}
	



.mainmenu {
margin: 0;
}

#mainmenu {
padding-left: 0;
margin-left: 0;
border-bottom: 1px dotted #000;
width: 200px;
}

#mainmenu li {
list-style: none;
margin: 0;
padding: 0.25em 0.25em 0.25em 0;
border-top: 1px dotted #000;
}

#mainmenu li a { text-decoration: none; }

#mainmenu li a:hover {
font-weight: normal;
color: #fff;
}








#project_imgfader {
background: white;
}

#thumbnails { 
height: 70px; 
margin: 0;  
padding: 0 0 0 15px;
}

#thumbnails li { 
width: 50px; 
float: left; 
margin: 0 15px 0 0; 
list-style: none 
}

#thumbnails a { 
width: 50px; 
display: block; 
border: 3px solid #DDD6B3; 
}

#thumbnails a.activeSlide { 
border: 3px solid #F7931E; 
}

#thumbnails a:hover { 
border: 3px solid #AFA894; 
}

#thumbnails a:focus { 
outline: none; 
}

#thumbnails img { 
border: none; 
display: block 
}

img.project_image {
width: 480px;
height: 480px;
margin: 0;
padding: 20px;
background: white; 
}

img.home_image {
width: 480px;
height: 480px;
margin: 20px;
padding: 20px;
background: white; 
}



/* logo */

#logo a {
display:block;
width: 138px;
height: 62px;
margin: 0; 
padding:0;
color:#c60;
background: url("../i/aalogo.gif") 0 0 no-repeat;
}

#logo a:hover {	
background-position: -140px 0;
}




.panel {
width: 200px;
background-color: transparent;
padding: 10px 10px 10px 20px;
float: right;
margin: 0 0 0 20px;
color: #000;
background: transparent url('../i/hatch.gif'); 
}


.address {
margin-top: 160px;
font-size: 100%;
line-height: 140%;
}

.address a:link, .address a:visited {
color: #605A48;
text-decoration: none;
}

.address a:hover {
color: #605A48;
}



/*
MENU ITEMS
#one = One Tudor Street
#two = Hackney TLC
#three = Lyons Crescent
#four = Grange Road
#five = Princess Street
#six = About
#seven = Contact
*/

#menu {
background: url("../i/menu.png") 0 0 no-repeat;					
width: 350px;
height: 350px;
margin: 30px 0 0 0;
padding: 0;
}

#menu li span {
display: none; 
}

#menu li { 
float: left; 
list-style: none; 
position: relative; 
 }

#menu li, #menu a { 
height: 50px;
display: block;
margin: 0;
padding: 0;
}

li#one, li#two, li#three, li#four, li#five, li#six, li#seven { width: 345px; }
li#seven { margin:0; }

#one a:hover { background:url("../i/menu.png") -700px  -0px no-repeat; }
#two a:hover { background:url("../i/menu.png") -700px  -50px no-repeat; }
#three a:hover { background:url("../i/menu.png") -700px  -100px no-repeat; }
#four a:hover { background:url("../i/menu.png") -700px  -150px no-repeat; }
#five a:hover { background:url("../i/menu.png") -700px -200px no-repeat; }
#six a:hover { background:url("../i/menu.png") -700px -250px no-repeat; }
#seven a:hover { background:url("../i/menu.png") -700px -300px no-repeat; }

body#tudor li#one a { background:url("../i/menu.png") -350px  -0px no-repeat; }
body#hackney li#two a { background:url("../i/menu.png") -350px  -50px no-repeat; }
body#lyons li#three a { background:url("../i/menu.png") -350px  -100px no-repeat; }
body#grange li#four a{ background:url("../i/menu.png") -350px  -150px no-repeat; }
body#princess li#five a { background:url("../i/menu.png") -350px -200px no-repeat; }
body#about li#six a{ background:url("../i/menu.png") -350px -250px no-repeat; }
body#contact li#seven a { background:url("../i/menu.png") -350px -300px no-repeat; }


.largetext {
font-size: 150%;
line-height: 130%;
}