body {
	margin: 0;
	background-image:url('images/shadowbg.jpg');
	background-repeat: repeat-y;
	background-position: center;
	/*overflow: hidden; /* Remove the scrollbar that might show up because we are a couple of px over */
}

html, body { height: 100%; }


div#container {
	width: 1001px;
	position: relative;
	margin: 0 auto;
}

#wrap {
	min-height: 99%; 
	/* Setting this to 100% causes about 1px overflow which turns the scrollbar
	   on. 99% means a small margin at the bottom of the page, but no scrollbar
	   unless content actually causes it to overflow. */
	width: 1001px;
	position: relative;
	margin: 0 auto;
	background-image:url('images/mech_drawing_pattern.jpg');
	background-repeat: repeat;
}

div#main {
	width: 100%;
	margin-top: -24px;
}

div#orange {
	background-color: #f6a333;
	height: 24px;
}

div#orange span {
	padding-top: 3px;
	padding-bottom: 3px;
	font: italic 18px Verdanna, sans-serif;
	color: white;
}


div#orange span {
	float: right;
	padding-right: 100px;
}

div#nav {
	background-color: white;
	padding-left: 30px;
	height: 88px;
}

div#nav-bottom {
	background-color: #a1a4a3;
	height: 10px;
}

div#footer, a, a:visited {
	font: 12px Verdanna, sans-serif;
	color: white;
	text-decoration: none;
	padding-top: 2px;
	padding-bottom: 1px;
}
div#footer {
	background-color: #414141;
	height: 16px;
	width: 1001px;
	position: relative;
	margin: 0 auto;
	
	margin-top: -16px; /* negative value of footer height */
	clear:both;
}
#container {
/*	overflow:auto;*/
	padding-bottom: 16px; /* must be same height as the footer */
}  
div#footer div#left {
	float: left;
	padding-left: 20px;
}
div#footer div#right {
	float: right;
	margin-right: 20px;
}

div#logo {
	float: left;
	margin-right: 80px;
	height: 85px;
}

div#tabs {
	padding-top: 43px;
	margin-bottom: none;
}


div#main p#title, h1#portfolioTitle, h1#servicesTitle {
	font: bold 24px Arial, sans-serif;
	color: #ec6f00;
	text-align: center;
}

div#main div#bodyText, p#servicesText, p#profileText {
	margin-left: 25px;
	font: large Arial, sans-serif;
}

p#servicesText, p#profileText {
	margin-right: 25px;
}

p#servicesText {
	text-align: center;
}

p#profileText {
	text-align: justify;
}


div#main div#bodyPic {
	width: 500px;
	float: right;
}

div#main img#slideshow {
	margin-right: 25px;
	margin-left: 25px;
	margin-top: 15px;
}



/** TABS **/
div#tabs ul li {
    list-style:none;
    display:inline;
}

#home, #home-current {
	width:96px;
	height: 26px;
    color:#fff;
    text-decoration:none;
    background:url("images/tabs/home.jpg") no-repeat;
    float:left;
    margin-right: 10px;
    /*padding:12px 10px 13px;*/
    /*margin:0 -10px;*/
}
#home:hover, #home-current { 
  background-position: 0 -30px;
}

#services, #services-current {
	width:113px;
	height: 26px;
    color:#fff;
    text-decoration:none;
    background:url("images/tabs/services.jpg") no-repeat;
    float:left;
    margin-right: 10px;
    /*padding:12px 10px 13px;*/
    /*margin:0 -10px;*/
}
#services:hover, #services-current { 
  background-position: 0 -30px;
}

#portfolio, #portfolio-current {
	width:112px;
	height: 26px;
    color:#fff;
    text-decoration:none;
    background:url("images/tabs/portfolio.jpg") no-repeat;
    float:left;
    margin-right: 10px;
    /*padding:12px 10px 13px;*/
    /*margin:0 -10px;*/
}
#portfolio:hover, #portfolio-current { 
  background-position: 0 -30px;
}
#portfolio span {
  display: none;
}

#profile, #profile-current {
	width:90px;
	height: 26px;
    color:#fff;
    text-decoration:none;
    background:url("images/tabs/profile.jpg") no-repeat;
    float:left;
    margin-right: 10px;
    /*padding:12px 10px 13px;*/
    /*margin:0 -10px;*/
}
#profile:hover, #profile-current { 
  background-position: 0 -30px;
}

#contact, #contact-current {
	width:100px;
	height: 26px;
    color:#fff;
    text-decoration:none;
    background:url("images/tabs/contact.jpg") no-repeat;
    float:left;
    margin-right: 10px;
    /*padding:12px 10px 13px;*/
    /*margin:0 -10px;*/
}
#contact:hover, #contact-current { 
  background-position: 0 -30px;
}
/** END TABS **/


/** SERVICES SECTION **/
div#servicesMain {
	clear: both; 
	margin-top: 60px;
}

div#servicesMain img {
	border-style: none;
}

div#servicesMain a, div#servicesMain a:visited {
	font: 12px Verdanna, sans-serif;
	color: white;
	text-decoration: none;
	padding-top: 0px;
	padding-bottom: 0px;
}
/** END SERVICES SECTION **/



/** CONTACT SECTION **/
table#contactContent a, table#contactContent a:visited {
	font: large Arial, sans-serif;
	color: blue;
	text-decoration: none;
	padding-top: 0px;
	padding-bottom: 0px;
}

table#contactContent div#email {
	text-align: left;
}

table#contactContent h2 {
	display: inline;
}

table#contactContent img {
	border: 1px solid black;
}

div#emailLeft {
	float: left;
	width: 150px;
}

div#emailRight {
	float: left;
}
/** END CONTACT SECTION **/



/** PORTFOLIO SECTION **/

div.portfolioProject {
	margin-left: 40px;
	margin-right: 25px;
}

div.portfolioPicLeft {
	float: left;
}

div.portfolioPicRight {
 
}

div.portfolioProject {
	height: 300px;
}

p#pageNumber {
	float: right;
	margin-right: 100px;
	font: 12px Arial sans-serif;
}

p#pageNumber a, p#pageNumber a:visited {
	color: blue;
	text-decoration: underline;
}

p#pageNumber a#currentPage {
	color: black;
	text-decoration: none;
}

h2.portfolioTitle {
	font: bold 20px Arial, sans-serif;
	color: #ec6f00;
	text-align: center;
}

a.portfolioTitle img {
	border-style: none;
}

a.portfolio {
	color: black;
}
/** END PORTFOLIO SECTION **/