/* Meyer Reset */
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, 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}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse; border-spacing:0}

/* CSS Styles */
body{
	margin: 0;
	background: #e1e1e1 url(../img/pagebg.jpg) top center no-repeat;
	color: #4b4c56;
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: 1em;
}

.clear{
	clear: both;
	height: 1px; 
	overflow: hidden;
}

a img{ border: none; background: none; }

#wrapper{ width: 900px; padding: 0 30px; margin: 0 auto; }

#main{ width: 540px; float: left; }
#company{ margin: 0 20px 0 580px; padding-top: 63px; }

/**************************
Content
**************************/

/* General styling */
a, a:link{ color: #2e2f36; text-decoration: underline; }
a:hover{ color: #edae1f; text-decoration: none; }

/* Content Headings */
h1{
	margin: 100px 0 10px 10px;
	padding: 0;
	height: 60px;
	background: url(../img/hi-there.png) top left no-repeat;
	text-indent: -10000px;
}
h2{
	margin: 0 0 30px 10px;
	padding: 0;
	height: 90px;
	background: url(../img/we-create.png) top left no-repeat;
	text-indent: -10000px;
}

#company h3{
	margin: 0 0 24px 0;
	padding: 0;
	height: 97px;
	background: url(../img/viva.png) top right no-repeat;
	text-indent: -10000px;
}

#company p{
	text-align: right;
	font-size: 16px;
	line-height: 42px;
	padding: 0;
	margin: 0;
}

/* Scrolling box */
#screen{
	width: 500px;
	float: left;
	padding: 20px;
	background: url(../img/shadow.png) top left no-repeat;
	position:relative;
}
#screen a.prev,
#screen a.next{
position: absolute;
top: 125px;
background-image: url(../img/navarrows.png);
display: block;
width: 45px;
height: 70px;
text-indent: -10000px;
}
#screen a.prev{
left: -10px;
background-position: -45px 0;
}
#screen a.next{
right: -10px;
background-position: -90px 0;
}
#screen a:hover.prev{
background-position: 0 0;
}
#screen a:hover.next{
background-position: -135px 0;
}

#scrollBox{
	display: inline-block;
    width: 500px;
    overflow: hidden;
	height: 275px;
}
#wrap{ height: 275px; }
#wrap div.panel{ float:left; }
#wrap div.panel div.img{
	display: block;
	height: 275px;
	overflow: hidden;
	width: 500px;
}
#wrap div.panel div.img a{
	display: block;
	height: 275px;
	overflow: hidden;
	width: 500px;
}

/* Footer Styles */
#footer{
	position: absolute;
	bottom: 0;
	margin: 0;
	padding: 10px 0;
	background-color: #656472;
	background: rgba(101,100,114,0.8);
	font-size: 0.875em;
	width: 100%;
	height: 14px;
}
#footer a.bird{
	position: relative;
	top: -41px;
	display: block;

	width: 85px;
	height: 65px;
	float: left;
}
#footer p{
	margin: 0 0 0 85px;
	color: #e2e0f1;
}
#footer p a{
	color: #fff;
}
#footer p em{
	color: #bbbac9;
}
#footer .inner{ width: 900px; margin: 0 auto; }