@import url('reset.css');

/* 
	Main CSS doc for Waters Edge Estates | Copyright 2009
	Created By Lift. (http://www.liftinteractive.com)
*/

/*
	Font-sizes. Browser default is 16px. Set body to 75%, which is equal to 12px and, therefore, 1em is 12px.
		9px		: 0.75em
		10px	: 0.8333em
		11px	: 0.9167em
		12px	: 1.0em
		13px	: 1.0833em
		14px	: 1.1667em
		15px	: 1.25em
		16px	: 1.3333em
		17px	: 1.4167em
		18px	: 1.5em
		19px	: 1.5833em
		20px	: 1.6667em
		21px	: 1.75em
		22px	: 1.8333em
		23px	: 1.9167em
		24px	: 2.0em
		25px	: 2.0833em
		26px	: 2.1667em
		27px	: 2.25em
		28px	: 2.3333em
		29px	: 2.4167em
		30px	: 2.5em
		31px	: 2.5833em
		32px	: 2.6667em
*/

/*
	Palette
	#2d75c0		dark blue
	#b2d8ec		light blue
	#e95531		red
	#5a5b5e		mid grey
*/

/*
**	=global
************************/
body					{ background:#082a4b url('../img/bg-body.jpg') no-repeat center -285px; color:#5a5b5e; font:75%/1 helvetica,arial,sans-serif; }
a						{ color:#666; text-decoration:none; }
a:hover					{ color:#ccc; }
a img, img				{ border:0; }
p,ul,ol					{ margin-bottom:1em; }
p,li					{ line-height:1.5; }
h1,h2,h3,h4,h5,h6		{ color:#2d75c0; font-family:'times new roman',georgia,serif; font-weight:normal; margin-bottom:0.5em; }
strong, b				{ font-weight:bold; }
em, i					{ font-style:italic; }
hr						{ border:0 dotted #ccc; border-top-width:1px; height:0; clear:both; }

#content h1				{ font-size:1.5em; }
#content h2				{ font-size:1.5em; }
#content h3				{ font-size:1.25em; }
#content h4				{ font-size:1.1667em; }
#content h5				{ font-size:1.0833em; }
#content h6				{ font-size:1em; }
#content ul,
#content ol				{ list-style-position:outside; margin-left:20px; }
#content li				{ list-style-type:disc; }
#content ol li			{ list-style-type:decimal; }


/* grid */
.wrap					{ margin:0 auto; padding:0; width:960px; }
.wrap:after				{ clear:both; content:'.'; display:block; visibility:hidden; height:0; }
.wrap					{ display:inline-block; }  /* for IE/Mac */
.wrap					{ display:block; }



/*
**	=furniture
************************/
#furniture				{ position:relative; height:100px; }


/*
**	=branding
************************/
#branding				{ background:url('../img/logo-wee.png') no-repeat 0 0; cursor:pointer; display:block; text-indent:-9999em; height:56px; width:324px; position:absolute; left:0; bottom:10px; }



/*
**	=global-nav
************************/
#global-nav				{ position:absolute; right:0; top:30px; margin:0; }
#global-nav li			{ display:inline; float:right; }
#global-nav a			{ color:#fff; font-size:1.1667em;/* font-weight:bold;*/ padding:0 10px; border-left:1px solid #fff; }
#global-nav a.last		{ border:0; }

/*
**	=nav
************************/
#nav					{ background:#2d75c0; position:absolute; right:0; bottom:0; margin:0; padding:0.5em 10px 0.25em; }
#nav li					{ display:inline; float:left; }
#nav a					{ color:#fff; padding:0 10px; text-transform:uppercase; font:1.1667em/1 arial,helvetica,sans-serif; }
#nav a:hover,
#nav a.current			{ color:#b2d8ec; }


/*
**	=content
************************/
#content				{ background:#fff; padding:20px 0; }
#content a				{ color:#e95531; font-weight:bold; }
#content blockquote		{ background:url('../img/bg-quote-start.gif') no-repeat 0 0; font-family:georgia,serif; }
#content blockquote p	{ color:#e95531; font-size:1.1667em; line-height:2; }
#content blockquote p.last { background:url('../img/bg-quote-end.gif') no-repeat right bottom; }


/* =main-image */
#main-image,
#gallery				{ background:#FFFFFF none repeat scroll 0 0; display:inline; float:right; margin:-10px 10px 0 -15px; padding-bottom:15px; width:630px; }
#gallery				{ height:470px; overflow:hidden; }


/* =main-content */
#main-content			{ border-left:1px dashed #2d75c0; display:inline; float:right; width:620px; margin:0 5px 0 0; padding:0 0 0 14px; } /* width:640px; */
#main-content img.center{ display:block; margin:0 auto; }
#main-content p			{ margin-right:20px; }

/* =sub-content */
#sub-content			{ display:inline; float:left; width:280px; margin:0 20px; } /* width:320px; */

ul#sub-nav,
#content ul.nav			{ list-style-type:none; margin:0 0 2em 0; margin-left:0; list-style-position:outside; padding:0; }
ul#sub-nav li,
#content ul.nav li		{ font-size:1.1667em; list-style-type:none; line-height:1.2; margin-bottom:0.667em; }
#sub-nav a:hover,
#content ul.nav a:hover,
#sub-nav a.current,
#content ul.nav a.current		{ color:#b2d8ec; }



/* =homepage */
.col					{ float:left; padding:0 15px; width:289px; }
.home .col				{ border-right:1px dashed #2d75c0; }
.home .col.last			{ border:0; }
.home #gallery			{ float:left; margin:-10px 10px 15px; padding:0; height:285px; width:940px; overflow:hidden; }

#jumpboxes				{ float:left; margin:20px 0 0; width:960px; }
#jumpboxes ul			{ float:left; list-style-type:none; margin:0; }
#jumpboxes li			{ display:inline; float:left; list-style-type:none; margin:0 15px; }
#jumpboxes a			{ background:url('../img/bg-jumpboxes.jpg') no-repeat left bottom; display:block; float:left; color:#fff; height:60px; width:290px; line-height:60px; text-align:center; text-transform:uppercase; }
#jumpboxes a:hover		{ background-position:right bottom; color:#082a4b; }

/*
**	=site-info
************************/
#site-info				{ background:#2d75c0; clear:both; padding-top:1em; }
#site-info p			{ color:#fff; text-align:center; font:1.25em/1 'Times New Roman',georgia,serif; letter-spacing:0.025em; }
#site-info a			{ color:#fff; }
#site-info a:hover		{ color:#b2d8ec; }


@media screen and (max-width: 980px) {
  body {
    background-image: none;
  }
}