html, body {
	margin: 0;
	padding: 0;
} 

h1 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; text-align: left; } 

body {
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #000 url(../img/bg.gif);
	margin-top:70px;
	padding-top: 30px;
}

body a:link, body a:visited, body a:active {
	color: #0f98f6;
	text-decoration: none;
}

body a:hover {
	text-decoration: none;
	color: #1284d2;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.textareas{
  color: #fff;	
  background-image:url('../img/textarea.png');
  background-repeat:repeat;
} 

#welcometext {
  color: #fff;
  position: absolute;
  width: 343px;
  height: 100px;
	top: 183px;
	left: 468px;
	
}

#formwrap {
  color: #fff;
  position: absolute;
  width: 507px;
  height: 150px;
	top: 135px;
	left: 265px;
	border: 0px;
	
}

#footer {
color: #fff;
  position: absolute;
  top: 590px;
  left: 545px;
  font-size: 14px;
  
}

#buttons {

  position: absolute;
  top: 555px;
  left: 423px;
  
  
}

#servicesp1 {
  color: #fff;
  position: absolute;
  width: 195px;
  top: 185px;
	left: 212px;
	
}

#servicesp2 {
  color: #fff;
  position: absolute;
  width: 195px;
  top: 204px;
	left: 212px;
	
}

#servicesp3 {
  color: #fff;
  position: absolute;
  width: 195px;
  top: 223px;
	left: 212px;
	
}

#servicesp4 {
  color: #fff;
  position: absolute;
  width: 195px;
  top: 242px;
	left: 212px;
	
}

#servicesp5 {
  color: #fff;
  position: absolute;
  width: 195px;
  top: 261px;
	left: 212px;
	
}

#servicesp6 {
  color: #fff;
  position: absolute;
  width: 195px;
  top: 280px;
	left: 212px;
	
}

#servicesp7 {
  color: #fff;
  position: absolute;
  width: 195px;
  top: 299px;
	left: 212px;
	
}

#servicesp8 {
  color: #fff;
  position: absolute;
  width: 150px;
  top: 318px;
	left: 212px;
	
}

#servicestext2 {
  color: #fff;
  position: absolute;
  width: 274px;
  height: 135px;
	top: 185px;
	left: 365px;
	
}

#porttext1 {
  color: #fff;
  position: absolute;
  width: 155px;
  height: 100px;
	top: 187px;
	left: 657px;
	
}

#porttext2 {
  color: #fff;
  position: absolute;
  width: 155px;
  height: 100px;
	top: 187px;
	left: 657px;
	
}

#porttext3 {
  color: #fff;
  position: absolute;
  width: 155px;
  height: 100px;
	top: 187px;
	left: 657px;
	
}

#porttext4 {
  color: #fff;
  position: absolute;
  width: 155px;
  height: 100px;
	top: 187px;
	left: 657px;
	
}

#prevarrowport {
	position: absolute;
	top: 345px;
	left: 760px;
	
}

#nextarrowport {
	position: absolute;
	top: 345px;
	left: 785px;
	
}

#prevarrowport2 {
	position: absolute;
	top: 345px;
	left: 760px;
	
}

#nextarrowport2 {
	position: absolute;
	top: 345px;
	left: 785px;
	
}

#prevarrowport3 {
	position: absolute;
	top: 345px;
	left: 760px;
	
}

#nextarrowport3 {
	position: absolute;
	top: 345px;
	left: 785px;
	
}

#prevarrowport4 {
	position: absolute;
	top: 345px;
	left: 760px;
	
}

#nextarrowport4 {
	position: absolute;
	top: 345px;
	left: 785px;
	
}

#logo {
	position: absolute;
	top: 532px;
	left: 30px;
	z-index: 5;
}

#shadowleft {
	position: absolute;
	top: 16px;
	left: 10px;
	z-index: 3;
	
}

#shadowright {
	position: absolute;
	top: 16px;
	left: 862px;
	z-index: 3;
	
}

#wrap {
	width:850px;
	margin:0 auto;
	padding:0;
}

#frame {
  background-color: #fff;
  width: 850px;
  padding: 16px;
  margin: 0 auto;
  position: relative;
}

#slider {
  width: 850px;
  margin: 0 auto;
  position: relative;
}

.scroll {
  	
  height: 600px;
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
  background: #FFFFFF url(images/content_pane-gradient.gif) repeat-x scroll left bottom;
}

.scrollContainer div.panel {
  height: 600px;
  width: 850px; /* change to 560px if not using JS to remove rh.scroll */
}