@charset "UTF-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

#wrapper {
	width: 900px;
	height: 900px;
	background-image: url(images/mediaphile_header_1.png);
	margin-right: auto;
	margin-left: auto;
}
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	
}
#header {
	height: 75px;
	width: 400px;
	float: left;
	clear: none;
}
#homelink {
	float: right;
	height: 130px;
	width: 410px;
	clear: none;
}

body {
	background-color: #CCCCCC;
	font-family: "Courier New", Courier, monospace;
	font-size: medium;
}

#navigation {
	height: 500px;
	width: 79px;
	margin-left: 30px;
	float: left;
	clear: left;
	margin-top: 75px;
	display: inline;
}


a {
	border: none;
	outline: none;
}


ul#nav{
	list-style:none;
	margin:0px;
	padding: 0px;
}

#nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:focus, #nav a:active, #nav span{
	background-image:url(images/icon-bar.png);
	display:block;
	width:79px;
	text-indent:-9999px;
	text-decoration:none;
	height:79px;
	margin-top: 32px;
	
}

#nav a.audio, #nav a.audio:link, #nav a.audio:visited{
	background-position:0px 0px;
	width:79px;
}

#nav a.audio:hover, #nav a.audio:focus, #nav a.audio:active, #nav span.audio{
	background-position:0px -394px;
	width:79px;
}

#nav a.video, #nav a.video:link, #nav a.video:visited{
	background-position:0px -105px;
	width:79px;
}

#nav a.video:hover, #nav a.video:focus, #nav a.video:active, #nav span.video{
	background-position:0px -499px;
	width:79px;
}

#nav a.photo, #nav a.photo:link, #nav a.photo:visited{
	background-position:0px -210px;
	width:79px;
}

#nav a.photo:hover, #nav a.photo:focus, #nav a.photo:active, #nav span.photo{
	background-position:0px -604px;
	width:79px;
}

#nav a.info, #nav a.info:link, #nav a.info:visited{
	background-position:0px -315px;
	width:79px;
}

#nav a.info:hover, #nav a.info:focus, #nav a.info:active, #nav span.info{
	background-position:0px -709px;
	width:79px;
}

#wendover {
	float: left;
	margin-left: 120px;
	margin-top: 10px;
}

#azatitle {
	float: left;
	height: 25px;
	width: 500px;
	font-size: 18px;
	margin-top: 20px;
	margin-left: 120px;
}

#azasong {
	height: 150px;
	width: 500px;
	float: left;
	margin-left: 120px;
}

#nattitle {
	float: left;
	height: 25px;
	width: 500px;
	margin-top: 10px;
	font-size: 18px;
	margin-left: 234px;
}

#natsong {
	float: left;
	height: 150px;
	width: 500px;
	margin-left: 234px;
}


#natlogo {
	float: left;
	height: 160px;
	width: 160px;
	margin-left: 70px;
	border: 2px solid #000000;
	margin-top: 50px;
	background-image: url(images/natlogo.jpg);
	display: inline;
}


#azalogo {
	height: 160px;
	width: 160px;
	float: left;
	margin-top: 175px;
	margin-left: 70px;
	border: 2px solid #000000;
	background-image: url(images/azalogo.png);
	clear: none;
	display: inline;
}
#video1 {
	float: left;
	margin-left: 115px;
	margin-top: 10px;
}

#video2 {
	float: left;
	margin-left: 115px;
	margin-top: 20px;
}

#video1title {
	float: left;
	height: 40px;
	width: 586px;
	margin-left: 115px;
	font-size: 24px;
	margin-top: 20px;
	display: inline;
}
#video2title {
	float: right;
	height: 40px;
	width: 582px;
	font-size: 24px;
	clear: right;
	vertical-align: bottom;
	margin-top: 40px;
	display: inline;
}

#site1 {
	float: left;
	margin-left: 115px;
	margin-top: 10px;
}

#site2 {
	float: left;
	margin-left: 115px;
	margin-top: 30px;
	border: 6px solid #000;
	overflow: hidden;
	width: 488px;
}


h2 {
	font-size: 24px;
	font-weight: normal;
}

#intro {
	width: 550px;
	float: left;
	text-align: left;
	margin-top: 70px;
	margin-left: 115px;
	display: inline;
}


#photos {
	float: left;
	width: 680px;
	margin-top: 20px;
	margin-left: 70px;
	display: inline;
}
#gallery {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

ul#gallery li {
	display: inline;
}
#gallery a {
	height: 100px;
	width: 100px;
	display: block;
	float: left;
	border: 6px solid #000000;
	background-repeat: no-repeat;
	margin-right: 25px;
	margin-bottom: 50px;
	margin-left: 25px;
	display: inline;
}
a.photo1 {
	background-image: url(images/armsn.png);
}
a.photo2 {
	background-image: url(images/boyn.png);
}
a.photo3 {
	background-image: url(images/babyn.png);
}
a.photo4 {
	background-image: url(images/babyandmomn.png);
}
a.photo5 {
	background-image: url(images/boysn.png);
}
a.photo6 {
	background-image: url(images/girl2n.png);
}
a.photo7 {
	background-image: url(images/familyn.png);
}
a.photo8 {
	background-image: url(images/geesen.png);
}
a.photo9 {
	background-image: url(images/girln.png);
}
a.photo10 {
	background-image: url(images/boy2n.png);
}
a.photo11 {
	background-image: url(images/weddingn.png);
}
a.photo12 {
	background-image: url(images/girl3n.png);
}

h1 {
	font-size: 120%;
	font-weight: normal;
}

#web2 {
	float: left;
	margin-left: 224px;
	margin-top: 5px;
	
}

#contact1 {
	float: left;
	margin-left: 224px;
	margin-top: 40px;
	width: 600px;
}

#contact2 {
	float: left;
	margin-left: 205px;
	width: 600px;
}

#contact3 {
	float: left;
	margin-left: 230px;
	width: 600px;
	margin-top: 20px;
}

#contact4 {
	float: left;
	width: 600px;
	margin-top: 40px;
}