/*	Stylesheet for http://www.parisrealestatefinders.com
	Created: 2007-10-21
	Author: Robert Karlsson <robert/a-t/i2studios.com>
*/


/* eliminate padding and margins and set it explicitely later */
* {margin:0px; padding:0px;}

/* ----------------------------------------------------------------------- */
/* GLOBAL SETUP */
/* ----------------------------------------------------------------------- */
	/* the gray "desktop" on which the white "sheet" is placed */
	BODY {background-color:#dddddd; background-image:url('./images/bg-body.jpg'); background-repeat:repeat-x; background-attachment:scroll; margin-left:8px; margin-right:8px; margin-top:12px; margin-bottom:20px; font-size:100%;}

	/* ----------------------------	*/
	/* fonts			*/
	/* ----------------------------	*/
	BODY {font-family:arial, sans-serif; line-height:1.5em; color:#333333;}

	H1, H2, H3, H4, H5 {font-family:'georgia', serif; font-weight:normal; font-style:normal; color:#444444; line-height:1.2em; font-size:100%;}
	H1 {color:#268ab9; font-size:190%; line-height:1em; margin-top:0; margin-bottom:0;}
		H1 SPAN {color:#83a3bd;}
	H2 {font-size:90%; text-transform:uppercase; border-bottom:1px solid #77aad2; margin-top:1.5em; padding-bottom:0.1em; margin-bottom:0.4px;}
	H3 {font-size:150%; margin-top:2em; margin-bottom:0.4em;}
	H4 {font-size:125%; margin-top:1em; margin-bottom:0.2em;}
	H5 {font-size:100%; font-weight:bold;}
		.testimonial H5 {font-size:85%; color:#2b627d;}
	DIV.subheader {margin-top:-0.5em; color:#888888;}

	/* horizontal rule used in right column */
	DIV.hr {width:95%; border-top:1px solid #dddddd; padding-top:1em; padding-bottom:1em;}

	P {margin-top:1em; margin-bottom:1em;}

	DIV.testimonial {font-family:georgia, serif; font-size:110%; color:#2b627d; line-height:1.6em; margin-top:1em; margin-bottom:1em;}
		DIV.testimonial UL, DIV.testimonial OL {font-size:100%;}

	IMG.testimonial-img {width:210px; height:160px;}
	IMG.float-left {margin-right:10px;}
	IMG.float-right {margin-left:10px;}

	/* sets the text to small caps */
	STRONG {font-variant:small-caps; font-weight:normal; font-style:normal; letter-spacing:0.05em;}

	IMG {border:none;}

	/* We take the burden out of finding a home in Paris */
	SPAN.slogan {color:#777777; font-family:georgia, serif; font-size:100%; font-style:italic;}


/* ----------------------------------------------------------------------- */
/* MAIN LAYOUT USING FLOATING ELEMENTS <div> */
/* ----------------------------------------------------------------------- */


/* TOPMOST wrapper-div that centers content on page and sets the width of the "white sheet" for the entire site */
/* note: the user can change the width of the main-wrapper by increasing/decreasing the font-size */
#main-wrapper {margin:auto; width:900px; position:relative;}
	/* the WHITE "SHEET" everything is layout upon */
	DIV.main-bg {width:100%; position:relative; float:left; background-color:#fefefe; background-image:url('./images/bg-main-bottom.jpg'); background-repeat:repeat-x; background-position:bottom left; padding-top:30px; padding-bottom:10px; border:1px solid #bbbbbb;}


	/* ----------------------------	*/
	/* DEBUGGING (un-comment below to see layout item boundaries) */
	/* ----------------------------*/
 	/*
		DIV.navigation {border:1px dashed lime;}
		DIV.content-left {border:1px dashed lime;}
		DIV.content-right {border:1px dashed lime;}
		DIV.footer {border:1px dashed lime;}
		DIV.header-wrapper {border:1px dashed lime;}
		DIV.header-pref {border:1px dashed lime;}
		DIV.footer-content {border:1px dashed lime;}
		DIV.footer-below {border:1px dashed lime;}
		DIV.doc-top {border:1px dashed lime;}
	*/


	/* ----------------------------	*/
	/* GLOBAL NAVIGATION menu	*/
	/* ----------------------------	*/
	DIV.navigation {z-index:2; width:20%; position:relative; float:left; margin-right:4%; color:#444444;}
		/* the ul is needed for nice line breaks when translating using babelfish */
		DIV.navigation UL, DIV.navigation UL LI {padding:0; margin:0; list-style-image:none; list-style-type:none; font-size:17px !important}
		/* when changing the font sizes at runtime do not include the navigation */
		DIV.navigation {line-height:1.1em !important}

		/* the A.nav in the DIV.navigation are converted to blocks that behaves like divs */
		A.nav {font-family:georgia, serif; font-style:italic; font-weight:normal; background-color:#f5f5f5; border-top:1px solid #ffffff; border-bottom:1px solid #cccccc; border-right:1px solid #e8e8e8; display:block; clear:both; text-decoration:none; color:#222222; padding-bottom:13px; padding-top:7px; padding-left:15px;}
			A.nav:visited {color:#686868;}

		/* interactive effect (replaces onmouseover and onmouseout) */
		A.nav:hover {border-top:1px solid #3584a9; border-bottom:1px solid #95d5f2; color:#ffffff; background-color:#50a4cb;}
		A.nav:active {border-top:2px solid #3584a9; border-bottom:none; color:#ecf6ff; outline:none;}

		/* used for the selected item in the menu */
		A.active, A.active:hover, A.active:active {background-color:#e3e3e3; color:#a7a7a7; cursor:default; border-top:1px solid #cccccc; border-right:1px solid #ffffff; border-bottom:none; padding-bottom:14px; background-image:url('./images/arrow.png'); background-repeat:no-repeat; background-position:99% 5px;}
			A.active:visited {color:#a7a7a7;}

		/* remove underlines etc */
		A.neutral {display:block; color:#555555; text-decoration:none; padding-left:15px; padding-top:6px; padding-bottom:12px;}
		A.neutral:visited {color:#555555;}
		A.neutral:hover {color:#111111;}
		A.neutral:active {outline:none;}

	/* ----------------------------	*/
	/* Header (topmost)		*/
	/* ----------------------------	*/
	/* container in which the h1 and the slogan (header.php) live */
	DIV.header-wrapper {float:left; clear:right; width:75%;}
	
	/* top row with font size, translation and search */
	DIV.doc-top {position:relative; z-index:2; margin:auto; width:880px; text-align:right; font-family:arial, sans-serif; line-height:20px; color:#888888; clear:both;}


	/* the TOP search field powered by Google */
	DIV.search-top {float:left; width:300px; text-align:left; margin-bottom:3px;}
		DIV.search-top INPUT.text {width:10em; background-image:url('./images/bg-input-search.png'); font-size:70%; color:#bbbbbb;}
		DIV.search-top INPUT.text:hover {color:#555555; background-image:url('./images/bg-input-search-hover.png');}
		DIV.search-top INPUT.text:focus {color:#2a6178; background-image:url('./images/bg-input-search-focus.png');}
		DIV.search-top INPUT.button {background-color:#dddddd; color:#aaaaaa; border-left:1px solid #f7f7f7; border-top:1px solid #f7f7f7; border-right:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7; padding-top:0; padding-bottom:0;}

	/* the BOTTOM search field powered by Google */
	DIV.search-bottom {margin-right:1em; text-align:right; clear:both; width:95%;}
		DIV.search-bottom INPUT.text {width:12em; background-image:url('./images/bg-input.png'); font-size:70%; color:#bbbbbb;}
		DIV.search-bottom INPUT.text:hover {color:#555555; background-image:url('./images/bg-input-hover.png');}
		DIV.search-bottom INPUT.text:focus {color:#2a6178; background-image:url('./images/bg-input-focus.png');}
		DIV.search-bottom INPUT.button {background-color:#dddddd; color:#aaaaaa; border-left:1px solid #f7f7f7; border-top:1px solid #f7f7f7; border-right:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7; padding-top:0; padding-bottom:0;}

	/* Translation dropdown */
	DIV.translate {float:left; margin-left:20px; width:200px; vertical-align:bottom; margin-bottom:3px; font-size:12px !important}
		DIV.translate:hover {color:#333333;}

	/* -A A A+ */
	DIV.font-size {float:left; width:300px;}
	DIV.font-size SPAN {cursor:pointer; width:50px; position:relative; font-size:20px;}
		DIV.font-size SPAN:hover {color:#111111; font-weight:bold;}


	/* ----------------------------	*/
	/* CONTENT (main and sidebar)	*/
	/* ----------------------------	*/
	/* the LEFT column (=actual, centered content area in which most site content lives) (docks to the right edge of the navigation) */
	DIV.content-left {float:left; width:51%; padding-right:1%; padding-bottom:2em;}

	/* the RIGHT column (docks to the right of the main-wrapper) */
	DIV.content-right {float:right; width:19%; border-left:1px solid #e6eaed; padding-left:1%; padding-right:2%; margin-top:10em; font-size:80%; line-height:1.75em; color:#406f86; clear:right;}

	/* ----------------------------	*/
	/* PREF Times in Paris		*/
	/* ----------------------------	*/
	/* the single column for PREF Times in Paris */
	DIV.pref_times_in_paris {margin:auto; width:84%;}
		DIV.pref_times_in_paris H3 {margin-top:0;}

	/* the date used above the headers for PREF Times in Paris */
	DIV.date {font-size:80%; color:#777777; margin-bottom:-0.3em; margin-top:2em; border-top:1px solid #dddddd;}

	/* ----------------------------	*/
	/* Footer			*/
	/* ----------------------------	*/
	/* the collection of text links at the bottom of the white sheet */
	DIV.footer-content, DIV.footer-below {font-size:11px !important; line-height:1.6em; text-align:center;}
	DIV.footer-content {padding-top:1em; padding-bottom:1em; border-top:1px solid #dddddd; clear:both; color:#999999;}
		DIV.footer-content A {text-decoration:none; color:#999999;}
		DIV.footer-content A:hover {color:#444444 !important; text-decoration:underline;}
		DIV.footer-content A:visited {color:#c7c7c7}
	/* the address, etc below the white sheet */
	DIV.footer-below {text-align:left; color:#777777; clear:both;}



	/* ----------------------------	*/
	/* links (different states)	*/
	/* ----------------------------	*/
	/* note: the rules for the links in the navigation menu are found under the "Global navigation menu" */
	A {color:#5ea2c2; text-decoration:underline;}
	A:visited {color:#77868d;}
	A:hover {color:#268ab9;}
	A:active {background-color:#268ab9; color:#ffffff; outline:none;}

	/* remove all embellishment */
	A.no-decoration, A.no-decoration:link, A.no-decoration:visited, A.no-decoration:hover, A.no-decoration:active {border:none; outline:none; text-decoration:none; background-color:transparent;}
		/* A Z on Definitions page */
		.glossary A {padding:2px; text-decoration:none; border:1px solid transparent;}
		.glossary A:hover {border:1px solid #d9e7ed; background-color:#f8fafb;}

/* ----------------------------------------------------------------------- */
/* FORMS  */
/* ----------------------------------------------------------------------- */
/* most input tags use this style that adds some interactivity */
INPUT.text {margin-bottom:0.3em; margin-top:0.3em; background-image:url('./images/bg-input.png'); background-repeat:repeat-x; border-left:1px solid #bbbbbb; border-top:1px solid #bbbbbb; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd; color:#555555; font-size:100%; padding:0.1em; padding-left:0.2em;}
INPUT.text:hover {border-left:1px solid #999999; border-top:1px solid #999999; border-right:1px solid #bbbbbb; border-bottom:1px solid #bbbbbb; background-image:url('./images/bg-input-hover.png');}
INPUT.text:focus {border:1px solid #333333; color:#284959; background-image:url('./images/bg-input-focus.png');}
INPUT.text:active {background-image:url('./images/bg-input-active.png'); outline:1px solid #333333;}





/* the no-decoration textfield that shows "Click repeatedly for LARGER text size." when hovering the A icons */
INPUT#font-size-info {background-image:none; text-align:right; font-size:12px; color:#aaaaaa; width:200px; border:1px solid transparent; background-color:transparent; outline:none;}

/* blue button */
INPUT.button {font-size:0.7em; color:#ffffff; background-color:#328cb6; background-image:none; border-left:1px solid #bce0f1; border-top:1px solid #bce0f1; border-right:1px solid #287295; border-bottom:1px solid #287295; padding-left:0.3em; padding-right:0.3em; padding-bottom:0.1em; margin-bottom:0.3em;}
	INPUT.button:hover {background-color:#2a9dd2;}
	INPUT.button:active {border:1px solid #111111; outline:1px solid #111111;}


FIELDSET {border:1px solid #dddddd; padding:0.5em; padding-top:0; font-size:90%; margin-top:1em; margin-bottom:1em;}
	FIELDSET .fineprint {font-size:80%; line-height:1.2em;}

/* Buyer's Apt Specifications questionnaire (consumersurvey.php) */
FIELDSET.quest {background-color:#fcfcfc; border:1px solid #dddddd;}
	/* hover effects for Buyer's Specifications Questionnaire */
	FIELDSET.quest LABEL:hover {color:#111111; background-color:#f2f7f9;}
	FIELDSET.quest LABEL:hover SPAN {color:#444444;}


FIELDSET.contact {border:1px solid #cccccc; background-color:#eeeeee;}

LEGEND {font-family:georgia, serif; color:#333333; text-transform:uppercase; padding-left:0.2em;}
LABEL {display:block; padding-top:0.2em; padding-bottom:0.3em; margin-left:1em;}
	LABEL SPAN {font-size:90%;}


/* ----------------------------------------------------------------------- */
/* GENERIC  */
/* ----------------------------------------------------------------------- */

.float-left {float:left; margin-right:10px;}
.float-right {float:right; margin-left:10px;}
.clear {clear:both;}
.clear-right {clear:right;}
.clear-left {clear:left;}
.tight {margin-top:0.1em; margin-bottom:0.1em;}
.inline {display:inline;}
.right {text-align:right}
.fineprint {font-size:80%; line-height:1.2em;}
.dimmed {color:#555555;}
.attention {color:#268ab9;}
.serif {font-family:georgia, serif;}
.sans-serif {font-family:arial, sans-serif;}

/* generic borders above and below content */
.frame {border-top:1px solid #e6eaed; border-bottom:1px solid #e6eaed; padding-top:1em; padding-bottom:1em;}

/* generic background color */
.bg {background-color:#f8fafb;}


/* ----------------------------------------------------------------------- */
/* TABLES AND LISTS */
/* ----------------------------------------------------------------------- */
TD {vertical-align:top;}
/* add padding to the right in the leftmost cells */
TD:first-child {padding-right:1em;}

TABLE {border-collapse:collapse; line-height:1.5em;}

TABLE.first-right TD:first-child {text-align:right; padding-right:5px;}

TABLE.lines TD {border-top:1px solid #dddddd; padding-top:1em;}
	TABLE.lines TR:first-child TD {border-top:none;}


UL, OL {font-size:85%; line-height:1.2em; list-style-position:outside; margin-top:1em; margin-bottom:1em; padding:0; padding-left:2.5em; padding-right:0.5em;}
LI {padding-bottom:0.5em; padding-top:0.5em;}

/* unordered lists in the right column */
DIV.content-right UL {list-style-image:url('./images/icon-right-small.png'); padding-left:1em;}
	DIV.content-right UL.right LI {padding-top:0.2em; padding-bottom:0.2em;}

UL.bg {list-style-image:url('./images/icon-right.png');}
	UL.bg LI {border-top:1px solid #e1ebf0;}
	UL.bg LI:first-child {border-top:none;}

/* FAQ Question */
UL.faq-q {list-style-image:url('./images/icon-q.png');}
	UL.faq-q A {text-decoration:none;}
/* FAQ Answer */
UL.faq-a {list-style-image:url('./images/icon-a.png');}
	UL.faq-a LI {border-top:1px solid #e6eaed;}
	UL.faq-a LI:first-child {border-top:none;}

UL.down {list-style-image:url('./images/icon-down.png');}

OL.lines LI {border-top:1px solid #dddddd; padding-bottom:1em; padding-top:1em;}
OL.lines LI:first-child {border-top:none;}



/* definition lists used for Real Estate Terms (glossary.php) */

/* the list itself */
DL {margin-top:1em; margin-bottom:1em;}

/* the term */
DT {font-family:georgia, serif; font-size:110%; margin-top:0.5em; color:#111111;}

/* the explanation */
DD {font-size:85%; line-height:1.2em; margin-bottom:0.2em; padding-bottom:0.2em; border-bottom:1px solid #eeeeee; color:#555555;}


/* remove unnecessary navigation and links, set colors to black and remove margins when PRINTING */
@media print {
	#main-wrapper {width:100%;}
	DIV.doc-top {display:none;}
	DIV.font-size {display:none}
	DIV.navigation {display: none; }
	DIV.main-bg {background-image:none; border:none;}
	DIV.search-bottom {display:none;}
	DIV.footer-below {font-size:60%;}
	DIV.footer-content {display:none;}
	BODY {margin:0; padding:0;}
	DIV.content-left {color:#000000;}
	DIV.content-right {color:#000000;}
}