/* Basic stylesheet for The ABC Landscapes
 * URL: http://theabclandscapes.com
 * CSS: allwood-style.css
 */

* {
	outline: none;
}

html {
	height: 100%;
}

body {
	height: 100%;
	padding: 0;
	margin:0 auto;
	font-family: 'Arial','Helvetica', sans-serif;;
	color: white;
	font-size: 15px;
	background-color:#FFFF99;
}

a {
	color: #002152;
	text-decoration: none;
}

a:hover {
	color: #00388c;
}

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

#grainLight {
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	height: 386px;
	width: 100%;
	/* background: url('/images/background.png'); */
}

#gradient {
	position: absolute;
	z-index: -1;
	top: 387px;
	left: 0;
	width: 100%;
	height: 227px;
	/* background: url('/images/bg-gradient.png') repeat-x; */
}

#top {
	position: relative;
	z-index: 10;
	margin: 0 auto;
	margin-bottom: 15px;
	margin-top:30px;
	width: 939px;
	height: 201px;
	top: 0;
	left: 0;
	cursor: pointer;
}

#navigation {
	position: absolute;
	bottom: -30;
	right: 20px;
}

#navigation a {
	display: block;
	float: right;
	padding-left: 20px;
	margin-right: 10px;
	color: #000000;
	font-size: 16px;
	font-weight: lighter;
	text-decoration: none;
	/* text-shadow: 1px 1px 2px #ffffff; */
	/* background: url('/images/nav-bullet.png') no-repeat 0 center; */
}

#navigation a:hover {
	color: #545454;
}

#navigation #nav-home {
	/* display: none; */
	/* background: none; */
}

#navigation #nav-property-info {
	background: none;
}

#logoRibbon {
	height: 100px;
    left: 36px;
    position: absolute;
    top: 0;
    width: 300px;
	/* background: url('/images/logo-allwood-atrium.png'); */
}
h1 {
    color:#5d5e00 ;
	border-bottom:1px solid #5d5e00;
	font-size: 24px;
    font-weight: lighter;
    margin-left: 20px;
    margin-right: 20px;
}
h2 {
    color:#001643;
	font-size: 19px;
    font-weight: 100;
}

#homeImage {
	position: relative;
	margin: 0 auto;
	margin-bottom: 20px;
	width: 989px;
	height: 367px;
	margin-top:60px;
	background: url('/images/homemiddletwo.png');
}

#homeImage #blackColumn {
	position: absolute;
	color: white;
	font-size: 19px;
	top: 1px;
	right: 37px;
	width: 234px;
	height: 408px;
	background: url('/images/pixel-black-transparent.png');
}

#homeImage #blackColumn p {
	margin-left: 20px;
	margin-right: 10px;
}

#homeBottom {
	margin: 0 auto;
	margin-bottom: 25px;
	width: 939px;
}
#homeBottom2 {
	margin: 0 auto;
	margin-bottom: 40px;
	width: 870px;
	color: #5D5E00;
	line-height: 20px;
	text-align: justify;
}
#homeBottom3 {
	/* margin-bottom: 40px; */
	width: 500px;
	color: #5D5E00;
	line-height: 20px;
	text-align: justify;
	margin-left: 20px;
	float:left;
	position:relative;
	/* width: 450px; */
}
/* #footer {
	margin:0 auto;
	margin-bottom:50px;
	width:939px;
	color:#5D5E00;
	line-height:20px;
	background:-moz-linear-gradient(center bottom , #FFFFFF 0%, #99B6FF 100%) repeat scroll 0 0 #408EDB;
	background: -webkit-gradient(linear, 0 0%, 0 100%, from(#408EDB), color-stop(0.2, #99B6FF), to(#FFFFFF));
    display:block; 
    border-bottom: 1px solid #000000;
    border-top: 1px solid #000000;
} */
#homeBottom4 {
	/* margin-bottom: 40px; */
	width: 900px;
	color: #5D5E00;
	line-height: 20px;
	text-align: justify;
	margin-left: 20px;
	float:left;
	position:relative;
	/* width: 450px; */
}

#footer {
	margin:0 auto;
	margin-bottom:50px;
	width:939px;
	height:51px;
	line-height:20px;
    display:block; 
    border-bottom: 1px solid #000000;
    border-top: 1px solid #000000;
	background-image:url(../images/footerie.png);
	background-repeat:repeat-x;
}
#footbox {
    float: left;
    margin-bottom: 20px;
    margin-right: 20px;
    width: auto;
	font-size:11px;
	margin-left: 88px;
	color:#001643;
}
#homeBottom div.list {
	float: left;
	margin-left: 30px;
	width: 360px;
}
#phone {
	position: absolute;
	top: -31;
	right: 20px;
	font-family: ‘Palatino Linotype’, ‘Book Antiqua’, Palatino, serif;
	font-size:23px;
	color:#070C47; 
}


ul.checkmarks {
	list-style: none;
	padding-left: 0;
	margin-left: 10px;
}

ul.checkmarks li {
	margin-bottom: 10px;
	padding-left: 30px;
	background: url('/images/checkmark.png') no-repeat 0 center;
}

#yellbox {
    background-image: url("/images/yellowbox.png");
    float: left;
    height: 174px;
    width: 233px;
    z-index: 10000;
	color:#5d5e00;
	font-family:Helvetica, Arial, sans-serif;
	background-repeat:no-repeat;
	font-size:12px;
	position:relative;
}
#yellin  {
    margin-left:15px;
	width:201px;
	text-align:justify;
}
h3  {
    border-bottom:1px solid;
	border-bottom-color:#5d5e00;
}
#morelink   {
    bottom: 0;
    margin-bottom: 20px;
    margin-left: 190px;
    position: absolute;
    text-align: right;
}
#maincon   {
    margin-top:43px !important;
    /* -moz-border-radius-topleft:12px; */
   /* -moz-border-radius-topright:12px; */
	/*-webkit-border-top-left-radius:12px; */
   /* -webkit-border-top-right-radius:12px; */
	border-top-left-radius:12px;
    border-top-right-radius:12px;
    background-color: #FDFFC8;
    border: 5px solid #FFFFFF;
    border-left: 4px solid #C3C477;
    border-right: 4px solid #C3C477;
    border-top: 4px solid #C3C477;
	border-bottom:none;
    margin: 0 auto;
    width: 932px;
	min-height: 360px;
}
#maincon2   {
    background-color: #FDFFC8;
    border: 5px solid #FFFFFF;
    border-left: 4px solid #C3C477;
    border-right: 4px solid #C3C477;
	border-top:none;
	border-bottom:none;
    margin: 0 auto;
    width: 932px;
}
#maincon3   {
    margin-top:60px !important;
    margin: 0 auto;
    width: 932px;

}
#boxright   {
    margin-left: 562px;
    padding-bottom: 20px;
    position: relative;
    /* width: 400px; */
}
/* SLIDESHOW CSS Begin */
/* SLIDESHOW CSS Now*/

div.content {
	/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	float: right;
	width: 400px;
	/* width: 550px; */
}
div.content a, div.navigation a {
	text-decoration: none;
	color: #777;
}
div.content a:focus, div.content a:hover, div.content a:active {
	text-decoration: underline;
}
div.controls {
	margin-top: 5px;
	height: 23px;
	width:386px;
}
div.controls a {
	padding: 5px;
	color:#5D5E00;
}
div.ss-controls {
	float: left;
}
div.nav-controls {
	float: right;
}
div.slideshow-container {
	position: relative;
	clear: both;
	height: 227px;
	margin-top:10px;
	/* height: 502px;*/ /* This should be set to be at least the height of the largest image in the slideshow */
}
div.loader {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 550px;
	height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.slideshow {

}
div.slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
div.slideshow a.advance-link {
	display: block;
	/* width: 550px; */
	/* height: 502px; */ /* This should be set to be at least the height of the largest image in the slideshow */
	/* line-height: 502px; */ /* This should be set to be at least the height of the largest image in the slideshow */
	/* text-align: center; */
}
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
	text-decoration: none;
}
div.slideshow img {
	vertical-align: middle;
	border: 1px solid #ccc;
}
div.download {
	float: right;
}
div.caption-container {
	position: relative;
	clear: left;
	height: 10px;
}
span.image-caption {
	display: block;
	position: absolute;
	width: 550px;
	top: 0;
	left: 0;
}
div.caption {
	padding: 12px;
}
div.image-title {
	font-weight: bold;
	font-size: 1.4em;
}
div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}
div.navigation {
	/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
}
ul.thumbs {
	clear: both;
	margin: 0;
	padding: 0;
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 5px 10px 5px 0;
	list-style: none;
}
a.thumb {
	padding: 2px;
	display: block;
	border: 1px solid #ccc;
}
ul.thumbs li.selected a.thumb {
	background: #000;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}
div.pagination {
	clear: both;
}
div.navigation div.top {
	margin-bottom: 12px;
	height: 11px;
}
div.navigation div.bottom {
	margin-top: 12px;
}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #ccc;
}
div.pagination a:hover {
	background-color: #eee;
	text-decoration: none;
}
div.pagination span.current {
	font-weight: bold;
	background-color: #000;
	border-color: #000;
	color: #fff;
}
div.pagination span.ellipsis {
	border: none;
	padding: 5px 0 3px 2px;
}
/* Slideshow CSS END NOW */