/*–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
Basic Style Sheet (for version 4 browsers)
version: 1.1
author: Kyle Gallant
email: gallant.kyle@gmail.com
website: http://www.kylegallant.com/
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/


/*--------------- This Is The Pretty Stuff ---------------*/
body { 
	text-align: center;
	background: #1b1f44 url(images/grad.png) repeat-x;
	margin: 0;
	padding: 0;
}

#content p { 
	padding-left: 20px;
	padding-right: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: left;
	color: #FFFFFF;		
}

#content h1 {
	text-align: center;
	font-size: 25px;
	padding-top: 15px;
	margin-bottom: 15px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin: 0;
	background: url(images/top.jpg) no-repeat left top;
}



/*--------------- Home Roll-Over -------------------------------*/

a.home { 
        background:url(images/homeon_roll.png) repeat 0px 0px; 
        width: 214px; 
        height: 92px; 
        display: block; 
}

a.home span { 
        display: none; 
}

a.home:hover { 
        background: url(images/homeon_roll.png) repeat 0px -92px; 
}


/* --------------- About Roll-Over --------------- */

a.about { 
        background:url(images/about_roll.png) repeat 0px 0px; 
        width: 214px; 
        height: 92px; 
        display: block; 
}

a.about span { 
        display: none; 
}

a.about:hover { 
        background: url(images/about_roll.png) repeat 0px -92px; 
}


/* --------------- Music Roll-Over --------------- */

a.music { 
        background:url(images/music_roll.png) repeat 0px 0px; 
        width: 214px; 
        height: 92px; 
        display: block; 
}

a.music span { 
        display: none; 
}

a.music:hover { 
        background: url(images/music_roll.png) repeat 0px -92px; 
}



/* --------------- Photos Roll-Over --------------- */

a.photos { 
        background:url(images/photos_roll.png) repeat 0px 0px; 
        width: 214px; 
        height: 92px; 
        display: block; 
}

a.photos span { 
        display: none; 
}

a.photos:hover { 
        background: url(images/photos_roll.png) repeat 0px -92px; 
}


/* --------------- Home Roll-Over --------------- */

a.book { 
        background:url(images/book_roll.png) repeat 0px 0px; 
        width: 214px; 
        height: 92px; 
        display: block; 
}

a.book span { 
        display: none; 
}

a.book:hover { 
        background: url(images/book_roll.png) repeat 0px -92px; 
}


/* --------------- Links Roll-Over --------------- */

a.links { 
        background:url(images/links_roll.png) repeat 0px 0px; 
        width: 214px; 
        height: 92px; 
        display: block; 
}

a.links span { 
        display: none; 
}

a.links:hover { 
        background: url(images/links_roll.png) repeat 0px -92px; 
}




/* --------------- This is the layout stuff --------------- */

#canvas {
	margin-top: 0;
	padding-top: 0;
	margin-left: auto; 
	margin-right: auto;
	width: 721px;
	height: 1188px; 
}

#main {
	margin-top: 0;
	padding-top:0;
	height: 1188px;
	width: 721px;
	background:url(images/background.png) no-repeat;
}

#nav {
	margin-top: 375px;
	width: 220px;
	padding: 0;
	margin-left: 0;
	float: left;
}

#content {
	text-align: left;
	margin-top: 370px;
	margin-right: 20px;
	height: 600px;
	width: 475px;
	float: right;	
	background: #27345b url(images/bottom.jpg) no-repeat left bottom;
}