/* Global reset */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h5, h5, h6 { font-size:100% }
q:before, q:after { content:''}

/* Global reset-RESET */

strong { font-weight: bold }
em { font-style: italic }
ol, ul, li { list-style:none }

* a { position:relative } /* Gets links displaying over a PNG background */
a { outline:none } /* Gets rid of Firefox's dotted borders */
a img { border:none } /* Gets rid of IE's blue borders */

/* Main Site */

body, html{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
	background: #f3f7ff;
	width: 5400px;
	height: 100%;
	}
	
#container {
	background: transparent ;
	float: left;
	height: 100%;
	margin: 0;
	width: 5400px;
	}

#rainbow {
	background: url(images/rainbow2.jpg) no-repeat;
	height: 100%;
	margin: 0;
	width: 5400px;
}

#bird {
	position:relative;
	background: transparent;
	margin-left:699px;
	top: 450px;
    width: 180px;
	height: 70px;
}
#start{
	position:relative;
	background: transparent;
	margin-left:0px;
	top: 0px;
   width: 1px;
	height: 1px;
}
#portfolio {
	position: absolute;
	background: transparent;
	margin-left: 1318px;
	top: 100px;
	width: 759px;
	height: 417px;
	left: 7px;
}
#portfolioContainer {
	position:relative;
	background: transparent;
   width: 720px;
	height: 340px;
	top: 255px;
	margin-left: 25px;
}
#secondStep {
	position:relative;
	background: transparent;
	margin-left: 2540px;
	top: -455px;
   width: 25px;
	height: 25px;
}

#thirdStep {
	position:relative;
	background: transparent;
	margin-left: 4140px;
	top: -455px;
    width: 25px;
	height: 25px;
}

#webPortfolio {
	position:absolute;
	background: transparent;
	margin-left: 2766px;
	top: 0px;
   width: 807px;
	height: 353px;
}

#webPortfolio2 {
	position:relative;
	background: transparent;
	margin-left: 50px;
	top: 10px;
   width: 720px;
	height: 302px;
}

#lastPart1 {
	position:absolute;
	background: transparent;
	margin-left: 4300px;
	top: 443px;
	width: 468px;
	height: 333px;
	left: -42px;
}

#lastPart1Content {
	position:relative;
	background: transparent;
	margin-left: 0px;
	top: 25px;
	bottom: 10px;
	width: 433px;
	height: 303px;
	left: 15px;
	right: 10px;
}

#lastPart2Content {
	position:relative;
	background: transparent;
	margin-left: 0px;
	top: 25px;
	bottom: 10px;
	width: 485px;
	height: 303px;
	left: 15px;
	right: 10px;
}

#lastPart2 {
	position:absolute;
	background: transparent;
	margin-left: 4600px;
	top: 384px;
	width: 516px;
	height: 333px;
	left: 195px;
}

.images {
	float: left;
	background: transparent;
	width: 240px;
	height: 340px;
	
}
.images2 {
	float: left;
	background: transparent;
	width: 224px;
	height: 340px;
	padding-left: 16px;
	
}
.images3 {
	float: left;
	background: transparent;
	width: 207px;
	height: 340px;
	padding-left: 33px;
	
}

.imagesWeb {
	float: left;
	background: transparent;
	width: 240px;
	height: 340px;
	
}

#arrowLeft{
	position:relative;
	background: transparent;
	margin-left: 1240px;
	top: 435px;
   width: 80px;
	height: 32px;
}
#arrowLeft2 {
	position: absolute;
	background: transparent;
	margin-left: 2720px;
	top: 62px;
	width: 24px;
	height: 32px;
	left: -4px;
}

#arrowLeft3 {
	position:absolute;
	background: transparent;
	margin-left: 4210px;
	top: 600px;
   width: 24px;
	height: 32px;
}

#arrowLeft3b {
	position:absolute;
	background: transparent;
	margin-left: 4175px;
	top: 600px;
   width: 24px;
	height: 32px;
}

#arrowRight {
	position:relative;
	background: transparent;
	margin-left: 785px;
	top: 63px;
   width: 24px;
	height: 32px;
}

#arrowRight2 {
	position:absolute;
	background: transparent;
	margin-left: 3528px;
	top: 312px;
	width: 24px;
	height: 32px;
	left: 4px;
}

.skillImages {
 position: relative;
 padding: 5px 0px 0 0;
}

img.left{
 position: relative;
 padding: 0px 0px 0 40px;
}



.voices { font:11px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif; color:#6aa0b1; padding-top: 8px; padding-left: 0px; padding-right: 47px;  text-align: justify;  }	
.titleImages { font:14px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif; color:#88f57d; margin-bottom: 3px; margin-top: 12px;}
.voices2 { font:11px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif; color:#6aa0b1; padding-top: 8px; padding-left: 0px; padding-right: 31px;  text-align: justify;  }	
.voices3 { font:11px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif; color:#6aa0b1; padding-top: 8px; padding-left: 0px; padding-right: 14px;  text-align: justify;  }

.skill { font:13px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif; color:#6aa0b1; padding-top: 8px; }
.voicesWeb { font:11px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif; color:#6aa0b1; padding-top: 4px; padding-left: 0px; padding-right: 30px;  }

.voices4 { font:11px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif; color:#0f5267;  }

a.voices4:link { font:11px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif; color:#0f5267;  text-decoration: none;}
a.voices4:visited { font:11px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif; color:#0f5267;  text-decoration: none;}
a.voices4:hover { font:11px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif;  color:#e8910f; text-decoration: none;}