/* This resets all styles to zero so that we have complete control. */

* {
border:none;
margin:0;
padding:0;
}

body {
font-family:Helvetica, Arial, Verdana, sans-serif;
background:#3A5943;
color:#5F6464;
}

#content a,a {
color:#6799B7;
}

#background {
position:fixed;
top:0;
right:0;
left:0;
bottom:0;
background:#3A5943;
z-index:0;
}

#horizontile {
position:absolute;
top:0;
right:0;
left:0;
width:100%;
height:600px;
background:url('../images/horizontile.jpg');
z-index:1;
}

#horizon {
position:absolute;
top:0;
right:0;
left:0;
width:100%;
height:600px;
background:url('../images/horizon.jpg');
background-repeat:no-repeat;
background-position:top center;
z-index:2;
}

#content {
position:absolute;
top:190px;
left:50%;
width:800px;
background:url('../images/content-background.jpg');
background-repeat:no-repeat;
background-position:top center;
z-index:3;
margin:0 0 0 -400px;
padding:40px 0 0;
}

#navbackground {
position:absolute;
top:175px;
right:0;
left:0;
width:100%;
height:50px;
background:url('../images/nav-background.png');
background-repeat:no-repeat;
background-position:top center;
z-index:4;
}

#header {
position:absolute;
top:0;
left:50%;
width:870px;
height:230px;
z-index:5;
margin:0 0 0 -405px;
}

#logo {
position:absolute;
top:25px;
right:264.5px;
bottom:101px;
left:264.5px;
width:271px;
height:104px;
z-index:6;
}

#nav {
position:absolute;
top:173px;
width:870px;
height:40px;
z-index:7;
}

#nav p,#nav a {
float:left;
font-size:12px;
color:#FFF;
text-decoration:none;
padding:13px 8px;
}

#nav p#home,#nav a#home {
padding:4px 9px;
}

.bar {
float:left;
width:1px;
height:25px;
background:#61594C;
margin:8.5px 0;
}

#nav a:hover,#nav p {
background:url('../images/nav-hover.png');
background-repeat:no-repeat;
}

h1 {
text-align:center;
font-size:16px;
color:#6799B7;
margin:0;
}

img {
margin:8px 0;
}

#index-main {
margin:12px 7px;
}

#left {
float:left;
width:470px;
display:inline;
overflow:hidden;
margin:0 0 0 23px;
}

#right {
float:left;
width:270px;
display:inline;
overflow:hidden;
margin:0 23px 0 14px;
}

h2 {
	text-align:center;
	font-size:17px;
	color:#6799B7;
}

#content p {
font-size:11px;
line-height:18px;
margin:20px 0 0;
}

#content h2 + p,#content .twocolboxbot + p,#content img.rule + p {
margin:3px 0 0;
}

.twocolboxtop {
width:467px;
height:11px;
background:url('../images/twocolboxtop.png');
margin:9px 0 0;
}

.twocolboxbot {
width:467px;
height:11px;
background:url('../images/twocolboxbot.png');
margin:0 0 11px;
}

.twocolbox {
width:480px;
background:url('../images/twocolbox.png');
}

ul {
font-size:11px;
color:#999;
margin:0 4em 0 2em;
}

ul li + li {
margin:6px 0 0;
}

.onecolboxleft {
float:left;
width:210px;
margin:14px 0 0;
}

.onecolboxright {
float:left;
width:210px;
margin:14px 0 0 22px;
}

.onecolboxleft h2.space,.onecolboxright h2.space {
margin:14px 0 3px;
}

#content h2.space {
margin:14px 0 0;
}

.onecolboxleft ul,.onecolboxright ul {
margin:8px 0 8px 2em;
}

.onecolboxleft ul + ul,.onecolboxright ul + ul {
margin:16px 0 8px 2em;
}

span {
color:#6799b7;
}

#content .onecolboxleft p,#content .onecolboxright p {
margin:0;
}

#content .onecolboxleft p + p,#content .onecolboxright p + p {
margin:20px 0 0;
}

img.right {
float:right;
margin:4px 0;
}

#retreatboxtop {
width:270px;
height:36px;
background:url('../images/retreatboxtop.png');
}

#retreatboxbot {
width:270px;
height:11px;
background:url('../images/retreatboxbot.png');
margin:0;
}

h3 {
text-align:center;
font-size:1em;
font-weight:400;
color:#6799B7;
padding:8px 0 0;
}

#retreatbox {
width:270px;
background:url('../images/retreatbox.png');
}

#retreatbox p,#valleybox p {
color:#716859;
margin:8px 18px 0;
}

#retreatbox img,#valleybox img {
margin:8px 18px;
}

p.clear {
clear:both;
}

#valleyboxtop {
width:270px;
height:36px;
background:url('../images/valleyboxtop.png');
margin:11px 0 0;
}

#valleyboxbot {
width:270px;
height:11px;
background:url('../images/valleyboxbot.png');
}

#valleybox {
width:270px;
background:url('../images/valleybox.png');
}

#footer {
clear:both;
width:800px;
height:225px;
background:url('../images/content-footer.png');
background-repeat:no-repeat;
background-position:top center;
padding:0;
}

#footer img {
width:752px;
height:86px;
margin:20px 24px 50px;
padding:0;
}

#footer p,#footer a {
float:left;
color:#6D8068;
font-size:9px;
text-decoration:none;
margin:0 2px;
padding:0;
}

#footer p {
margin:-2px 2px 0;
}

#footer p.right,#footer a.right {
float:right;
color:#6D8068;
font-size:9.3px;
text-decoration:none;
margin:-1em 2px;
padding:0;
}

#footer a img {
width:13px;
height:16px;
margin:2px 0 0 2px;
}

#footer p.break {
clear:both;
width:800px;
margin:0 2px;
}

#subnav p,#subnav a {
float:left;
font-size:14.6px;
margin:0 5px 15px;
padding:0;
}

#subnav a {
color:#827866;
text-decoration:none;
}

#subnav p {
color:#5486A4;
}

img.rule {
clear:both;
width:467px;
height:4px;
margin:15px 0;
}

hr.hide {
height:1px;
background:transparent;
}

div.space {
background:transparent;
margin:14px 0 0;
}

img.rule2 {
clear:both;
width:467px;
height:4px;
margin:15px 0 0;
}

img.rule3 {
clear:both;
width:467px;
height:4px;
margin:0 0 15px;
}

#content p.download {
float:left;
width:450px;
border:solid thin #DDDAD1;
margin:0;
padding:5px;
}

.download img.left,.download2 img.left,.download3 img.left,.download4 img.left {
float:left;
margin:0 4px 0 0;
}

.download img.right,.download2 img.right,.download3 img.right,.download4 img.right {
float:right;
margin:-17px 0 0;
}

.download strong,.download2 strong,.download3 strong,.download4 strong {
font-weight:400;
font-size:14.6px;
color:#999;
}
.download-new {
border:solid thin #DDDAD1;

padding:5px;
font-size:11px;
color:#999;
}


.preview {
text-align:center;
}

.preview img {
margin:9px 0 0 2px;
}

.threecolbox {
float:left;
margin:14px 0;
}

.threecolbox ul {
margin:0 0 0 3em;
}

#content p.download2 {
clear:both;
display:block;
width:227px;
border:solid thin #DDDAD1;
margin:14px 120px 0;
padding:5px;
}

ul.space {
margin:8px 0 0 2em;
}

#content p.download3 {
width:220px;
border:solid thin #DDDAD1;
margin:14px 247px 0 0;
padding:5px;
}

#content form p {
margin:5px 0 0;
}

form p em {
float:left;
font-style:normal;
width:75px;
text-align:right;
margin:0 5px 0 0;
}

form input {
border:solid 1px #D5D5D5;
height:20px;
width:268px;
background:url('../images/form-background.jpg');
margin:0;
}

form textarea {
border:solid 1px #D5D5D5;
height:125px;
width:268px;
background:url('../images/form-background.jpg');
background-repeat:no-repeat;
margin:0;
}

form input[name="phone"] {
width:138px;
}

form input[type="image"] {
width:79px;
border:none;
margin:0 0 0 270px;
}

form input[name="submit"]:hover {
cursor:pointer;
}

em.red {
color:red;
font-style:normal;
}

#content p.download4 {
float:right;
width:50%;
border:solid thin #DDDAD1;
margin:3px 0 0;
padding:5px;
}

#lightbox {
background-color:#eee;
border-bottom:2px solid #666;
border-right:2px solid #666;
padding:10px;
}

#lightboxDetails {
font-size:0.8em;
padding-top:0.4em;
}

#keyboardMsg {
float:right;
}

#overlay {
background-image:url(overlay.png);
}

* html #overlay {
background-color:transparent;
background-image:url(blank.gif);
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
}



.twocolbox ul.left,#lightboxCaption {
float:left;
}

#retreatbox img.right,#valleybox img.right,#retreatbox ul,#valleybox ul {
float:right;
margin:0 11px 0 0;
}

#footer a:hover,#subnav a:hover {
color:#0096FF;
}

#lightbox img,#overlay img {
border:none;
}
.smTxt1 {
font-size:10px;
}

.floatleft
{
float:left;
display:block;
width:30%;
margin-top:0px;
}


.floatright
{
margin-top:0px;
float:left;
display:block;
width:30%;
}

.clear
{
clear:left;
}

.icon
{
background-image:url(images/home.png);
width:15px;
height:16px;
}

/* Tuesday June 15, 2010 * Update on home page by Roy Arellano */

#widercol 
{
width: 755px;
float: left;
padding-left: 20px;
}

.valleybox2 h3 {
margin-bottom: 5px;
}

.valleybox2 p {
color:#716859;
padding-left: 20px;
width: 200px;
}

.valleybox2 img {
margin:8px 0px 8px 13px;
}


.valleybox2top {
width:247px;
height:36px;
background:url('../images2/valleybox2top.png');
margin:11px 0 0;
}

.valleybox2bot {
width:247px;
height:11px;
background:url('../images2/valleybox2bot.png');
margin-bottom: -10px;
}

.valleybox2 {
width:247px;
background:url('../images2/valleybox.png');
}

.valleyboxcon {
width: 247px;
float: left;
}

.push {
margin-left: 6px;
}

#topvalleystuff {
width: 755px;
float: left;
margin-bottom: 20px;
}

h1.lessspace2 {
font-size: 18px;
}

.twocolbg {
width: 352px;
height: 54px;
float: left;
background: url(../images2/twocolbg.png) no-repeat;
padding-top: 7px;
padding-left: 5px;
margin-top: 15px;
}

.twocolbox2top {
width:352px;
height:11px;
background:url('../images2/twocolbox2top.jpg');
margin:9px 0 0;
}

.twocolbox2bot {
width:352px;
height:9px;
background:url('../images2/twocolbox2bot.jpg') no-repeat;
margin:0 0 11px;
float: left;
}

.twocolbox2 {
width:352px;
background:url('../images2/twocolbox.png');
float: left;
}


.imgbox {
margin-bottom: 30px;
}

.smallleftcol {
width: 360px;
float: left;
text-align: left;
}

.smallleftcol h2 {
text-align: left;
}

.smallrightcol {
width: 360px;
float: right;
}

.smallrightcol2 {
width: 377px;
height: 233px;
float: right;
background:url('../images2/contact_bg.png') no-repeat;
text-align: center;
}

.smallrightcol2 h1 {
margin-top: 50px;
font-size: 18px;
}

.smallrightcol2 h2 {
font-size: 18px;
color:#5f6464;
margin-top: 5px;
}

.smallinfo {
width: 161px;
text-align: center;
}

.smallinfo a {
font-size: 11px;
}