/*	-------------------------------------------------------------
	Aegean Homes
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:	Styles for Aegean Homes
	Filename:		aegean.css
	Version:		1.0
	Date:			07/2008
	-------------------------------------------------------------	*/

/*	Bug hunting
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

/** { border: 1px solid red !important; } */


/*	Clearing floats
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
.clearfloat { display: inline-block; }
.clearfloat:after { content: " "; display: block; height: 0; clear: both; font-size: 0; visibility: hidden; }
/* Hides from IE-mac \*/
* html .clearfloat { height: 1%; }
.clearfloat { display: block; }
/* End hide from IE-mac */

.clear { clear:both; }

/*	Base
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
body { background:url(/img/bg_top.gif) repeat-x top center #fff; padding-top:20px; min-height:700px; }
.content { position:relative; color:#4d636b; }

	/*	Header
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#header { height:216px; z-index:100; }
		#header #secondaryTop { width:210px; height:206px; background-color:#e0e0c1; padding:10px 10px 0 10px; position:absolute; top:0px; left:0px; }
			.border { border:1px solid #d0cec0; height:100%; }
				#secondaryTop h1 { margin:0; width:206px; height:100%; border:1px solid #e7e7d0; }
				#logo { display:block; height:100%; width:100%; background:url(/img/logo_aegan.gif) 20px 20px no-repeat; text-indent:-9000px; padding:0px; margin:0px; }
			#secondaryTop .border, #secondaryTop h1 { border-bottom:none; }

		#mainPic { width:735px; height:150px; background:url(/img/pic_main.jpg) no-repeat; position:absolute; top:0px; right:0px; }
		#mainPic1 { width:735px; height:150px; background:url(/img/pic_main_1.jpg) no-repeat; position:absolute; top:0px; right:0px; }
		#mainPic2 { width:735px; height:150px; background:url(/img/pic_main_2.jpg) no-repeat; position:absolute; top:0px; right:0px; }
		#mainPic3 { width:735px; height:150px; background:url(/img/pic_main_3.jpg) no-repeat; position:absolute; top:0px; right:0px; }
		#mainPic4 { width:735px; height:150px; background:url(/img/pic_main_4.jpg) no-repeat; position:absolute; top:0px; right:0px; }
		
		.flag { position: absolute; top: 220px; left: 32px; padding: 1px; border: 1px solid #aaa; float: left; line-height: 1px; z-index: 2000;}

		/*	Menu
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		#menu { width:735px; height:59px; position:absolute; top:160px; right:0px; z-index:100; }
		#menu, #menu li { padding:0px; margin:0px; display:block; }
			#menu li { text-indent: 0; list-style:none; line-height:50px; _width:20px; height:59px; margin:0px; margin-left:15px; padding:0; padding-left:10px; font-weight:bold; font-size:11px; color:#fff; cursor:pointer; display:inline; float:left; z-index:100; position:relative; }
			#menu li a, #menu li span { height:100%; display:block; padding-right:10px; text-decoration:none; white-space:nowrap; color:#fff; }

			#menu li:hover { background:url(/img/bg_menu_active.gif) no-repeat left top; }
			#menu li:hover a, #menu li:hover span  { background:url(/img/bg_menu_active.gif) no-repeat right top; color:#202c79 !important; }
			#menu li.active { background:url(/img/bg_menu_active.gif) no-repeat left top; }
			#menu li.active a, #menu li.active span { background:url(/img/bg_menu_active.gif) no-repeat right top; color:#121945; }

			/*	Submenu
			- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
			#menu ul { position:absolute; display:none; float:none; top:54px; left:0px; padding:0 10px 10px 10px; width:157px; background:url(/img/bg_submenu.gif) no-repeat bottom left; margin:0px; }

				#menu li:hover ul { display:block; }

				#menu ul li { width:95%; height:auto; min-height:33px; margin-left:0px; margin-bottom:0px; line-height:18px; background:url(/img/bg_submenu_border.gif) repeat-x bottom; }
				#menu li:hover ul li a { display:block; width:100%; height:100%; background:none; color:#fff !important; white-space:normal; padding:6px 0 5px 0; }
				#menu ul li:hover { background:url(/img/bg_submenu_border.gif) repeat-x bottom; }
				#menu li ul li:hover a { color:#202c79 !important; }

	/*	Primary column
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#primary { padding:0px 0 0 20px; }
		/*	Text Banner
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		#textBanner { width: 733px; font-size: 10px; border: 0.0em solid #f00; margin: 0px 0px 0px -20px; height: 2em; line-height: 2em; padding: 0px; overflow: hidden; position: relative; }
		#textBannerContainer { width: 3000px; position: relative; height: 2em; line-height: 2em; }
		.textBannerContent { font-size: 2em; margin: 0px; height: 1em; line-height: 1em; position: absolute; top: 0px; left: 0px; }
		
		#primary h1 { width:715px; height:30px; margin-left:-20px; padding-left:20px; background:url(/img/bg_headline.gif) repeat-x #b8b889; font-size:12px; font-weight:bold; color:#fff; line-height:31px; margin-top:0; margin-bottom:18px; }
		#primary h1.noMarginBot { margin-bottom:0px; }
		#primary .make2columns { padding-left:365px; width:370px; margin-left:-20px; }
			#primary .make2columns .leftCol { float:left; display:inline; margin-left:-365px; width:365px; }
			#primary .make2columns .welcomePic { height:231px; }
			#primary .make2columns .rightCol { width:370px; float:right; display:inline; }
			#primary .make2columns .welcomeBox { background-color:#e0e0c1; padding:10px; width:350px; height:211px; }
				#primary .border { border:1px solid #d0cec0; }
				#primary .border2 { border:1px solid #e7e7d0; padding:10px; }
				#primary .make2columns .border { height:209px; }
				#primary .make2columns .border2 { height:187px; }
			#primary .welcomeBox form { margin-top:10px; }
				#primary label { line-height:22px; height:22px; width:100%; display:block; position:relative; margin-bottom:10px; font-weight:bold; }
				#primary .welcomeBox label input { width:180px; height:17px; padding:5px 5px 0 10px; position:absolute; right:10px; _border:1px solid #d0cec0; font-weight:normal; }
				#primary .welcomeBox label img { position:absolute; right:220px; top:6px; }
				#primary .welcomeBox .button { position:absolute; right:33px; }
				

			#primary .make2columns h1 { width:100%; margin:0; text-indent:20px; padding:0; }
			.make2columns .content { margin-top:15px; padding:0 0 0 15px; }
			.make2columns .leftCol .content { padding-left:20px; padding-right:20px; }
				#primary .gold { padding-right:15px; }
			.borderLeft { border-left:1px solid #d1caab; }
			.borderRight { border-right:1px solid #d1caab; }
			.tvLogos { padding-left:70px; min-height:52px; _height:52px; }
				.tvLogos img { float:left; display:inline; margin-left:-70px; }
			.rightPics { padding-right:140px !important; }
				.rightPics .img { float:right; display:inline; margin-right:-140px; width:123px; padding-left:17px; }
				.testimonials.rightPics .img { padding-left:3px; margin-left:15px; }
					.rightPics .img img { margin-bottom:10px; padding:3px; border:1px solid #a4d1e1; background-color:#fff; }
				.img { float:right; display:inline; width:155px; padding-left:17px; }
				.img img { margin-bottom:10px; padding:3px; border:1px solid #a4d1e1; background-color:#fff; }

		#primary .gallery { margin-top:20px; }
			#primary .gallery img { margin-right:20px; padding:3px; border:1px solid #a4d1e1; }
				#primary .gallery a:hover img { border-color:#BFA72C; }
		.imgBorder { padding:3px; border:1px solid #a4d1e1; background-color:#fff; }
		.imgBorderInside img { padding:3px; border:1px solid #a4d1e1; background-color:#fff; }
			.imgBorderInside a:hover img { border-color:#BFA72C; }
		
		#primary .miniGallery { width:264px; display:inline; float:right; margin-left:20px; margin-bottom:18px; }
			#primary .miniGallery img { margin-right:1px; }

		.peopleBigImg { float:left; display:inline; margin-right:25px; margin-bottom:18px; }
		.imgGallery { margin-top:20px; }
			.imgGallery p, .imgGallery a { font-weight:bold;  display:inline; float:left; margin-right:20px; margin-bottom:18px; text-decoration:none; color:#1d3c50; cursor:pointer; }
			.imgGallery a:hover { color:#1f4ebe; }
				.imgGallery a:hover img { border-color:#BFA72C; }
				.imgGallery p + p { margin-top:0; }
				.imgGallery span { display:block; _display:inline; _float:left;  height:24px; }
			.imgGallery img { padding:3px; border:1px solid #a4d1e1; }
			.imgGallery.pool { width:350px; display:inline; float:right; margin-top:0px; }
				.imgGallery.pool a { margin-bottom:21px; _margin-bottom:27px; }

		#primary label { color:#121946; font-size:12px; position:relative; }
		#primary label input { width:180px; height:17px; padding:5px 5px 0 10px; _border:1px solid #d0cec0; font-weight:normal; color:#4d636b; font-family:sans-serif; font-size:11px; }
		#primary label textarea { width:310px; height:170px; padding:5px 5px 0 10px; _border:1px solid #d0cec0; font-weight:normal; color:#4d636b; font-family:sans-serif; font-size:11px; }
		#primary label span { display:inline; width:90px; float:left; }
		#associate { width: 370px; float: right; margin: 0px 0px 0px 20px !important; }
		#associate_text { float: left; display: inline !important; }
		#associate fieldset { margin: 0px; }
		#primary #associate label span { width: 120px; }

		form.contact { width:460px; }
		form.contact fieldset label input, form.contact fieldset label textarea { float:right; }
		form.contact .button { margin-left:95px; }
		form.contact label input { margin-right:130px; }
		hr.news, hr.gold { background-color:#ccccb4; color:#ccccb4; }

		.pageNumbers { height:24px; }
		.pageNumbers, .pageNumbers li { padding:0px; margin:0px; display:block; }
			.pageNumbers li { text-indent: 0; list-style:none; line-height:24px; width:19px; height:24px; margin:0px; margin-left:5px; padding:0; font-weight:bold; font-size:11px; color:#001546; cursor:pointer; display:inline; float:right; position:relative; background:url(/img/ico_page.gif) no-repeat; text-align:center; }
			.pageNumbers li.active { background:url(/img/ico_page_active.gif) no-repeat; }
				.pageNumbers li a { color:#001546 !important; width:100%; padding-top:3px; display:block; text-decoration:none; text-align:center; }
				.pageNumbers li a:hover { color:#103da6 !important; }
		
		h1 span.blue { margin-right:10px; }
		
		.productList { }
			.productList .blue { display:block; width:160px; padding-right:50px; font-weight:bold; position:relative; }
				.productList .gold2 { position:absolute; left:160px; top:0px; white-space:nowrap; }
				
		.make2columns .bigPic { padding-left:44px; }
		.icoArrow { padding-left:15px; background:url(/img/ico_arrow.gif) no-repeat 0px 2px; _background-position:0px 4px; line-height:18px; }
		.button2 { background:url(/img/bg_button2.gif) repeat-x; height:21px; border:1px solid #d0cec0; display:block; line-height:21px; margin: 0 10px 0 10px; padding:0 15px 0 15px; text-indent:0; color:#fff; font-weight:bold; white-space:nowrap; }
.button3 { height:30px !important; border:1px solid #d0cec0; display:block; line-height:21px; margin: 0 10px 0 10px; padding:0 15px 0 15px; text-indent:0; color:#000 !important; font-weight:bold; background-color:#fff; white-space:nowrap; margin-left:90px; }
			.content a.button2 { color:#fff; text-decoration:none; }
			.content a.button2:hover { color:#c0b56b; border-color:#fff; }
			h1 { position:relative; }
				h1 .button2 { margin-top:4px; }
				h1 .container { width:50%; position:absolute; top:0px; right:0px; }
		#locationMap { width:476px; height:386px; margin-right:25px; }
		
		.propertyCenter { width:530px; margin:0 auto; }
		
		/*	Tables
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		table { width:100%; margin-top:30px; }
			table tbody { font-size:12px; color:#4d636b; }
				table thead, table thead th { color:#fff; background-color:#abab7c; font-size:12px; font-weight:bold; }
				table tbody td, table tbody th { vertical-align:top; }
				table tbody tr, table tbody tr.odd { background-color:none; }
				table tbody tr.even td, table tbody tr.even th { background-color:#f0f0f0; }
				.content table th { padding: 5px 15px 5px 15px; }
				.content table td { padding: 15px; }
					.content table td a { color:#4d636b; text-decoration:none; }
					.content table td a:hover { color:#6e8e99; }			

	/*	Secondary column
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#secondary {  padding-top:0; }
		#secondary .content { background-color:#e0e0c1; padding:10px; padding-top:0; color:#1d3c50;}
			#secondary .border { border:1px solid #d0cec0; border-top:none; }
			#secondary .border2 { border:1px solid #e7e7d0; border-top:none; padding: 50px 13px 0px 13px; }

			#secondary .newsletter { min-height:50px; background-color:#e0e0c1; margin-top:20px; padding-top:10px; }
				#secondary .newsletter .border { border-top:1px solid #d0cec0; }
				#secondary .newsletter .border2 { border-top:1px solid #e7e7d0; padding-top:10px; }
				#secondary .newsletter input { _border:1px solid #d0cec0; height:17px; padding:5px 5px 0 10px; color:#b5b09c; font-size:11px; }
			#secondary p { font-size:1.2em; }

	/*	Footer
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#footer { background:url(/img/bg_bottom.gif) repeat-x; height:60px; line-height:60px; color:#96c5d5; border-top:18px solid #fff; }
		#footer .content { width:925px; padding:0 20px 0 20px; margin:0 auto; height:60px; color:#96c5d5; font-size:10px; position:relative; }
		#footer #copy, #footer #design { position:absolute; top:25px; margin:0; }
			#footer #copy { left:20px; }
			#footer #design { right:20px; }
		#footer a { color:#96c5d5; text-decoration:none; }
		#footer a:hover { color:#aee4f7; }

	/*	Forms
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.button { background:url(/img/bg_button.gif) no-repeat repeat-x left top; height:23px; }
		.button input { border:none !important; background:url(/img/bg_button.gif) no-repeat right top; height:23px !important; padding:0 10px 0 10px !important; _padding:0 5px 0 5px; color:#FFF !important; font-weight:bold; }
		