body {
	background:url(images/background.jpg) ;
	background-color: #000000;

}

.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: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
h5 {
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

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: 16pt;
}

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

#loading_overlay {
	position: absolute; 
	width: auto; 
	height: auto; 
	z-index: 4; 
	bottom: 0px; 
	left: 0px; 
	right: 0px; 
	top: 0px; 
	background-image: url('images/overlay.png');
}

#ajax_loader {
	position: absolute;
	width: 32px;
	height: 32px;
	z-index: 1; 
	left: 50%;
	margin-left: -16px;
	margin-top: -16px; 
	top: 50%; 
	background-image: url('images/IE6/ajax-loader.gif');
}

#preload {
	position: absolute; 
	width: 100px; 
	height: 100px; 
	z-index: 3; 
	left: 10px; 
	top: 15px; 
	display: none;
}

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

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

#wrapper2 {
	position: absolute; 
	width: 60px; 
	height: 55px; 
	z-index: 2; 

	margin-left: -480px; 
	margin-top: 57px;
}

#welcome_wrapper {
	position: absolute; 
	width: 619px;
	height: 326px;
	z-index: 8; 
	left: 315px;
	top: 105px;
	background-image: url('images/welcome_graphic.jpg'); 
	background-repeat: no-repeat;
}

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

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

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

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

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

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

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

#services_button_hover {
	position: absolute; 
	width: 282px; 
	height: 124px; 
	z-index: 3; 
	left: 0px; 
	top: 0px; 
	background-image: url('images/services_hover.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 {
	position: absolute; 
	width: 282px; 
	height: 119px; 
	z-index: 3; 
	left: 0px; 
	top: 0px; 
	background-image: url('images/contact_hover.png'); 
	cursor: pointer;
}

#slider_viewport {
	position: absolute; 
	width: 617px; 
	height: 384px; 
	z-index: 7; 
	left: 313px; 
	top: 73px; 
	overflow: hidden;
}

#slider_container {
	position: absolute; 
	width: 617px; 
	height: 1536px; 
	z-index: 1; 
	top: 0px;
}

#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: 559px; 
	height: 299px; 
	z-index: 1; 
	left: 16px; 
	top: 10px; 
	overflow: hidden;
}

#aboutText {
	position: absolute;
	width: 559px; 
	height: auto; 
	z-index: 1; 
	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;
}

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

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



#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;
}

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

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

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;
        padding-left:45px;
}

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

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

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

#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;
}

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

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

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

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


#send_button {
	position: absolute; 
	width: 368px; 
	height: 42px;
	z-index: 1;
	left: 125px; 
	top: 340px;
	cursor: pointer;
}

#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: 126px;
	line-height: 3pt;
	padding-top:4px;
}