/* This section resets the property's*/
* {
margin: 0;
padding: 0;
}


body {
background-color: white;
color: black;
font: 12px verdana, arial, helvetica, geneva, sans-serif;
}

#containerHome {
position:relative;
display: block;
margin: 0 auto;
margin-top: 10px;
width:1024px;
height: 768px;
}

#container {
position:relative;
display: block;
margin: 0 auto;
margin-top: 10px;
padding:0;
text-align:center;
width:1024px;
height: 768px;
}


#navigation {
margin-left:98px;
}


#logo {
	position:absolute;
	top:-8px;
	left:622px;
	width:304px;
	height: 23px;
	z-index: 1000;
}

#rightArrowServices {
	position:absolute;
	top:250px;
	left:898px;
	width:27px;
	height: 38px;
	z-index: 1000;
}

#leftArrowServices {
	position:absolute;
	top:250px;
	left:98px;
	width:27px;
	height: 38px;
	z-index: 1000;
}

/* This section is the slideshow */
#slideshow {
margin:0 auto;
}


/* This section holds the slideshow*/
.Preview {
display:block;
float:right;
margin: 21px 98px 0 98px;
width:828px;
height:450px;
}

.PreviewBio {
display:block;
float:left;
margin-top:21px;
margin-left:98px;
margin-right:57px;
padding-top:21px;
padding-bottom:21px;
text-align:left;
width:467px;
height:408px;
font: 11px verdana, arial, helvetica, geneva, sans-serif;

}

.PreviewBio2 {
display:block;
margin-top:21px;
float:left;
width:304px;
height:450px;
background-color:#00FF00;
}


.contact_1 {
display:block;
float:left;
margin-top:21px;
margin-left:98px;
margin-right:0px;
text-align:left;
width:524px;
height:450px;
}

.contact_2 {
display:block;
float:left;
margin-top:21px;
margin-left:0px;
margin-right:0px;
padding-left:50px;
padding-top:300px;
text-align:left;
width:254px;
height:150px;
background-color:#000000;
color:#FFFFFF;
}

/* This div hold the slideshow buttons, related title and counter*/
#information {
float:left;
margin-top:4px;
margin-left:98px;
width:325px;
height:13px;
}


#information2 {

float:left;
margin-top:4px;
margin-left:131px;
width:372px;
height:13px;
}


#information3 {
display:block;
float:left;
margin-top:4px;
margin-left:560px;
width:366px;
height:13px;
}


#copyright {
float:right;
margin-top:0px;
width:370px;
height: 13px;
}


#line {
display:block;
float:left;
margin-left:98px;
margin-top:4px;
margin-bottom:4px;
width:828px;
height:1px;
background-color:#999999;
}

#line2 {
display:block;
position:absolute;
left:98px;
top:510px;
margin-top:4px;
margin-bottom:4px;
width:828px;
height:1px;
background-color:#999999;
}



/* This holds the slideshow buttons*/
#form {
margin-left: 0px;
}

#btnWrapper {
width:79px;
height:14px;
float: left;


}

/* This div holds the buttons for slideshow*/
#rightBtn {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
float: left;
width: 38px;
height: 13px;
}

#leftBtn {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
float: left;
width: 38px;
height: 13px;
}

#separator1 {
padding: 0px 0px 0px 0px;
margin: 0px 10px 0px 6px;
float: left;
width: 3px;
height: 13px;
}


#separator2 {
padding: 0px 0px 0px 0px;
margin: 0px 6px 0px 10px;
float: left;
width: 3px;
height: 13px;
}


#thumbs {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
float: left;
width: 45px;
height: 13px;
}


/* This holds the title of the image */
#imgText {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 98px;
float: left;
width: 125px;
height: 13px;
color:#999999;
text-align:left;
font-size:10px;
}


/* This holds the counter */
#imgTextCounter {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
float: left;
width: 56px;
color:#999999;
height: 13px;
font-size:10px;
}