*{
	margin:0;
	padding:0;
}

body{
	color:#777;
	background:url('../img/page_bg.jpg') #e7e7e7;
	font:15px Calibri,Arial,sans-serif;
}

/* Styling the page */

#page{
	width:890px;
	margin:20px auto;
}

#topBar{
	background:url() no-repeat;
	height:41px;
	margin-bottom:15px;
}

#footer{
	padding: 0 10px 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#FFFFFF;
	font-size: 12px;
	text-align: center;


}



#promoIMG{
	background:url('../img/macbookAir.png') no-repeat;
	height:632px;
	margin-bottom:15px;
	text-align:center;
}

#promoIMG a{
height: 500px;
width: 890px;
display: block;
	
	}

#promoIMG img{
	margin-top: 80px
}

#contentArea{
	overflow:hidden;
	padding-bottom:10px;
}

#contentArea p{
	background-color:#FFFFFF;
	border-color:#DDDDDD;
	border-style:solid;
	border-width:1px 0 0 1px;
	float:left;
	height:120px;
	margin-right:15px;
	overflow:hidden;
	padding:20px;
	width:465px;
	
	-moz-box-shadow:1px 1px 0 #bbb;
	-webkit-box-shadow:1px 1px 0 #bbb;
	box-shadow:1px 1px 0 #bbb;
}

#contentArea p img{
	float:left;
	margin:-15px 20px 0 0;
}

#gallery{
	background:url('../img/tour.png') no-repeat;
	float:right;
	height:160px;
	overflow:hidden;
	text-indent:-9999px;
	width:365px;
	text-decoration:none;
}

#promoIMG,
#contentArea p{
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;	
}

/* Hyperlink styles */

a, a:visited {
	text-decoration:underline;
	outline:none;
	color:#4086c7;
}

a:hover{
	border-bottom:1px dashed transparent;
	text-decoration:none;
}







#nav {
      background: url('../img/nav.png');
      height: 38px;
      width: 876px;
      margin: 0 auto;
}

#nav span {
     display: none;
}

#nav li {
	list-style-type: none;
	float: left;
}

#nav a {
	height: 38px;
	display: block;
}






#list1 { width: 112px; }
#list2 { width: 120px; }
#list3 { width: 128px; }
#list4 { width: 125px; }
#list5 { width: 137px; }
#list6 { width: 131px; }
#list7 { width: 123px; }




#list1 a:hover {
      background: url('../img/nav.png') 0px -38px no-repeat;
}

#list2 a:hover {
      background: url('../img/nav.png') -112px -38px no-repeat;
}

#list3 a:hover {
      background: url('../img/nav.png') -232px -38px no-repeat;
}

#list4 a:hover {
      background: url('../img/nav.png') -360px -38px no-repeat;
}

#list5 a:hover {
      background: url('../img/nav.png') -485px -38px no-repeat;
}

#list6 a:hover {
      background: url('../img/nav.png') -622px -38px no-repeat;
}

#list7 a:hover {
      background: url('../img/nav.png') -753px -38px no-repeat;
}