/*
	Author	:	Sonora DesignWorks
	Website	:	SonoraDesignWorks.com
*/

@import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700);
@import url("reset.css");





/* GENERAL
-----------------------------------------------------------------------------*/

html {background-image: url(../images/back.jpg);}

body  {
	font-family: 'Droid Sans', sans-serif;
	background:url(../images/plans.png) top center no-repeat;
	text-align: center;
	color: #444;
}

/* Headings
-----------------------------------------------------------------------------*/

h1 {font-size:18px}

/* LINKS
-----------------------------------------------------------------------------*/

a:link 		{color:#1f2f87; text-decoration:none}
a:visited 	{color:#1f2f87; text-decoration:none}
a:hover 	{color:#1f2f87; text-decoration:underline}
a:active 	{color:#1f2f87; text-decoration:underline}



/* CONTAINER
-----------------------------------------------------------------------------*/

#container { 
	width: 960px;
	background:#5b5c60;
	border:2px solid #cacbd2;
	margin: 0 auto;
	text-align: left;
} 


/* HEADER
-----------------------------------------------------------------------------
-----------------------------------------------------------------------------*/

#headHomeBack {
	width:960px; height:108px; background:url(../images/headHomeBack.jpg) no-repeat
}

#headIntBack {
	width:960px; height:108px; background:url(../images/headIntBack.jpg) no-repeat
}
#headLeft {width:281px; height:202px; background:url(../images/headLeftBack.jpg) no-repeat}


#header { width:960px; height:165px; margin:0 auto } 

#header h1 {
	margin: 0;
	text-indent:-9999px;
}

#flashLeft {width:281px; height:310px; background:url(../images/flashLeft.jpg) no-repeat; float:left}
#flashRight {width:679px; height:310px; background:url(../images/flash.jpg) no-repeat; float:right}

#maint {float:right; position:relative; right:30px; top:3px}
.headContact {color:#444; font-size:13px; font-weight:bold; float:right;  text-align:right; margin:60px 45px 0 0; line-height:20px}
.headContact span {color:#818080}

.logo {float:left; margin:10px 0 0 60px}

/* MAIN NAV
-----------------------------------------------------------------------------*/

#mainNav {color:#fef8d8; font-size:16px; margin-top:30px; margin-left:32px; float:left;  }

#mainNav li {display:inline; padding:0 9px}

#mainNav a {text-decoration:none; font-family: 'Droid Sans', sans-serif; font-size:17px }

#mainNav a, #mainNav a:visited	{color:#fff}
#mainNav a:hover 	{color:#fef8d8}
#mainNav li span {color:#bab9b9}

/* MAIN NAV current page styles
-----------------------------------------------------------------------------*/


#plans-page .unit-plans-link,
#contact-page .contact-link,
#gallery-page .gallery-link,
#features-page .features-link,
#plans-page .unit-plans-link,
#commercial-page .com-link,
#community-page .community-link,
#developer-page .developer-link,
#home-page .home-link
{color:#fef8d8 !important}



/* Left Col
-----------------------------------------------------------------------------*/

#leftCol {
	float: left;
	width: 540px;
	margin:40px 0 0 70px;
}

#leftColOneCol{
	float: left;
	width: 800px;
	margin:40px 0 0 70px;
}

/* home right Col
-----------------------------------------------------------------------------*/

#homeRightCol {
	float: right;
	margin:70px 45px 0 0;
	width:257px
}

/* Interior right Col
-----------------------------------------------------------------------------*/
#rightColInt {width:295px; float:right; padding:20px}

/* MAINCONTENT
-----------------------------------------------------------------------------
-----------------------------------------------------------------------------*/

#homeMainContent { 
	background:url(../images/homeContentMainBack.jpg) no-repeat top; width:960px; min-height:310px; clear:both; padding-bottom:20px
} 

#leftCol ul {margin-left:20x;}
#leftCol li {margin-bottom:15px; background:url(../images/bullet.png) left top no-repeat; padding-left:15px; font-weight:bold; }

.com {width:202px; float:left; padding:20px; border:2px solid #ccc; margin:25px 19px 25px 0; min-height:350px}
.com ul {margin-left:0}
.com li {margin-bottom:10px; background:url(../images/bullet.png) left top no-repeat; padding-left:15px; font-weight:bold; }
.com span {font-size:16px; font-weight:bold; color:#542722}


#intMainContent {}
#interiorContentBack {}

#intMainContent2 {background:url(../images/intContBack2.jpg) repeat-y}
#interiorContentBack2 {min-height:412px; background:url(../images/intContBackTop2.jpg) no-repeat top; width:960px}


/* FOOTER
-----------------------------------------------------------------------------*/

#footer { width:900px; margin:0 auto; color:#707174; font-size:11px; font-family:Arial, Helvetica, sans-serif; text-align:left } 
#footer a, #footer a:visited {color:#707174;}
#footer a:hover {color:#707174; text-decoration:underline}

.copy {width:500px; float:left}
.properties { text-align:right; width:330px; float:right; color:#542722; font-style:italic; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; margin-top:-5px; margin-bottom:40px }
.properties img { margin:10px 2px 0 23px }

/* Gallery page
-----------------------------------------------------------------------------*/

#galTable {}
#galTable td {padding:8px; text-align:center; vertical-align:middle}
#galTable img {border:2px solid #c3d0d9; margin:0px; }

#galTable img:hover {border:2px solid #c3d0d9; *border:2px solid #888; margin:0px; -webkit-box-shadow: 0px 0px 4px #333;
-moz-box-shadow: 0px 0px 4px #333;}


/* Forms
-----------------------------------------------------------------------------*/

input, textarea {background-color:#fffceb !important; width:200px; border:1px solid #777; padding:3px; color:#333; font-weight:bold}
.radio {width:20px; background:none; position:relative; top:3px; border:0px}
input:focus, textarea:focus  {background-color:#fef9d9 !important; -webkit-box-shadow: 0px 0px 2px #999;
-moz-box-shadow: 0px 0px 2px #999;}

textarea {width:330px}
.submit {width:130px; cursor:pointer; -webkit-border-radius:5px;
-moz-border-radius:5px;}
.submit:hover {-webkit-box-shadow: 0px 0px 2px #999;
-moz-box-shadow: 0px 0px 2px #999; background:#FFF; -webkit-border-radius:5px;
-moz-border-radius:5px;}
select {width:150px}

#maintTable td{padding:7px 0}

.dots {padding-top:15px; border-top:1px dotted #ccc}


/* New styles -redesign- 2011
-----------------------------------------------------------------------------*/

.main { width:900px;  margin:0 0 0 30px; clear:left; background:url(../images/mainBack.jpg) bottom repeat-x #fff  }
.mainInner { background:url(../images/headerBack.jpg) 0 0 no-repeat; }
h1.home-title { color:#542722; font-size:19px; text-align:center; padding:65px 0 40px 0  }

.topSection { float: left; margin: -10px 0 0 30px; width: 850px; font-size:13px; line-height:17px }
.botSection { float: left; margin: 40px 0 0 20px; width: 860px; font-size:13px }

.botSection ul {margin-left:20x;}
.botSection li {margin-bottom:15px; background:url(../images/bullet.png) left top no-repeat; padding-left:15px; font-weight:bold; }

p.home-imgs { float:right; margin-top:4px }
p.home-imgs img {margin-left:7px}

.buttons { padding:0 0 0 38px;  }
.buttons img { margin:30px 0 0 20px}

.hours { width:860px; margin:20px 0 0 15px; background:#fef8d8; padding: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size:14px; color:#542722; height:30px; }
.hours p {padding:0; margin:8px 0 0 0}
.hours p.h1 {width:600px; float:left; padding-left:10px;}
.hours p.h2 {width:200px; float:right; text-align:right; padding-right:10px; font-weight:bold }

/* inner */
h1.int-title { color:#542722; font-size:19px; text-align:left; padding:65px 0 40px 30px  }
img.banner { float:right; border:2px solid #b4b3b3; margin:37px 15px 0 0 }

.rightCol { width:270px; float:right; }

/* left col */
.leftCol { width:550px; float:left;  font-size:13px; line-height:17px; margin: -120px 0 0 30px; min-height:600px  }
.leftCol ul {margin-left:20x;}
.leftCol li {margin-bottom:15px; background:url(../images/bullet.png) left top no-repeat; padding-left:15px; font-weight:bold; }


.main.inner{background:url(../images/inner-cont-back.jpg) bottom #fcfcfc no-repeat; min-height:600px}
#gallery-page .main.inner, #plans-page .main.inner{background:url(../images/mainBack.jpg) bottom #fcfcfc repeat-x; min-height:600px}
#commercial-page .main.inner{background:#fcfcfc; min-height:600px}

.right-col-img {position:relative; left:-40px; top:50px}