@import url(baseStyles.css);

a:link{font-weight:bold;color:#b71e36;text-decoration:none;}
a:visited{font-weight:bold;color:#b71e36;text-decoration:none;}
a:hover{font-weight:bold;color:#fff;text-decoration:none;}

ul,ol{margin-left:24px;}

a img{border:none;}

#inline{display:inline;list-style-type:none;float:right;margin-top:42px;margin-right:30px;}
#inline li{display:inline;margin-right:24px;}

body{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;background:#060606;text-align:center;margin-top:8px;}
header{background:url(img/bg.png) repeat-x;}
#citybg{width:960px;height:380px;margin:auto;background:url(img/header-carrollwood_home.jpg);}
#phone{position:absolute;top:4px;right:12px;color:#fff;font-weight:bold;font-size:1.5em;font-style:italic;}
#mainbox{width:960px;margin:auto;color:#fff;text-align:left;}
nav{float:left;font-size:1.4em;margin-top:24px;}
article{margin:auto;width:740px;float:right;padding:12px 24px;}

#copyright{clear:both;text-align:center; color:#fff; padding-bottom:3px;font-weight:bold;padding-top:3px;margin-top:12px;font-size:1.2em;}

#contactform fieldset{width:450px;margin:auto;border:2px solid #3a290e;}
#contactform legend{font-size:1.2em;color:#3a290e;font-weight:bold;}
#contactform table {font-size:1.2em;margin:24px auto;}
#contactform table table{margin:12px auto;font-size:1.2em;}
#contactform td {padding:6px;vertical-align:top;color:#3a290e;font-weight:bold;}
#contactform td td{padding:3px;}
#contactform input{width:180px;background:#918259 !important;border:1px solid #3a290e;color:#3a290e !important;}
#contactform textarea{width:180px;background:#918259 !important;border:1px solid #3a290e;color:#3a290e !important;}


/* Top menu general rules */
#menu 
{
  width: 447px; height: 315px;
  background: url(img/menu.png);
  margin: 0px; padding: 0;
  position: relative;
	left:0px;
	top:65px;
}

#menu li 
{
  margin: 0; padding: 0;
	list-style: none;
  position: absolute; left: 0;
}
#menu li, #menu a 
{
  width: 439px;
	display: block;
	/*  Hide the text part of the links by moving it waaaayyy offscreen. */
	text-indent:-999em;
	outline: none;
}

/*  Top menu link dimensioning rules - specify offset from left and width of active area. */
#featured {top: 0;height:77px;}
#search{top:80px;height:75px;}
#valuation{top:158px;height:77px;}
#contact{top:237px;height:75px;}

#featured a{height:77px;}
#search a{height:75px;}
#valuation a{height:77px;}
#contact a{height:75px;}

/*  Top menu hover rules, using a single image "sprite," and background positioning. */
#featured a:hover {background: transparent url(img/menu.png) 0 -315px no-repeat;}
#search a:hover {background: transparent url(img/menu.png) 0 -395px no-repeat;}
#valuation a:hover {background: transparent url(img/menu.png) 0 -473px no-repeat;}
#contact a:hover {background: transparent url(img/menu.png) 0 -552px no-repeat;}