/* ------------------------------------------------------- GLOBAL */


html{
height:100%;
margin:0;
padding:0;
background-color:#d2c7a9;
background-image:url(../images/bg-html.jpg);
background-repeat:repeat-x; 
background-position: top center;
}
 
body{
min-height:100%;
margin: 0px auto;
padding: 0px;
color: #808080;
font-family: Arial;
font-size: 8pt;
background-image:url(../images/bg-body.jpg);
background-repeat:repeat-x; 
background-position: bottom center;
}
 /* for Internet Explorer */
/*\*/
* html body {
height: 100%;
}
/**/

a:link {color: #622A29; text-decoration: none;}
a:visited {color: #622A29; text-decoration: none;} 
a:active {color: #622A29; text-decoration: none;}
a:hover {color: #622A29; text-decoration: underline;}
a img {border: none;}

.clear{clear: both;}
span.black{color: #000000;}
span.green{color: #74b74a;}
span.red{color: red;}
span.caption{font-size: 7.5pt;}
span.caption a:link {color: #808080; text-decoration: none; cursor: text;}
span.caption a:visited {color: #808080; text-decoration: none; cursor: text;} 
span.caption a:active {color: #808080; text-decoration: none; cursor: text;}
span.caption a:hover {color: #808080; text-decoration: none; cursor: text;}
span.arrow{font-family: Courier, Courier New, Arial;}

h1{
margin: 0px;
padding: 55px 580px 0px 0px;
font-size: 20pt;
font-weight: normal;
color: #bfd73b;
text-align: right;
}

h2{
margin: 0px;
padding: 0px 0px 10px 0px;
font-size: 16pt;
font-family: Arial;
font-weight: normal;
color: #808080;
text-align: left;
clear: both;
}

h3{
margin: 0px;
padding: 10px 0px 10px 0px;
font-size: 11pt;
font-family: Arial;
font-weight: bold;
color: #808080;
text-align: left;
clear: both;
}

h4{
margin: 0px;
padding: 10px 0px 10px 0px;
font-size: 20pt;
font-family: Arial;
font-weight: normal;
color: #454545;
text-align: left;
clear: both;
}

p{
margin: 0px 0px 0px 0px;
padding: 0px 0px 10px 0px;
font-size: 9pt;
font-weight: normal;
text-align: justify;
line-height: 18px;
}

.hr{
margin: 0px auto;
margin-bottom: 15px;
padding: 0px;
width: 100%;
height: 17px;
_height: 15px;
border: 0px;
border-bottom: 1px dotted #c2b49a;
clear: both;
}

ul{
list-style-type: none;
padding: 0px 0px 10px 0px;
margin: 0px;
} 

li{
background-image: url("../images/bullet.gif");
background-repeat: no-repeat;
background-position: top left;
padding: 0px 0px 5px 20px;
font-size: 9pt;
text-align: left;
}


/* ------------------------------------------------------- STRUCTURE */


#container{
margin: 0px auto;
padding: 0px;
width: 960px;
background-image: url("../images/bg-container.gif");
background-repeat: repeat-y;
background-position: top center;
}

#top{
margin: 0px auto;
padding: 0px;
width: 890px;
height: 184px;
background-image: url("../images/bg-top.jpg");
background-repeat: repeat-x;
background-position: top center;
}

#navigation{
margin: 0px auto;
padding: 0px 0px 0px 35px;
width: 925px;
height: 27px;
background-image: url("../images/bg-navigation.jpg");
background-repeat: repeat-x;
background-position: top center;
}

a.topnav:link, a.topnav:visited {
float: left;
display: block;
background: url('../images/bg-topnav.gif') no-repeat;
font-family: Arial;
font-size: 8pt;
color: #666666;
text-align: center;
margin: 0px;
padding: 0px;
height: 27px !important;
height: 27px;
width: 94px;
text-decoration: none;
line-height: 27px;
display: inline;
}
a.topnav:hover {
background-position: 0px -27px;
text-decoration: none;
color: #2e2e2e;
}

a.topnav2:link, a.topnav2:visited {
float: left;
display: block;
background: url('../images/bg-topnav2.gif') no-repeat;
font-family: Arial;
font-size: 8pt;
color: #666666;
text-align: center;
margin: 0px;
padding: 0px;
height: 27px !important;
height: 27px;
width: 99px;
text-decoration: none;
line-height: 27px;
display: inline;
}
a.topnav2:hover {
background-position: 0px -27px;
text-decoration: none;
color: #2e2e2e;
}

a.topnav3:link, a.topnav3:visited {
float: left;
display: block;
background: url('../images/bg-topnav3.gif') no-repeat;
font-family: Arial;
font-size: 8pt;
color: #666666;
text-align: center;
margin: 0px;
padding: 0px;
height: 27px !important;
height: 27px;
width: 108px;
text-decoration: none;
line-height: 27px;
display: inline;
}
a.topnav3:hover {
background-position: 0px -27px;
text-decoration: none;
color: #2e2e2e;
}

a.topnav4:link, a.topnav4:visited {
float: left;
display: block;
background: url('../images/bg-topnav4.gif') no-repeat;
font-family: Arial;
font-size: 8pt;
color: #666666;
text-align: center;
margin: 0px;
padding: 0px;
height: 27px !important;
height: 27px;
width: 113px;
text-decoration: none;
line-height: 27px;
display: inline;
}
a.topnav4:hover {
background-position: 0px -27px;
text-decoration: none;
color: #2e2e2e;
}

a.topnav5:link, a.topnav5:visited {
float: left;
display: block;
background: url('../images/bg-topnav5.gif') no-repeat;
font-family: Arial;
font-size: 8pt;
color: #666666;
text-align: center;
margin: 0px;
padding: 0px;
height: 27px !important;
height: 27px;
width: 100px;
text-decoration: none;
line-height: 27px;
display: inline;
}
a.topnav5:hover {
background-position: 0px -27px;
text-decoration: none;
color: #2e2e2e;
}

#content{
float: left; display: inline;
margin: 0px 0px 0px 35px;
padding: 40px 40px 20px 40px;
width: 551px;
text-align: left;
}

#right{
float: left; display: inline;
margin: 0px;
padding: 0px;
width: 259px;
text-align: left;
}
.righthome{
height: 400px;
background-image: url("../images/bg-right.jpg");
background-repeat: no-repeat;
background-position: top center;
}
.rightdevelopments{

background-image: url("../images/bg-right-dev.jpg");
background-repeat: no-repeat;
background-position: top center;
}
.rightwilmslow{
height: 400px;
background-image: url("../images/bg-right-wil.jpg");
background-repeat: no-repeat;
background-position: top center;
}
.righttimperley{
height: 400px;
background-image: url('../images/bg-right-tim.jpg');
background-repeat: no-repeat;
background-position: top center;
}
.rightdownload{
height: 400px;
background-image: url("../images/bg-right-dow.jpg");
background-repeat: no-repeat;
background-position: top center;
}

#footer{
margin: 0px auto;
padding: 0px 0px 47px 0px;
width: 890px;
height: 55px;
background-color: #beb18f;
background-image: url("../images/bg-footer.jpg");
background-repeat: no-repeat;
background-position: top center;
}

#signature{
float: left; display: inline;
margin: 0px;
padding: 0px;
width: 340px;
height: 55px;
color: #bfb18f;
font-family: Arial;
font-size: 7pt;
line-height: 55px;
text-align: center;
}
#signature a:link {color: #bfb18f; text-decoration: none;}
#signature a:visited {color: #bfb18f; text-decoration: none;} 
#signature a:active {color: #bfb18f; text-decoration: none;}
#signature a:hover {color: #666666; text-decoration: none;}


/* ------------------------------------------------------- CONTENT */


#acrobaticon{
float: left; display: inline;
margin: 0px;
padding: 0px;
height: 43px;
}

.thumb{
margin: 10px 10px 0px 10px;
padding: 0px;
width: 239px;
border: 1px solid #ffffff;
}

#thumbexpl{
margin: 20px 0px 0px 0px;
text-align: center;
}

.devthumb{
float: left; display: inline;
margin: 10px 10px 0px 0px;
padding: 0px;
width: 120px;
height: 120px;
border: 1px solid #ffffff;
}

.devlinks{
float: left;
margin: 10px 10px 0px 0px;
padding: 0px;
height: 120px;
}


/* ------------------------------------------------------- FORM */


form{
margin: 0px auto;
}

.formline{
margin: 0px;
padding: 0px;
height: 25px;
text-align: right;
}

.formlinemulti{
margin: 0px;
padding: 0px;
height: 220px;
text-align: right;
}

.textfield{
color: #622A29;
background: #ffffff;
border: 1px ridge #cccccc;
font-size: 8pt;
width: 460px;
font-family: Arial;
}

.button{
color: #a7a992;
background: #e5e5dd;
font-size: 9pt;
border: 1px groove #c0c1b3;
cursor: pointer;
height: 22px;
}

.googleform{
float: right; display: inline;
margin: 0px;
padding: 17px 0px 0px 0px;
width: 316px;
text-align: center;
}

.googlebutton{
color: #e8e1cf;
background: #beb18e;
font-size: 9pt;
border: 1px groove #c0c1b3;
cursor: pointer;
height: 22px;
}

@-moz-document url-prefix()
{
.googlebutton { line-height: 22px; padding: 0px 5px 5px 5px; }
}
