/* Global properties */
body
{
  border:0;
  font: 13px arial;
  color:#000;
  line-height:24px
}
.ic, .ic a
{
  border:0;
  float:right;
  background:#fff;
  color:#f00;
  width:50%;
  line-height:10px;
  font-size:10px;
  margin:-220% 0 0 0;
  overflow:hidden;
  padding:0
}
.css3
{
  border-radius:8px;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  box-shadow:0 0 4px rgba(0, 0, 0, .4);
  -moz-box-shadow:0 0 4px rgba(0, 0, 0, .4);
  -webkit-box-shadow:0 0 4px rgba(0, 0, 0, .4);
  position:relative
}
/* Global Structure */
.main
{
  margin:0 auto;
  width:960px;


}
.main1
{
  width:100%;
  background-color: #cc0001;
}
.main2
{
  width:100%;
  background-color: #cc0001;
  margin-bottom: 10px;
  padding-bottom: 20px;
}
.body1 { background-color: #fff; }
.body2 { background:#fff }
.body3 { background:#fff}
.body4 {background:#fff }
.body5 {  }
.body6 { background-color: #fff; }
/* main layout */
a
{
  color:#a80002;
  text-decoration:none;
  outline:none
}
a:hover { text-decoration:underline }
h1
{
  float:left;
  padding-top: 0px;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0px;
}
h2
{
  font-size:28px;
  line-height:1.2em;
  color:#200000;
  padding:16px 0 12px 0;
}
h2.letter_spacing { letter-spacing:-3px }
h3
{
  font-size:21px;
  color:#230000;
  line-height:1.2em;
  padding:20px 0 9px 0;
  letter-spacing:-1px
}
h3 span { color:#a80002 }
h4
{
  font-family: Arial, Helvetica, sans-serif;
  font-size:21px;
  color:#230000;
  line-height:1.2em;
  padding:20px 0 9px 0;
}
h4 span { color:#a80002; }
p { padding-bottom:15px }
.main-col p
{
    text-align: justify;
}


.main-col ul
{
   list-style: circle !important; 
    }

.main-col li
{
   list-style: circle !important; 
    }
.apartment-images { margin: auto; max-width: 580px; width: 100%; }
.apartment-images img { float: left; }
.apartment-images img.image1 { margin-right: 8px }
.apartment-images img.image2 { margin-bottom: 8px }

/* header */
header
{
  height:121px;
  padding-top:31px;

  overflow:hidden;
    width:960px;
    margin:0 auto;
    padding-bottom: 10px;
}
#logo-container
{
  display:block;
  background:url(../images/logo.png) 0 0 no-repeat;
  width:370px;
  height:94px;
  text-indent:-9999px
}
#logo-container a {
	width: 100%;
	}
#top_nav
{
  float:right;
  padding:4px 43px 30px 0
}
#top_nav li
{
  float:left;
  padding:3px 26px 5px 0;
  background:url(../images/top_line.gif) right 0 no-repeat;
  margin-right:25px
}
#top_nav li a
{
  display:block;
  line-height:0
}
#top_nav .end
{
  background:none;
  padding-right:0;
  margin-right:0
}
#menu
{
  width:570px;
  float:right;
  padding:0px;
  margin-top: -5px;
}
#menu li
{
  float:left;
  padding-left:2px
}
#menu li a
{
  display:block;
  font-size:16px;
  color:#faf3ed;
  line-height:40px;
  padding:0 8px;
  height:40px;
}
#menu li a:hover, #menu .active a
{
  text-decoration:none;
  background-color: #FFF;
  color: #000;
}
.slider_bg
{
  width:960px;
  height:348px;
  position:relative;
  overflow:hidden;

 

}
.slider
{
  position:absolute;
  z-index:1;
  width:960px;
  background-color: #FFF;
}
.slider .items {
  display:none;
  background-color: #FFF;
}
.slider .pic
{
  float:left;
  position:relative;
  margin-left: 291px;
}

.slider .pic img
{
    width:670px !important;}

.banner
{
  left:0px;
  top:0;
  position:absolute;
  width:271px;
  z-index:2;
  text-align:center;
  background-color: #FFF;
  padding: 10px;
  height: 328px;
  }
  
.banner strong
{
  font-size:30px;
  color:#bf0f0a;
  display:block;
  line-height:1.5em;
  text-transform:uppercase;
  padding:45px 0 0 0
}
.banner strong span
{
  display:block;
  margin-top:-16px
}
.banner b
{
  display:block;
  font-size:27px;
  color:#312826;
  text-transform:uppercase;
  padding:0 0 23px 0;
  line-height:1.2em;
  letter-spacing:-1px
}
.banner p { background:url(../images/quot1.png) 0 0 no-repeat }
.banner p span
{
  display:block;
  background:url(../images/quot2.png) right bottom no-repeat;
  padding:0 0 0 0;
  color:#000000;
  padding-bottom:2px;
  font-size: 14px;
}
.slider .pagination
{
  position:absolute;
  z-index:5;
  bottom:25px;
  left:107px
}
.slider .pagination li
{
  float:left;
  padding-right:3px
}
.slider .pagination a
{
  display:block;
  width:17px;
  height:17px;
  text-indent:-9999px;
  background:url(../images/buttons.png) right 0 no-repeat
}
.slider .pagination a:hover, .slider .pagination .current a { background-position:left }
/* content */
#content {
  width:960px;
  margin:0 auto;
}
#content2 { padding-bottom:31px }
.pad_left3 {
  padding-left:15px;
  padding-top: 10px;
}
.pad_left2 { padding-left:25px }
.pad_left1 { padding-left:5px }
.pad_bot1 { padding-bottom:13px }
.pad_bot2 { padding-bottom:24px }
.marg_right1 { margin-right:20px }
.box
{
  background:url(../images/box_bg.png) repeat;
  color:#faf3ed;
  box-shadow:0 0 5px rgba(0, 0, 0, .4);
  -moz-box-shadow:0 0 5px rgba(0, 0, 0, .4);
  -webkit-box-shadow:0 0 5px rgba(0, 0, 0, .4)
}
.box > div
{
  background:url(../images/box_top.png) 0 top no-repeat;
  padding:30px;
  padding-top:0;
  overflow:hidden
}
.box h2
{
  color:#a80002;
  padding:15px 0 12px 0
}
.box h2 span { color:#faf3ed }
.box figure { padding-bottom:13px }
.list1 li a
{
  font-style:italic;
  padding-left:12px;
  background:url(../images/marker_1.gif) 1px 8px no-repeat;
  color:#faf3ed
}
.list_1 { color:#fff }
.list_1:hover { text-decoration:none }
.button1
{
  display:inline-block;
  font-size:20px;
  color:#faf3ed;
  line-height:34px;
  padding:0 15px;
  background:#a80002;
  letter-spacing:-1px
}
.button1:hover
{
  text-decoration:none;
  color:#1e0000;
  background:#faf3ed
}
.testimonials li span
{
  float:left;
  width:40px;
  height:40px;
  font-size:30px;
  color:#faf3ed;
  line-height:34px;
  text-align:center;
  background:#a80002;
  margin-right:20px
}
.testimonials li p
{
  float:left;
  width:180px;
  padding-bottom:15px
}
.testimonials li img { padding-top:2px }
.line1 { background:url(../images/line_vert1.gif) 285px 0 repeat-y }
.line2 { background:url(../images/line_vert1.gif) 615px 0 repeat-y }
.price { margin-top:-7px }
.price li
{

  color:#000;
  background:url(../images/marker_2.gif) 1px 11px no-repeat;
  padding-left:12px
}
.address { padding-bottom:0 }
.address span
{
  float:left;
  width:84px
}
/* footer */
footer
{
  height:138px;
  font:13px "Trebuchet MS", Arial, Helvetica, sans-serif;
  color:#000;
  line-height:18px
}
footer a
{
  color:#c53005;
  text-decoration:underline
}
footer a:hover { text-decoration:none }
#icons { padding:5px 0 0 0 }
#icons li
{
  float:left;
  padding-right:9px
}
/* Tooltips */
.aToolTip
{
  background:#a80002;
  color:#fff;
  margin:0;
  padding:2px 10px 3px;
  font-size:11px;
  position:absolute;
  line-height:17px
}
.aToolTip .aToolTipContent
{
  position:relative;
  margin:0;
  padding:0
}
/* forms */

#enquiryForm textarea { border: 1px solid #999; }

.gallery ul
{
    list-style:none;
    display:inline;
    margin-left: 0px;
    padding: 0px;
}

.gallery li
{
    list-style:none;
    display:inline-block;
    padding: 0px;
    margin: 0px;
}
.gallery img
{
padding:5px;    
}

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(../images/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(../images/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(../images/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(../images/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}

.contentImage
{
  margin-left: 3px;
  border: solid 1px #d6d6d6;
 padding: 5px;    
}

input.dp-applied {
	width: 141px;
	float: left;
}

a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../images/calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}

#calendar-me {
	margin: 20px;
}
table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}

table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected.dp-hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	background: #fff;
	color: #000;
}
table.jCalendar tr.selectedWeek td {
	background: #f66;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	background: #bbb;
	color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
	background: #ccc;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}

.iframeWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.iframeWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  border:0;
}

/*MOBILE CSS*/
@media only screen and (max-width: 960px) {
	* { box-sizing: border-box !important }
	
	.slider .pic
{
  float:none;
  position:relative;
  margin-left: 0;
}

.banner { background-color: rgba(255,255,255,0.4); height: 348px; text-align: center; width: 100%; max-width: 670px; }
.banner p span { color: #141414; text-shadow: 1px 1px #FFF; }
.banner strong, .banner b { text-shadow: 1px 1px #fff; }
.slider .pagination { left: 42%!important; }
.slider .pic {  width: 100%!important; background-size: cover!important; background-position: center center!important;  }
.slider { max-width: 670px; position: relative; margin: auto; }
	
	
	/*NAV MENU CSS*/
	#nav { position: fixed; right: 0; top: 0; z-index: 9999999; width: 100%; }
	#nav li a { padding-top: 10px; padding-bottom: 10px; color: #fff; height: 64px }

	#nav > a { }
	#nav:not( :target ) > a:first-of-type, #nav:target > a:last-of-type {
		display: block;
		position: absolute;
		right: 25px;
		top: 105px;
		background-image: url('../images/nav.png');
		background-repeat: no-repeat;
		width: 50px;
		height: 50px;
	}
 
    /* first level */
 
    #nav > ul {
        height: auto;
        display: none;
        position: relative;
        left: 0;
        right: 0;
		margin-top: 160px!important;
		width: 100%;
	}
	#nav:target > ul { display: block; }
	#nav > ul > li {
		width: 100%;
		float: none;
		margin: 0; padding: 0;
		background-color: #2b2b2b;
		border-bottom: 2px solid #fff;
	}
 
    /* second level */
 
    #nav li ul {
        position: relative!important;
		width: 100%;
    }
	
	#nav li:hover li a { }
	header { width: 100% !important; padding: 20px; height: 160px; box-sizing:border-box }
	#logo-container { background-size: 100% auto; max-width: 370px;  width: 100%; }
	#content { padding: 20px }
	#content, .slider_bg, .slider { width: 100%; box-sizing:border-box; }
	.main { width: 100% !important }
	.col1, .col2, .col3 { width: 100% !important; padding: 20px !important; margin: 0 !important }
	.col1 img, .col2 img, .col3 img { max-width: 100% !important; display: block !important; margin:auto !important; height: inherit }
	footer .col1, .col2 { text-align:center; }
	.addthis_toolbox.addthis_default_style.addthis_32x32_style { margin: auto; max-width: 180px; }
	.gallery img {  float: left; width: 50px; }
	.pad_left1 { padding-left: 0 }
	.contactform { width: 100% !important }
	div#dp-popup, .dp-popup { left: inherit !important; right: 30px !important; }
}
@media only screen and (max-width: 600px) {
	#top_nav { float: left; }
	.main-col p { text-align: left; font-size: 15px }
	.apartment-images img { float: none; margin-bottom: 10px !important }
	
}
@media only screen and (max-width: 500px) {
	.contactform td { display: block; width: 100%; text-align: center }	
	.contactform input, .contactform textarea { width: 100%; padding: 10px }
	a.dp-choose-date { float: right; margin: -26px 10px 0 0 }
}