/* Copyright. 2009. Arthur Makhnevich @ www.artmak.net */

* {
	padding: 0;
	margin: 0;
}


#wrap {
	position: relative;
	margin: 0 auto;
	width: 1024px;
	height: 600px;
	}



body {
	background-image: url(images/bg3.gif);
	}

#main {
	position: relative;
	width: 1024px;
	height: 445px;
	border: 6px solid;
	border-color: white;
	top: 40px;
}


h3 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: white;
	}
	
#butterfly3 {
	position: absolute;
	top: 370px;
	left: 220px;
	z-index: 1;
	visibility: visible;
	}

#thankyou {
	position: absolute;
	top: 200px;
	left: 25px;
	z-index: 7;
	}

/* Contact Form */

#contact {
	position: absolute;
	left: 30px;
	top: 125px;
	z-index: 5;
	}

#name {
	background-image:url(images/bg2.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ccc;
	font-weight:bold;
	border-width:0px;
	}
	
#email {
	background-image:url(images/bg2.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ccc;
	font-weight:bold;
	border-width:0px;
	}

#message {
	background-image:url(images/bg2.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ccc;
	font-weight:bold;
	border-width:0px;
	}
	
#button {
	background-image:url(images/bg2.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #ccc;
	font-weight:bold;
	border-width:0px;
	}


/* Labels */

#artmak {
	position: absolute;
	top: 505px;
	left: 25px;
	}
	
#con_txt1 {
	position: absolute;
	top: 40px;
	left: 0x;
	z-index: 1;
	}
	
#quote {
	position: absolute;
	top: 500px;
	left: 600px;
	z-index: 5;
	}
	

/* Navigation */

.nav {
	position: absolute;
	top: 555px;
	left: 25px;
	word-spacing: 2px;
	}
	

/* Links */

a img {border:none;}

#info a { background-image: url(images/info_off.png); height: 10px; width:48px; display:inline-block;}
#info a span { display: none; }
#info a:hover {background: url(images/info_on.png);}

a#nav_vis { background-image: url(images/nav_vis.png); height: 11px; width:110px; display:inline-block;}
a#nav_vis span { display: none; }
a#nav_vis:hover {background: url(images/nav_vis_on.png);}

a#nav_web { background-image: url(images/nav_web.png); height: 11px; width:66px; display:inline-block;}
a#nav_web span { display: none; }
a#nav_web:hover {background: url(images/nav_web_on.png);}

a#nav_free { background-image: url(images/nav_free.png); height: 11px; width:38px; display:inline-block;}
a#nav_free span { display: none; }
a#nav_free:hover {background: url(images/nav_free_on.png);}

a#nav_about { background-image: url(images/nav_about.png); height: 11px; width:50px; display:inline-block;}
a#nav_about span { display: none; }
a#nav_about:hover {background: url(images/nav_about_on.png);}

a#nav_res { background-image: url(images/btn_resume.png); height: 11px; width:59px; display:inline-block;}
a#nav_res span { display: none; }
a#nav_res:hover {background: url(images/btn_resume-off.png);}