/* Start of CMSMS style sheet 'global' */
/*

Real Estate Marbella - Global Stylesheet
http://www.remspain.co.uk/
Handwritten by Oliver Coningham

*/

																					/* ------------ Toolbox ------------ */

.float-left { float: left; }
.float-right { float: right; }
.align-right { text-align: right; }
.cleared { clear: both; }
.hide { display: none; }
.smaller { font-size: 90%; }
.larger { font-size: 110%; }

hr { display: none; }
strong { font-weight: bold; }


.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
	}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

																					/* ------------ Defaults ------------ */

body {
	background: #072051 url('images/body-bg.jpg') no-repeat 50% 0;
	color: #072051;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	padding: 30px 0;
	line-height: 1.5em;
	}
	
#skip { 
	display: block;
	height: 100px;
	margin-top: -100px; 
	}
	
#container {
	background: url('images/container-bg.png') repeat 0 0;
	margin: auto;
	padding: 10px;
	width: 960px;
	}

																					/* ------------ Branding ------------ */
																					
#branding {
	background: url('images/branding-bg.jpg') repeat 0 0;
	height: 167px;
	width: 960px;
	}

#branding #flash {
	background: url('images/flash-bg.jpg') repeat 0 0;
	float: left;
	height: 61px;
	text-indent: -25000px;
	width: 541px;
	}

#branding h1 a {
	background: url('images/h1-a-bg.jpg') no-repeat top right;
	clear: left;
	display: block;
	float: left;
	height: 106px;
	text-indent: -25000px;
	width: 343px;
	}

#branding #tagline {
	background: url('images/tagline-bg.gif') repeat 0 0;
	float: left;
	height: 35px;
	margin-top: 59px;
	width: 258px;
	}

																					/* ------------ Navigation ------------ */
																					
#nav {
	background: #fff url('images/nav-bg.jpg') no-repeat top right;
	height: 46px;
	text-indent: -25000px;
	width: 960px;
	}
	
#nav li {
	float: left;
	}

#nav a {
	display: block;
	height: 36px;
	width: 120px;
	}
	
#nav a:hover {
	background-position: 0 -36px;
	}
	
#nav-home a { 
	background: url('images/nav-home.gif') no-repeat 0 0; 
	width: 85px;
	}
	
#nav-about a { 
	background: url('images/nav-about.gif') no-repeat 0 0; 
	width: 87px;
	}
	
#nav-contact a { 
	background: url('images/nav-contact.gif') no-repeat 0 0; 
	width: 92px;
	}
	
#nav-register a { 
	background: url('images/nav-register.gif') no-repeat 0 0; 
	width: 93px;
	}
	
#nav-how a { 
	background: url('images/nav-how.gif') no-repeat 0 0; 
	width: 95px;
	}
	
#nav-faq a { 
	background: url('images/nav-faq.gif') no-repeat 0 0; 
	width: 89px;
	}
	
#nav-portfolio a { 
	background: url('images/nav-portfolio.gif') no-repeat 0 0; 
	width: 103px;
	}

#home #nav-home a, 
#about #nav-about a,
#contact #nav-contact a, 
#register #nav-register a,
#how #nav-how a,
#how-portfolio #nav-how a, 
#faq #nav-faq a,
#portfolio #nav-portfolio a { 
background-position: 0 -36px; 
	}

																					/* ------------ Content ------------ */
																					
#content {
	background: #fff url('images/content-bg.gif') no-repeat bottom left; 
	padding: 20px 60px 30px 60px;
	position: relative;
	width: 840px;
	}

#home #content {
	padding-bottom: 65px;
	}

#content p {
	margin-bottom: 1.5em;
	}

#content a {
	color: #072051;
	text-decoration: underline;
	}

#content a:hover {
	color: #d96605;
	text-decoration: underline;
	}
		
#content #primary-content {
	float: left;
	width: 421px;
	}
#content #primary-content-gain {
float:left;
width:421px; height:200px;
}

#content #primary-content h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 250%;
	font-weight: normal;
	margin-bottom: 10px;
	text-transform: lowercase;
	}

#how #content h3,
#how-portfolio #content h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 200%;
	font-weight: normal;
	margin-bottom: 10px;
	text-transform: lowercase;
	}

#home #primary-content h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 180%;
	font-weight: normal;
	margin-bottom: 10px;
	text-transform: lowercase;
	}

#home #primary-content .underline {
	text-decoration: underline;
	}
	
#content #primary-content #btn-more-info-lrg a {
	background: url('images/btn-view-portfolio-lrg.png') no-repeat 0 0; 
	display: block;
	float: right;
	height: 50px;
	text-indent: -25000px;
	width: 182px;
	}

#content #primary-content #btn-more-info-lrg a:hover {
	background-position: 0 -50px;
	}

#content #btn-next-page a {
	background: url('images/btn-next-page.png') no-repeat 0 0; 
	display: block;
	float: right;
	height: 45px;
	text-indent: -25000px;
	width: 178px;
	}

#content #btn-next-page a:hover {
	background-position: 0 -45px;
	}

#content #btn-prev-page a {
	background: url('images/btn-prev-page.png') no-repeat 0 0; 
	display: block;
	float: right;
	height: 45px;
	text-indent: -25000px;
	width: 178px;
	}

#content #btn-prev-page a:hover {
	background-position: 0 -45px;
	}

#content #btn-next-page-disabled a {
display:none;
background: url('images/btn-next-page-disabled.png') no-repeat 0 0; 
display: block;
float: right;
height: 45px;
text-indent: -25000px;
width: 178px;
}

#content #btn-more-info-lrg a {
	background: url('images/btn-view-portfolio-how.png') no-repeat 0 0; 
	display: block;
	float: right;
	height: 45px;
	text-indent: -25000px;
	width: 178px;
	}

#content #btn-more-info-lrg a:hover {
	background-position: 0 -45px;
	}

#content #btn-faq-lrg a {
	background: url('images/btn-faq.png') no-repeat 0 0; 
	display: block;
	float: right;
	height: 45px;
	text-indent: -25000px;
	width: 178px;
	}

#content #btn-faq-lrg a:hover {
	background-position: 0 -45px;
	}
	
#content #secondary-content {
	float: right;
	margin-top: 48px;
	width: 359px;
	}

#home #content #secondary-content {
	margin-top: 0;
	}

#how-portfolio #content #secondary-content {
	margin-top: 92px;
	}
	
#content #photos {
	height: 127px;
	position: absolute;
	bottom: 0;
	left: 23px;
	width: 266px;
	}

#content #photos #photos-flash {
	background: url('images/apartments-in-marbella.png') no-repeat 0 0;
	height: 127px;
	width: 266px;
	}

#how #content ul {
	list-style: outside disc;
	margin: 0 0 1.5em 40px;
	}

#home #primary-content ul {
	list-style: outside disc;
	margin: 0 0 1.5em 25px;
	}

#home #primary-content ul li {
	margin-bottom: 10px;
	}

#home #primary-content .highlight,
#home #primary-content .highlight a {
	color: #EF0003;
	}

#home #primary-content .largest {
	font-size: 120%;
	}

#portfolio #content .list,
#portfolio #content .list {
	list-style: outside disc;
	margin: 0 0 1.5em 40px;
	}

#portfolio #content .list li {
	margin-bottom: 1px;
	}

#how #content ol {
	list-style: outside decimal;
	margin: 0 0 1.5em 40px;
	}

																					/* ------------ Portfolio ------------ */

#portfolio #content #primary-content,
#how-portfolio #content #primary-content {
	width: 390px;
	}

#portfolio #content #secondary-content,
#how-portfolio #content #secondary-content {
	width: 390px;
	}

#content #portfolio-nav {
	clear: both;
	margin-top: 15px;
	width: 100%;
	}
	
#content #btn-prev-page a {
	float: left;
	}

#content #btn-next-page a {
	float: right;
	}

#content #portfolio-nav ul {
	float: left;
	margin: 9px 30px 0 30px;
	}
	
#content #portfolio-nav ul a {
	background: url('images/btn-page-no-bg.png') no-repeat 0 0;
	color: #fff;
	display: block;	
	float: left;
	height: 24px;
	margin-right: 10px;
	padding: 3px 0 0 11px;
	text-decoration: none;
	width: 17px;
	}

#content #portfolio-nav ul a:hover, #portfolio #content #portfolio-nav ul .selected {
	background-position: 0 -27px;
	}

#portfolio-nav li {
	display: inline;
	}

#portfolio #content h3,
#how-portfolio #content h4 {
	background: url('images/home-h3-bg.png') no-repeat 0 0;
	clear: both;
	color: #fff;
	font-weight: normal;
	height: 19px;
	padding: 1px 0 0 12px;
	width: 93px;
	}

#portfolio #content dl,
#how-portfolio #content dl {
	background-color: #fff;
	border: 2px solid #072051;
	margin-bottom: 15px;
	}

#portfolio #content dl dl,
#how-portfolio #content dl dl {
	background: #b0d3f0 url('images/portfolio-dd-bg.gif') repeat-x bottom left;
	border: none;
	border-top: 1px solid #fff;
	clear: both;
	margin-bottom: 0;	
	}

#how-portfolio #content dl .final {
	background: #5f99d2 url('images/portfolio-dd-highlight-bg.gif') repeat-x bottom left;
	color: #fff;
	}

#portfolio #content dl dt,
#how-portfolio #content dl dt {
	overflow: hidden;
	}

#portfolio #content dl dd,
#how-portfolio #content dl dd {
	clear: both;	
	}
	
#portfolio #content dl dl,
#how-portfolio #content dl dl {
	line-height: 1.75em;
	padding: 12px 10px 15px 10px;	
	}

#portfolio #content dl img,
#how-portfolio #content dl img {
	float: left;
	}

#portfolio #content dl strong,
#how-portfolio #content dl strong {
	padding-right: 5px;
	}

#portfolio #content dl .final {
	background: #5f99d2 url('images/portfolio-dd-highlight-bg.gif') repeat-x bottom left;
	color: #fff;
	}
																					/* ------------ Examples ------------ */
																					
#home #content #secondary-content h3 {
	background: url('images/home-h3-bg.png') no-repeat 0 0;
	clear: both;
	color: #fff;
	font-weight: normal;
	height: 19px;
	padding: 1px 0 0 12px;
	width: 93px;
	}

#home #content #secondary-content dl {
	background: #8cbbe5 url('images/home-dl-bg.gif') repeat-x 0 50%;
	border: 2px solid #072051;
	margin-bottom: 15px;
	position: relative;
	}

#home #content #secondary-content dl span {
	color: #fff;
	}

#home #content #secondary-content dl img {
	float: left;
	margin-right: 10px;
	}

#home #content #secondary-content dt {
	font-size: 110%;
	}

#home #content #secondary-content .title {
	margin: 10px 0;
	}
	
#home #content #secondary-content dl a {
	background: url('images/btn-view-more-sml.png') no-repeat 0 0;
	display: block;
	height: 32px;
	margin-top: 18px;
	position: absolute;
	right: 6px;
	text-indent: -25000px;
	width: 112px;
	}

#home #content #secondary-content dl a:hover {
	background-position: 0 -32px;
	}

																					/* ------------ FAQ ------------ */

#faq #content #faq-questions .single {
	min-height: 27px;
	padding-top: 5px;
	}

#faq #content #faq-questions a {
	background: url('images/icon-question.png') no-repeat 0 0;
	border-bottom: 1px dotted #549fd9;
	display: block;
	margin-bottom: 10px;
	min-height: 32px;
	padding: 0 0 10px 37px;
	text-decoration: none;
	}

#faq #content #faq-questions a:hover, #faq #content #faq-questions .selected {
	background: url('images/icon-question-hover.png') no-repeat 0 0;
	color: #d96605;
	}

#faq #content #faq-questions .last {
	border-bottom: none;
	}

#faq #content #secondary-content h3 {
	background: url('images/home-h3-bg.png') no-repeat 0 0;
	clear: both;
	color: #fff;
	font-weight: normal;
	height: 19px;
	padding: 1px 0 0 12px;
	width: 93px;
	}

#faq #content #secondary-content #answer {
	border: 2px solid #072051;
	padding: 15px;
	}

#faq #content #secondary-content .answer {
	background: #83b6e2 url('images/faq-answer-bg.gif') repeat-x bottom left;
	}

#faq #content #secondary-content .answer-start {
	background: #dd751e url('images/faq-answer-start-bg.gif') repeat-x bottom left;
	}

#faq #content #secondary-content #answer ol li {
	list-style: outside decimal;
	margin: 1.25em 0 0 30px;
	}

#faq #content #secondary-content #answer-01, 
#faq #content #secondary-content #answer-02, 
#faq #content #secondary-content #answer-03, 
#faq #content #secondary-content #answer-04,
#faq #content #secondary-content #answer-05,
#faq #content #secondary-content #answer-06,
#faq #content #secondary-content #answer-07,
#faq #content #secondary-content #answer-08,
#faq #content #secondary-content #answer-09,
#faq #content #secondary-content #answer-10,
#faq #content #secondary-content #answer-11,
#faq #content #secondary-content #answer-12,
#faq #content #secondary-content #answer-13,
#faq #content #secondary-content #answer-14,
#faq #content #secondary-content #answer-15 {
	display: none;
	}
	
																					/* ------------ Footer ------------ */
																					
#footer {
	background: url('images/footer-bg.gif') no-repeat 0 0;
	color: #549fd9;
	font-size: 90%; 
	height: 45px;
	padding: 0 24px;
	width: 912px;
	}

#footer ul {
	display: block;
	float: left;
	margin-top: 4px;
	width: 600px;
	}

#footer ul a {
	color: #fff;
	text-decoration: none;
	}

#footer ul a:hover {
	color: #fff;
	text-decoration: underline;
	}

#footer ul li {
	background: url('images/icon-footer-links.gif') no-repeat right 8px;
	float: left;
	margin-right: 8px;
	padding-right: 10px;
	}

#footer ul .last {
	background: none;
	}
	
#footer #copyright {
	float: left;
	}

#footer #copyright span {
	padding: 0 4px;
	}
		
#footer #aztec a {
	color: #549fd9;
	float: right;
	margin-top: 23px;
	text-decoration: none;
	}
	
#footer #aztec a:hover {
	color: #549fd9;
	text-decoration: underline;
	}
/* End of 'global' */