/*
---------------------------------------------------------------------
            GLOBAL STYLES 
---------------------------------------------------------------------

These are default styles that every page needs to inherit */


/* This sets all browser padding and margin defaults to zero */
* { margin: 0; padding: 0; } 

/* This is a fix for IE 6 & 7 spacing issues. I think. */
* html img { display: block; } 

/* This keeps images wrapped in an anchor tag from displaying a border. Maybe. */
a img { border: none; margin: 0; padding: 0; }

/*Firefox produces a dotted outline that appears around links when you click on them. */
a { outline: none; }

/* this is a fix for IE/Mac, to keep the nav items from breaking. */
#header li {
	/*\*/overflow: hidden;/**/
}

/* styles for IE 5 Mac */
 .wrapper {
        background: transparent;
        position: absolute;
        top: 50px;
		width: 100%;
}
 body {
	background: #d5d1c5 url(images/bg.gif) center center;

}

 
 /* following rules are invisible to IE 5 \*/
.wrapper {
	text-align: center;
	position: absolute;
    top: 50%;
    left: 0px;
    width: 100%;
    margin-top: -335px;
    min-width: 970px; 
	min-height: 900px;
}
/* end IE 5 hack */ 
#container {
	height: 600px;
	width: 970px;
	text-align: left;
	margin: 0px auto;
	position: relative;
}
#containerPortfolio {
	height: 600px;
	width: 970px;
	text-align: left;
	margin: 0px auto;
	border: 1px solid #d5d7d9;
	position: relative;
	background: #FFFFFF url(images/bg-portfolio.gif) no-repeat right;
}
h1 {
	font: italic 14px/20px "New York", "Times New Roman", Times, serif;
	color: #7A706C;
	margin-bottom: 10px;
	letter-spacing: .05em;
	text-transform: none;
}
p {
	font: 11.5px/20px Arial, Helvetica, sans-serif;
	color: #7A706C;
	letter-spacing: .05em;
	padding-bottom: 10px;
}
a:link {
	color: #473c36;
	text-decoration: underline;
}
a:visited {
	color: #473c36;
	text-decoration: none;
}
a:hover, a:active {
	color: #7a3b23;
	text-decoration: none;
}
a img {
	border: 0px;
	outline: none;
	}
.heading {
	padding-bottom: 30px;
}
.subhead {
	font: normal 11.5px/20px Arial, Helvetica, sans-serif;
	color: #7A706C;
	margin: 0px 40px 0px 0px;
	letter-spacing: .05em;
	position: relative;
	float: left;
}
.selected {
	color: #7a3b23;

}
#content {
	width: 477px;
	overflow: visible;
	position: absolute;
	z-index: 4;
	top: 50px;
	left: 0px;
}
#content-more {
	width: 477px;
	overflow: visible;
	position: absolute;
	z-index: 4;
	top: 50px;
	left: 0px;
}
.brown {
	color: #5e2b19;
}
.indent {
	position:absolute;
	float: left;
	left: 80px;
}
.sapeceAfter {
	padding-bottom: 40px;
}
#logo {
	position: absolute;
	left: 612px;
	top: 170px;
	border: 0px;
}
#email {
	position: absolute;
	height: 24px;
	width: 135px;
	left: 41px;
	top: 530px;
	border: 0px;
}
#portfolio {
	height: 541px;
	width: 541px;
	overflow: visible;
	position: absolute;
	z-index: 3;
	left: 35px;
	top: 35px;
}
#navigation {
	position: absolute;
	left: 618px;
	top: 552px;
}
#navigation-exh {
	position: relative;
	left: 0px;
	top: 0px;
}
#more {
	position: absolute;
	left: 628px;
	top: 250px;
	width: 364px;
}
#subnav-about {
	position: absolute;
	left: 618px;
	top: 440px;
}
#subnav-portfolio {
	position: absolute;
	left: 697px;
	top: 420px;
}
#subnav-process {
	position: absolute;
	left: 806px;
	top: 460px;
}
#subnav-connect {
	position: absolute;
	left: 903px;
	top: 460px;
}
.subnav {
	border: 0px;
	padding: 0px;
	margin: 0px;
	display: block;
	float: left;
	line-height: 20px;
}
.nav {
	border: 0px;
	padding: 0px;
	margin: 0px;
	display: inline;
	float: left;
}
#mainText {
	position: absolute;
	width: 477px;
	left: 70px;
	top: 70px;
}
#mainImg {
	position: absolute;
	width: 513px;
	left: 0px;
	top: 0px;
	text-align: center;
}
#mainText-more {
	position: absolute;
	width: 477px;
	left: 340px;
	top: 153px;
	z-index: 3;
}
.moreLink {
	font: 10px/19px Verdana, Arial, Helvetica, sans-serif;
	color: #818285;
	text-align: right;
	left: 00px;
	top: 35px;
	z-index: 3;
}

.email {
	position: absolute;
	height: 24px;
	width: 135px;
	left: 741px;
	top: 530px;
	border: 0px;
}
#mainSlides {
	position: absolute;
	left: 0px;
	top: 0px;
	text-align: left;
	width: auto;
	overflow: visible;
}
.formFill {
	line-height: normal;
	letter-spacing: normal;
	height: 18px;
	width: 400px;
	margin-bottom: 6px;
	padding: 5px 0px 0px 5px;
	border: 1px solid #ffffff;
	background-color: transparent;
	font: 13.5px/20px bold Arial, Helvetica, sans-serif;
	color: #473B36;
}
.messageInput {
	line-height: normal;
	letter-spacing: normal;
	height: 100px;
	width: 400px;
	margin-bottom: 6px;
	padding: 5px 0px 0px 5px;
	border: 1px solid #ffffff;
	background-color: transparent;
	font: 13.5px/20px bold Arial, Helvetica, sans-serif;
	color: #473B36;
}
.submitBtn {
	margin-left: 0px;
}
#textContent {
	width: 513px;
	position: absolute;
	top: 50px;
	text-align: left;
	font: 11.5px/20px Arial, Helvetica, sans-serif;
	color: #7A706C;
	letter-spacing: .05em;
	padding-bottom: 10px;
}


/* -- WEB PORTFOLIO --*/

#numbers {
	position: absolute;
	width: 502px;
	left: 341px;
	top: 80px;
	border: 0px;
	outline: 0px;
	text-align:center;
}
.webNumbers {
	font: 10px/19px Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	margin-top: 18px;
}
.webNumbers a:link {
	color: #999999;
	text-decoration: none;
}
.webNumbers a:hover, a:active {
	color: #f36d3a;
	text-decoration: none;
}


#thumbs {
	font: 10px/19px Verdana, Arial, Helvetica, sans-serif;
	height: auto;
	width: 30px;
	margin-right: 1px;
	margin-bottom: 1px;
	text-align: center;
	visibility: hidden;	
}
.thumb {
	visibility: hidden;
}
.centered {
	text-align:center;
	}
.heading {
	color: #F47D30;
	font-weight: bold;
	font-size: 16px;
	letter-spacing: 0.1em;
	
}
.caption {
	font: 10px/19px Verdana, Arial, Helvetica, sans-serif;
	color: #818285;
	position: absolute;
	visibility: hidden;
	width: 500px;
	left: 347px;
	top: 528px;
	letter-spacing: 0.1em;
}
.purple {
	color: #7a4386;
}
.visitSite {
	font: 10px/19px Verdana, Arial, Helvetica, sans-serif;
	color: #818285;
	position: absolute;
	visibility: hidden;
	left: 400px;
	top: 10px;
	z-index: 3;
}	
.portfolioImg {
	visibility: hidden;
	position: absolute;
	margin: 0;
	padding: 0;
	top: 45px;
	left: 32px;
	z-index: 3;
	}
.photo {
	float: left; padding: 0px 15px 0px 3px;
}
.bio {
	padding: 0px;
	margin: 0px;
	text-align: left;
}
#evolution_titles {
	position: absolute;
	top: 630px;
	left: 5px;
}