/* CSS Document */

body		{margin: 0px; padding: 0px; width: 100%; height: 100%; background: #FFFFFF url('images/bg2-blue.gif') repeat-x; font: 12px Verdana, Arial, Helvetica, sans-serif; color: #444444;}
div#bg2		{position: absolute; top: 0px; left: 0px; width: 50%; height: 100%; background: #FFFFFF url('images/bg1-blue.gif') repeat-x; z-index: 0;}
h2			{margin: 0px; padding: 0px; font: bold 12px Verdana, Arial, Helvetica, sans-serif; line-height: 150%;}
p			{margin-top: 0px; margin-bottom: 20px; line-height: 150%;}
a			{color: #495D83; text-decoration: underline;}
a:hover		{text-decoration: none; color: #354460;}


div#layout		{position: relative; top: 0px; left: 0px; width: 800px; margin-left: auto; margin-right: auto; z-index: 1;}

div#header			{width: 100%; height: 271px;}
div#mainImage		{float: left; width: 615px; height: 271px; background: url('headers/strahan.jpg') top left no-repeat;}
div#mainImage2		{float: left; width: 615px; height: 271px; background: url('headers/units.jpg') top left no-repeat;}
div#mainImage3		{float: left; width: 615px; height: 271px; background: url('headers/ferraris.jpg') top left no-repeat;}
div#mainImage4		{float: left; width: 615px; height: 271px; background: url('headers/units02.jpg') top left no-repeat;}
div#mainImage5		{float: left; width: 615px; height: 271px; background: url('headers/units03.jpg') top left no-repeat;}
div#mainImage6		{float: left; width: 615px; height: 271px; background: url('headers/interior-gold.jpg') top left no-repeat;}
div#mainImage7		{float: left; width: 615px; height: 271px; background: url('headers/mist.jpg') top left no-repeat;}
div#mainImage8		{float: left; width: 615px; height: 271px; background: url('headers/night-lights.jpg') top left no-repeat;}
div#mainImage9		{float: left; width: 615px; height: 271px; background: url('headers/br-gold.jpg') top left no-repeat;}
div#mainImage10		{float: left; width: 615px; height: 271px; background: url('headers/interior-day.jpg') top left no-repeat;}
div#mainImage11		{float: left; width: 615px; height: 271px; background: url('headers/sunset.jpg') top left no-repeat;}
div#mainImage12		{float: left; width: 615px; height: 271px; background: url('headers/waterfall.jpg') top left no-repeat;}
div#mainImage13		{float: left; width: 615px; height: 271px; background: url('headers/units-sun.jpg') top left no-repeat;}
div#mainImage14		{float: left; width: 615px; height: 271px; background: url('headers/jetty.jpg') top left no-repeat;}
div#mainImage15		{float: left; width: 615px; height: 271px; background: url('headers/fish.jpg') top left no-repeat;}
div#mainImage16		{float: left; width: 615px; height: 271px; background: url('headers/kitchen.jpg') top left no-repeat;}
div#mainImage17		{float: left; width: 615px; height: 271px; background: url('headers/br-day.jpg') top left no-repeat;}
div#mainImage18		{float: left; width: 615px; height: 271px; background: url('headers/oops.jpg') top left no-repeat;}
div#mainImage19		{float: left; width: 615px; height: 271px; background: url('headers/beach.jpg') top left no-repeat;}
div#mainImage20		{float: left; width: 615px; height: 271px; background: url('headers/stream.jpg') top left no-repeat;}
div#mainImage21	    {float: left; width: 615px; height: 271px; background: url('headers/harbour-day.jpg') top left no-repeat;}
div#mainImage22		{float: left; width: 615px; height: 271px; background: url('headers/blue-harbour.jpg') top left no-repeat;}


/* Vertical Menu */
div#v_nav			{float: right; width: 185px; height: 271px; background-color:#677DA4;}
div#v_nav ul		{margin: 60px 0px 0px 10px; padding: 0px;}
div#v_nav ul li		{margin: 10px 0px; padding: 0px; list-style: none;}
div#v_nav img		{border: none;}
div#v_nav li.last	{margin: 30px 0px 0px;}

div#col1			{float: left; width: 356px; background: #FFFFFF url('images/s_below.jpg') top left no-repeat;}
div.col_minHeight	{float: left; width: 1px; height: 464px;}
div#banner			{float: right; width: auto; height: auto; margin: 50px 0px 10px;}
div#col1 div.pic	{float: right; clear: right; margin: 1px 0px; border: 2px solid #E3E7F2; cursor: pointer;}
div#col1 div.pic2	{float: right; clear: right; margin: 7px 0px; border: 0px solid #E3E7F2; cursor: pointer;}

div#col2			{float: left; width: 424px; margin: 4px 0px 0px; padding-left: 16px; background: #FFFFFF;}
div#title			{float: left; clear: right; width: 220px; height: 22px; margin: 95px 0px 20px;}
div#logo			{float: right; clear: right; width: 123px; height: 121px; margin: 10px 0px 0px;}
div#text			{float: left; width: 410px; margin: 5px 0px 0px;}

div.button			{margin: 5px 30px;}
div.button img		{border: none;}

div#footer			{float: left; margin: 10px 0px 50px; padding-top:30px; padding-bottom:40px;}
div#footer p		{font: 11px Verdana, Arial, Helvetica, sans-serif; margin: 0px; padding: 0px; color: #666666;}
div#footer p.footer	{font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #000000;}
div#footer a		{color: #495D83; text-decoration:underline;}
div#footer a:hover	{text-decoration: none; color:#FFFFFF; background-color:#495D83;}

.rates    {background-color:#E4E8F0; padding-left: 20px; padding-right: 20px; padding-top: 5px; padding-bottom: 5px; font-weight: bold;}
.rates2   {background-color:#E9EEF6; padding-left: 20px; padding-right: 20px; padding-top: 5px; padding-bottom: 5px;}

.heading    {background-color:#E4E8F0; padding-left: 20px; padding-right: 20px; padding-top: 5px; padding-bottom: 5px; font-weight: bold;}
.label      {background-color:#E9EEF6; padding-left: 10px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px; font-size:10px; font-weight:bold}