@charset "utf-8";
/* Adrian McKinsey | Portfolio */
 
* {
margin: 0;
padding: 0;
}

html {
height: 100%;
}

body {
/*background: #f0eee1 url(../images/back_stripe.gif) top left repeat-x;*/
background: #f0eee1 url(../images/pattern5.jpg) top left repeat;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
height: 100%;
}

#siteWrapper {
width: 100%;
background: url(../images/backstripe.gif) top left repeat-x;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -85px;
}

#container {
width: 800px;
margin: 0 auto;
}

.logo {
margin-top: 3px;
margin-left: 4px;
width: 280px;
height: 117px;
float: left;
}

#banner {
height: 105px;
}

/*--------navigation-----------*/
.navHovers {
display: none;
}

.nav {
float: right;
margin-top: 8px;
margin-right: 5px;
}

.nav ul {
list-style: none;
}

.nav li {
float: left;
padding: 10px;
}

.nav span {
display: none;
}

.nav a {
color: #fff;
text-decoration: none;
display: block;
height: 95px;
width: 90px;
}

.mywork a {
background: url(../images/mywork_up.gif) top left no-repeat;
}

.mywork a:hover {
background: url(../images/mywork_down.gif) top left no-repeat;
}

.about a {
background: url(../images/about_up.gif) top left no-repeat;
}

.about a:hover {
background: url(../images/about_down.gif) top left no-repeat;
}

.contact a {
background: url(../images/contact_up.gif) top left no-repeat;
}

.contact a:hover {
background: url(../images/contact_down.gif) top left no-repeat;
}

#index .mywork a {
background: url(../images/mywork_down.gif) top left no-repeat;
}

#about .about a {
background: url(../images/about_down.gif) top left no-repeat;
}

#contact .contact a {
background: url(../images/contact_down.gif) top left no-repeat;
}
/*-------end navigation-------------*/



/*---------page content----------*/
#contentShell {
width: 800px;
margin: 0 auto;
background: #fff;
margin-top: 30px;
border: 1px solid #76bd4e;
}

#mainContent, #mainContent2, #mainContent3 {
width: 754px;
margin: 0 auto;
margin-top: 10px;
}

#projectWrapper {
float: left;
padding-left: 21px;
padding-bottom: 30px;
}

.picBox img {
border: 1px solid #76bd4e;
}

.infoBox, .infoBox a  {
margin-top: 8px;
/*padding-left: 2px;*/
/*padding-right: 2px;*/
width: 220px;
color: #1F3313;
text-decoration: none;
}

.infoBox .title {
color: #000;
}

#aboutWrapper {
float: left;
width: 443px;
padding-left: 21px;
margin-right: 27px;
}

#contactWrapper {
float: left;
width: 443px;
padding-left: 21px;
margin-right: 27px;
padding-bottom: 30px;
}

#resume {
background: #1b1b1b url(../images/resume_stripe.gif) top left repeat-x;
/*background: url(../images/infoGrad.png) top left repeat-x;*/
float: left;
width: 221px;
color: #fff;
padding-left: 21px;
padding-top: 6px;
padding-bottom: 20px;
border: 1px solid #76bd4e;
}

.download {
width: 198px;
}

.icon {
width: 67px;
float: left;
text-align: center;
margin-top: 8px;
}

.icon p {
margin-top: 2px;
}

.linkIn {
margin-top: 15px;
margin-left: 20px;
}

#index #contentShell .web {
background: url(../images/webHeader.png) top left no-repeat;
width: 800px;
height: 50px;
}

#index #contentShell .video {
background: url(../images/videoHeader.png) top left no-repeat;
width: 800px;
height: 50px;
}

#index #contentShell .other {
background: url(../images/otherHeader.png) top left no-repeat;
width: 800px;
height: 50px;
}

#about #contentShell .about {
background: url(../images/aboutHeader.png) top left no-repeat;
width: 800px;
height: 50px;
}

#contact #contentShell .contactMe {
background: url(../images/contactHeader.png) top left no-repeat;
width: 800px;
height: 50px;
}

h1 span {
display: none;
}

#clearingDiv {
clear: left;
}

#clearingDivBoth {
clear: both;
}
/*--------end page content------------*/


/*----------footer------------*/
#footer {
margin-top: 12px;
width: 100%;
text-align: center;
background: #000 url(../images/back_stripe_footer.gif) top left repeat-x;
height: 73px;
color: #fff;
}

#footer p {
padding-top: 17px;
}

#footer a {
color: #fff;
text-decoration: none;
}

#footer a:hover {
color: #94f060;
}

/*------------end footer ---------------*/

/*-------------push div ----------------*/
.push {
height: 84px;
}