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


/* ------------------------------------------------------------------- OPENS NORMALIZER ------------------------------------------------------------------- */

/* Normalize padding and margins */
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: '';
}

/* ------------------------------------------------------------------- CLOSES NORMALIZER ------------------------------------------------------------------- */

body {
				font-family: "Frutiger LT Std 47 Light Condensed", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

#wrapper {		
				margin-left: auto; 
				margin-right: auto; 
				margin-top: 20px; 
				width: 1000px; 
				overflow: hidden;
}

h1 {			
				font-size: 20px; 
				color: #9e1f63; 
				font-weight: bold; 
				text-align: center;
				padding: 0;
}

h1 a {			
				color: #9e1f63; 
				text-decoration: none;
}

h1 a:hover {	
				color: #9e1f63; 
				text-decoration: none;
}

h2 {			
				font-size: 15px; 
				color: #9e1f63; 
				font-weight: bold; 
				text-align: center;
}

h2 a {			
				color: #9e1f63; 
				text-decoration: none;
}

h2 a:hover {	
				color: #9e1f63; 
				text-decoration: none;
}

.text {			
				font-weight: normal; 
				font-size: 13px;
}

.text a {		
				text-decoration: none; 
				color: #9e1f63;
}
				
.text a:hover {	
				text-decoration: underline; 
				color: #9e1f63;
}

.dots {			
				text-align: center; 
				color: #9e1f63; 
				line-height: 13px; 
				font-size: 20px;
}

.dots_small {	
				text-align: center; 
				color: #9e1f63; 
				line-height: 11px; 
				font-size: 12px;
}

.text1 {		
				font-weight: normal; 
				font-size: 13px; 
				text-align: center; 
				width: 240px; 
				margin-right: auto; 
				margin-left: auto; 
				margin-bottom: 10px;
}

.text1 a {		
				text-decoration: none; 
				color: #9e1f63;
}

.text1 a:hover {
				text-decoration: underline; 
				color: #9e1f63;
}

.text2 {		
				font-weight: normal; 
				font-size: 12px; 
				text-align: center;
}

#content_home {	
				width: 1000px; 
				height: 430px; 
				margin-top: 40px;
}

.text3 {		
				font-size: 13px; 
				text-align: center;
}

.text3 a {		
				text-decoration: none; 
				color: #9e1f63;
				text-decoration: none; 
				color: #9e1f63;
}

.text3 a:hover {
				text-decoration: underline; 
				color: #9e1f63;
}

/* ------------------------------------------------------------------- ABOUT ME STYLES START  ------------------------------------------------------------------- */

#nav {			
				height: 40px; 
				width: 309px; 
				float: right; 
				margin-top: 40px;
}

#nav a {		
				display: block; 
				height: 40px; 
				width: 100px; 
				text-deocration: none; 
				float: left; 
				outline: none; 
				margin-right: 3px;
}

#nav a#button1:link, #nav a#button1:visited {
				background-image: url(images/buttons_home.gif); background-position: 0 0;
}

#nav a#button2:link, #nav a#button2:visited {
				background-image: url(images/buttons_about.gif); background-position: 0 0;
}

#nav a#button3:link, #nav a#button3:visited {
				background-image: url(images/buttons_work.gif); background-position: 0 0;
}


#nav a#button1:hover {
				background-position: 0 -40px;
}

#nav a#button2:hover {
				background-position: 0 -40px;
}

#nav a#button3:hover {
				background-position: 0 -40px;
}

#nav a#button1:active {
				background-position: 0 -80px;
}

#nav a#button2:active {
				background-position: 0 -80px;
}
				
#nav a#button3:active {
				background-position: 0 -80px;
}

#header {
				width: 1000px;
}

#banner {
				width: 350px; 
				float: left;
}

#content {
				width: 1000px; 
				margin: 20px 0 0 0;
}

#content br {
				line-height: 90%;	
}

#about_text {
				width: 525px; 
				float: left; 
				padding-top: 10px;
}

#about_texttop {
				width: 525px; 
				margin-bottom: 10px;
}

.about_text1 {
				width: 500px; 
				margin-right: auto; 
				margin-left: auto;
}

.about_text2 {	
				width: 500px;
}

#about_image {
				width: 450px; 
				float: left; 
				padding: 50px 0 0 15px;
}

#logo {
				width: 50px; 
				float: left;
}

#about_skills {
				margin-top: 10px; 
				margin-right: auto; 
				margin-left: auto; 
				width: 525px; 
}

#skills_text {
				background-image: url(images/brackets2.gif); 
				background-repeat: no-repeat;
				background-position: top right;
				width: 525px; 
				height: 100px;
				margin-right: auto; 
				margin-left: auto;
}

#skills_text p {
				line-height: 150%;
}

#skills_text br {
				line-height: 90%;	
}


/* ------------------------------------------------------------------- PORTFOLIO IMAGES STYLES START  ------------------------------------------------------------------- */

#text_work {
				width: 1000px; 
				margin: 20px auto 10px auto; 
				text-align: center;
}

#content_work {
				width: 630px; 
				margin: 10px auto 0 auto;
}

#print_work {
				width: 300px; 
				float: left; 
				margin-right: 30px;
}

#print_workimage {
				width: 300px; 
				height: 300px; 
				margin: 5px 0 0 0;
}

#web_work {
				width: 300px; 
				float: left;
}

#web_workimage {
				width: 300px; 
				height: 300px;  
				margin: 5px 0 0 0;
}

#content_port {
				width: 1000px; 
				padding-top: 40px;
}

#portfolio_thumbnailprint {
				width: 265px; 
				float: left; 
				margin-top: 20px;
}

/*KEEPS THE PORTFOLIO IMAGES IN PLACE*/	
#portfolio_imagescontent {
				float: left;
} 
#portfolio_images {
				width: 700px; 
				height: 500px; 
				position: relative;
}

/* ------------------------------------------------------------------- THUMBNAIL CONTAINER DIV ------------------------------------------------------------------- */

.thumbnails {
				width: 250px; 
				margin-left: auto; 
				margin-right: auto;
}

.thumbnail_container {
				width: 250px; 
				position: relative;
}

/*THIS IS FORMATTING FOR THE TEXT WITHIN THE THUMBNAIL CONTAINER*/	
#thumbnail_text2 {
				text-align: center; 
				width: 265px; 
				margin-top: 375px;
} 

#thumbnail_text3 {
				text-align: center; 
				width: 265px; 
				margin-top: 310px;
} 

/* ------------------------------------------------------------------- PRINT - THUMBNAIL VERTICAL DIVS ------------------------------------------------------------------- */

.thumbnail_left {
				width: 50px; 
				left: 0; 
				padding-bottom: 10px; 
				position: absolute;
}

.thumbnail_lefthidden {
				width: 50px; 
				height: 50px; 
				left: 55px; 
				padding-bottom: 10px; 
				position: absolute;
}

.thumbnail_right {
				width: 50px; 
				left: 135px; 
				padding-bottom: 10px; 
				position: absolute;
}

.thumbnail_righthidden {
				width: 50px; 
				height: 50px; 
				left: 190px; 
				padding-bottom: 10px; 
				position: absolute;
}

#print_hidden4 {
				left: 0; 
				top: 62px;
				position: absolute;
}

#print_hidden8 {
				left: 0; 
				top: 186px; 
				position: absolute;
}

#print_hidden9 {
				left: 0; 
				top: 248px; 
				position: absolute;
}

#print_hidden10{
				left: 0; 
				top: 248px; 
				position: absolute;
}

#print_portfolioclick {
				left: 0; 
				position: absolute;
}

.portfolio_printimages {
				left: 2000px; 
				position: absolute;
}


/* ------------------------------------------------------------------- WEB - THUMBNAIL VERTICAL DIVS ------------------------------------------------------------------- */

#thumbnails_webwork {
				width: 50px; 
				left: 75px; 
				margin-right: 10px; 
				position: absolute;
}

#thumbnails_webmiddlehidden {
				width: 50px; 
				left: 135px; 
				position: absolute; 
				margin-right: 10px;
}

#thumbnails_webrighthidden {
				width: 50px; 
				left: 195px; 
				position: absolute;
}

#web_hidden1a {
				left: 0; 
				top: 186px;
				position: absolute; 
				width: 50px; 
				height: 50px;
}

#web_hidden2a {
				top: 62px; 
				left: 0;
				position: absolute; 
}

#web_hidden3a {
				left: 0;
				top: 248px; 
				position: absolute; 
				margin-bottom: 10px;
}

#web_hidden4a {
				top: 248px; 
				left: 0;
				position: absolute; 
				margin-bottom: 10px;
}

#web_hidden5a {
				left: 0;
				top: 248px; 
				position: absolute; 
				margin-bottom: 10px;
}

#web_hidden6a {
				left: 0;
				top: 62px; 
				position: absolute; 
				margin-bottom: 10px;
}

#web_hidden7a {
				left: 0; 
				position: absolute;
				width: 50px; 
				height: 50px;
				margin-bottom: 10px;
}

#web_hidden8a {
				left: 0;
				top: 124px; 
				position: absolute; 
				margin-bottom: 10px;
}

#web_hidden9a {
				left: 0;
				width: 50px;
				height: 50px;
				position: absolute; 
				margin-bottom: 10px;
}

#web_hidden10a {
				left: 0;
				top: 124px; 
				position: absolute; 
				margin-bottom: 10px;
}

#web_hidden11a {
				left: 0;
				top: 186px; 
				position: absolute; 
				margin-bottom: 10px;
}

.thumbnail_images {
				width: 50px; 
				height: 50px; 
				border: 1px solid #999; 
				margin: 0 0 10px 0; 
				cursor: pointer;
}

.thumbnail_imageshidden {
				width: 50px; 
				border: 1px solid #999; 
				margin-right: 10px; 
				cursor: pointer;
}

#thumbnails_web {
				width: 110px; 
				margin-left: auto; 
				margin-right: auto; 
				position: absolute;
}

#web_portfolioclick {
				left: 0; 
				position: absolute;
}

.portfolio_webimages {
				left: 2000px; 
				position: absolute;
}

/* ------------------------------------------------------------------- CAPTION STYLES START ------------------------------------------------------------------- */

.portfolio_caption {
				width: 700px; 
				text-align: center; 
				margin-right: auto; 
				margin-left: auto; 
				position: relative;
}

#portfolio_captions_print {
				height: 52px;
	
}

#portfolio_captions_web {
				height: 64px;
	
}

.caption_titles {
				font-size: 14px; 
				font-weight: bold;
}

.caption_info {
				font-size: 13px; 
				font-weight: normal;
}

.caption_info a {
				text-decoration: none; 
				color: #9e1f63;
}
	
.caption_info a:hover {
				text-decoration: underline;
}

.print_captions {
				width: 700px; 
				height: 52px; 
				left: 2000px; 
				position: absolute;
}
.web_captions {
				width: 700px; 
				height: 52px; 
				left: 2000px; 
				position: absolute;
}

.clearfloat {
				font-size: 1px; 
				line-height: 0; 
				clear: both;
}