@charset "utf-8";
/* CSS Document */

/* Reset styles */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 		0;
	padding: 		0;
	border: 		0;
	outline: 		0;
	font-weight: 	inherit;
	font-style: 	inherit;
	font-size: 		100%;
	font-family: 	inherit;
	vertical-align: baseline;
}

body
{
	font-size:      62.5%; /* reset 1EM to 10px */
	background:		#f1f1f2 url(img/headerbg.jpg) repeat-x ;
}

#container{
	width:			780px;
	margin-left: 	auto;
	margin-right: 	auto;
	padding_left:	10px;
	padding_right:	10px;
}

h1{
	text-indent:	-9000px;
}

h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size:	5em;
	font-weight: bold;
	line-height: 50px;
	color: #C3C3C3;
	text-shadow: 0px -1px 0px #717171;
}

.highlight{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	font-style: italic;
	color: #57B0F5;
}

/* =MAIN CONTENT --------------------------------------------------------------

------------------------------------------------------------------------*/

#leftContainer{
	background: url(img/afovea_logo.png) no-repeat top left;
	background-position: 0 10px;
	width:	380px;
	height:	390px;
	float: left;
	padding-top: 400px;
}

#rightContainer{
	width:	380px;
	height:	390px;
	margin-left: 20px;
	margin-top:	100px;
	float:	left;
}

p{
	font-size: 1.4em;
	color:	#7b7b7b;
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	margin-top:	10px;
}

a.bigLink1{
	display: block;
	background: url(img/large_button1.png) no-repeat;
	height: 293px;
	width: 293px; 
	background-position: 0 0;
	text-indent: -9000px;
	margin-bottom: 20px;
	margin-left: 80px;
}

a:hover.bigLink1{
	background-position: 0 -293px;	
	height: 293px;
	width: 293px; 
}

a.bigLink2{
	display: block;
	background: url(img/large_button2.png) no-repeat;
	height: 293px;
	width: 293px; 
	background-position: 0 0;
	text-indent: -9000px;
	margin-bottom: 20px;
}

a:hover.bigLink2{
	background-position: 0 -293px;	
	height: 293px;
	width: 293px; 
}

a.bigLink3{
	display: block;
	background: url(img/large_button3.png) no-repeat;
	height: 293px;
	width: 293px; 
	background-position: 0 0;
	text-indent: -9000px;
	margin-bottom: 20px;
	margin-left: 80px;
}

a:hover.bigLink3{
	background-position: 0 -293px;	
	height: 293px;
	width: 293px; 
}



#contactForm{
	background: #FFFFFF url(img/contact_title.png) top left no-repeat;
	background-position: 17px 10px;
	border-bottom: solid;
	border-width: 1px;
	border-color: #e3e3e4;
	width:	340px;
	padding: 20px 20px 20px 20px;
	margin-top: 20px;
	height: 360px;
}

#contactForm input, #contactForm textarea {
	padding: 		5px;
	width: 			330px;
	font-family: 	arial;
	font-size: 		1.2em;
	margin: 		0px 0px -20px 0px;
	background:		#f1f1f2;
	color:			#666666;
	border:			none;
}

#contactForm textarea {
	height: 200px;
}

#contactForm textarea:focus, #contactForm input:focus, #contactForm textarea:hover, #contactForm input:hover {
	background: #E2E2E2;
}

#contactForm input.submit-button {
	padding: 		5px;
	width: 			100px;
	float: 			right;
	background:		#f1f1f2;
	margin-top: 	30px;
}

#contactForm input.submit-button:hover{
	background:		#57B0F5;
	color:			#fff;
}

#contactForm p{
	position:relative
}

label{ 
	position:absolute; 
	top:25px; 
	left:5px;
	font-family: 	arial;
	font-size: 		1.2em;
}

#footer{
	margin-top: 600px;
	width: 300px;
	height: 57px;
	padding-right: 80px;
	padding-top: 35px;
	text-align: right;
	background: url(img/footer_me.png) bottom right no-repeat;
}

p.footer{
	font-size: 1.0em;
	color:	#7b7b7b;
	font-family: Arial, Helvetica, sans-serif;
}

a.buttonTwitter{
	display: block;
	background: url(img/buttonTwitter.png) no-repeat;
	height: 60px;
	width: 60px; 
	background-position: 0 0;
	text-indent: -9000px;
	margin-top: 10px;
	margin-right: 10px;
	float: left;
}

a:hover.buttonTwitter{
	background-position: 0 -60px;	
}

a.buttonDribbble{
	display: block;
	background: url(img/buttonDribbble.png) no-repeat;
	height: 60px;
	width: 60px; 
	background-position: 0 0;
	text-indent: -9000px;
	margin-top: 10px;
	margin-right: 10px;
	float: left;
}

a:hover.buttonDribbble{
	background-position: 0 -60px;	
}

a.buttonLinkedin{
	display: block;
	background: url(img/buttonLinkedin.png) no-repeat;
	height: 60px;
	width: 60px; 
	background-position: 0 0;
	text-indent: -9000px;
	margin-top: 10px;
	margin-right: 5px;
	float: left;
}

a:hover.buttonLinkedin{
	background-position: 0 -60px;	
}