/* CSS Document */
/* Cavan Developments CSS Document */
/* © Copyright Squire 2008 */

body{
font-size:0.8em;
font-family:Verdana; 
margin:auto;
margin-right:auto;
margin-left:auto;
background:#fff url(../img/img_backgroundgradient.gif) top left;
background-repeat:repeat-x;
} 

#wrapper{
width: 918px;
margin:auto;
margin-right:auto;
margin-left:auto;
}

#container{
width:918px;
margin:auto;
margin-left:auto;
margin-right:auto;
height:auto;
overflow:hidden;
}

#head{
height:141px;
width:918px;
background:#fff url(../img/head-bg.png) top left;
}
a.cavan-dev-logo-link{
height:30px;
width:242px;
position:relative;
display:block;
float:right;
margin:78px 28px 0 0;
background:url(../img/cavan-dev-logo.png) 242px 0;
}
a.cavan-dev-logo-link:hover{
background:url(../img/cavan-dev-logo.png) 0 0;
}

#header-right{
float:left;
display:inline;
width:168px;
}

#logo{
float:left;
display:inline;
width:550px;
height:67px;
margin-left:170px;
margin-top:10px;
}

#logo img{
border:0;
}

/* Main Navigation Buttons */

.button_main{
width:168px;
height:60px;
float:left;
display:inline;
}

#navigation{
width:168px;
float:left;
display:inline;
}

#buttons{
width:168px;
float:left;
display:inline;
background-color:#fff;
}

/* End of Main Navigation Buttons */

/* Main Flash */

#flash_main{
width:750px;
height:540px;
float:left;
display:inline;
}

/* End of Main Flash */

/* Text Area */

#textarea{
width:490px;
margin-left:0px;
line-height:16px;
float:left;
display:inline;
text-align:left;
margin-left: 184px;
clear: both;
padding-left:10px;
}

#textarea_sub{
width:442px;
line-height:16px;
float:left;
display:inline;
text-align:left;
clear:both;
padding-left:10px;
margin-left:12px;
}

#downloadbrochure{
width:200px;
margin-left:0px;
margin-top:20px;
margin-bottom:20px;
float:right;
display:inline;
}

#specialoffer{
width:200px;
margin-left:0px;
margin-top:100px;
float:right;
display:inline;
}

#viewatticspace{
width:200px;
margin-left:15px;
margin-top:70px;
float:left;
display:inline;
}

.viewmap{
width:200px;
margin-left:15px;
margin-top:30px;
float:left;
display:inline;
}

#image_area{
overflow:hidden;
width:682px;
height:310px;
float:left;
display:inline;
background-color:#fff;
}

#content{
width:750px;
float:left;
display:inline;
background-color:#fff;
}

/* End of Main Text Area */
#flash_main{
width:650px;
height:540px;
float:left;
display:inline;
}

#head2{
width:550px;
}

.button-header{
width:24px;
border:#fff;
height:18px;
border:#7A6A4E solid 1px;
background:#660000;
color:#fff;
font-size:0.9em;
}

#toptextholder a{
color:#fff;
text-decoration:none;
}

#toptextholder a:hover{
color:#fff;
text-decoration:underline;
}

#body{
margin-top: 0px;
color:#000;
display:inline;
width:770px;
border-bottom: 1px solid;
}

/* Left Hand Nav close */
#image{
float:left;
width:797px;
height:317px;
}

#feature{
width:136px;
height:330px;
float:left;
display:inline;
margin-top:12px;
margin-left:22px;
}

#textarea_sub ul{
list-style-image:url(../img/bullet.gif);
}

#textarea ul{
list-style-image:url(../img/bullet-01.gif);
}

#textarea li{
margin-bottom:8px;
}

#address{
color:#818181;
width:550px;
height: 50px;
float:left;
display:inline;
line-height: 16px;
text-align:center;
font-size:0.75em;
margin-left: 250px;
}

#copyright{
color:#fff;
width:770px;
float:left;
display:inline;
margin-top:15px;
text-align:center;
font-size:0.8em;
}

#footer{
margin-right:auto;
margin-left:auto;
width:800px;
clear:both;
color:#7A6A4E;
margin-top:20px;
}

#footerlinks{
font-size:0.85em;
width:630px;
height: 20px;
color:#d4b34f;
float:right;
text-align:left;
margin-left: 10px;
margin-top: 10px;
}

#footerlinks ul{
padding:0px;
margin:0px;
display:inline;
color:#fff;
}

#footerlinks li{
padding:0px;
margin:0px;
display:inline;
letter-spacing:0.1em;
padding-left: 3px;
padding-right: 3px;
color:#fff;
}

#footerlinks a{
color:#a28529;
text-decoration:none;
}

#footerlinks a:hover{
color:#a28529;
text-decoration:underline;
}

.footerBorder{
border-right: solid 1px #d4b34f;
}

h1{
margin-top:0px;
padding-top:0px;
font-size:1.1em; 
font-style:normal; 
color:#a28529;
}

h2{ 
margin-top:0px;
padding-top:0px;
font-size:1.0em; 
font-style:normal; 
color:#a28529;
}

h3{ 
margin-top:0px;
padding-top:0px;
font-size:1.0em; 
font-style:normal; 
color:#BA9112;
}

h4{ 
margin-top:0px;
padding-top:0px;
font-size:0.9em; 
font-style:normal; 
color:#FFFFFF;
}

p{ 
color:#818181;
line-height: 22px;
}

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

a:hover{ 
color: #a28529;
text-decoration:underline;
}
#siteby{
clear:both;
height:20px;
width:838px;
padding-bottom:12px;
text-align:right;
margin-top: 15px;
margin-left:auto;
margin-right:auto;
}
a#siteby-link{
float:right;
display:block;
color:#818181;
height:20px;
width:90px;
font-size:0.7em;
background:url(../../img/squire-logo.png) no-repeat top right;
}
a#siteby-link:hover{
opacity:0.4;
}

#contactForm{
width:405px;
float:left;
display:inline;
}

#contactTextContainer{
width:380px;
float:left;
display:inline;
}

#contactText{
width:160px;
float:left;
display:inline;
}

#contactText2{
width:370px;
float:left;
display:inline;
}

.contactFormNameText{
float:left;
display:inline;
width:165px;
height:40px;
color: #a28529;
}

.contactFormFieldText{
float:right;
display:inline;
width:174px;
height:40px;
color: #a28529;
}

.contactFormFieldCheckBox{
float:right;
display:inline;
width:174px;
height:40px;
color:#a28529;
text-align:left;
}

.contactFormFieldText input{
width:160px;
height:20px;
border:1px solid #a28529;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.contactFormFieldCheckBox input{
border:1px solid #a28529;
}

.contactFormFieldText select{
width:160px;
height:20px;
border:1px solid #a28529;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.contactFormNameTextArea{
float:left;
display:inline;
width:165px;
height:140px;
color: #a28529;
}

.contactFormFieldTextArea{
float:right;
display:inline;
width:174px;
height:140px;
}

.contactFormFieldTextArea textarea{
width:160px;
height:120px;
border:1px solid #a28529;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:0.9em;
}

.contactFormButton{
width:94px;
float:right;
display:inline;
clear:both;
}

.button01{
border:0;
width:94px;
height:22px;
background-image:url(../img/btn_submit.gif);
}

.button01:hover{
border:0;
width:94px;
height:22px;
background-image:url(../img/btn_submit_ro.gif);
}