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



/*normalizer starts*/


body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}

/* Normalize header sizes */
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}

/* Normalize list styles */
ol, ul {
	list-style: none;
}

/* Normalize font style and weight on odd elements */
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}

/* Normalize table borders */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Normalize other borders */
fieldset, img {
	border: 0;
}

/* Normalize text-alignment */
caption, th {
	text-align: left;
}

/* Normalize (remove) quotation marks */
q:before, q:after {
	content: '';
}

/*end normalizer*/


body {
	background-color:#000;
	background-image:url(images/background_image_combined_2.png);
	background-repeat:no-repeat;
}

#wrapper {
	margin: 0 auto;
	width:1024px;
	height: 700px;

	
}


#wrapper_2 {
	margin: 0 auto;
	width: 1024px;
	min-height: 500px;

}

#main_nav {
	float: right;
	height:90px;
	width:1024px;

}


#right_side_navigation{
	float:right;
	display: inline;
	height: 90px;
	width:320px;
}



#portfolio_sub_nav {
	position:absolute;
	left:-87px;
	display:inline;
	height: 17px;
	width: 320px;
}

#util_nav_main li.pdf_dropdown {
	position:absolute;
	display:inline;
	left:	240px;
	height: 17px;
	}
#util_nav_main li.p_dropdown {
	position: absolute;
	left: 165px;
}



li a.subnav {
	display:block;
	float: left;
	padding: 0 5px 0 5px;
}

#homepage_logo {
	margin: 0 auto;
	width: 554px;
	height:240px;
	padding: 50px 0 0 0;
	clear:both;
}

#util_nav_main li {
	float: right;
	

}

#big_nav_container {
	width:960px;/*changed when adding slider*/
	height:140px;
	margin: 0 auto;


}

div.big_btns {
	position:relative;
	float:left;
	
}



.one {
	position:absolute;
	top: 0;
	left:0;
	height:138px;
	width:316px;
}

.two {
	position:absolute;
	top: 0;
	left:0;
	height:138px;
	width:316px;
}

#print {
	height:138px;
	width:325px;/*changed when adding slider*/
	
}

#small_nav_container {
	height: 350px;
	position:relative;
	float:left;
	margin-top:25px;
}

.one_small {
	position:absolute;
	top: 0;
	left:0;
	height:85px;
	width:276px;
}

.two_small {
	position:absolute;
	top: 0;
	left:0;
	height:85px;
	width:276px;
}

#print_small {
	position:relative;
	float:left;
	width:276px;
	height:85px;
}

#web_small  {
	position:relative;
	float:left;
	width:276px;
	height:85px;
}

#art_small {
	position:relative;
	float:left;
	width:276px;
	height:85px;
}

#web {
	height:138px;
	width:325px;/*changed when adding slider*/
}

#art {
	height:138px;
	width:287px;
}

#follow_me { 
	height:50px;
	margin-top:50px;
	width:1024px;
	float:left;
}


a {
	text-decoration:none;
	color:#CCC;
}

#left_content {
	float:left;
	margin-top:50px;
	margin-left: 50px;
	width:350px;
	min-height: 350px;
}

#right_content {
	float:right;
	margin-top:50px;
	margin-right:50px;
	width:550px;
	min-height: 350px;
}

#small_logo {
	float:left;
	margin-top:12px;/*changed when added slider*/
}

#right_content_interior {
	background-image:url(images/text_area.png);
	background-repeat:no-repeat;
	width:476px;
	min-height:350px;
	margin:0 auto;
	padding-top:20px;
}

#right_content_interior_resume {
	background-image:url(images/resume_text_area.png);
	background-repeat:no-repeat;
	width:476px;
	min-height:350px;
	margin:0 auto;
	padding-top:20px;
	
}

#right_content_interior_contact {
	background-image:url(images/contact_text_area.png);
	background-repeat:no-repeat;
	width:476px;
	min-height:350px;
	margin:0 auto;
	padding:20px;
	
}

#headshots {
	margin: 0 auto;
	width:422px;
	
	
}

#about_me_text {
	width:425px;
	min-height:200px;
	padding: 20px;
	margin:0 auto;
}

#resume_text {
	width:425px;
	min-height:200px;
	padding: 0 20px 20px 20px;
	margin:0 auto;
}

#container_skills {
	width:425px;
	height: 125px;
}

#comp_skills1 {
	float:left;
	width:210px;
}

#other_skills1 {
	float:left;
	width:210px;
}

#comp_skills2 {
	float:right;
	width:210px;
}

li.list_skills {
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#FFF;
	text-align:left;
	list-style-type:none;
}

/*-------------start sprite navigation home------------------*/

#util_nav_main {
	float:right;
	position:relative;
	margin-top:30px;
	display: inline;
	height: 23px;
	width:320px;
}

#util_nav_main li {
	float: left;
}

#wrapper #wrapper_2 #main_nav #util_nav_main li a.about {
	width:93px;
	display:block;
	height:23px;
	background:url(images/main_nav_sprite.png) 0 0;
}
#wrapper #wrapper_2 #main_nav #util_nav_main li a.about:hover {
	width:93px;
	display:block;
	height:23px;
	background:url(images/main_nav_sprite.png) 0 -25px;
}

#wrapper #wrapper_2 #main_nav #util_nav_main li a.about:clicked {
	width:93px;
	display:block;
	height:23px;
	background:url(images/main_nav_sprite.png) 0 -25px;
}
#wrapper #wrapper_2 #main_nav #util_nav_main li a.contact {
	width:75px;
	display:block;
	height:23px;
	background:url(images/main_nav_sprite.png) -108px 0;
}
#wrapper #wrapper_2 #main_nav #util_nav_main li a.contact:hover {
	width:75px;
	display:block;
	height:23px;
	background:url(images/main_nav_sprite.png) -108px -25px;
}

#wrapper #wrapper_2 #main_nav #util_nav_main li a.contact:clicked {
	width:75px;
	display:block;
	height:23px;
	background:url(images/main_nav_sprite.png) -108px -25px;
}

#wrapper #wrapper_2 #main_nav #util_nav_main li a.portfolio {
	width:76px;
	display:block;
	height:23px;
	background:url(images/main_nav_sprite.png) -203px 0;
}
#wrapper #wrapper_2 #main_nav #util_nav_main li a.portfolio:hover {
	width:76px;
	display:block;
	height:23px;
	background: url(images/main_nav_sprite.png) -203px -25px;
}

#wrapper #wrapper_2 #main_nav #util_nav_main li a.portfolio:clicked {
	width:76px;
	display:block;
	height:23px;
	background: url(images/main_nav_sprite.png) -203px -25px;
}


#wrapper #wrapper_2 #main_nav #util_nav_main li a.resume {
	width:73px;
	display:block;
	height:23px;
	background: url(images/main_nav_sprite.png) -299px 0;
}
#wrapper #wrapper_2 #main_nav #util_nav_main li a.resume:hover {
	width:73px;
	display:block;
	height:23px;
	background: url(images/main_nav_sprite.png) -299px -25px;
}

#wrapper #wrapper_2 #main_nav #util_nav_main li a.resume:clicked {
	width:73px;
	display:block;
	height:23px;
	background: url(images/main_nav_sprite.png) -299px -25px;
}


/*--------closes sprite stuff home------*/


/*----slideshow on portfolio page----*/

#slideshow {
	float:left;
	margin: 0 auto;
	text-align: center;
	height:350px;
	overflow:hidden;
}
				
#slideshow IMG {
	position:relative;
	left: 35px;
	z-index:8;
	opacity:0.0;
}
						
#slideshow DIV.active {
	z-index:10;
	opacity:1.0;
}
						
 #slideshow IMG.active {
	opacity:1.0;
}
						
						
#slideshow DIV.last-active {
	z-index:9;
}
						
#slideshow DIV IMG {
	/*height: 50px;*/
	display: block;
	border: 0;
	margin-bottom: 10px;
}
						

/*--------closes portfolio slideshow------*/


p {
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#FFF;
}

p.footer {
	font-size:9px;
	letter-spacing:1px;
	color:#CCC;
	text-align:center;
	margin-top:50px;
	clear:both;
	padding-bottom:50px;
}

h1 {
	display:none;
}

h2 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#FFF;
	text-align:center;
}

h2.homepage {
	display:none;
}


h2.slider {
	color:#666;
	text-align:left;
	font-size:20px;
	padding:15px 0 10px 25px;
}

h3 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12.5px;
	color:#FFF;
}

h3.slider {
	color:#666;
	padding-bottom:10px;
}

a {
	outline:none;
}

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

/* jquery slider */

* { 
	margin: 0; 
	padding: 0; 
}


a { 
	text-decoration: none; 
	outline: none; 
}

a:hover { 
	text-decoration: underline; 
	outline: none; 
}

a img { 
	border: none; 
}


#page-wrap {  
	width: 960px; 
	margin: 0 auto; 
	padding: 75px 0 0 0;
}

#slider { 
	background-image:url(images/slider_background.jpg); 
	height: 375px; 
	overflow: hidden;
	position: relative; 
	margin: 50px 0 20px 0; 
	background-repeat: no-repeat;
}
								  
                                /* DEFAULT is for three panels in width, adjust as needed
                                   This only matters if JS is OFF, otherwise JS sets this. */								  
#mover { 
	width: 2880px; 
	position: relative;
}

.slide { 
	padding: 30px 30px; 
	width: 900px; 
	float: left; 
	position: relative; 
}

.slide h1 { 
	font-family: Helvetica, Sans-Serif; 
	font-size: 30px; 
	letter-spacing: -1px;
	color: #ac0000; 
}

.slide p { 
	color: #999; 
	font-size: 12px; 
	line-height: 22px; 
	width: 300px; 
}

.slide img { 
	position: absolute; 
	top: 20px; 
	left: 400px; 
}

#slider-stopper { 
	position: absolute; 
	top: 10px; 
	right: 20px; 
	/*background: #666;*/ 
	color: #666;
	padding: 3px 8px; 
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: 
	uppercase; 
	z-index: 1000; 
}
								  
/* end slider */


/* logo fix */

img.png_topleft {
	position:relative;
	top:7;
	left:0;
	display:block;
}

img.jpg_topleft {
	position:absolute;
	top:7;
	left:0;
	display:none;
}

/* logo fix */