/* -------------------------------------------------------------- 
 
   Global Stylesheet
  
   Client:		Beyond Biarritz
   Version:	0.1 (06-03-2009)
   
-------------------------------------------------------------- */

@import "/assets/_js/fancybox/jquery.fancybox.css";
@import "/assets/css/reset/fonts-min.css";
@import "/assets/css/reset/reset-min.css";
@import "/assets/css/conditionals/png.css";





/* Global */
body {background: #efefef; color:#666; }
#wrapper  {width:960px; margin: 0px auto; background: #fff; }
#header, #topnav, #feature, #main {width:840px;margin: 0 auto;}
.clear {clear:both; height:1px; margin:0; padding:0;}
a:link {color:#ed174f; text-decoration:none; font-weight:bold;}
a:visited {color:#ed174f; text-decoration:none; font-weight:bold;}
a:hover {color:#ed174f; text-decoration:underline;}
a:active {color:#ed174f; text-decoration:underline;}


/************LINKING ************/
	
/* default link styles, for hyperlink but not highlighted */

a.nav {color: #666; text-decoration: none; font-weight:normal; }
a.nav:link {color: #666;}
a.nav:visited {color: #666;}
a.nav:hover {color: #666}
a.nav:active {color: #666;}


a.navli {color: #333; text-decoration: none; font-weight:normal; }
a.navli:link {color: #333;}
a.navli:visited {color: #333;}
a.navli:hover {color: #333}
a.navli:active {color: #333;}


a.navh2 {color: #111; text-decoration: none; font-weight:normal; }
a.navh2:link {color: #111;}
a.navh2:visited {color: #111;}
a.navh2:hover {color: #111}
a.navh2:active {color: #111;}


a.navheader {color: #666; text-decoration: none; font-weight:bold; }
a.navheader:link {color: #666;}
a.navheader:visited {color: #666;}
a.navheader:hover {color: #666}
a.navheader:active {color: #666;}


	
/************LINKING END ************/	






strong {font-weight:bold; color:#333;}

h1 {margin: 0 0 10px 0 ; font-size: 22px; color:#333; font-family: Lucida Grande, Calibri, Verdana, Times New Roman, Times, serif;}
h2 {font-family: Lucida Grande, Calibri, Verdana, Times New Roman, Times, serif; font-size: 1.1em; color: #111;margin: 0 0 12px 0;padding: 4px 0 0 0;line-height: 1.4em;}
h3 {font-family: Lucida Grande, Calibri, Verdana, Times New Roman, Times, serif; font-size: 1em; color: #ed174f; font-weight:bold; margin: 12px 0 4px 0; }
p {font-size: 100%; color:#666;line-height: 1.6em; margin: 0 0 14px 0;}
blockquote {padding:20px; background:#fff;font-family: Georgia,Times, serif;color: #666; font-size: 1em; line-height:1.5em;font-style:italic;text-align:center;display:block;margin: 10px auto 0 ;quotes: "\201C" "\201D";-moz-border-radius: 10px; -webkit-border-radius: 10px;}
blockquote:before { content: open-quote; font-weight: bold; margin: 0 5px 0 0;font-size: 3em; color:#efefef;float:left;}
blockquote:after { content: close-quote; font-weight: bold; margin: 0 0 0 5px;font-size: 3em; color:#efefef; float:right;}






/* Header bar */
#global {padding: 10px 0 0 0; margin: 0 0 20px 0; color:#888; }
#global h3 {
	background: url(/assets/_img/beyond-strap.gif) no-repeat 0 14px;
	font-family: Lucida Grande, Calibri, Verdana, Times New Roman, Times, serif;
	height:70px;
	width: 400px;
	text-indent:-2000px;
	margin-top: 0;
	margin-right: 50px;
	margin-bottom: 24px;
	margin-left: 255px;
}
#global ul {
font-family: Lucida Grande, Calibri, Verdana, Times New Roman, Times, serif;
	list-style:none;
	font-size: 0.9em;
	display: inline;
	
}

#global li {
	font-family: Lucida Grande, Calibri, Verdana, Times New Roman, Times, serif;
	display: inline;
	margin-right: 20px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 3px;
	padding-left: 0;
}

.sections {list-style:none; font-size: 0.7em;float:left; margin: 0 30px 0 0; background-image: url(/assets/_img/basque-mini.gif); background-position: 0 2px; background-repeat: no-repeat; padding: 0 0 0 20px }
.sections li  {padding: 3px 0 3px 0; }
#header img {float:left; margin: 0 122px 0 0; padding:0; border:none;}
#header {margin: 0 auto 0 auto; clear:both; height:165px; }
#header a:link {color:#888;font-weight:normal; display: inline; }
#header a:hover {color:#ed174f; text-decoration:underline; display: inline;}
#header a:hover strong {color:#ed174f; text-decoration:none; display: inline;}
.hide {display:none;}

.skype {
	background-image:url(/assets/_img/skype.gif);
	background-position:0 8px;
	background-repeat:no-repeat;
	padding-right:20px;	
	}	
#global .skype a {
	margin-left:23px;
	color:#888;	
	}
#global .skype a:hover {
	margin-left:23px;
	color:#ed174f;
		}


/* Top navigation */
#topnav {font-family: Lucida Grande, Calibri, Verdana, Times New Roman, Times, serif; position:relative; height: 57px; z-index:1;margin: 0 auto 0 auto;  padding:0; }
#nav {font-family: Lucida Grande, Calibri, Verdana, Times New Roman, Times, serif; position: absolute;top: 0;left: 0;list-style: none;margin: 0;padding: 0;height: 57px;display: inline;overflow: hidden;}
#nav li {margin: 0; padding: 0;display: inline;list-style-type: none;}
#nav a {float: left; padding: 57px 0 0 0; text-align:center; height /**/:57px; /* for IE5/Win */text-decoration:none;}
#nav a:hover {background-position: 0 -57px;}
#nav a:active, #nav a.selected {background-position: 0 -57px; }
#home a {width: 79px;background:  url(/assets/_img/nav/home.gif) top left no-repeat;font-size: 100%;}
#about a  {width: 117px;background:  url(/assets/_img/nav/about-us.gif) top left no-repeat;font-size: 100%;}
#rental a {width: 124px;background:  url(/assets/_img/nav/rentals.gif) top left no-repeat;font-size: 100%;}
#management a {width: 149px;background:  url(/assets/_img/nav/management.gif) top left no-repeat;font-size: 100%;}
#purchase a {width: 114px;background:  url(/assets/_img/nav/purchase.gif) top left no-repeat;font-size: 100%;}
#renovation a {width: 137px;background:  url(/assets/_img/nav/renovation.gif) top left no-repeat;font-size: 100%;}
#sourcing a {width: 120px;background:  url(/assets/_img/nav/sourcing.gif) top left no-repeat;font-size: 100%;}


/* Main image bar */
#feature {font-family: Lucida Grande, Calibri, Verdana, Times New Roman, Times, serif; width: 860px;background: url(/assets/_img/property/shadow.gif) no-repeat; padding: 0 0 20px 0;}
.small {width:212px; float:left; margin: 14px 0 0 22px;}
.small img {margin: 0 0 11px 0}
.large {float:left;margin:14px 0 0 12px; width:560px; }
.medium {float:left;margin:14px 0 0 12px; width:287px }

.small span, .medium span {background: url(/assets/_img/enlarge.png) no-repeat; text-indent:-10000px; z-index:1; position:absolute; width:26px; height:26px; margin:4px;}




/* Sidebar */
#sidebar {font-family: Lucida Grande, Calibri, Verdana, Times New Roman, Times, serif; width: 200px; float:left; font-size: 1em; }
#sidebar ul {padding: 0; margin: 22px 0 27px 0; list-style: none;}
#sidebar li {width: 180px; background-image: url(/assets/_img/basque.gif); background-position: 0 6px; background-repeat: no-repeat; border-bottom: 1px solid #efefef; padding: 9px 0 9px 28px; }
#sidebar a:link {color: #999; text-decoration: none; display:block;}
#sidebar a:visited {color: #abadb0; text-decoration: none;}
#sidebar a:hover {color: #ed174f; text-decoration: none;}
#sidebar a.selected {color: #000; text-decoration: none;}


/* Content */
#main {font-family: Lucida Grande, Calibri, Verdana, Times New Roman, Times, serif; padding: 10px 0 60px 0; }
#content {padding:20px; background: #f7f7f7; width: 562px; margin: 0 0 0 235px; min-height:180px; }
#content p {font-size:100%; font-family: Lucida Grande, Calibri, Verdana, Times New Roman, Times, serif; color:#666;line-height: 138.5%;}
#content ul {font-family: Lucida Grande, Calibri, Verdana, Times New Roman, Times, serif; padding: 0; margin: 14px 0 21px 0; list-style: none; width: 100%; font-size: 0.9em}
#content li {font-family: Lucida Grande, Calibri, Verdana, Times New Roman, Times, serif; color: #333; background-image: url(/assets/_img/house.gif); background-position: 0 10px; background-repeat: no-repeat; border-bottom: 1px solid #ccc; padding: 9px 0 9px 21px;}
.wide #content  {width:800px; margin: 0; background: #efefef;}






/* Property details */
.property {font-family: Lucida Grande, Calibri, Verdana, Times New Roman, Times, serif; background: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; display:block; padding:14px; margin: 0 20px 14px 0; width: 350px; height:180px;float:left;}
.property h2 a {color:#333; font-size: 1.1em; font-weight:normal;}
h3 span {color:#333;}
.property img {float:left; margin: 0 21px 42px 0; border:7px solid #fff;}
.property a {font-weight:normal; color:#666;line-height: 1.6em;}

.property:hover {background: #ccc; -moz-border-radius: 4px; -webkit-border-radius: 4px; display:block; padding:14px; margin: 0 20px 14px 0;}

.type {background: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; display:block; padding:14px; margin: 0 20px 14px 0; float:left; width: 532px;}
.type img {float:left; border:7px solid #fff;}
.type p {margin: 0 0 10px 240px;}

.propertyblank {background: #efefef; -moz-border-radius: 4px; -webkit-border-radius: 4px; display:block; padding:14px; margin: 0 20px 14px 0; width: 350px; height:180px;float:left;}

.viewdetailsbutton {
width:50px;
}




/*---- Bottom Nav---*/

#footer {font-family: Lucida Grande, Calibri, Verdana, Times New Roman, Times, serif; background: #efefef url(/assets/_img/footer.gif) no-repeat; height: 100px; padding: 50px 0 0 0; color:#ccc; font-size:0.8em; margin: 0 auto; width:960px;}
#footer a:link {color:#666;margin: 0 8px 0 8px; font-weight:bold; }
#footer #adams a:link {color:#999; font-weight:normal; float:left; margin:0;}

#copyright {float:left;width: 160px; color:#666; margin: 0 0 0 20px;}
#bottom {width:400px; float:left; }
#mandatory {float:left; width: 320px;}
#bottom li, #mandatory li {float:left; padding: 2px 0;}

#mandatory a:link {font-weight:normal;}




/* ---- form --- */


#ad1 {width:220px;float:left;}

#ad2 {
	margin-left:280px;
	width:240px;
}

#wrapper #main #content #enquire .formtop {
	
	margin-top: 10px;
}




#enquire label {
	font-size: 100%;
	font-weight:bold;
	font-family: Lucida Grande, Calibri, Verdana, Times New Roman, Times, serif;
	color: #666666;
	padding-bottom:10px;
	
}
#enquire form {
	background-color: #f7f7f7;

}

#enquire legend {
	font-size: 116%;
	font-weight:bold;
	color: #333;
	}

#enquire fieldset { padding:10px;margin-bottom:20px; width:480px;border:1px solid #5b5b5b; background-color:#f7f7f7;}
#enquire fieldset:hover {background-color:#f2e6f2;}
#data {padding:10px;margin-bottom:20px;border:2px solid #f8f2f8;}
#enquire p {color:#666; }
#enquire .box, #enquire textarea, #enquire textarea  {
	width:240px;
	border:1px solid #333;
	padding:3px;
	font-size:100%;
	color:#333;
	font-family: Lucida Grande, Calibri, Verdana, Times New Roman, Times, serif;
	background-color:#fff;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#enquire .titlebox {
	width:100px;
	border:1px solid #333;
	padding:3px;
	font-size:100%;
	color:#333;
	font-family: Lucida Grande, Calibri, Verdana, Times New Roman, Times, serif;
	background-color:#fff;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#enquire .boxcomments  {
	width:385px;
	border:1px solid #333;
	padding:3px;
	font-size:1em;
	color:#333;
	font-family: Lucida Grande, Calibri, Verdana, Times New Roman, Times, serif;
	background-color:#E0EFD3;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#enquire textarea {width:350px;}



/*---- sIFR ---*/
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
}

.sIFR-replaced, .sIFR-ignore {
	visibility: visible !important;
}

.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
	display:none;
}

.sIFR-active h1 {
  visibility: hidden;
  font-family: Arial;
  line-height: 1em;
  font-size: 32px;
}

.imgright {
	float: left;
	padding-top:10px;
	margin-right: 25px;
	margin-bottom: 50px;
}
#wrapper #main #content #enquire .formtop {
	margin-bottom: 20px;
}
#wrapper #main #content #enquire input {
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#wrapper #main #content #enquire fieldset {
	width: 540px;
}
.wide #wrapper #main #content .property p {
	font-size: 93%;
}