@charset "UTF-8";
/* CSS Document */
*
{
padding: 0; margin: 0; border: 0;
}


body
{
font-family:"Century Gothic";
font-size: 12px;
background-color:#FFFFFF;
}



#container
{
position:absolute;
width:899px;
height:608px;
top:0px;
left:130px;
border:#000000 solid 0px;
}

#laptop
{
position:relative;
width:900px;
height:600px;
top:0px;
left:0px;
border:#000000 solid 0px;
background-image:url(laptop.gif);
}

/*this section will style the front page*/

#intro
{
position:relative;
top:53px;
left:130px;
background-image:url(intro.jpg);
background-repeat:no-repeat;
width:630px;
height:388px;
border:#000000 solid 0px;
}

#button
{
position:absolute;
top:340px;
left:480px;
}

/*this will style the nav menu*/

#nav
{
position:relative;
top:54px;
left:129px;
background-image:url(nav.jpg);
background-repeat:no-repeat;
z-index:1;
}

#nav1
{
position:absolute;
top:50px;
left:130px;
z-index:2;
}

li 
{ 
list-style:none;
display:inline;
}

a
{
font:"Century Gothic";
text-decoration:none;
font-size:12px;
color:#FFFFFF;
}

a:hover
{
color:#999999;
}

.home
{
margin-left:35px;

}
.about
{
margin-left:145px;
}

.gallery
{
margin-left:150px;
}

.phone
{
position:relative;
top:8px;
left:90px;
}

/*this will style the about and contact page*/

#grass
{
position:absolute;
top:53px;
left:129px;
background-image:url(laptop_grass.gif);
background-repeat:no-repeat;
width:630px;
height:388px;
border:#000000 solid 0px;
}

/*this part will style the information on the about page*/
#who
{
position:absolute;
top:60px;
left:60px;
width:450px;
height:300px;
font-family:"Century Gothic";
font-size:10px;
text-align:left;
padding:10px;
}

#who p
{
	margin-top: 2px;
}

#who2
{
position:absolute;
top:190px;
left:60px;
width:450px;
height:300px;
font-family:"Century Gothic";
font-size:10px;
text-align:left;
padding:10px;

}

#who2 p
{
	margin-top: 2px;
}

.who
{
font-size:20px;

}

/*this will style the information on the contact page*/

.contact
{
position:absolute;
top:70px;
left:20px;
width:500px;
text-align:left;
font-family:"Century Gothic";
padding:5px;
font-size:11px;
margin-left:30px;
}

.us
{
font-size:20px;
margin-top:20px
}

#line
{
line-height:6em;
}

/*this will style the gallery*/
#gallery
{
position:relative;
top:50px;
height:400px;
left:130px;

}


.inline
{
	float: left;
	width: 80px;
	padding: 0px;
	text-align: left;

}

.details
{	
	float: left;
	font-variant: small-caps;
	padding-right: 15px;
	text-align: left;
}