/* Generic Selectors */

body {
margin: 0;
padding: 0;
text-align: center;
background:#ffffff;
}

ul {
float:left;
width:100%;
padding-top:12px;
margin:0px;
color:#fff;
}

a:link {
text-decoration: none;
color:#000;
font-type:Verdana;
font-size:12px;
}

a:active {
}

a:visited {
color:#fff;
font-size:12px;
text-decoration:none;
}

a:hover {
color:#333;
}

li {
display:inline;
width:25%;
}

/* Beiginning of font styles */

h1 {
font-family: "Verdana";
font-size: 12px;
font-weight:normal;
color:#444;
}

h2 {
font-family: "Verdana";
font-size: 24px;
font-weight:bold;
color:red;
}

h3 {
font-family: "Verdana";
font-size: 10px;
font-weight: normal;
color: #696969;
}

h4 {
font-family: "Verdana";
font-size: 18px;
font-weight: bold;
color: red;
}

/* end of font styles */

/********** ID'S **********/

#header {
margin:0 auto;
width: 800px;
padding: 0;
height:200px;
border-left:1px solid #000;
border-right:1px solid #000;
}

#nav {
margin:0 auto;
width: 800px;
height: 50px;
top:200px;
padding: 0;
background:url('images/buttons/menubar.gif') repeat-x;
border-left:1px solid #000;
border-right:1px solid #000;
}

#container {
margin:0 auto;
width: 800px;
padding: 0;
top:250px;
background:#ffffff;
border-left:1px solid #000;
border-right:1px solid #000;
}

/* index */
#hometext {
position:relative;
width:450px;
text-align:left;
margin-top: 25px;
padding-left:10px;
padding-top:5px;
}

#homeright {
position:relative;
width:300px;
height:400px;
margin-top: 25px;
padding-right:10px;
padding-top:5px;
background:#ffffff;
text-align:left;
}

/* lettings */
#lettingsleft {
position:relative;
width:750px;
margin-top: 25px;
padding-right:0px;
padding-top:5px;
background:#ffffff;
text-align:left;
}

#letonly {
position:relative;
width:355px;
margin-top: 25px;
padding-right:0px;
padding-top:5px;
background:#ffffff;
text-align:left;
}

#fullmanagement {
position:relative;
width:355px;
margin-top: 25px;
padding-right:0px;
padding-top:5px;
background:#ffffff;
text-align:left;
}

/*renting*/
#renting {
position:relative;
width:750px;
margin-top: 25px;
padding-right:0px;
padding-top:5px;
background:#ffffff;
text-align:left;
}

/* sales */
#salestitle {
position:relative;
width:790px;
margin-top:25px;
}

#salesleft {
position:relative;
width:355px;
text-align:left;
margin-top: 25px;
padding-left:10px;
padding-top:5px;
}

#salesright {
position:relative;
width:355px;
margin-top: 25px;
padding-right:0px;
padding-top:5px;
background:#ffffff;
text-align:left;
}

/* mortgages */
#mortgages {
position:relative;
width:790px;
margin-top:25px;
padding-left:10px;
padding-top:5px;
text-align:left;
}

#mortgagesleft {
position:relative;
width:380px;
margin-top:0px;
text-align:left;
}

#mortgagesright {
position:relative;
width:350px;
margin-top:0px;
text-align:left;
}

/*interior design*/
#interiordesign {
position:relative;
width:750px;
margin-top: 25px;
padding-right:0px;
padding-top:5px;
background:#ffffff;
text-align:left;
}

/*footer*/
#footer {
position:relative;
margin:0 auto;
width: 800px;
height:50px;
padding:5px;
border:1px solid #000;
text-align:center;
}

/* useful forms page container */

#container2 {
margin:0 auto;
width: 800px;
padding:0;
top:250px;
background:#ffffff;
border-left:1px solid #000;
border-right:1px solid #000;
}

/****** classes **********/

.image2 {
float:right;
margin-top:30px;
}

.floatright {
float:right;
margin-right:20px;
padding-right:20px
}

.floatright2 {
float:right;
}

.floatleft {
float:left;
margin-left:10px;
padding-left:10px
}

.link2 A:link {
text-decoration:none;
color:#343992;
width:0%;
}

.link2 A:visited {
text-decoration:none;
color:#343992;
width:0%;
}

.link2 A:active {
text-decoration:none;
color:#343992;
width:0%;
}

.link2 A:hover {
text-decoration:none;
color:#DF2028;
width:0%;
}

.link3 A:link {
text-decoration:none;
font-size:10px;
color:#343992;
width:0%;
}

.link3 A:visited {
text-decoration:none;
color:#343992;
width:0%;
}

.link3 A:active {
text-decoration:none;
color:#343992;
width:0%;
}

.link3 A:hover {
text-decoration:none;
color:#DF2028;
width:0%;
}

/***********Navigation Rollover Buttons***********/

p.navbuttons a {
color: #000000;
text-decoration: none;
font-family: "Verdana";
font-size: 12px;
font-weight:normal;
color:#fff;
display: inline;
padding: 6px 0px 0px 0px;
width: 100px;
height: 40px;
background-image: url("images/buttons/nav.jpg");
background-repeat: no-repeat;
} 

p.navbuttons a:hover, p.navbuttons a:active {
font-family: "Verdana";
font-size: 12px;
font-weight:normal;
color:#fff;
background-image: url("images/buttons/navover.jpg");
background-repeat: no-repeat;
}