@media screen {
  .foo {display:none;}
  }
  
body {
	background:url(images/background.jpg) no-repeat 120%;
	background-color: #000000;
}

#wrapper {
	position: absolute; 
	width: 960px; 
	height: 515px; 
	z-index: 2; 
	background-image: url('images/wrapper.png'); 
	left: 50%; 
	top: 50%; 
	margin-left: -480px; 
	margin-top: -257px;
	visibility: visible;
}

#welcome_wrapper {
	position: absolute; 
	width: 570px; 
	height: 220px; 
	z-index: 8; 
	left: 338px; 
	top: 155px; 
	background-image: url('images/welcome_graphic.png');
}

#welcome_text {
	position: absolute; 
	width: 271px; 
	height: 70px; 
	z-index: 1; 
	left: 263px; 
	top: 107px;
}

#background_wrapper {
	position: absolute;
	width: auto;
	height: auto;
	z-index: 1;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	overflow: hidden;
}

#title_button {
	position: absolute; 
	width: 288px; 
	height: 42px; 
	z-index: 8; 
	background-image: url('images/title.png'); 
	left: 663px; 
	top: 10px; 
	line-height: 40px; 
	cursor: pointer;
	visibility: visible;
}

#about_button {
	position: absolute; 
	width: 282px; 
	height: 125px; 
	z-index: 7; 
	background-image: url('images/about.png'); 
	left: 10px; 
	top: 10px; 
	cursor: pointer;
	visibility: visible;
}

#about_button:hover {
	position: absolute; 
	width: 282px; 
	height: 125px; 
	z-index: 4; 
	background-image: url('images/about_hover.png'); 
	left: 10px; 
	top: 10px; 
	cursor: pointer;
}

#about_button_active {
	position: absolute; 
	width: 282px; 
	height: 125px; 
	z-index: 4;
	background-image:url('images/about_sel.png');
	left: 10px; 
	top: 10px; 
	cursor: pointer;
}

#work_button {
	position: absolute;
	width: 282px;
	height: 124px;
	z-index: 6;
	background-image:url('images/partners.png');
	left: 10px;
	top: 135px;
	cursor: pointer;
	visibility: visible;
}

#work_button:hover {
	background-image: url('images/partners_hover.png');
}

#work_button_active {
	position: absolute; 
	width: 282px; 
	height: 124px; 
	z-index: 3; 
	left: 10px; 
	top: 135px; 
	background-image: url('images/partners_sel.png'); 
	cursor: pointer;
}

#services_button {
	position: absolute;
	width: 282px;
	height: 124px;
	z-index: 5;
	left: 10px;
	top: 259px;
	background-image: url('images/services.png');
	cursor: pointer;
	visibility: visible;
}

#services_button:hover {
	background-image: url('images/services_hover.png');
}

#services_button_active {
	position: absolute; 
	width: 282px; 
	height: 124px; 
	z-index: 3; 
	left: 10px; 
	top: 259px; 
	background-image: url('images/services_sel.png'); 
	cursor: pointer;
}
	

#contact_button {
	position: absolute;
	width: 282px;
	height: 119px;
	z-index: 3;
	left: 10px;
	top: 383px;
	background-image: url('images/contact.png');
	cursor: pointer;
}

#contact_button:hover {
	background-image: url('images/contact_hover.png');
}

#contact_button_active {
	position: absolute; 
	width: 282px; 
	height: 119px; 
	z-index: 4; 
	left: 10px; 
	top: 383px; 
	background-image: url('images/contact_sel.png'); 
	cursor: pointer;
	visibility: visible;
}

#prevWork_button {
	position: absolute; 
	width: 43px; 
	height: 315px; 
	z-index: 5; 
	background-image: url('images/sliderPrev_button.png'); 
	left: 3px; 
	top: 2px; 
	cursor: pointer;
}

#prevWork_button:hover {
	background-image: url('images/sliderPrev_button_sel.png');
}

#nextWork_button {
	position: absolute; 
	width: 43px; 
	height: 315px; 
	z-index: 4; 
	background-image: url('images/sliderNext_button.png'); 
	left: 571px; 
	top: 2px; 
	cursor: pointer;
}

#nextWork_button:hover {
	background-image: url('images/sliderNext_button_sel.png'); 
}

.style1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	color: #808080;
	text-align: center;
}

.style2 {
	color: #999999;
}

.style3 {
	color: #666666;
}

.style4 {
	color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}

.style6 {
	color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

h2 {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
}

h3 {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
}

h4 {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

a {
	color: #CCCCCC;
	font-weight: normal;
}

a:visited {
	color: #CCCCCC;
}

a:active {
	color: #FFFFFF;
}

a:hover {
	color: #FFFFFF;
	font-weight: bold;
}

blockquote {
	border : 1px solid #888888;
	width: auto;
	margin-left: 20px;
	padding: 4px;
	background-color: #555555;
	quotes: "\201C" "\201D";
}

ul {
	list-style-position: outside;
	list-style-image: url('images/list_bullet.png');
	font-size: 10pt;
}

li {
	line-height: 18pt;
}

input, textarea {
	background-color: #FFFFFF;
	border-style: none;
	color: #808080;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	width: 329px;
}

#work_caption {
	position: absolute;
	width: 510px; 
	height: 40px; 
	z-index: 3; 
	left: 46px; 
	top: 276px; 
	background-image: url('images/caption_overlay.png'); 
	line-height: 38px; 
	padding-left: 15px;	
}

#work_container {
	position: absolute; 
	width: 617px; 
	height: 322px; 
	z-index: 3; 
	top: 105px; 
	background-image: url('images/slider_wrapper.png'); 
	left: 312px;	
}

#workSlider_viewport {
	position: absolute;
	width: 525px;
	height: 312px; 
	z-index: 2; 
	left: 46px; 
	top: 4px; 
	overflow: hidden;	
}

#workSlider_container {
	position: absolute;
	width: 525px;
	height: 312px;
	z-index: 2; 
	left: 0px; 
	top: 0px;	
}

#slider_viewport {
	position: absolute;
	width: 618px;
	height: 406px;
	z-index: 7;
	left: 306px;
	top: 80px;
	overflow: hidden;
}

#about_container {
	position: absolute;
	width: 617px;
	height: 322px;
	z-index: 4;
	top: 31px;
	background-image: url('images/slider_wrapper.png');	
}

#aboutText_viewport {
	position: absolute;
	width: 359px;
	height: 289px;
	z-index: 1; 
	left: 16px;
	top: 16px;
	overflow: scroll;
}

#services_container {
	position: absolute; 
	width: 617px; 
	height: 322px; 
	z-index: 2; 
	top: 29px; 
	background-image: url('images/slider_wrapper.png');
}

#send_button {
	position: absolute; 
	width: 368px; 
	height: 42px; 
	z-index: 1; 
	background-image: url('images/send_button.png'); 
	left: 125px; 
	top: 340px; 
	cursor: pointer;	
}

#send_button:hover {
	background-image: url('images/send_button_sel.png');
}

#contact_container {
	position: absolute; 
	width: 617px; 
	height: 384px; 
	z-index: 1; 
	top: 1px; 
	background-image: url('images/contact_wrapper.png'); 
	left: 7px;
}

#nameInput_wrapper {
	position: absolute; 
	width: 331px; 
	height: 22px; 
	z-index: 2; 
	left: 143px; 
	top: 21px; 
	line-height: 3pt;
}

#emailInput_wrapper {
	position: absolute; 
	width: 331px; 
	height: 22px; 
	z-index: 2; 
	left: 143px; 
	top: 73px; 
	line-height: 3pt;
}

#messageInput_wrapper {
	position: absolute; 
	width: 333px; 
	height: 195px; 
	z-index: 2; 
	left: 142px; 
	top: 127px; 
	line-height: 3pt;
}

#service1 {
	position: absolute; 
	width: 365px; 
	height: 272px; 
	padding-left: 80px; 
	padding-right: 80px; 
	left: 0px; 
	top: 0px; 
	padding-top: 40px;
}

#servicesSlider_viewport {
	position: absolute; 
	width: 525px; 
	height: 312px; 
	z-index: 2; 
	left: 46px; 
	top: 4px; 
	overflow: hidden;
}

#servicesSlider_container {
	position: absolute; 
	width: 525px; 
	height: 312px; 
	z-index: 2; 
	left: 0px; 
	top: 0px;
}

#skillsText_viewport {
	position: absolute;
	width: 200px; 
	height: 289px; 
	z-index: 1; 
	left: 400px; 
	top: 16px; 
	overflow: hidden;
}

#skillsText {
	position: absolute; 
	width: 359px; 
	height: auto; 
	z-index: 1; 
	left: 0px; 
	top: -15px
}