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

 img, div { behavior: url(http://www.neglerio.com/iepngfix.htc) }

body {
	background-color: #000000;
	margin: 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
	line-height: 16px;
	background-attachment: scroll;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#container {
	width: 800px;
	padding-left: 10px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 10px;
	background-image: url(../images/blkcontain.png);
	background-repeat: repeat-y;
}
#header {
	width:800px;
	height:62px;
	list-style-type:none;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-bottom: 0;
	padding-right: 10px;
	padding-left: 10px;
	background-image: url(../images/topcontain.png);
	}
#wrap {
	background-image: url(../images/blkcontain.png);
	height: 100%;
	width: 820px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 25px;
	background-repeat: repeat-y;
	clear: both;
	padding-top: 3px;
}

#nav {
	width:800px;
	height:52px;
	list-style-type:none;
	background-image: url(../images/nav.jpg);
	background-repeat: no-repeat;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-top: 10px;
	float: left;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	}
#header img {
	float: left;
	margin-top: 10px;
}


#nav span {
	display:none;
}




#nav li, #nav a { height:52px; display:block; } /* change height here also */

#nav li { float:left; list-style:none; _display:inline; position:relative; }


#nav-01 { width: 100px; margin-left:0px;}
#nav-02 { width: 100px;}
#nav-03 { width: 100px;}
#nav-04 { width: 100px;}
#nav-05 { width: 100px;}
#nav-06 { width: 100px;}
#nav-07 { width: 100px;}
#nav-08 { width: 100px;}




/*-------------- (-79px) X position of button / (-30px) height of image from above ------------- */
#nav-01 a:hover { background:url("../images/nav.jpg")  0px -52px no-repeat; }
#nav-02 a:hover { background:url("../images/nav.jpg") -100px -52px no-repeat; }
#nav-03 a:hover { background:url("../images/nav.jpg") -200px -52px no-repeat; }
#nav-04 a:hover { background:url("../images/nav.jpg") -300px -52px no-repeat; }
#nav-05 a:hover { background:url("../images/nav.jpg") -400px -52px no-repeat; }
#nav-06 a:hover { background:url("../images/nav.jpg") -500px -52px no-repeat; }
#nav-07 a:hover { background:url("../images/nav.jpg") -600px -52px no-repeat; }
#nav-08 a:hover { background:url("../images/nav.jpg") -700px -52px no-repeat; }



#banner {
	float: left;
	height: 300px;
	width: 800px;
	margin-top: 5px;
}

#navmid li, #navmid a { height:248px; display:block; } /* change height here also */


#navmid {
	list-style-type:none;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-top: 0px;
	float: left;
	padding: 0;
	width: 800px;
	height: 248px;
	}

#navmid li {
	list-style-type: none;
	display: inline;
	float: left;
	height: 248px;
	width: 200px;
}
.midcolpad {
	display: none;
}

#navmid-01 {
	width: 200px;
	height:248px;
	float: left;
	background-image: url(../images/box_print.jpg);
	background-repeat: no-repeat;
}
#midcol {
	float: left;
	width: 800px;
	padding-top: 5px;
}
#navmid-02 {
	width: 200px;
	height:248px;
	float: left;
	background-image: url(../images/box_web.jpg);
	background-repeat: no-repeat;
	}
#navmid-03 {
	width: 200px;
	height:248px;
	float: left;
	background-image: url(../images/box_video.jpg);
	background-repeat: no-repeat;
}
#center {
}
#navmid-04 {
width: 200px;
	height:248px;
	float: left;
	background-image: url(../images/box_photo.jpg);
	background-repeat: no-repeat;
}




/*-------------- (-79px) X position of button / (-30px) height of image from above ------------- */
#navmid-01 a:hover {
	background-image: url(../images/box_printover.jpg);
	background-repeat: no-repeat;
	height: 248px;
	width: 200px;
	float: left;
	
}
#navmid-02 a:hover {
	background-image: url(../images/box_webover.jpg);
	background-repeat: no-repeat;
	height: 248px;
	width: 200px;
	float: left;
	
}
small {
	font-size: 11px;
	color: #666666;
}
#navmid-03 a:hover {
	background-image: url(../images/box_videoover.jpg);
	background-repeat: no-repeat;
	height: 248px;
	width: 200px;
	float: left;

}
#navmid-04 a:hover {
background-image: url(../images/box_photoover.jpg);
	background-repeat: no-repeat;
	height: 248px;
	width: 200px;
	float: left;
	
}
#navmid a {
	color: #CCCCCC;
	text-decoration: none;
}
#navmid a:hover {
	color: #CCCCCC;
	text-decoration: none;
}
#logo {
	height: 65px;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}
#padding {
	padding: 25px;
	background-color: #111111;
	float: left;
	width: 750px;
	font-size: 11px;
}
#footie {
	background-color: #111;
	clear: both;
	height: 25px;
	width: 800px;
	margin-top: 5px;
	margin-bottom: 25px;
	margin-right: auto;
	margin-left: auto;
	float: left;
}
.clear {
	clear: both;
}
.item {
	height: 260px;
	width: 175px;
	float: left;
	text-align: left;
	font-size: 11px;
	margin-top: 25px;
	margin-right: 40px;
	margin-left: 45px;
}
.item img {
}
#center {
	background-color: #111111;
	float: left;
	width: 800px;
	font-size: 11px;
}
.column {
	float: left;
	width: 250px;
	margin-left: 12px;
	margin-bottom: 10px;
}
.column li {
	list-style-image: url(http://neglerio.com/images/bullet_apply.png);
	margin-bottom: 5px;
}
.column h3 {
	color: #F00;
	margin-left: 20px;
}
.vidtext {
	width: 475px;
	padding-right: 25px;
	padding-left: 25px;
	float: left;
}
.itemvideo {
	float: left;
	width: 800px;
	margin-top: 15px;
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	padding-bottom: 15px;
}
.itemvideo img {
	float: left;
	margin-left: 15px;
}
.itemvideo h3 {
	margin-left: 15px;
}
.item a:hover {
	color: #CCCCCC;
	text-decoration: underline;
}
.item h3 {
	color: #FFFFFF;
	font-weight: normal;
	margin-top: 10px;
}
.item a {
	color: #CCCCCC;
	text-decoration: none;
}
.column a {
	color: #666666;
	text-decoration: none;
}
.column a:hover {
	color: #666666;
	text-decoration: underline;
}
.vidtext a {
	color: #FFFFFF;
	text-decoration: none;
}
.vidtext a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
#padding h2 {
	font-weight: normal;
	color: #F00;
}
#resumeleft {
	float: left;
	width: 280px;
	height: 100%;
	padding-top: 20px;
}
#resumeleft h1 {
	display: inline;
}
#resumeright {
	float: left;
	width: 430px;
	padding-left: 20px;
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #333333;
	margin-left: 10px;
}

#midcol .box {
	float: left;
	height: 200px;
	width: 178px;
	background-color: #111;
	margin-right: 2px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#container #midcol .box h2 {
	color: #FFF;
}