/*General styles*/

.homepage-container {
    background-image: url('homepage.png');
    background-repeat: no-repeat;
    background-position: absolute;
    position: relative;
    width: 1091px;
    height: 624px;
    top: 45px;
    margin-left:auto;
    margin-right:auto;
}

.photospage-container {
    background-image: url('photos_background.png');
    background-repeat: no-repeat;
    background-position: absolute;
    position: relative;
    width: 1091px;
    height: 584px;
    top: 45px;
    margin-left:auto;
    margin-right:auto;
}

.videospage-container {
    background-image: url('videos_background.png');
    background-repeat: no-repeat;
    background-position: absolute;
    position: relative;
    width: 1091px;
    height: 584px;
    top: 45px;
    margin-left:auto;
    margin-right:auto;
}

.aboutme-container {
    background-image: url('AboutMe_background.png');
    background-repeat: no-repeat;
    background-position: absolute;
    position: relative;
    width: 1091px;
    height: 584px;
    top: 45px;
    margin-left:auto;
    margin-right:auto;
}

.navigation {
    text-align: left;
    font-family: cicle;
    font-size: 21px;
    text-decoration: none;
    width: 1091px;
    position: relative;
    left: 68px;
    top: -30px;
    margin-bottom: 0;
    outline: none;

}

.aboutme-title {
    text-align: left;
    font-family: cicle;
    font-size: 30px;
    color: #FFFFFF;
    text-decoration: none;
    width: 300px;
    position: absolute;
    left: 104px;
    top: 91px;
    margin-bottom: 0;
    outline: none;

}

.subpage-title {
    text-align: left;
    font-family: cicle;
    font-size: 30px;
    color: #FFFFFF;
    text-decoration: none;
    width: 500px;
    position: absolute;
    left: 350px;
    top: 96px;
    margin-bottom: 0;
    outline: none;

}

.aboutme-text {
    text-align: left;
    font-family: cicle;
    font-size: 20px;
    text-decoration: none;
    width: 300px;
    position: absolute;
    left: 130px;
    top: 150px;
    margin-bottom: 0;
    outline: none;

}

.aboutme-photo {
    text-decoration: none;
    width: 300px;
    position: absolute;
    left: 460px;
    top: 113px;
    margin-bottom: 0;
    outline: none;

}


/*Locations*/

.header-dotcom {
    margin-top: 566px;
    margin-left: 68px;
}

.photos-link {
    margin-top: -418px;
    margin-left: 537px;

}

.words-link {
    margin-top: 93px;
    margin-left: 537px;

}


.aboutme-link {
    margin-top: 131px;
    margin-left: 782px;

}

/*Rollovers*/

a.dotcom-rollover {
	display: block;
	width: 332px;
	height: 30px;
	text-decoration: none;
        outline: none;
	background: url("dotcom_rollover.png");
	}
	
a.dotcom-rollover:hover {
	background-position: 0 30px;
	}

a.photos-rollover {
	display: block;
	width: 396px;
	height: 30px;
	text-decoration: none;
        outline: none;
	background: url("photos_rollover.png");



	}

a.photos-rollover:hover {
	background-position: 0 30px;
	}


a.words-rollover {
	display: block;
	width: 432px;
	height: 23px;
	text-decoration: none;
	outline: none;
	background: url("words_rollover.png");
	}

a.words-rollover:hover {
	background-position: 0 23px;
	}

a.aboutme-rollover {
	display: block;
	width: 210px;
	height: 105px;
	text-decoration: none;
        outline: none;
	background: url("aboutme_rollover.png");
	}

a.aboutme-rollover:hover {
	background-position: 0 105px;
	}


/*Font Stuff*/



@font-face {
    font-family: Cicle;
    src: url('fonts/Cicle_Fina.ttf');
    }

a:link    {text-decoration:none; outline: none; color:#000000;}
a:visited {color:#000000;}
a:hover   {color:#e60087;}
a:active  {color:ff92be;} 

.aboutme-links 

a:link    {text-decoration:none; outline: none; color:#000000;}
a:visited {color:#000000;}
a:hover   {color:#e60087;}
a:active  {color:ff92be;}