html, body {
	height: 100%;
	margin: 0; padding: 0;
}


/* Background
================================================================================== */
html.home    { background: url(../images/background-contentHome.png) repeat; }
html.page    { background: url(../images/background-page.png) right repeat-y; }
body.home    { background: url(../images/background.png) repeat-x; }
body.page    { background: url(../images/background-pages.png) repeat-x; }
body#landing { background: url(../images/background-landing.png) repeat-x; }


/* Sitewide
================================================================================== */
#wrapper {
	overflow: hidden;
	position: relative; 
	margin: 0 0 -231px 0; padding: 0;
	width: 100%; min-height: 100%; height: auto !important;
}

.container {
	width: 945px;
	margin: 0 auto; 
}

.container.title {
	height: 189px;
	position: relative;
}

.container.arrow {
	position: relative;
	padding: 50px 0 230px 0; 
	background: url(../images/arrow.png) no-repeat;
}

.container.footer {
	margin-top: 30px;
}

#header {
	margin: 0 auto; 
	height: 65px; width: 945px;
}

#logo a {
	z-index: 900;
	display: block;
	margin: 0 0 0 20px;
	position: absolute;
	width: 321px; height: 96px;
	background: url(../images/logo.png) no-repeat;
}

#footer {
	bottom: 0px;
	overflow: hidden;
	position: absolute;;
	width: 100%; height: 231px;
	background: url(../images/background-footer.png) repeat;
}

#login {
	overflow: hidden;
	position: relative;
	margin: 0 0 25px 0; 
	width: 235px; height: 57px;
	background: url(../images/tabFooter.png) no-repeat;
}


/* Landing
================================================================================== */
#logo-landing a {
	margin: 0 auto;
	display: block;
	width: 321px; height: 96px;
	background: url(../images/logo.png) no-repeat;
}

#bannerLanding {
	position: relative;
	height: 397px; width: 100%;
}

#intro-landing {
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
	margin-top: 122px;
	height: 275px; width: 395px;
	background: url(../images/landing-arrow.png) center bottom no-repeat;
}


/* Home
================================================================================== */
#bannerHome {
	display: block;
	margin: 0 auto;
	position: relative;
	height: 397px; width: 1340px;
}

#introduction {
	z-index: 11;
	display: block;
	overflow: hidden;
	position: absolute;
	padding: 0 35px 0 15px; margin: 65px 0 0 0;
	height: 397px; width: 395px;
	background: url(../images/background-introduction.png) no-repeat;
}

#slideshow {
	margin: 0 auto;
	position: relative;
	width: 1341px; height: 397px; 
}

#slideshow img {    
    z-index: 8;
    opacity: 0.0;
    top:0; left:0;
    position: absolute;
    background: #2e70c4
}
 
#slideshow img.active {
    z-index: 10;
    opacity: 1.0;
}
 
#slideshow img.last-active {
    z-index:9;
}

#proj {
	width: 945px;  
	position: relative;
}

* html body #proj {
	width: 950px;
}

.proj {
	float: left;
	display: inline;
	background: #fff;
	position: relative;
	width: 300px; height: auto;
	margin: 30px 0 15px 20px; padding: 15px 0 0 0;
	box-shadow: 0 0 10px #888; -moz-box-shadow: 0 0 10px #888; -webkit-box-shadow: 0 0 10px #888; -o-box-shadow: 0 0 10px #888;
}

.featured {	margin: 30px 0 0 0; width: 300px; }

.proj img {
	display: block;
	overflow: hidden;
	width: 300px; height: 203px;
}

.proj.featured img {
	display: block;
	overflow: hidden;
	width: 300px; height: 203px;
}

#email-login a {
	right: 0; 
	z-index: 500;
	display: block;
	position: absolute;
	width: 185px; height: 57px;
	background: url(../images/email-button.png) no-repeat;
}

/* Page(s)
================================================================================== */
#banner {
	position: relative;
	height: 199px; width: 100%; 
}

#banner img {
	position: absolute;
}

#bannerContact {
	position: relative;
	height: 397px; width: 100%;
	background: url(../images/bannerContact.jpg) center no-repeat;
}

#content {
	float: left;
	width: 350px;  
	padding: 0 0 20px 0;
}

#pictures {
	float: right;
	width: 547px;
	overflow: hidden;
	padding: 40px 0 0 0;
}

#pictures img       { width: 548px; margin: 0 0 15px 0; }
#pictures img.left  { width: 262px; float: left; }
#pictures img.right { width: 262px; float: right; }

#widgets {
	float: right;
	width: 547px;
	overflow: hidden;
}


/* Projects
================================================================================== */
.project {
	overflow: hidden;
	margin: 0 0 35px 0;
	background: #a2a0a0;
	width: 943px; height: 318px;
}

.project.feature {
	margin: 35px 0 35px 0;
	background: url(../images/background-feature.png) repeat-x;
}

.picture {
	float: left;
	width: 480px;
}

.picture img {
	width: 480px; height: 318px;
}

.information {
	float: right;
	width: 370px;
	display: inline;
	margin: 0 40px 0 0; padding: 35px 0 0 0;
}

#more-projects {
	float: right;
	margin: 0 0 -1px 0;
	text-align: center;
	background: #fda428;
	width: 235px; height: 60px;
}


/* Team
================================================================================== */
.team {
	margin: 50px 0 0 0; padding: 0 0 30px 0;
}

.profilePic {
	float: left;
	width: 415px;
	display: inline;
	margin: 0 0 0 55px;
}

.profilePic img {
	width: 414px;
}

.profile {
	float: right;
	width: 415px; 
}


/* Miscellaneous
================================================================================== */
.clr {
	clear: both;
	overflow: hidden;
	width: 1px; height: 1px;
}