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

/* MAIN SETUP OF THE WEBPAGE */
body {
	background-color:#808080;
	margin: 0; 
	padding: 0;
}


/* HEADER FOR EACH PAGE */
#headerband {
	height:280px;
	background-color:#CCCCCC;
	margin-top:0px;
}


/* STRIP FOR THE INDEX PAGE */
#strip {
	height:14px;
	background-color:#666666;
	margin:145px 0 0 0;
}


/* WHITE BOX THAT LOGO GOES IN */
#logobox {
	background-color:#FFFFFF;
	border:#808080 solid 2px;
	width:378px;
	height:77px;
	margin:-220px auto 0px auto;
}


/* ********** LOGO ********** */
#logo {
	background-image:url(../images/logo/Nicki_Moya_Photographer_Logo.jpg);
	background-repeat:no-repeat;
	margin:-65px auto 0 auto;
	display:block;
	width:225px;
	height:50px;
	border:none;
   }


/* CONTAINER FOR IMAGES */
#images {
/*	border:#F00 solid; */
	width:815px; 
	margin:-90px auto 0px auto;
}

/* LEFT IMAGE SLIDESHOW WHITE BOX */
#imageOne {
	background-image:url(../images/index/left.jpg);
	width:216px;
	height:368px;
	border:#666666 solid 2px;
}

/* MIDDLE IMAGE SLIDESHOW WHITE BOX */
#imageTwo {
	background-image:url(../images/index/indexGallary.gif);
	width:815px;
	height:372px;
	margin:0px auto 0px auto;
}

/* RIGHT IMAGE SLIDESHOW WHITE BOX */
#imageThree {
	background-image:url(../images/index/right.jpg);
	float:right;
	width:216px;
	height:368px;
	margin:-372px auto 0px 890px;
	border:#666666 solid 2px;
}


/* CONTINUE BUTTON */
#continue {
	background-color:#999999;
	width:172px;
	height:40px;
	margin:70px auto 0px auto;
}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#4D4D4D;
	text-align:center;
	padding:6px;
	font-weight:normal;
}

a {
	text-decoration:none;
	color:#4D4D4D;
}

a:hover {
	color:#FFFFFF;
}


/* BOTTOM NAVIGATION - BOTTOM NAVIGATION - BOTTOM NAVIGATION - BOTTOM NAVIGATION - BOTTOM NAVIGATION - BOTTOM NAVIGATION */
#bottomnavigation {
	clear:both;
	list-style-type:none;
	margin:50px auto 10px auto;
	/* border:#699 solid; */
	width:400px;
	text-align:center;
}

#bottomnavigation ul {
	padding:0; /* to make it centered */
}

#bottomnavigation ul li a {
	list-style-type:none;
	text-decoration:none;
	padding:5px;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}

#bottomnavigation ul li {
	list-style-type:none;
	display:inline;
}
	
#bottomnavigation ul li a:hover {
	color:#FFFFFF;
}