/* 
 CSS Document For Frampton House
 www.frampton-house.co.uk
 Site design by Alacrify Ltd 	
 jon@alacrify.co.uk				
 www.alacrify.co.uk				
 February 2009					
*/
 * {
border:0;
margin:0;
padding:0
}
body {
border:0;
color:#667f66;
text-align:center;
font-size:1em;
font-family:georgia, serif;
background:url('images/background-shadow.jpg') top center repeat-y #fff;
margin:0;
padding:0
}
#contentPanel {
position:relative;
width:1000px;
background:#fff;
text-align:left;
border-left: 1px solid #bbb;
border-right: 1px solid #bbb;
margin:0 auto
}
#navigation,#footer,#bottomNavigation {
border-bottom:#aaa 1px solid;
background:#cacaaa;
color:#cacaaa;
text-align:left;
padding-top:0;
padding-bottom:0
}
#bottomNavigation {
border-top:#ececcc 1px solid
}
#navigation a, #footer a, #bottomNavigation a {
line-height:1.8em;
color:#030;
border-right:#FFF 1px solid;
padding:5px 0.6em
}
#navigation a:hover, #footer a:hover, #bottomNavigation a:hover {
padding:5px 0.6em;
background:#ececcc
}
#navigation a:active, #footer a:active, #bottomNavigation a:active{
padding:5px 0.6em;
background:#ececcc
}
#navigation a.highlight, #bottomNavigation a.highlight, #footer a.highlight {
padding:5px 0.6em;
background:#fcfcdc
}
#mainContent {
float:left;
width:700px;
padding:50px 0
}
#tariffBox, #contactBox {
clear:left;
padding-top:20px;
background:#fffff0;
border:1px solid #cacaaa;
margin:0 50px
}
#sideContent {
float:right;
width:300px
}
#footer {
clear:both;
text-align:right;
width:100%;
}
#footer img {
margin-top:7px;
margin-left:5px
}
p,ul,ol {
font-size:1em;
line-height:1.8em;
margin:0 50px 1.6em
}
.enlarge {
font-size:1.3em
}
h1,h2,h3,h4 {
font-weight:400;
padding-bottom:5px;
border-bottom:1px solid #cacaaa;
margin:0 50px 1em
}
h1 {
font-size:1.9em
}
h2 {
font-size:1.6em
}
h3 {
font-size:1.2em
}
a {
text-decoration:none
}
#mainContent a:link {
color: blue
}
#mainContent a:visited {
color: #005
}
#mainContent a:hover {
color: red;
text-decoration: underline
}
#mainContent a:active {
color: red;
}
h1.masthead {
color:#aaaa8a;
text-align:center;
padding-top:1em;
border-color:#cacaaa;
margin:0 50px
}
p.masthead {
text-align:center;
margin-bottom:30px
}
input {
border:1px solid #d3d3d3;
height:1.3em;
line-height: 1.3em;
padding:3px 3px 0px 3px;
font-family:georgia, serif;
font-size: 1.1em
}
textarea {
border:1px solid #d3d3d3;
font-family:georgia, serif;
padding:3px 3px 0px 3px;
font-size: 1.1em
}
.submit {
border:1px solid #d3d3d3;
height:2em;
line-height: 1.3em;
padding:3px 3px 0px 3px;
font-family:georgia, serif;
font-size: 1.1em
}
input.submit:hover {
border:1px solid blue;
height:2em;
line-height: 1.3em;
padding:3px 3px 0px 3px;
font-family:georgia, serif;
font-size: 1.1em;
color: blue
}
#tariffBox p,#tariffBox h2,li,#contactBox p,#contactBox h2 {
margin-left:20px
}
.italic {
font-style:italic
}
.hide {
display:none;
}
.imageThumbnail img {
cursor: url("images/magplus.cur"), pointer;
width:100%
}