@charset "UTF-8";
body {
	background: #eee6d3;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #725343;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 14px;
	line-height: 18px;
	font-weight: normal;
}

img {
	border:0px;
}

a {	
	color: #9e6d56;	
	text-decoration: underline;
}

a:hover {	
	color: #704d3d;	
	text-decoration: none;
}


#container {
	position:relative;
	width: 1024px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	height: 400px;
	background: #eee6d3;
	text-align: center; /* this overrides the text-align: center on the body element. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;/*border-top-width: 0px;*/
}



#container_index {
	position:relative;
	width: 1024px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	height: 500px;
	background: #eee6d3;
	text-align: center; /* this overrides the text-align: center on the body element. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;/*border-top-width: 0px;*/
}

/*==================================================start home button section=============*/
li#returnhome-sand{
	position:absolute;
	top:175px;
	left:260px;
	width:203px;
	height:25px;
	background-image:url(../images/return-home-sand.gif);
	background-repeat:no-repeat;
}

li#returnhome-armygreen{
	position:absolute;
	top:175px;
	left:260px;
	width:203px;
	height:25px;
	background-image:url(../images/return-home-armygreen.gif);
	background-repeat:no-repeat;
}

li#returnhome-tealgreen{
	position:absolute;
	top:175px;
	left:260px;
	width:203px;
	height:25px;
	background-image:url(../images/return-home-tealgreen.gif);
	background-repeat:no-repeat;
}

/*==================================================start lake keene logo button section=============*/

li#lklogo-brown
{
	position:absolute;
	top:240px;
	left:260px;
	width:245px;
	height:40px;
	background-image:url(../images/lk-logo-brown.gif);
	background-repeat:no-repeat;
}


li#lklogo-brown a:hover
{
	background-image:url(../images/lk-logo-brown_up.gif);
	background-repeat:no-repeat;
}


li#lklogo-tealgreen
{
	position:absolute;
	top:340px;
	left:260px;
	width:245px;
	height:40px;
	background-image:url(../images/lk-logo-tealgreen.gif);
	background-repeat:no-repeat;
}


li#lklogo-tealgreen a:hover
{
	background-image: url(../images/lk-logo-tealgreen_up.gif);
	background-repeat:no-repeat;
}

li#lklogo-armygreen
{
	position:absolute;
	top:340px;
	left:260px;
	width:245px;
	height:40px;
	background-image:url(../images/lk-logo-armygreen.gif);
	background-repeat:no-repeat;
}


li#lklogo-armygreen a:hover
{
	background-image: url(../images/lk-logo-armygreen_up.gif);
	background-repeat:no-repeat;
}



li#lklogo-sand
{
	position:absolute;
	top:340px;
	left:260px;
	width:245px;
	height:40px;
	background-image:url(../images/lk-logo-sand.gif);
	background-repeat:no-repeat;
}


li#lklogo-sand a:hover
{
	background-image: url(../images/lk-logo-sand_up.gif);
	background-repeat:no-repeat;
}


/*==================================================start index section=============*/

/* YOU MUST EDIT THE "TOP" FOR MAINCONTENT,
THE "HEIGHT" FOR MAIN CONTENT AND THE "TOP"
FOR NAVCONTAINER TO MAKE THE PAGE WORK*/

#mainContent-index {
position:relative;
background-color: #eee6d3;
background-image: url(../images/artwork-index.gif);
background-repeat: no-repeat;
top:178px;
width: 1024px;
height: 400px;
padding: 0;
}

#navcontainer-index {
position:relative;
top:250px;
left:-240px;
}

/*---NAVIGATION BAR---*/

/*---STYLE FOR UNORDERD LIST FOR NAVIGATION LIST LOOK ---*/
ul#nav-index{ 
list-style-type:none;
position:relative;
width: 852px;
height:102px;
margin:0px;
padding:0px;
background-image:url(../images/navbar_bg-index.png);
background-attachment:scroll;
background-repeat:no-repeat;
}

/*---NORMAL STATES FOR NAVIGATION LIST---*/


li#blog-index{
position:absolute;
top:12px;
left:243px;
width:88px;
height:65px;
background-image:url(../images/navbar_index/navbar_blog-index.gif)
}

li#artwork-index{
position:absolute;
top:12px;
left:331px;
width:123px;
height:65px;
background-image:url(../images/navbar_index/navbar_artwork-index.gif)
}

li#music-index{
position:absolute;
top:12px;
left:454px;
width:99px;
height:65px;
background-image:url(../images/navbar_index/navbar_music-index.gif)
}

li#about-index{
position:absolute;
top:12px;
left:553px;
width:150px;
height:65px;
background-image:url(../images/navbar_index/navbar_about-index.gif)
}

li#contact-index{
position:absolute;
top:12px;
left:703px; /*-17*/
width:141px;
height:65px;
background-image:url(../images/navbar_index/navbar_contact-index.gif)
}

ul#nav-index a{
display:block;
width:auto;
height:65px;
text-indent:-9999px;
text-decoration:none;
overflow:hidden;
}

/*---HOVER STATES FOR NAVIGATION LIST---*/

li#blog-index a:hover { 
background:url(../images/navbar_index/navbar_blog-index.gif) no-repeat 0px -4px;
background-color:#704d3d /*---MAKE THIS THE BACKGROUND COLOR FOR THE NAV---*/
}

li#artwork-index a:hover { 
background:url(../images/navbar_index/navbar_artwork-index.gif) no-repeat 0px -4px;
background-color:#704d3d /*---MAKE THIS THE BACKGROUND COLOR FOR THE NAV---*/
}

li#music-index a:hover { 
background:url(../images/navbar_index/navbar_music-index.gif) no-repeat 0px -4px;
background-color:#704d3d /*---MAKE THIS THE BACKGROUND COLOR FOR THE NAV---*/
}

li#about-index a:hover { 
background:url(../images/navbar_index/navbar_about-index.gif) no-repeat 0px -4px;
background-color:#704d3d /*---MAKE THIS THE BACKGROUND COLOR FOR THE NAV---*/
}

li#contact-index a:hover { 
background:url(../images/navbar_index/navbar_contact-index.gif) no-repeat 0px -4px;
background-color:#704d3d /*---MAKE THIS THE BACKGROUND COLOR FOR THE NAV---*/
}

/*==================================================end index section=============*/

/*==================================================start music section=============*/

#mainContent-music {
position:relative;
background-color: #eee6d3;
background-image: url(../images/artwork-music.gif);
background-repeat: no-repeat;
top:0px;
width: 1024px;
height: 502px;
padding: 0;
}

/* YOU MUST EDIT THE THE "TOP"
FOR NAVCONTAINER TO MAKE THE PAGE ALIGN VERTICALLY*/

#navcontainer-music {
position:relative;
top:339px;
left:-240px;
}


/*---STYLE FOR UNORDERD LIST FOR NAVIGATION LIST LOOK ---*/

                /*---THIS IS FOR MUSIC---*/
				
ul#nav-music{ 
list-style-type:none;
position:relative;
width: 852px;
height:191px;
margin:0px;
padding:0px;
background-image:url(../images/navbar_bg-music.gif);
background-attachment:scroll;
background-repeat:no-repeat;
}

/*---NORMAL STATES FOR NAVIGATION LIST---*/

       /*---THIS IS FOR MUSIC---*/

li#blog-music{
position:absolute;
top:101px;
left:243px;
width:88px;
height:65px;
background-image:url(../images/navbar_music/navbar_blog-music.gif)
}


li#artwork-music{
position:absolute;
top:101px;
left:331px;
width:123px;
height:65px;
background-image:url(../images/navbar_music/navbar_artwork-music.gif)
}

li#music-music{
position:absolute;
top:101px;
left:454px;
width:99px;
height:65px;
background-image:url(../images/navbar_music/navbar_music-music.gif)
}

li#about-music{
position:absolute;
top:101px;
left:553px;
width:150px;
height:65px;
background-image:url(../images/navbar_music/navbar_about-music.gif)
}

li#contact-music{
position:absolute;
top:101px;
left:703px; /*-17*/
width:141px;
height:65px;
background-image:url(../images/navbar_music/navbar_contact-music.gif)
}

ul#nav-music a{
display:block;
width:auto;
height:65px;
text-indent:-9999px;
text-decoration:none;
overflow:hidden;
}

/*---HOVER STATES FOR NAVIGATION LIST---*/
        
		/*---THIS IS FOR MUSIC---*/

li#blog-music a:hover { 
background:url(../images/navbar_music/navbar_blog-music.gif) no-repeat 0 -2px;
background-color:#7f9d93 /*---MAKE THIS THE BACKGROUND COLOR FOR THE NAV---*/
}

li#artwork-music a:hover { 
background:url(../images/navbar_music/navbar_artwork-music.gif) no-repeat 0 -2px;
background-color:#7f9d93 /*---MAKE THIS THE BACKGROUND COLOR FOR THE NAV---*/
}

li#music-music a:hover { 
background:url(../images/navbar_music/navbar_music-music.gif) no-repeat 0 -2px;
background-color:#7f9d93 /*---MAKE THIS THE BACKGROUND COLOR FOR THE NAV---*/
}

li#about-music a:hover { 
background:url(../images/navbar_music/navbar_about-music.gif) no-repeat 0 -2px;
background-color:#7f9d93 /*---MAKE THIS THE BACKGROUND COLOR FOR THE NAV---*/
}

li#contact-music a:hover { 
background:url(../images/navbar_music/navbar_contact-music.gif) no-repeat 0 -2px;
background-color:#7f9d93 /*---MAKE THIS THE BACKGROUND COLOR FOR THE NAV---*/
}

      /*---CONTAINER MUSIC TOP---*/
	  
h2 {
	display:block;
	width:215px;
	height:52px;
	text-indent:-9999px;
	text-decoration:none;
	overflow:hidden;
	background-image:url(../images/container-music-djservices.gif);
	position: absolute;
	left: 25%;

}

#container-music-top {
	position:absolute;
	background-image:url(../images/container-music.gif);
	background-repeat:no-repeat;
	left:631px;
	top:200px;
	width: 375px;
	height: 144px;
	margin:0px;
	color: #704d3d;
	text-shadow: #687D73 0px 3px 2px;
	padding: 0px;
}

#container-music-bottom {
	position:absolute;
	background-image:url(../images/container-music.gif);
	background-repeat:no-repeat;
	left:631px;
	top:430px;
	width: 375px;
	height: 144px;
	margin:0px;
	line-height: 14px;
	color: #704D3D;
	text-align: center;
	padding: 0px;
}

#djservicestext {
	position:absolute;
	left:16px;
	top:50px;
	width: 350px;
	height: 40px;
	line-height: 20px;
	color: #704D3D;
}

/*==================================================end music section=============*/

/*==================================================start artwork section=============*/


#mainContent-artwork {
position:relative;
background-color: #eee6d3;
background-image: url(../images/artwork-artwork.gif);
background-repeat: no-repeat;
top:68px;
width: 1024px;
height: 378px;
padding: 0;
}

/* YOU MUST EDIT THE THE "TOP"
FOR NAVCONTAINER TO MAKE THE PAGE ALIGN VERTICALLY*/

#navcontainer-artwork {
position:relative;
top:271px;
left:-240px;
}


/*---STYLE FOR UNORDERD LIST FOR NAVIGATION LIST LOOK ---*/

                /*---THIS IS FOR ARTWORK---*/
				
ul#nav-artwork{
	list-style-type:none;
	position:relative;
	width: 900px;
	height:191px;
	margin:0px;
	padding:0px;
	background-image:url(../images/navbar_bg-artwork.gif);
	background-attachment:scroll;
	background-repeat:no-repeat;
}


/*---NORMAL STATES FOR NAVIGATION LIST---*/

       /*---THIS IS FOR ARTWORK---*/

li#blog-artwork{
position:absolute;
top:101px;
left:243px;
width:88px;
height:65px;
background-image:url(../images/navbar_artwork/navbar_blog-artwork.gif)
}


li#artwork-artwork{
position:absolute;
top:101px;
left:331px;
width:123px;
height:65px;
background-image:url(../images/navbar_artwork/navbar_artwork-artwork.gif)
}

li#music-artwork{
position:absolute;
top:101px;
left:454px;
width:99px;
height:65px;
background-image:url(../images/navbar_artwork/navbar_music-artwork.gif)
}

li#about-artwork{
position:absolute;
top:101px;
left:553px;
width:150px;
height:65px;
background-image:url(../images/navbar_artwork/navbar_about-artwork.gif)
}

li#contact-artwork{
position:absolute;
top:101px;
left:703px; /*-17*/
width:141px;
height:65px;
background-image:url(../images/navbar_artwork/navbar_contact-artwork.gif)
}

ul#nav-artwork a{
display:block;
width:auto;
height:65px;
text-indent:-9999px;
text-decoration:none;
overflow:hidden;
}

/*---HOVER STATES FOR NAVIGATION LIST---*/
        
		/*---THIS IS FOR ARTWORK---*/

li#blog-artwork a:hover { 
background:url(../images/navbar_artwork/navbar_blog-artwork.gif) no-repeat 0 -2px;
background-color:#a9a285 /*---MAKE THIS THE BACKGROUND COLOR FOR THE NAV---*/
}

li#artwork-artwork a:hover { 
background:url(../images/navbar_artwork/navbar_artwork-artwork.gif) no-repeat 0 -2px;
background-color:#a9a285 /*---MAKE THIS THE BACKGROUND COLOR FOR THE NAV---*/
}

li#music-artwork a:hover { 
background:url(../images/navbar_artwork/navbar_music-artwork.gif) no-repeat 0 -2px;
background-color:#a9a285 /*---MAKE THIS THE BACKGROUND COLOR FOR THE NAV---*/
}

li#about-artwork a:hover { 
background:url(../images/navbar_artwork/navbar_about-artwork.gif) no-repeat 0 -2px;
background-color:#a9a285 /*---MAKE THIS THE BACKGROUND COLOR FOR THE NAV---*/
}

li#contact-artwork a:hover { 
background:url(../images/navbar_artwork/navbar_contact-artwork.gif) no-repeat 0 -2px;
background-color:#a9a285 /*---MAKE THIS THE BACKGROUND COLOR FOR THE NAV---*/
}

      /*---CONTAINER ARTWORK---*/
	  
	

#container-artwork {
	position:absolute;
	background-repeat:no-repeat;
	left:631px;
	top:180px;
	width: 375px;
	height: 290px;
	margin:0px;
	color: #330;
	padding: 0px;
}


/*---STYLE FOR UNORDERD LIST FOR NAVIGATION LIST LOOK --- this is for SUB NAVIGATION*/ 
ul#subnav-artwork{
	list-style-type:none;
	position:relative;
	width: 375px;
	height:290px;
	margin:0px;
	padding:0px;
	background-image: url(../images/container-artwork.gif);
	background-repeat:no-repeat
}

ul#subnav-artwork a{
display:block;
width:auto;
height:65px;
text-indent:-9999px;
text-decoration:none;
overflow:hidden;
}


/*---NORMAL STATES FOR SUB NAVIGATION LIST---*/

     /*---THIS IS FOR ARTWORK SUB NAV---*/

li#sketches{
position:absolute;
top:30px;
left:50px;
width:156px;
height:36px;
background-image:url(../images/navbar_artwork/subnavbar_sketches.gif);
background-repeat:no-repeat;
}

li#paintings{
position:absolute;
top:90px;
left:50px;
width:177px;
height:50px;
background-image:url(../images/navbar_artwork/subnavbar_paintings.gif);
background-repeat:no-repeat;
}

li#illustrations{
position:absolute;
top:150px;
left:50px;
width:205px;
height:37px;
background-image:url(../images/navbar_artwork/subnavbar_illustrations.gif);
background-repeat:no-repeat;
}

li#storyboards{
position:absolute;
top:210px;
left:50px;
width:205px;
height:40px;
background-image:url(../images/navbar_artwork/subnavbar_storyboards.gif);
background-repeat:no-repeat;
}

/*---HOVER STATES FOR NAVIGATION LIST---*/
        
		/*---THIS IS FOR ARTWORK---*/

li#sketches a:hover { 
background:url(../images/navbar_artwork/subnavbar_sketches.gif) no-repeat 5px 0px;
background-color:#ADA589 /*---MAKE THIS THE BACKGROUND COLOR FOR THE NAV---*/
}

li#paintings a:hover { 
background:url(../images/navbar_artwork/subnavbar_paintings.gif) no-repeat 5px 0px;
background-color:#ADA589 /*---MAKE THIS THE BACKGROUND COLOR FOR THE NAV---*/
}

li#illustrations a:hover { 
background:url(../images/navbar_artwork/subnavbar_illustrations.gif) no-repeat 5px 0px;
background-color:#ADA589 /*---MAKE THIS THE BACKGROUND COLOR FOR THE NAV---*/
}

li#storyboards a:hover { 
background:url(../images/navbar_artwork/subnavbar_storyboards.gif) no-repeat 5px 0px;
background-color:#ADA589 /*---MAKE THIS THE BACKGROUND COLOR FOR THE NAV---*/
}


/*---ARTWORK SUB SECTIONS---*/

/*-------START SKETCHES-----*/

#container-sketches {
	position:absolute;
	background-repeat:no-repeat;
	left:631px;
	top:0px;
	width: 375px;
	height: 630px;
	margin:0px;
	color: #330;
	padding: 0px;
}

/*---STYLE FOR UNORDERD LIST FOR SKETCHES LIST LOOK---*/ 
ul#sketches{
	list-style-type:none;
	position:relative;
	width: 375px;
	height:930px;
	margin:0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(../images/container-sketches.gif);
	background-repeat:no-repeat
}

/*-------END SKETCHES------*/

/*-------START PAINTINGS-----*/

#container-paintings {
	position:absolute;
	background-repeat:no-repeat;
	left:631px;
	top:0px;
	width: 375px;
	height: 410px;
	margin:0px;
	color: #330;
	padding: 0px;
}

/*---STYLE FOR UNORDERD LIST FOR PAINTINGS LIST LOOK---*/ 
ul#paintings{
	list-style-type:none;
	position:relative;
	width: 375px;
	height:410px;
	margin:0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(../images/container-paintings.gif);
	background-repeat:no-repeat
}

/*-------END PAINTINGS------*/

/*-------START ILLUSTRATIONS-----*/

#container-illustrations {
	position:absolute;
	background-repeat:no-repeat;
	left:631px;
	top:0px;
	width: 375px;
	height: 500px;
	margin:0px;
	color: #330;
	padding: 0px;
}

/*---STYLE FOR UNORDERD LIST FOR PAINTINGS LIST LOOK---*/ 
ul#illustrations{
	list-style-type:none;
	position:relative;
	width: 375px;
	height:500px;
	margin:0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(../images/container-illustrations.gif);
	background-repeat:no-repeat
}

/*-------END ILLUSTRATIONS------*/

/*-------START STORYBOARDS-----*/

#container-storyboards {
	position:absolute;
	background-repeat:no-repeat;
	left:631px;
	top:0px;
	width: 375px;
	height: 300px;
	margin:0px;
	color: #330;
	padding: 0px;
}

/*---STYLE FOR UNORDERD LIST FOR PAINTINGS LIST LOOK---*/ 
ul#storyboards{
	list-style-type:none;
	position:relative;
	width: 375px;
	height:300px;
	margin:0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(../images/container-storyboards.gif);
	background-repeat:no-repeat
}

/*-------END STORYBOARDS------*/

/*==================================================end artwork section=============*/

/*==================================================start contact section=============*/

#mainContent-contact {
position:relative;
background-color: #eee6d3;
background-image: url(../images/artwork-contact.gif);
background-repeat: no-repeat;
top:141px;
width: 1024px;
height: 301px;
padding: 0;
}

/* YOU MUST EDIT THE THE "TOP"
FOR NAVCONTAINER TO MAKE THE PAGE ALIGN VERTICALLY*/

#navcontainer-contact {
position:relative;
top:198px;
left:-240px;
}


/*---STYLE FOR UNORDERD LIST FOR NAVIGATION LIST LOOK ---*/

                /*---THIS IS FOR MUSIC---*/
				
ul#nav-contact{ 
list-style-type:none;
position:relative;
width: 852px;
height:191px;
margin:0px;
padding:0px;
background-image:url(../images/navbar_bg-contact.gif);
background-attachment:scroll;
background-repeat:no-repeat;
}

/*---NORMAL STATES FOR NAVIGATION LIST---*/

       /*---THIS IS FOR MUSIC---*/

li#blog-contact{
position:absolute;
top:101px;
left:243px;
width:88px;
height:65px;
background-image:url(../images/navbar_contact/navbar_blog-contact.gif)
}


li#artwork-contact{
position:absolute;
top:101px;
left:331px;
width:123px;
height:65px;
background-image:url(../images/navbar_contact/navbar_artwork-contact.gif)
}

li#music-contact{
position:absolute;
top:101px;
left:454px;
width:99px;
height:65px;
background-image:url(../images/navbar_contact/navbar_music-contact.gif)
}

li#about-contact{
position:absolute;
top:101px;
left:553px;
width:150px;
height:65px;
background-image:url(../images/navbar_contact/navbar_about-contact.gif)
}

li#contact-contact{
position:absolute;
top:101px;
left:703px; /*-17*/
width:141px;
height:65px;
background-image:url(../images/navbar_contact/navbar_contact-contact.gif)
}

ul#nav-contact a{
display:block;
width:auto;
height:65px;
text-indent:-9999px;
text-decoration:none;
overflow:hidden;
}

/*---HOVER STATES FOR NAVIGATION LIST---*/
        
		/*---THIS IS FOR MUSIC---*/

li#blog-contact a:hover { 
background:url(../images/navbar_contact/navbar_blog-contact.gif) no-repeat 0 -2px;
background-color:#6f7760 /*---MAKE THIS THE BACKGROUND COLOR FOR THE NAV---*/
}

li#artwork-contact a:hover { 
background:url(../images/navbar_contact/navbar_artwork-contact.gif) no-repeat 0 -2px;
background-color:#6f7760 /*---MAKE THIS THE BACKGROUND COLOR FOR THE NAV---*/
}

li#music-contact a:hover { 
background:url(../images/navbar_contact/navbar_music-contact.gif) no-repeat 0 -2px;
background-color:#6f7760 /*---MAKE THIS THE BACKGROUND COLOR FOR THE NAV---*/
}

li#about-contact a:hover { 
background:url(../images/navbar_contact/navbar_about-contact.gif) no-repeat 0 -2px;
background-color:#6f7760 /*---MAKE THIS THE BACKGROUND COLOR FOR THE NAV---*/
}

li#contact-contact a:hover { 
background:url(../images/navbar_contact/navbar_contact-contact.gif) no-repeat 0 -2px;
background-color:#6f7760 /*---MAKE THIS THE BACKGROUND COLOR FOR THE NAV---*/
}

      /*---CONTAINER CONTACT TOP---*/
	  
#container-contact-top {
	position:absolute;
	background-image:url(../images/container-contact.gif);
	background-repeat:no-repeat;
	left:631px;
	top:200px;
	width: 376px;
	height: 172px;
	margin:0px;
	color: #704d3d;
	text-shadow: #687D73 0px 3px 2px;
	padding: 0px;
}

#contacttext {
	position:absolute;
	left:7px;
	top:10px;
	width: 360px;
	height: 20px;
	line-height: 14px;
	color: #EDE6D3;
}

#contacttext a{
	color: #EDE6D3;
}
/*==================================================end contact section=============*/

/*==================================================start about section=============*/

#mainContent-about {
position:relative;
background-color: #eee6d3;
background-image: url(../images/artwork-about.gif);
background-repeat: no-repeat;
top:86px;
width: 1024px;
height: 491px;
padding: 0;
}

/* YOU MUST EDIT THE THE "TOP"
FOR NAVCONTAINER TO MAKE THE PAGE ALIGN VERTICALLY*/

#navcontainer-about {
position:relative;
top:253px;
left:-240px;
}


/*---STYLE FOR UNORDERD LIST FOR NAVIGATION LIST LOOK ---*/

                /*---THIS IS FOR MUSIC---*/
				
ul#nav-about{ 
list-style-type:none;
position:relative;
width: 852px;
height:191px;
margin:0px;
padding:0px;
background-image:url(../images/navbar_bg-about.gif);
background-attachment:scroll;
background-repeat:no-repeat;
}

/*---NORMAL STATES FOR NAVIGATION LIST---*/

       /*---THIS IS FOR MUSIC---*/

li#blog-about{
position:absolute;
top:101px;
left:243px;
width:88px;
height:65px;
background-image:url(../images/navbar_about/navbar_blog-about.gif)
}


li#artwork-about{
position:absolute;
top:101px;
left:331px;
width:123px;
height:65px;
background-image:url(../images/navbar_about/navbar_artwork-about.gif)
}

li#music-about{
position:absolute;
top:101px;
left:454px;
width:99px;
height:65px;
background-image:url(../images/navbar_about/navbar_music-about.gif)
}

li#about-about{
position:absolute;
top:101px;
left:553px;
width:150px;
height:65px;
background-image:url(../images/navbar_about/navbar_about-about.gif)
}

li#contact-about{
position:absolute;
top:101px;
left:703px; /*-17*/
width:141px;
height:65px;
background-image:url(../images/navbar_about/navbar_contact-about.gif)
}

ul#nav-about a{
display:block;
width:auto;
height:65px;
text-indent:-9999px;
text-decoration:none;
overflow:hidden;
}

/*---HOVER STATES FOR NAVIGATION LIST---*/
        
		/*---THIS IS FOR ABOUT---*/

li#blog-about a:hover { 
background:url(../images/navbar_about/navbar_blog-about.gif) no-repeat 0 -2px;
background-color:#6f7760 /*---MAKE THIS THE BACKGROUND COLOR FOR THE NAV---*/
}

li#artwork-about a:hover { 
background:url(../images/navbar_about/navbar_artwork-about.gif) no-repeat 0 -2px;
background-color:#6f7760 /*---MAKE THIS THE BACKGROUND COLOR FOR THE NAV---*/
}

li#music-about a:hover { 
background:url(../images/navbar_about/navbar_music-about.gif) no-repeat 0 -2px;
background-color:#6f7760 /*---MAKE THIS THE BACKGROUND COLOR FOR THE NAV---*/
}

li#about-about a:hover { 
background:url(../images/navbar_about/navbar_about-about.gif) no-repeat 0 -2px;
background-color:#6f7760 /*---MAKE THIS THE BACKGROUND COLOR FOR THE NAV---*/
}

li#contact-about a:hover { 
background:url(../images/navbar_about/navbar_contact-about.gif) no-repeat 0 -2px;
background-color:#6f7760 /*---MAKE THIS THE BACKGROUND COLOR FOR THE NAV---*/
}

      /*---CONTAINER CONTACT TOP---*/
	  
#container-about-top {
	position:absolute;
	background-image:url(../images/container-about.gif);
	background-repeat:no-repeat;
	left:631px;
	top:0;
	width:385px;
	height:510px;
	margin:0px;
	color: #704d3d;
	text-shadow: #687D73 0px 3px 2px;
}

#abouttext {
	position:absolute;
	text-align:left;
	left:10px;
	width:370px;
	line-height: 14px;
	color: #EDE6D3;
	font-size: 12px;
	top: 10px;
}

#abouttext a{
	color: #EDE6D3;
}
/*==================================================end about section=============*/

/*==================================================start blog section=============*/

#mainContent-blog {
position:relative;
background-color: #eee6d3;
background-image: url(../images/artwork-blog.gif);
background-repeat: no-repeat;
top:86px;
width: 1024px;
height: 491px;
padding: 0;
}

/* YOU MUST EDIT THE THE "TOP"
FOR NAVCONTAINER TO MAKE THE PAGE ALIGN VERTICALLY*/

#navcontainer-blog {
position:relative;
top:253px;
left:-240px;
}


/*---STYLE FOR UNORDERD LIST FOR NAVIGATION LIST LOOK ---*/

                /*---THIS IS FOR MUSIC---*/
				
ul#nav-blog{ 
list-style-type:none;
position:relative;
width: 852px;
height:191px;
margin:0px;
padding:0px;
background-image:url(../images/navbar_bg-blog.gif);
background-attachment:scroll;
background-repeat:no-repeat;
}

/*---NORMAL STATES FOR NAVIGATION LIST---*/

       /*---THIS IS FOR MUSIC---*/

li#blog-blog{
position:absolute;
top:101px;
left:243px;
width:88px;
height:65px;
background-image:url(../images/navbar_blog/navbar_blog-blog.gif)
}


li#artwork-blog{
position:absolute;
top:101px;
left:331px;
width:123px;
height:65px;
background-image:url(../images/navbar_blog/navbar_artwork-blog.gif)
}

li#music-blog{
position:absolute;
top:101px;
left:454px;
width:99px;
height:65px;
background-image:url(../images/navbar_blog/navbar_music-blog.gif)
}

li#about-blog{
position:absolute;
top:101px;
left:553px;
width:150px;
height:65px;
background-image:url(../images/navbar_blog/navbar_about-blog.gif)
}

li#contact-blog{
position:absolute;
top:101px;
left:703px; /*-17*/
width:141px;
height:65px;
background-image:url(../images/navbar_blog/navbar_contact-blog.gif)
}

ul#nav-blog a{
display:block;
width:auto;
height:65px;
text-indent:-9999px;
text-decoration:none;
overflow:hidden;
}

/*---HOVER STATES FOR NAVIGATION LIST---*/
        
		/*---THIS IS FOR BLOG---*/

li#blog-blog a:hover { 
background:url(../images/navbar_blog/navbar_blog-blog.gif) no-repeat 0 -2px;
background-color:#A9A285 /*---MAKE THIS THE BACKGROUND COLOR FOR THE NAV---*/
}

li#artwork-blog a:hover {
	background:url(../images/navbar_blog/navbar_artwork-blog.gif) no-repeat 0 -2px;
	background-color:#A9A285 /*---MAKE THIS THE BACKGROUND COLOR FOR THE NAV---*/
}

li#music-blog a:hover { 
background:url(../images/navbar_blog/navbar_music-blog.gif) no-repeat 0 -2px;
background-color:#A9A285 /*---MAKE THIS THE BACKGROUND COLOR FOR THE NAV---*/
}

li#about-blog a:hover { 
background:url(../images/navbar_blog/navbar_about-blog.gif) no-repeat 0 -2px;
background-color:#A9A285 /*---MAKE THIS THE BACKGROUND COLOR FOR THE NAV---*/
}

li#contact-blog a:hover { 
background:url(../images/navbar_blog/navbar_contact-blog.gif) no-repeat 0 -2px;
background-color:#A9A285 /*---MAKE THIS THE BACKGROUND COLOR FOR THE NAV---*/
}

      /*---CONTAINER BLOG---*/
	  
#container-blog {
	position:absolute;
	background-image:url(../images/container-blog.gif);
	background-repeat:repeat-y;
	left:631px;
	top:0;
	width:385px;
	height:510px;
	margin:0px;
	color: #EDE6D3;
}

#blogtext {
	position:absolute;
	text-align:left;
	left:10px;
	width:370px;
	line-height: 14px;
	color: #EDE6D3;
	font-size: 12px;
	top: 10px;
}

#blogtext a{
	color: #EDE6D3;
}
/*==================================================end blog section=============*/