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

body {
	background-color: #ffffff;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 0;
}
.boldName {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #627689;
}
.mattBioText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 1.4em;
	font-weight: normal;
	color: #333333;
	height: auto;
	width: 600px;
	position: relative;
	left: 40px;
	top: 40px;
	text-align: left;
	z-index: 1000;
}

#mainContainer {
	padding: 0px;
	height: 1200px;
	width: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
	background-color: #121212;
	background-image: url(../imagesNewPages0909/photoPageBkgd.jpg);
}
#mainCenter {
	background-image: url(../imagesNewIndex0909/indexBkgdCenter.jpg);
	background-repeat: no-repeat;
	margin: 0 auto;
	padding: 0px;
	height: 800px;
	width: 800px;
	position: relative;
	top: 31px;
}
#header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	height: 131px;
	width: 900px;
	position: relative;
	left: 0px;
	top: 0px;
	/*border: 2px solid #242e2d;*/
	margin: 0 auto;
	text-align: center;
	background-image: url(../imagesNewIndex0909/indexHeader0909.png);
	background-repeat: no-repeat;
	padding: 0px;
}
#background {
	/*font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	height: 800px;
	width: 820px;
	position: relative;
	left: 0px;
	top: 0px;*/
	/*border: 2px solid #242e2d;*/
	/*margin: 0 auto;
	text-align: center;
	background-image: url(../images_ei_photography/indexBkgd.jpg);
	background-repeat: no-repeat;
	padding: 0px;*/
}
#topBar {
	background-image: url(../images_ei_photography/topBarwPattern.jpg);
	background-repeat: repeat-x;
	height: 40px;
	width: auto;
	position: relative;
	top: 0px;
}
#backgroundBot {
	margin: 0 auto;
	padding: 0px;
	height: 1050px;
	width: 1050px;
	left: 0px;
	position:relative;
	top:10px;
	z-index: 1;
}
.insideBackground {
	margin: 0 auto;
	padding: 0px;
	height: 30px;
	width: 720px;
	position:relative;
	top:0px;
	right: 0px;
	z-index: 2000;
}
.leftGrad {
	background-image: url(leftGrad.jpg);
	background-repeat: no-repeat;
	height: 600px;
	width: 10px;
	margin-left: -10px;
}
.rightGrad {
	background-image: url(rightGrad.jpg);
	background-repeat: no-repeat;
	height: 600px;
	width: 10px;
	margin-left: -10px;
	position: relative;
	top: 0px;
	right: 0px;
	padding: 0px;
	clear: both;
	overflow: auto;
	float: right;
}
.backgroundMattBio {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	height: 800px;
	width: 800px;
	position: relative;
	left: 0px;
	top: 0px;
	/*border: 2px solid #242e2d;*/
	margin: 0 auto;
	text-align: center;
	background-image: url(../ei_photography_pages906/imagesMattBio/mattisonBioBkgd.jpg);
	background-repeat: no-repeat;
	z-index: 1;
}
.cloudsBkgd {
	/*background-image: url(../ei_photography_pages906/imagesMattBio/cloudsBkgd.png);*/
	background-repeat: no-repeat;
	height: 600px;
	width: 760px;
	z-index: 2;
	left: 0px;
	top: 50px;
	position: relative;
	border-left-width: 20px;
	border-left-style: solid;
	border-left-color: #4a5154;
	margin-left: 20px;	/*opacity:1.0;*/
}
#contentwrapper {
	width:800px;
	height:700px;
	margin:0 auto;
}
.copyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #999999;
	height: 15px;
	width: 357px;
	position: absolute;
	left: 370px;
	text-align: center;
	margin:0 auto;
	vertical-align: bottom;
	top: 750px;
}


#mattisonBio {
	height: auto;
	width: 700px;
	position: relative;
	z-index: 100;
	left: 50px;
	top: 155px;
}
.navigation {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	position: relative;
	left: 2px;
	top: 0px;
	z-index: 200;
	width: 700px;
	background-image: url(nav2Bkgd.jpg);
	background-repeat: repeat-x;
}
#navline {
	position: absolute;
	width: 400px;
	height: 10px;
	background-image: url(images_ei_photography/ei_index/index_nav_line.jpg);
	left: 100px;
	top: 170px;
}
.gallery_link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #666666;
	height: 40px;
	width: 124px;
	position: absolute;
	left: -129px;
	top: 204px;
	text-decoration: none;
	margin:0 auto;
	border: none;
	background-position: center top;
	text-align: center;
}
.botBoxLeft {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image: url(../imagesNewIndex0909/newIndexBotBox.png);
	background-repeat: no-repeat;
	height: 225px;
	width: 225px;
	position: absolute;
	left: 30px;
	top: 400px;
}
.photography {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #333333;
	text-align: center;
	background-position: center;
	background-color: #666666;
	height: 2.1em;
	padding-top: 8px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
.botBoxCenter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	background-image: url(../imagesNewIndex0909/newIndexBotBox.png);
	background-repeat: no-repeat;
	height: 225px;
	width: 225px;
	position: absolute;
	left: 290px;
	top: 400px;
}
.botBoxRight {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image: url(../imagesNewIndex0909/newIndexBotBoxRight.png);
	background-repeat: no-repeat;
	height: 225px;
	width: 225px;
	position: absolute;
	left: 550px;
	top: 400px;
	text-align: center;
}
.botBoxRight a:link {
	color: #999999;
	font-size: 12pt;
	text-decoration: none;
}
.botBoxRight a:visited {
	color: #999999;
	font-size: 12pt;
	text-decoration: none;
}
.botBoxRight a:hover {
	color: #FFFFFF;
	font-size: 12pt;
	text-decoration: none;
}
.botBoxRight a:active {
	color: #660000;
	font-size: 12pt;
	text-decoration: none;
}
.multimediaPhoto {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 180px;
	width: 150px;
	position: absolute;
	left: 60px;
	top: 20px;
}
.gallery_link a:link {
	color: #49688F;
	font-size: 10pt;
	text-decoration: none;
}
.gallery_link a:visited {
	color: #999999;
	font-size: 10pt;
	text-decoration: none;
}
.gallery_link a:hover {
	color: #660000;
	font-size: 10pt;
	text-decoration: none;
}
.gallery_link a:active {
	color: #660000;
	font-size: 10pt;
	text-decoration: none;
}
.videoPlayer {
	background-color: #CCCCCC;
	height: 100px;
	width: 300px;
	position: relative;
	top: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	background-position: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-left: 14px;
	text-align: left;
	background-image: url(../movies/videoTitle.png);
	background-repeat: no-repeat;
	padding-top: 10px;
}
.videoPlayer a:link {
	color: #49688F;
	font-size: 10pt;
	text-decoration: none;
}
.videoPlayer a:visited {
	color: #999999;
	font-size: 10pt;
	text-decoration: none;
}
.videoPlayer a:hover {
	color: #660000;
	font-size: 10pt;
	text-decoration: none;
}
.videoPlayer a:active {
	color: #660000;
	font-size: 10pt;
	text-decoration: none;
}
#navbar {
	/*background-color:#440343;*/
	height:25px;
	width:700px;
	/*line-height:14px;*/
	margin:0 auto;
	z-index:2000;
	/*font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.6em;*/
	background-image: url(../imagesNewIndex0909/nav2Bkgd.jpg);
	position: relative;
	left: 0px;
	padding-left: 0px;
	}

#navbar ul {
	padding:0 0 0 22px;
	margin:0px;
	list-style:none;
	}
	
#navbar ul li {
	float:left;
	position:relative;
	margin:0px;
	height:25px;
	color:#ffffff;
	padding-top:0px;
	border-left-width:1px;
	border-left-color:#666666;
	border-left-style:solid;
	border-right-width:1px;
	border-right-color:#666666;
	border-right-style:solid;
	z-index:500;
	}
	
html>body #navbar ul li {
	padding-left:0px;
	padding-right:0px;
	}
	
#navbar .level1 li:hover {
	border-left: 1px solid #d8d8d8;
	border-right: 1px solid #d8d8d8;
	background-image: url(../imagesNewIndex0909/navrollBkgd.jpg);
	background-repeat: repeat-x;
	}

#navbar ul a {
	display:block;
	text-decoration:none;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:6px;
	padding-right:10px;
	color:#333333;
	font-family:verdana, Helvetica, sans-serif;
	}
	
#navbar ul.level1 a:hover {
	display:block;
	text-decoration:none;
	padding-top:4px;
	padding-bottom:10px;
	padding-left:6px;
	padding-right:10px;
	color:#333333;
	font-family:verdana, Helvetica, sans-serif;
	}
	
#navbar ul.level2 a:hover {
	display:block;
	text-decoration:none;
	padding-top:2px;
	padding-bottom:5px;
	padding-left:10px;
	color:#fff;
	font:11px/16px verdana, Helvetica, sans-serif;	
	}

#navbar .level2 {
	display:none;
	position:absolute;
	top:28px;
	left:-1px;
	height:auto;
	padding-top:0px;
	padding-bottom:0px;
	z-index:500;
	}
	
#navbar .level2 li	{
	width:160px;
	height:auto;
	}

/******** level 3 below **********/

#navbar ul.level3 a:hover {
	display:block;
	text-decoration:none;
	padding-top:2px;
	padding-bottom:5px;
	padding-left:10px;
	color:#fff;
	font:11px/16px verdana, Helvetica, sans-serif;	
	}

#navbar .level3 {
	display:none;
	position:absolute;
	top:28px;
	left:-1px;
	height:auto;
	padding-top:0px;
	padding-bottom:0px;
	z-index:500;
	}
	
#navbar .level3 li	{
	width:160px;
	height:auto;
	}
#navbar ul ul ul li {
	float:none;
	border-top:1px solid #d8d8d8;
	border-bottom:1px solid #d8d8d8;
	border-left:1px solid #d8d8d8;
	border-right:1px solid #d8d8d8;
	margin-top:-3px;
	padding-top:2px;
	width:185px;
	height:23px;
	z-index:500;
	list-style:none;
	background-image: url(../imagesNewIndex0909/nav2Bkgd.jpg);
	background-repeat: repeat-x;
	}
#navbar ul ul ul li a {
	padding-left:10px;
	padding-right:10px;
	padding-top:2px;
	padding-bottom:5px;
	background-image:none;
	color:#333333;
	font:11px/16px verdana, Helvetica, sans-serif;
	}

/******** end level 3 **********/
#navbar ul.level1 li:hover {
	background-repeat:repeat-x;
	}

/******************/

#navbar ul ul li {
	float:none;
	border-top:1px solid #d8d8d8;
	border-bottom:1px solid #d8d8d8;
	border-left:1px solid #d8d8d8;
	border-right:1px solid #d8d8d8;
	margin-top:-3px;
	padding-top:2px;
	width:185px;
	height:23px;
	z-index:500;
	list-style:none;
	background-color: #CCCCCC;	/*background-image: url(../navrollBkgd.jpg);
	background-repeat: repeat-x;*/
	color: #333333;
	}

/* IE7 hack to correct positioning */
*:first-child+html #upper_nav ul ul li {   
	margin-bottom:-3px;
	}

#navbar ul ul li a {
	padding-left:10px;
	padding-right:10px;
	padding-top:2px;
	padding-bottom:5px;
	background-image:none;
	color:#000000;
	font:11px/16px verdana, Helvetica, sans-serif;
	}
#navbar li > ul {
	top:auto;
	left:auto;
	}

/********************/

#navbar .level2 li:hover {
	background-color:#333333;
	background-image:none;
	}


/********************/

#navbar .level2 li {
	padding-bottom:0px;
	margin-bottom:0px;
	}

html>body #navbar .level2 li {
	padding-bottom:0px;
	margin-bottom:0px;
	}


/*********************/

#navbar ul.level3 li.submenu2:hover ul.level4 {
	display:block;
	}

#navbar ul.level2 li.submenu2:hover ul.level3 {
	display:block;
	}

#navbar ul.level1 li.submenu:hover ul.level2 {
	display:block;
	}
#linksTitle {
	background-image: url(../images_ei_photography/linksTitle.png);
	background-repeat: no-repeat;
	height: 35px;
	width: 110px;
	position: absolute;
	left: 0px;
	top: 50px;
}
/********** video menu ************/
#videoCol {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	background-image: url(../../images/multimediaBkgd2.png);
	background-repeat: repeat;
	height: 25px;
	width: 123px;
	padding-top: -1px;
	margin-top: -1px;
	position: absolute;
	top: 36px;
	left: 3px;
	float: left;
}
.videoreviews {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	color: #CCCCCC;
	height: 25px;
	width: 105px;
	padding-left: 17px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: -2px;	/*background-color: #17161b;
	background-image: url(../images/multimediaBkgd2.png);
	background-repeat: repeat;*/
	background-color: #4c4f56;
	background-image: url(../imagesNewIndex0909/videoTitleBkgd.png);
	background-repeat: repeat-x;
	text-align: left;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #e0ecf3;
}
#videosubmenu {
	height: auto;
	background-color: #2c2c2c;
	/*background-image: url(../images/multimediaBkgd2.png);*/
	margin-right: 0px;
	margin-bottom: -2px;
	margin-left: 0px;
	margin-top: 1px;
	width: 125px;
	font-size: 1.0em;
	position: relative;
	left: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #CCCCFF;	/*background-color: #203033;*/
	padding-top: 2px;
	top: 1px;
}
#videosubmenu ul {
	padding-top: 0em;
	padding-right: 0;
	padding-bottom: 0.4em;
	padding-left: 0px;
	width: 120px;
	margin-top: 2px;
	margin-right: 0em;
	margin-bottom: 0px;
	margin-left: 0em;
}
#videosubmenu ul a {
	padding: 0;
	color: #c8dbe5;
	text-decoration: none;
	display: block;
}
#videosubmenu ul li {
	list-style-type: none;
	text-align: left;
	background-color: #4c4f56;
	border-left: 12px solid #383b40;
	color: #b6cdd2;
	margin-bottom: 1px;
	font-weight: normal;
	margin-top: 1px;
	margin-right: 0;
	margin-left: 0;
	padding-top: 0.3em;
	padding-right: 0;
	padding-bottom: 0.4em;
	padding-left: 4px;
	display: block;
}
#videosubmenu ul li:hover {
	text-decoration:none;
	list-style-type:none;
	text-align: right;
	background-color:#b4c0c6;
	border-left:12px solid #60717c;
	color:#333333;
	margin-bottom:1px;
	margin-top: 1px;
	margin-right: 0px;
	margin-left: 0;
	padding-top: 0.3em;
	padding-right: 10px;
	padding-bottom: 0.4em;
	padding-left: 8px;
	border-right: 12px solid #60717c;
	width: 90px;
}
#videosubmenu a:hover {
	margin: 0;
	padding: 0 0 0 0;
	color:#333333;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #6a7e82;
}
#videosubmenu ul ul{
	margin-left:-20px;
	padding:0;
	list-style-type:none;
	width:247px;
	display:block;
}
/*#submenu ul.lev2 {width:213px;margin-bottom:-6px;margin-top:6px;}
#submenu ul.lev2 li{background:#302f35;border-left-color:#111111;}
#submenu ul.lev2 li a:hover {background-color:#302f35;border-left-color:#111111;color:#fee300;}*/
#videosubmenu ul li#active {
	background: #000000;
	border-left: #383b40;
	border-left-width: 12px;
	border-left-style: solid;
	margin-bottom: 0px;
	font-family: Verdana;
	font-size: 1em;
	font-weight: normal;
}
#videosubmenu ul li#active2 {
	border-left: #383b40;
	border-left-width: 12px;
	border-left-style: solid;
	background-color: #4C4F56;
}
#msoExcerptwindow {
	height: 145px;
	width: 180px;
	position: absolute;
	left: 12px;
	top:50px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #999999;
	z-index: 1000;
	word-spacing: normal;
	text-indent: 10px;
	text-align: left;
	line-height: 2em;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 20px;
	font-weight: normal;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: dotted;
	border-left-style: dotted;
	border-right-color: #666666;
	border-left-color: #666666;
}

#msoExcerptword {
	height: 45px;
	width: 200px;
	position: absolute;
	left: 16px;
	top: 0px;
	z-index: 1002;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	padding-top: 10px;
}
#msoExcerptword a:link {
	color: #CCCCCC;
	font-size: 1.3em;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
}
#msoExcerptword a:visited {
	color: #999999;
	font-size: 1.3em;
	text-decoration: none;
}
#msoExcerptword a:hover {
	color: #FFFFFF;
	font-size: 1.3em;
	text-decoration: none;
}
#msoExcerptword a:active {
	color: #660000;
	font-size: 10pt;
	text-decoration: none;
}#photo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	height: 1050px;
	width: 1050px;
	position: relative;
	margin: 0 auto;
	left: 0px;
	z-index: 2;
}
.photoTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	height: 20px;
	width: 400px;
	left: 580px;
	top: 700px;
	position: absolute;
}
.photoOnly {
	height: 1050px;
	width: 1050px;
	position: relative;
	z-index: 3;
	left: 0px;
	top: 0px;
	text-align: center;
}
.toTheWork {
	float: right;
	height: 150px;
	width: 50px;
	position: absolute;
	top: 14px;
	right: 158px;
	z-index: 50;
}
.toTheWork a:link {
	color: #999999;
	font-size: 10pt;
	text-decoration: none;
}
.toTheWork a:visited {
	color: #999999;
	font-size: 10pt;
	text-decoration: none;
}
.toTheWork a:hover {
	color: #660000;
	font-size: 10pt;
	text-decoration: none;
}
.toTheWork a:active {
	color: #660000;
	font-size: 10pt;
	text-decoration: none;
}
#thumbnailStrip {
	height: 60px;
	width: 950px;
	position: absolute;
	left: 0px;
	top: 730px;
	border: no-border;
}
#thumbnailsArrow {
	height: 30px;
	width: 120px;
	position: absolute;
	left: 900px;
	top: 730px;
}