@charset "UTF-8";
.troubleshoot{
/* CSS Document */
}
/*---DEFAULTS---*/
*{
margin: 0;
padding: 0;
}
body{
font-size: 62.5%;
font-family:Tahoma, Geneva, sans-serif;
margin:0 auto;
background-image:url(gfx/wallpaper.jpg);
}
html{
font-size: 100%;
overflow-y: scroll;
}
#wrapper{
width:960px;
margin:0 auto;
background-color:#FFF;
}
/*---STRUCTURE---*/
#header{
width:960px;
height:100px;
border-bottom: dotted #CCC 2px;
}
#mlslogos{
width:320px;
height:100px;
background-image:url(gfx/otherlogos.png);
float:left;
}
/*--------------TOP NAVIGATION--------------*/
/*---BUTTON1---*/
#home {
width: 100px;
float:left;
}
#home li{
list-style: none;
}
.home a:link, a:visited{
background-image: url(gfx/buttons/home.png);
background-repeat: no-repeat;
height: 62px;
width: 100px;
display: block;
background-position:top;
}
.home a:hover, a:active{
background-image: url(gfx/buttons/home.png);
background-repeat: no-repeat;
height: 62px;
width: 100px;
display: block;
background-position:bottom;
}
/*---BUTTON2---*/
#about {
width: 100px;
float:left;
}
#about li{
list-style: none;
}
.about a:link, a:visited{
background-image: url(gfx/buttons/about.png);
background-repeat: no-repeat;
height: 62px;
width: 100px;
display: block;
background-position:top;
}
.about a:hover, a:active{
background-image: url(gfx/buttons/about.png);
background-repeat: no-repeat;
height: 62px;
width: 100px;
display: block;
background-position:bottom;
}
/*---BUTTON3---*/
#listings {
width: 100px;
float:left;
}
#listings li{
list-style: none;
}
.listings a:link, a:visited{
background-image: url(gfx/buttons/listings.png);
background-repeat: no-repeat;
height: 62px;
width: 100px;
display: block;
background-position:top;
}
.listings a:hover, a:active{
background-image: url(gfx/buttons/listings.png);
background-repeat: no-repeat;
height: 62px;
width: 100px;
display: block;
background-position:bottom;
}
/*---BUTTON4---*/
#contact {
width: 100px;
float:left;
}
#contact li{
list-style: none;
}
.contact a:link, a:visited{
background-image: url(gfx/buttons/contact.png);
background-repeat: no-repeat;
height: 62px;
width: 100px;
display: block;
background-position:top;
}
.contact a:hover, a:active{
background-image: url(gfx/buttons/contact.png);
background-repeat: no-repeat;
height: 62px;
width: 100px;
display: block;
background-position:bottom;
}
#nav{
width:400px;
height:62px;
float:right;
padding-top:10px;
padding-right:5px;
}
/*--------------TOP NAVIGATION---END--------------*/
#banner{
width:960px;
height:250px;
background-image:url(gfx/header.png);
margin-top:10px;
}
/*--------------BOTTOM NAVIGATION--------------*/
/*---BUTTON1---*/
#search {
width: 300px;
height: 150px;
float:left;
}
#search li{
list-style: none;
}
.search a:link, a:visited{
background-image:url(gfx/buttons/search.png);
background-repeat: no-repeat;
height: 150px;
width: 300px;
display: block;
background-position:top;
}
.search a:hover, a:active{
background-image:url(gfx/buttons/search.png);
background-repeat: no-repeat;
height: 150px;
width: 300px;
display: block;
background-position:bottom;
}
/*---BUTTON2---*/
#area {
width: 300px;
height: 150px;
padding-left:30px;
float:left;
}
#area li{
list-style: none;
}
.area a:link, a:visited{
background-image: url(gfx/buttons/area.png);
background-repeat: no-repeat;
height: 150px;
width: 300px;
display: block;
background-position:top;
}
.area a:hover, a:active{
background-image:url(gfx/buttons/area.png);
background-repeat: no-repeat;
height: 150px;
width: 300px;
display: block;
background-position:bottom;
}
/*---BUTTON3---*/
#mail {
width: 300px;
height: 150px;
padding-left:30px;
float:left;
}
#mail li{
list-style: none;
}
.mail a:link, a:visited{
background-image: url(gfx/buttons/mail.png);
background-repeat: no-repeat;
height: 150px;
width: 300px;
display: block;
background-position:top;
}
.mail a:hover, a:active{
background-image:url(gfx/buttons/mail.png);
background-repeat: no-repeat;
height: 150px;
width: 300px;
display: block;
background-position:bottom;
}
#lowernav{
width:960px;
height:150px;
float:left;
padding-top:10px;
}
/*--------------BOTTOM NAVIGATION---END--------------*/
#aboutinfo{
width:300px;
float:left;
margin-top:5px;
padding-top:5px;
border-top:dotted #CCC 2px;
color:#333;
font-size:1.4em;
font-family:Georgia, "Times New Roman", Times, serif;
}
#aboutinfocont{
width:300px;
float:left;
margin-top:5px;
padding:5px 0 0 30px;
border-top:dotted #CCC 2px;
color:#333;
font-size:1.4em;
font-family:Georgia, "Times New Roman", Times, serif;
}
#aboutinfoend{
width:300px;
float:left;
margin-top:5px;
padding:5px 0 0 30px;
border-top:dotted #CCC 2px;
color:#333;
font-size:1.4em;
font-family:Georgia, "Times New Roman", Times, serif;
}
#slogan{
width:960px;
height:100px;
float:left;
margin:5px 0 0 0;
padding:5px 0 0 0;
border-top:dotted #CCC 2px;
background-image:url(gfx/slogan.png);
background-repeat:no-repeat;
}
#footer{
width:960px;
height:100px;
float:left;
margin-top:5px;
padding-top:5px;
border-top:dotted #CCC 2px;
text-align:right;
color:#999;
font-size:1em;
}
#contactform{
width:360px;
height:450px;
margin-left:320px;
float:left;
}
/*---------TYPOGRAPHY------------*/
h1 {
font:Georgia, "Times New Roman", Times, serif;
color:#666;
font-weight:100;
border-top:2px solid #CCC;
margin-top: 25px;
padding-top: 10px;
}
p {
font:Georgia, "Times New Roman", Times, serif;
color:#000;
margin: 15px 0 5px;
font-size:1.2em;
}
/*-----------FORM---------------*/
fieldset {
border:none;
}
/*-------Classes-------*/
.formField {
border:#CCC dotted thin;
color:#666;
padding:5px 10px;
font-size: 1.6em;
width: 300px;
height:30px;
}
.submitBtn {
margin-top: 10px;
}
.message {
font:1.4em Arial, Helvetica, sans-serif;
padding:5px 5px;
text-align:center;
color:#FFF;
background-color:#900;
width:640px;
margin:0 0 0 160px;
}
.textField{
color:#666;
padding:5px 10px;
font-size: 1.6em;
width: 300px;
height:100px;
}