/* 
 * styles.css
 *
 */

html {
	height: 100%;
	/* background-color: #CCC; */
}

body {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
 	background: url(../images/grid.jpg);
	min-height: 100%;
}

#wrap {
	/* width: 960px; */
	width:100%;
	margin-left: auto;
	margin-right: auto;
	height: 100%;
	overflow:hidden;
	position:relative;
	height: 1000px;
	
}

#the_grid{
	width: 950px;
	margin-left: auto;
	margin-right: auto;
 	/* background-color: #FFF; */
	height: 100%;
	position:relative;
}


#loadInfo{position:absolute; top:200px; left:300px;}

#statusBar {border: 1px solid #aaa;width: 300px;background: #ddd;}
#status {height: 12px; margin:auto;}

#textStatus {font-weight: bold; color:#999;}
#textStatus  .numLoaded {font-weight: bold;}
#textStatus .numTotal {font-weight: bold;}
#textStatus .percentLoaded {font-weight: bold;}
#textStatus .currentImg {font-weight: bold; display: block;font-size: .8em;}
#textStatus .currentImg span {font-weight: normal;  }

h1{
	font-size:16px;
	text-transform:uppercase;
	margin:10px;
	padding:2px;
	background:#FFF;
}

/* NAVIGATION */
.nav{width:100%;}

.nav img{float:left;
}


.nav .info{
	color: #666; padding-top: 44px; font-size: 14px; font-family: Helvetica; font-weight: normal; text-align: right;
}

.nav li{float:left; width:auto; height:46px; background:#999999; color:#FFF; text-align:center; margin-right:10px; padding: 20px 20px;}
.nav li.selected{background:#000000;}
a{text-decoration:none;color:#FFFFFF;}


.description{padding:5px; background: #000; color: #FFFFFF; line-height: 12px; position: absolute; bottom: 0;}
.resume{background: #FFF; color:#999; border: 1px solid transparent; cursor: default;}
.resume:hover{border: 1px solid #0077BB;}
.resume-text{line-height: 14px; padding: 5px; font-size: 11px;}
.date{font-size: 13px; font-weight: bold; text-transform: uppercase; color: #FB9010;}
.title{color:#0077BB}


/* Page BOXES */
#box1{background:url(../images/car.jpg) no-repeat;}
#box2{background:url(../images/plane.jpg) no-repeat;}
#box3{background:url(../images/carpet.jpg) no-repeat;}
#box4{background:url(../images/clown.jpg) no-repeat;}
#box5{background:url(../images/dancer.jpg) no-repeat;}



/* PAGE 2 BOXES */
#box6{background:url(http://placekitten.com/540/300) no-repeat;}
#box7{background:url(http://placekitten.com/400/300) no-repeat;}
#box8{background:url(http://placekitten.com/200/400) no-repeat;}
#box9{background:url(http://placekitten.com/520/400) no-repeat;}
#box10{background:url(http://placekitten.com/200/190) no-repeat;}
#box11{background:url(http://placekitten.com/250/190) no-repeat;}
#box11a{background:url(http://placekitten.com/86/400) no-repeat;}

/* PAGE 3 BOXES */
#box12{background:url(http://placesheen.com/350/300) no-repeat;}
#box13{background:url(http://placesheen.com/650/300) no-repeat;}
#box14{background:url(http://placesheen.com/500/400) no-repeat;}
#box15{background:url(http://placesheen.com/220/400) no-repeat;}
#box16{background:url(http://placesheen.com/300/400) no-repeat;}