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



body {
	
	background-image: url(images/background.gif);
	background-repeat: repeat;

}

.dots {
	
	width: 1100px;
	height: 2000px;
	margin-left: auto;
	margin-right: auto;
	margin-top: -6px;
	background-image: url(images/dots.png);
	background-repeat: repeat-y;
	
}

.dots_tx {	
	
	width: 1100px;
	height: 2500px;
	margin-left: auto;
	margin-right: auto;
	margin-top: -6px;
	background-image: url(images/dots.png);
	background-repeat: repeat-y;
	
}

.dots_about {	
	
	width: 1100px;
	height: 1300px;
	margin-left: auto;
	margin-right: auto;
	margin-top: -6px;
	background-image: url(images/dots.png);
	background-repeat: repeat-y;
	
}

.topspiral {
	
	width: 1100px;
	height: 58px;
	margin-left: auto;
	margin-right: auto;
	margin-top: -8px;
	background-image: url(images/spiraltop.gif);
	
}

.header {
	
	width: 1100px;
	height: 200px;
	margin-left: auto;
	margin-right: auto;
	

}

.wordmark {
	
	background-image: url(images/charliemacias.gif);
	width: 1100px;
	height: 89px;
	margin-left: 10px;
	
	
}

.menu {
	
	width: 790px;
	height: 22px;
	margin-left: auto;
	margin-right: auto;
	font-family: Gotham, Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: light;
	font-color: black;
	
}

.menu ul a:link , .menu ul a:visited {
	
	font-family: Gotham, Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: light;
	color: #000;
	text-decoration: none;
	
}

.menu ul a:hover {
	
	font-family: Gotham, Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: light;
	color: #000;
	text-decoration: underline;
	
}


.menu ul {
		
	list-style-type: none;
	margin-top: -8;
	margin-left: 47px;
	padding: 40px;
	padding-top: 0px;
	padding-bottom: 6px;
	
}

.menu li {
	
	display: inline;
	padding: 7px;
	padding-top: 0px;
	padding-bottom: 0px;

}

.intro {
	
	width: 620px;
	heigth: 63px;
	margin-left: auto;
	margin-right: auto;
	
}

.detailtop {
	
	width: 620px;
	heigth: 63px;
	margin-left: auto;
	margin-right: auto;
	
}

.aboutmeheader {
	
	width: 620px;
	heigth: 20px;
	margin-left: auto;
	margin-right: auto;
	
}

.aboutme {
	
	width: 620px;
	heigth: 200px;
	margin-left: auto;
	margin-right: auto;
	
	
}

h2 {
	
	font-family: Gotham, Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: light;
	color: #999;
	margin-top: 20px;
	margin-left: 11px;
	
	
}

p {

	font-family: Gotham, Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: light;
	font-color: black;
	line-height: 17px;
	margin-left: 3px;
	
}

.aboutme ul {
	
	font-family: Gotham, Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: light;
	color: #999;
	line-height: 17px;
	font-style: italic;
	margin-left: -26px;
	margin-bottom: 25px;
	list-style-type: none;
	
}

.intro p , .aboutmeheader p {
	
	font-family: Gotham, Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: light;
	font-color: black;
	line-height: 17px;
	padding-top: 6px;
	padding-bottom: 0px;
	padding: 4px;
	margin-bottom: 8px;
	
}

.tophr {
	
	height: 1px;
	border: 0px;
	background-color: #000;
	margin-top: 5px;
	margin-bottom: -4px;
	
}

.bottomhr {
	
	height: 1px;
	border: 0px;
	background-color: #000;
	margin-top: 1px;
	margin-bottom: 0px;
	
}

.portfoliotitle {
	
	width: 1075px;
	height: 67px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(images/portfoliotitle.gif);
	background-repeat: no-repeat;

	
}

.portfoliobody {
	
	width: 1100px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	
	
}

.aboutbutt {
	
	width: 620px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	background-color: #000000;
	
	
}

.aboutbutt a:link , .aboutbutt a:visited {
	
	font-family: Gotham, Verdana, Geneva, sans-serif;
	font-size: 8px;
	font-weight: light;
	color:#CCC;
	text-decoration: none;
	margin-left: 50px;
	
}

.aboutbutt a:hover {
	
	font-family: Gotham, Verdana, Geneva, sans-serif;
	font-size: 8px;
	font-weight: light;
	color:#CCC;
	text-decoration: underline;
	margin-left: 50px;
	
}

.aboutbuttbutt p{
	
	width: 460px;
	margin-left: auto;
	margin-right: auto;
	
}

.firstblock {
	
	width: 850px;
	heigth: 895px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 16px;
	
}

.rowone , .rowtwo {
	
	clear: both;
	width: 1100px;
	heigth: 185px;
	margin-left: auto;
	margin-right: auto;
	
}

.thumbleft {
	
	margin-right: 8px;
	float: left;
	margin-bottom: 16px;
	
}

.thumbright {
	
	margin-left: 8px;
	float: left;
	margin-bottom: 16px;
	
}

.bottom_thumbleft {
	
	margin-right: 8px;
	float: left;
	margin-bottom: 64px;
	
}

.bottom_thumbright {
	
	margin-left: 8px;
	float: left;
	margin-bottom: 64px;
	
}

.blocks {
	
	
	width: 850px;
	heigth: 895px;
	margin-left: auto;
	margin-right: auto;

	
}

.bottomspiral {
	
	clear: both;
	width: 1100px;
	heigth: 138px;
	margin-left: auto;
	margin-right: auto;
	
}


/* New CSS for Portfolio Pages here */

.firstpicture {
	
	width: 680px;
	height: 380px;
	margin-left: auto;
	margin-right: auto;
	
}

.arrow {

	width: 31px;
	length: 380px;
	float:left;
	clear: all;
		
}

.portfolio_image {
	
	width: 618px;
	length: 380px;
	float: left;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	
	
}

.otherpictures {
	
	width: 618px;
	length: 2000px;
	margin-left: auto;
	margin-right: auto;
	clear: all;
	
}

.firstdylan {
	
	width: 680px;
	height: 305px;
	margin-left: auto;
	margin-right: auto;
	
}