/* @override http://new.redalertvisuals.com/assets/css/rav2010.css */

/* @group Reset */

/* Word to Eric Meyer */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, hr, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* @end */

/* @group Structure */

body, html {
	height: 100%;
}

body {
	background: #F7F2EE url(../img/bg.jpg) no-repeat center center;
	color: #666;
	font: normal 11px/14px Arial, Helvetica, serif;
	text-align: center;
}

body.home {
	background-image: url(../img/bg_home.jpg);
}

a {
	color: #000;
}

#bg {
	height: 100%;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	position: absolute;
	width: 100%;
	z-index: 0;
}

#enter {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 220px;
	height: 40px;
	margin-top: -20px;
	margin-left: -110px;
	z-index: 1;
}

#wrapper {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 900px;
	height: 675px;
	margin-left: -450px;
	margin-top: -337px;
	z-index: 1;
}

h1 {
	margin-top: 15px;
}


/* @end */


/* @group Content */

#content {
	width: 537px;
	height: 380px;
	position: absolute;
	top: 144px;
	left: 182px;
	overflow: hidden;
}

#caption {
	height: 40px;
	left: 200px;
	position: absolute;
	text-align: left;
	top: 540px;
	width: 500px;
}

.title {
	color: #000;
}

#prev, #next {
	height: 60px;
	position: absolute;
	top: 305px;
	width: 120px;
}

#prev a, #next a {
	background: transparent url(../img/fwd-back.png) no-repeat;
	display: block;
	height: 60px;
	text-decoration: none;
	text-indent: -9999px;
	width: 120px;
}

#prev {
	left: 40px;
}

#next {
	right: 40px;
}

#prev a {
	background-position: left top;
}
#prev a:active {
	background-position: 0 -60px;
}

#next a {
	background-position: -120px 0;
}
#next a:active {
	background-position: -120px -60px;
}

/* @end */

/* @group Upper Navigation */

#upperNav {
	position: absolute;
	width: 420px;
	height: 36px;
	top: 107px;
	left: 240px;
}

#upperNav li {
	height: 36px;
	float: left;
}

#upperNav a {
	text-decoration: none;
	display: block;
	height: 36px;
	background-image: url(../img/upperNav.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

li#packaging a {
	width: 110px;
	background-position: left top;
}
li#packaging a:hover, li#packaging.active a {
	background-position: 0 -36px;
}

li#print a {
	width: 84px;
	background-position: -110px 0px;
}
li#print a:hover, li#print.active a {
	background-position: -110px -36px;
}

li#environment a {
	width: 118px;
	background-position: -194px 0px;
}
li#environment a:hover, li#environment.active a {
	background-position: -194px -36px;
}

li#identity a {
	width: 108px;
	background-position: -312px 0px;
}
li#identity a:hover, li#identity.active a {
	background-position: -312px -36px;
}

/* @end */

/* @group Lower Navigation */

#lowerNav {
	position: absolute;
	width: 290px;
	height: 45px;
	top: 586px;
	left: 305px;
}

#lowerNav li {
	height: 45px;
	float: left;
}

#lowerNav a {
	text-decoration: none;
	display: block;
	height: 45px;
	background-image: url(../img/lowerNav.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

li#portfolio a {
	width: 97px;
	background-position: left top;
}
li#portfolio a:hover, li#portfolio.active a {
	background-position: 0 -45px;
}

li#resume a {
	width: 91px;
	background-position: -97px 0px;
}
li#resume a:hover {
	width: 91px;
	background-position: -97px -45px;
}

li#contact a {
	width: 102px;
	background-position: -188px 0px;
}
li#contact a:hover {
	width: 102px;
	background-position: -188px -45px;
}

/* @end */