@charset "utf-8";
/* CSS Document */

* {
	margin:  0; 
	padding: 0; }

body {
	font-family: "Palatino Linotype", "Times New Roman", serif;
	font-size:   11px;
	line-height: 1.2;
	background: #40c5ee; }
	
div.clear { clear: both; }

div.bottom { margin-bottom: 10px; }
	
div.wrap {
	width:  960px;
	margin: 0 auto }

div.hiddenPic { display: none; }
div.hidden { display: none; }

a img { border:  none; }

h1 { font-size: 26px; font-weight: bold; }
h2 { font-size: 20px; font-weight: bold; }
h3 { font-size: 18px; font-weight: normal; }
h4 { font-size: 16px; font-weight: normal; }
p  { font-size: 10px; }

h1, h2, h3, h4, p { padding: 4px 0; }

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

#header, #iheader, #content, #footer {
	width:	100%;
	float:	left;
	clear:	both; }
	
#header {
	height: 25px;
	background: #efbe61; }

#iheader {
	height: 75px;
	background: #58ba49; }

#content {
	background: #efbe61; }

#content .wrap { position: relative; z-index: 4; }
#header .wrap { position: relative; }

.index 	 { height: 630px; }
.model   { height: 630px; }
.site	 { height: 685px; }
.photo   { height: 745px; }
.builder { height: 630px; }
.netzero { height: 820px; }
.contact { height: 630px; }
.site .white-stretch  { height: 680px; }
.photo .white-stretch { height: 730px; }
.netzero .white-stretch { height: 800px; }

.cortona {
	width: 425px;
	height: 50px;
	position: absolute;
	bottom: -35px;
	left: 15px;
	z-index: 11; }

.white {
	width: 740px;
	height: 514px;
	padding: 50px;
	background: url(../images/index-white.png);
	position: absolute;
	top: -30px;
	left: 120px;
	z-index: 5; }

.white2 {
	position: absolute;
	top: -30px;
	left: 120px;
	z-index: 5; }

.white-stretch {
	width: 840px;
	position: absolute;
	top: -30px;
	left: 120px;
	z-index: 5; }

.white-info {
	width: 740px;
	padding: 40px 50px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9; }

.index h1 { font-style: italic; }

.index-logo {
	width: 420px;
	height: 431px;
	position: absolute;
	top: 285px;
	right: -60px;
	z-index: 10; }

.box-index {
	width: 376px;
	height: 128px;
	margin: 10px 0 0 0;
	padding: 20px;
	float: left;
	background:url(../images/index-blue.gif) top left no-repeat; }

.box-index h3 { font-weight: bold; }
/* end index pg */

.little-logo {
	width: 200px;
	height: 205px;
	position: absolute;
	top: -60px;
	left: 450px;
	z-index: 10; }
	
/* site plan pg */
.siteplan {
	width: 758px;
	height: 554px;
	padding: 0 15px 15px 0;
	background: url(../images/bg_cortona.png);
	position: absolute;
	top: -30px;
	left: 120px;
	z-index: 5; }

/* model pg */
.box-model {
	width: 242px;
	height: 200px;
	padding: 10px;
	float: left;
	background: url(../images/builder-blue.gif) no-repeat top left; }

.model h2, .box-model h2 {text-align:center;}

.green { width: 350px; margin: 0 auto; float: right; color:#66CC33; }
.green h2 { font-size: 30px; }
.green ul {  }
.green ul li { margin: 5px 0; font-size: 17px; }

/* photo pg */
.box-photo {
	width: 350px;
	margin: 0 10px 20px 10px;
	float: left;
	position: relative; }

.box-photo span {
	width: 350px;
	height: 240px;
	position:absolute;
	top: 0;
	left: 0;
	background:url(../images/border-photo.png); }
/* end photo */


/* contact pg */
.box-contact {
	width: 350px;
	float: right; }
	
.box-contact h1, .box-contact h3 { text-align: center; }
.box-contact h1 { padding-top: 40px; }

form { width:260px; margin: 20px 45px 0 45px; float:left; font-size:14px; }
fieldset { width: 250px; margin: 5px 0; float:left; clear: left; display: block; border: none; }
fieldset span { width: 90px; float:left; display: block; text-align:right; padding-right:10px }
fieldset input { width: 138px; }
fieldset textarea { width: 140px; height: 60px; float:left; display: block; }
.submit { float: left; clear: left; margin-top: 5px; margin-left: 100px; }

/* end contact pg */


/* navigation */	
.nav {
	width: 120px;
	margin-left: -25px;
	font-family: Arial, Helvetica, sans-serif; }

.nav ul li a, .nav ul li a:visited {
	display:		block;
	text-decoration:none;
	width:			120px;
	padding:		15px 0px 15px 25px;
	color:			#000;
	line-height:	20px;
	font-size:		14px;
	font-weight:	bold;
	text-transform: uppercase;
	text-align: 	left;
	overflow:		hidden; }

.nav ul { padding:0; margin:0; list-style: none;}
.nav ul li {float:left; position:relative;}
.nav ul li ul {display:none;}
.nav ul li ul li {border-bottom:1px solid #999;}

.nav ul li a:hover { color:#fff; background:url(../images/cortona_tiny.png) left no-repeat; }
.nav ul li:hover a { color:#fff; background:url(../images/cortona_tiny.png) left no-repeat; }

/* end navigation */
