/* CSS for 1920px screens */

/* ----------------------------------------------
Reset code - from Eric Meyer 
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
I've removed the del, em, ins, strong, sup, sub, strke, s and :focus resets from Eric's code so these will use browser defaults
------------------------------------------------- */
html, body, div, span, applet, object, iframe, h2, h3, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, dfn, font, img, kbd, q, samp, small, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 		
					{ margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
body 				{ line-height: 1; color: black; background: white; }
ol, ul 				{ list-style: none; }
table   			{ border-collapse: separate; border-spacing: 0; } /* tables still need 'cellspacing="0"' in the markup */
caption, th, td 	{ text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after 
					{ content: ""; }
blockquote, q 		{ quotes: "" ""; }

/* ----------------------------------------------
General CSS - fonts, headings, paragraphs, etc.
------------------------------------------------- */

html, body 			{ margin: 0; padding: 0; width: 100%; height: 100%; /*overflow: hidden;*/ }
body 				{ font: .9em/1.3em "Helvetica Neue", Arial, sans-serif; color: #fff; background: #000 url(../images/common/bg.gif) top left repeat-x; }
h1					{ font: 1.3em/1.2em "Helvetica Neue", Arial, sans-serif; font-weight: bold; margin: 0 0 8px 0; }
h2					{}
h3					{}
h4					{ font: .8em/1.4em Arial, Helvetica, sans-serif; color: #ccc; font-style: italic; font-weight: normal; padding: 5px 0; }
p					{ color: #f1f1f1; padding: 0 0 10px 0; }
a, a:link, a:visited
					{ color: #99FFFF; text-decoration: none; } 
a:hover, a:active  { color: #00CCFF; text-decoration: underline; }
div#container		{ position: absolute; z-index: 1; width: 100%; height: 100%; }
div#topMenu			{ float: left; width: 100%; overflow: hidden; position: relative; }
div#heroImgs		{ float: left; width: 100%; overflow: hidden; position: relative; margin: 10% 0 5% 0; }
div#heroImgsContainer 		
					{ clear: left; float: left; margin: 0; padding: 0; position: relative; left: 50%; text-align: center; font-weight: normal; }
div#footer			{ width: 85%; margin: 0 auto; text-align: left; padding-bottom: 20px; }

/* ----------------------------------------------
Navigation.
------------------------------------------------- */

div#topMenu	ul 		{ clear: left; float: left; list-style: none; margin: 0; padding: 0; position: relative; left: 50%; text-align: center; font-weight: normal; }
div#topMenu ul li 	{ display: block; float: left; list-style: none; margin: 0; padding: 0; position: relative; right: 50%; }
div#topMenu ul li a { display: block; text-decoration: none; font: 100% Helvetica, Arial, sans-serif; font-variant: small-caps; padding: 9px 5px; line-height: 1.3em; }
div#topMenu ul li span 
					{ display: block; padding: 0/*15px*/ 0 0 20px; line-height: 1.3em; }
div#topMenu ul li a:link, div#topMenu ul li a:visited,
div#topMenu ul li a:hover, div#topMenu ul li a:active
					{ text-decoration: none; }
div#topMenu ul li.genNav 
					{ margin-top: 15px; }
div#topMenu ul li#hhLogo a
					{ margin: 0; padding: 0 10px 0 0; }
div#topMenu ul li.lastNav a
					{ padding-right: 0; }
li.navBorder		{ border-right: 1px dotted #515151; }					

/* ----------------------------------------------
Hero images - homepage and property homepages.
------------------------------------------------- */

div#heroImgsContainer ul 	
					{ display: block; float: left; list-style: none; margin: 0; width: 194px; padding: 0 15px; position: relative; right: 50%; }
div#heroImgsContainer ul li 
					{ display: block; list-style: none; }
div#heroImgsContainer ul li .controls 
					{ width: 184px; height: 12px; padding: 5px 10px 30px 0; }							

/* ---------------------------------------------- 
Miscellaneous.
------------------------------------------------- */

.movie, .photo		{ padding-left:5px; float: right; }
.clear				{ clear: both; }
img.propertyLogo	{ width: 194px; height: 69px; border: 0; } /* this element also in supersizeStyle.css */

/* -----------------------------------------------
Contact page.
------------------------------------------------- */
div#contactContainer 
					{ width: 1280px; height: 858px; margin: 60px auto 0; text-align: left; background: url(../images/contact/contact_map.png) top right no-repeat; }
div#contactContainer h1
					{ width: 300px; padding-top: 40px; padding-left: 60px; }
div#contactContainer p
					{ width: 300px; padding-left: 60px; }

/* -----------------------------------------------
Pickwick Index page.
------------------------------------------------- */
div#pickwickContainer 
					{ width: 600px; height: 450px; margin: 60px auto 0; text-align: left; }
div#pickwickContainer h1
					{ width: 300px; padding-top: 40px; padding-left: 60px; }
div#pickwickContainer p
					{ width: 300px; padding-left: 60px; }
.hide { display: none; }