/* Key styles for: Vista Homes*/
/* Website designed and developed by Mojito Solutions, Katrina Youngman */
/* Last updated: Joanne Walter, 11th May 2010 */

/*Reset Styles*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}

sup{font-size:xx-small; vertical-align:top;} 
sub{font-size:xx-small; vertical-align:bottom;}

body{font-size: 62.5%; font-family: "Century Gothic", Arial, Helvetica, sans-serif; color: #fff; background: #363636; overflow-x:hidden;}

img, div, #nav {behavior: url(iepngfix.htc)}
#bg {width: 100%; left: 0px; top: 0px; position: absolute; z-index: -1;}

/*Container Styles*/
#main {z-index: 99; position: absolute; top: 0; width: 100%}
.wrapper {margin-left: auto; margin-right: auto; width: 960px; z-index: 4;}
#nav{background: #fff; margin-top: 40px; position: relative; height: 30px; margin-bottom: 100px;}
#subnav {background: url(images/subnav.png) repeat;}
#logo {position: absolute; top: 0; width: 280px; background: none;}
#sublogo {position: absolute; top: 30px; width: 280px; background: none; height: 172px;}
#homecontent {width: 820px; float: right; margin-right: 30px; margin-top: 340px; padding: 20px; background: url(images/black-80.png) repeat;}
#content {width: 820px; margin-left: auto; margin-right: auto; padding: 20px; margin-top: 90px; padding-top: 60px !important; position:relative;}
*html #homecontent {margin-right: 20px;}

#bannerimg { width: 820px; height: 169px;  margin-bottom: 35px;}
#bannersquares { margin-left: 673px; margin-top: -10px; }


/*Navigation Styles*/
#nav ul {padding: 5px; text-align: right;  margin-left: 280px;}
#nav li {margin: 0; display: inline; list-style: none;}
#nav li a{ margin: 8px; text-decoration: none; color: #35383d; font-size: 1.4em; text-transform: uppercase; font-weight: bold;}
*html #nav li a {margin: 7px;}
#nav li a:hover {color: #0077be; border-bottom: none;}
#nav li.current a{color: #0077be; border-bottom: none;}

/*Sub-Navigation Styles*/
#subnav ul {padding: 5px 5px 4px 5px; text-align: right; margin-left: 280px;}
#subnav li {margin: 0; display: inline; list-style: none;}
#subnav li a{ margin: 5px; text-decoration: none; color: #35383d; font-size: 1.2em; text-transform: uppercase; font-weight: bold; height: 30px; padding: 5px;}
#subnav li a:hover {color: #fff; border-bottom: none; background: #35383d;}
#subnav li.current-page a{color: #fff; border-bottom: none; background: #35383d;}

/*Link Styles*/
a {color: #27a348; text-decoration: none;}
a:link{color: #27a348;}
a:visited {color: #27a348;}
a:hover {color: #fff; border-bottom: 1px dashed #27a348;}

table.tablefilled a{color: #000;}
table.tablefilled a:hover {color: #fff; border-bottom: 1px dashed #fff;}

a.img-link{border-bottom: none;}
a.img-link:hover{border-bottom: none;}


/*Paragraph Styles*/
h1 {font-size: 2.2em; color: #27a348; padding-bottom: 5px; font-weight: normal;}
h2 {font-size: 1.8em; color: #27a348; padding-bottom: 5px; font-weight: normal;}
h3 {font-size: 1.5em; color: #27a348; padding-bottom: 2px; font-weight: normal;}
h4 {font-size: 1.3em; color: #27a348; padding-bottom: 2px; font-weight: normal;}
p {font-size: 1.2em; color: #fff; padding-bottom: 10px;}

#homecontent h1 {font-size: 2.2em; color: #FFF; padding-bottom: 5px; font-weight: normal;}
#homecontent h2 {font-size: 1.8em; color: #27a348; padding-bottom: 5px; font-weight: normal;}

/*Table Styles*/
table {background: none; border: none; margin-bottom: 10px;}
table td {padding: 5px; background: none; color: #fff; border: none; font-size: 12px}
table th {text-align: left; font-size: 15px; color: #27a348; padding: 5px; border: none;}
table p{font-size: 12px; padding-bottom: 0;} /*Make sure you set the font size of this style to match the tabel td font size*/

table.tablefilled {background: #0077be; border: 1px solid #000; margin-bottom: 10px;}
table.tablefilled td {padding: 5px; background: #0077be; color: #fff; border: 1px solid #000; font-size: 11px}
table.tablefilled th {text-align: left; font-size: 15px; color: #fff; padding: 5px; border: 1px solid #000;}

/*List Styles*/
#content ul, #content ol {font-size: 12px; margin-left: 30px; padding-bottom: 10px;}

ul.icon-list {margin-left: 0 !important; margin-top: 5px;}
ul.icon-list li{list-style: none; background: url(images/pdf-icon.png) no-repeat 0 0px; padding-left: 30px; padding-bottom: 8px; padding-top: 4px;}

ul.list-style-none li {list-style: none; clear: both; padding-bottom: 5px;}
.list-prefix {display: block; float: left; font-weight: bold; width: 90px;}

/*Image Styles*/
img {padding: 0px;}
#content img{padding: 5px;}
#content img.left{padding: 5px 10px 5px 0px;}
#content img.right{padding: 5px 0px 5px 10px;}

/*Class Selectors*/
.right {float: right;}
.left {float: left;}
.clear {clear: both;}
.divider {clear: both; border-bottom: 1px solid #27a348; padding-top: 20px; margin-bottom: 20px;}
.highlight {color: #27a348;}

/*Maxigallery Styles*/
.managecontainer {height: 300px; overflow: scroll; padding: 10px;}
/*Sizing the thumbnails */
/*You will also have to do the following: In assets/snippets/maxigallery/css/default.css add the following to "ul.thumbs li": */
/*width:size-you-want px;*/
/*height:size-you-want px;*/
/*overflow:hidden;*/
/*position: relative; -- need this for it to work in IE6 */
.thumbs li{height: 100px; width: 150px;}
.thumbnail {height: 99px; width: 150px;  margin: 0; padding: 0;}
.thumbs p {display: none;}
.thumbscontainer ul{margin-left: 0px !important;}

/*Link styles for the lightbox*/
#lbBottomContainer a{color: #006699; text-decoration:none; border-bottom: none;}
#lbBottomContainer a:hover { color: #333; border-bottom: none;}
#lbCenter a{color: #006699; text-decoration:none; border-bottom: none;}
#lbCenter a:hover { color: #333; border-bottom: none;}

/*Positioning the whole Gallery*/
.jdGallery { z-index: 0 !important;} /*This forces the maxigallery to the back of any other elements, so if you have a drop down menu the drop down menu doesn't get stuck behind the maxigallery*/

	
/*Supersize Plugin Styles*/
#supersize{position:fixed;}
#supersize img, #supersize a{height:100%;width:100%;position:absolute;z-index: 0;}
#supersize .prevslide, #supersize .prevslide img{z-index: 1;}
#supersize .activeslide, #supersize .activeslide img{z-index: 2;}

/*Shadow Container*/
.shadow{margin-left: auto; margin-right: auto; width: 1010px;  }
.shadow span.middle {display: block; background: url(images/grey-bg.png) repeat-y;margin-top: -90px; padding-top: 0px !important; height: 100%; }
.shadow span.top{height: 50px !important; margin-bottom: -40px;  margin-left: auto; margin-right: auto; width: 1010px; margin-top: 0px !important; padding-top: 0px !important; }
.shadow span.bottom{display: block; background: url(images/shadow-bottom.png) no-repeat; height: 56px;}