/* --------------------------------------------------
Standard Stylesheet for 'most' browsers!
website:  www.taylordevelopments.co.uk 
version:  2007.08
author:   Sean Johnson @ Bluestone Creative
-------------------------------------------------- */


/* Global Reset
-------------------------------------------------- */
*                                 {margin: 0; padding: 0; font-weight: normal; font-style: normal;} 


/* General typography & alignments
-------------------------------------------------- */
body                              {margin: auto; background: #EAEBE9 url(../images/design/page_bkg.gif) center repeat-y; font-family: "Lucida Sans Unicode", Tahoma, Arial, sans-serif; font-size: 80%; color: #000; line-height: 150%; }

h1, h2, h3                        {font-family: Arial, Helvetica, sans-serif; color: #083905;}
h1                                {margin: 0 0 20px 0; border-bottom: 1px solid #E4F2BF; font-size: 180%;}
h2                                {font-size: 150%;}
h3                                {margin: 20px 0; font-size: 110%; font-weight: bold; color: #71786C;}

.topmarg                          {margin-top: 20px;}

p                                 {clear: both; margin-bottom: 20px;}

a                                 {outline: none; color: #333;}
a img                             {border: 0;}
a:hover                           {text-decoration: none;}

ul, ol                            {margin-bottom: 20px; list-style: none;}
li                                {}

strong, b                           {font-weight: bold;}
em, i                                {font-style: italic;}

hr                                {height: 0; border-bottom: 1px solid #E4F2BF;}

form                              {padding: 20px 0;}
fieldset                          {border: 0;}
label                             {display: block}
input, textarea, select           {margin-bottom: 10px; width: 250px; font-family: inherit; font-size: 90%;}
input.button                      {margin-right: 150px; width: auto;}
input.radio                       {float: left; margin: 3px 10px 0 0; width: auto;}
label.radio                       {float: left; margin-right: 30px; width: auto;}

img.left                          {float: left; margin: 0 10px 10px 0;}
img.right                         {float: right; margin: 0 0 10px 10px;}

.left                             {float: left;}
.right                            {float: right;}
.center                           {margin: 0 auto; text-align: center;}

.red                              {color:#900;}

.clear:after                      {content: "."; display: block; clear:both; height: 0; visibility: hidden;}
hr.cleaner                        {clear: both; height: 1px; margin: -1px 0 0 0; border: none; visibility: hidden;}


/* Structure and DIV specific styling
-------------------------------------------------- */
#container                        {margin: 0 auto;  width: 700px;}

#header                           {margin: 10px 0;  width: 700px; height: 190px;}
#header h1, #header h2            {display: none;}

ul#mainMenu                       {margin: 0; width: 700px; height: 49px; background: #71786C; list-style: none;}
ul#mainMenu li                    {display: inline; }
ul#mainMenu li a                  {padding: 0 32px 31px 15px; border-left: 1px solid #fff;color: #E4F2BF; background: #71786C url(../images/design/menu_arrow_off.gif) 0 1px no-repeat; text-decoration: none;}
ul#mainMenu li a:hover            {padding: 0 32px 31px 15px; color: #083905; background: #E4F2BF url(../images/design/menu_arrow_on.gif) 0 1px no-repeat;}

#main                             {margin: 10px 0;  width: 700px; background: url(../images/design/main_rpt.gif) repeat-y;}

#content                          {float: left;	width: 500px;}
#content img                      {border: 1px solid #71786C;}
#content img.soldMini             {float: left; position: relative; margin: -2.92em 0 0 -86px; border: none;}
#content img.sold                 {display: inline; float: left; position: relative; margin-top:-4.45em!important; margin: -6em 0 0 -161px; border: none;}

h2.noHead                         {margin-bottom: 20px;}

.mainimg                          {float: right; margin: 0 0 10px 10px;}

#content .sitemap                 {text-align: center;}
#content .sitemap img             {border: none;}

ul.content                        {list-style: square;}
ul.content li                     {margin-left: 20px;}

p.headingLink                     {float: right; margin-top: -40px; font-size: 90%;}

ul.listing li                     {clear: left; margin-bottom: 20px;}
ul.listing img                    {float: left; margin: 0 10px 10px 0;}
ul.listing h2                     {margin: 0;}
ul.listing p                      {clear: none;}

#column                           {float: right;  padding: 5px; width: 180px; background: #E4F2BF; font-size: 95%;}
#column ul                        {margin: 10px 0 0 15px; }
#columnpic                        {float: right;  padding: 5px; width: 180px;}
#column hr                        {height: 0; border-bottom: 1px solid #ffffff;}

ul#tours li                       {margin: 0 0 10px 0;}

#propdetail                       {float: left; margin: 0 0 20px 0;	color: #71786C;}
#propdetail h2, #propdetail h3    {margin-top: 0;}
#propdetail	ul                    {list-style: none;}
#propdetail	li                    {padding: 0 0 0 10px;	background: url(../images/design/bullet.gif) 0 5px no-repeat;}
#propdetail	li a                  {color: #71786C; text-decoration: none; font-weight: bold;}
#propdetail	li a:hover            {color: #083905;}

ul.plotListing                    {margin-top: 10px;}
ul.plotListing li                 {float: left; margin: 0 10px 10px 0; width: 240px;}
ul.plotListing img                {float: left; margin: 0 10px 10px 0;}
ul.plotListing h3                 {margin: 0;}
ul.plotListing p                  {clear: none; margin: 0;}

#gallery img                      {margin: 0 10px 10px 0; border: 1px solid #71786C;}
#gallery                          {margin-bottom: 10px;}

#footer                           {clear: both; width: 690px; margin: 0 0 10px 0; padding: 5px; background: #71786C; color: #E4F2BF; line-height: 150%; text-align: center; font-size: 95%;}
#footer a                         {color: #E4F2BF;}
#footer a:hover                   {color: #FFF;}