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

a img {
	border: none;
}

/* Full Page Background */

img.bg {
    /* Set rules to fill background */
    min-height: 100%;
    min-width: 1024px;
    /* Set up proportionate scaling */
    width: 100%;
    height: 100%;
    /* Set up positioning */
    position: fixed;
    top: 0;
    left: 0;
}

@media screen and (max-width: 1024px) { 
    img.bg {
        left: 50%;
        margin-left: -512px;
    }
}


/* Vertical Center */

#floater {
	position: relative;
	float: left;
	height: 50%;
	margin-bottom: -400px;
	width: 1px;
}

#centered {
	position: relative;
	clear: left;
	height: 520px;
	width: 900px;
	max-width: 900px;
	min-width: 750px;
	margin: 0 auto;
	padding-bottom: 10px
}

#logo {
	top: 10px;
	position: relative;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	overflow: hidden;
	padding-top: 20px;
	margin: 0;
}
  
#content {
	position: relative;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	overflow: auto;
	padding: 0;
	margin: 0;
	background-color: #CCC;
}

#showcase {
	height: 400px;
    overflow: hidden;
}

#mainmenu {
	position: relative;
	width: 900px;
	margin: 0 auto;
	margin-bottom: 100px;
}

#navcontainer {
	display: table;
    margin: 0 auto;
	padding-bottom: 20px;
}

#navcontainer ul {
	list-style: none;
	margin: 0 auto;
	padding: 0;
}

#navcontainer li {
    display: inline;
    float: left;
}

#navcontainer a {
    display: block;
	width: 70px;
}

li.left {
	background: url("../images/menu_l.png") no-repeat scroll 0 0 transparent;
	width: 60px;
	height: 81px;
}

li.it {
	background: url("../images/m_it.png") no-repeat scroll 0 0 transparent;
	height: 81px;
	width: 70px;
}

#navcontainer a#it_h {
	height: 81px;
	width: 70px;
}

#navcontainer a#it_h:hover, #navcontainer a#it_h:active {
	background: url("../images/m_it_h.png") no-repeat scroll 0 0 transparent;
	background-position: right top;
}

li.photo {
	background: url("../images/m_photo.png") no-repeat scroll 0 0 transparent;
	height: 81px;
	width: 70px;
}

#navcontainer a#photo_h {
	height: 81px;
	width: 70px;
}

#navcontainer a#photo_h:hover, #navcontainer a#photo_h:active {
	background: url("../images/m_photo_h.png") no-repeat scroll 0 0 transparent;
	background-position: right top;
}

li.blog {
	background: url("../images/m_blog.png") no-repeat scroll 0 0 transparent;
	height: 81px;
	width: 70px;
}

#navcontainer a#blog_h {
	height: 81px;
	width: 70px;
}

#navcontainer a#blog_h:hover, #navcontainer a#blog_h:active {
	background: url("../images/m_blog_h.png") no-repeat scroll 0 0 transparent;
	background-position: right top;
}

li.contact {
	background: url("../images/m_contact.png") no-repeat scroll 0 0 transparent;
	height: 81px;
	width: 70px;
}

#navcontainer a#contact_h {
	height: 81px;
	width: 70px;
}

#navcontainer a#contact_h:hover, #navcontainer a#contact_h:active {
	background: url("../images/m_contact_h.png") no-repeat scroll 0 0 transparent;
	background-position: right top;
}

li.right {
	background: url("../images/menu_r.png") no-repeat scroll 0 0 transparent;
	height: 81px;
	width: 70px;
}


#navcontainer ul li a {
	text-decoration: none;
	padding: 0;
}


/* Footer */

#footer {
	position: relative;
	width: 900px;
	margin: 0 auto;
	padding-bottom: 40px;
	overflow: auto;
}

#footer p {
	text-align: center;
	color: #666;
}