/*graphicBord*/
div#graphicBord {
	width:403px; height:400px; border:1px solid #A0A; clear:both;
	position:relative;
}

div#graphicBord div {
	border:4px solid #222;
	position:absolute;
}

/*face*/
div#graphicBord div.face {
	z-index:2;
	top:60px; left:50px;
	width:300px; height:300px;
	/*CSS3*/ border-radius:200px; -webkit-border-radius:200px; -moz-border-radius:200px;
	background:#960;
    background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0%,rgba(255,255,255,.0)),color-stop(100%,rgba(255,255,255,.7)));
    background-image:-moz-linear-gradient(bottom, rgba(255,255,255,.0), rgba(255,255,255,.7));
}

/*eye*/
div#graphicBord div.eye {
	width:60px; height:60px;
	/*CSS3*/ border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px;
	background:#FFF;
    background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,.0)),color-stop(100%,rgba(0,0,0,.3)));
    background-image:-moz-linear-gradient(top, rgba(0,0,0,.0), rgba(0,0,0,.3));
}
div#graphicBord div.eye div {
	top:9px; left:9px;
	width:35px; height:35px;
	/*CSS3*/ border-radius:35px; -webkit-border-radius:35px; -moz-border-radius:35px;
	background:#333;
    background-image:-webkit-gradient(linear,left bottom,left top,color-stop(30%,rgba(255,255,255,.0)),color-stop(100%,rgba(255,255,255,.5)));
    background-image:-moz-linear-gradient(bottom, rgba(255,255,255,.0) 30%, rgba(255,255,255,.5));
}
div#graphicBord div.eye-l {
	top:90px; left:50px;
}
div#graphicBord div.eye-r {
	top:90px; right:50px;
}

/*mouth*/
div#graphicBord div.jaw {
	top:135px; left:65px;
	width:160px; height:160px;
	/*CSS3*/ border-radius:150px; -webkit-border-radius:150px; -moz-border-radius:150px;
	background:#FFF;
    background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,.0)),color-stop(100%,rgba(0,0,0,.3)));
    background-image:-moz-linear-gradient(top, rgba(0,0,0,.0), rgba(0,0,0,.3));
}
/*
-moz-border-radius-topleft = -webkit-border-top-left-radius
-moz-border-radius-topright = -webkit-border-top-right-radius
-moz-border-radius-bottomleft = -webkit-border-bottom-left-radius
-moz-border-radius-bottomright = -webkit-border-bottom-right-radius
*/
div#graphicBord div.nose {
	top:9px; left:46px;
	width:60px; height:35px;
	/*CSS3*/ border-radius:15px 15px 50px 50px;
	-webkit-border-top-left-radius:15px;
	-webkit-border-top-right-radius:15px;
	-webkit-border-bottom-left-radius:50px;
	-webkit-border-bottom-right-radius:50px;
	-moz-border-radius:15px 15px 50px 50px;
	background:#333;
    background-image:-webkit-gradient(linear,left bottom,left top,color-stop(30%,rgba(255,255,255,.0)),color-stop(100%,rgba(255,255,255,.5)));
    background-image:-moz-linear-gradient(bottom, rgba(255,255,255,.0) 30%, rgba(255,255,255,.5));
}
div#graphicBord div.mouth {
	border-top:0px;
	top:50px; left:18px;
	width:120px; height:30px;
	/*CSS3*/ border-radius:0 0 100px 100px;
	-webkit-border-top-left-radius:0;
	-webkit-border-top-right-radius:0;
	-webkit-border-bottom-left-radius:100px;
	-webkit-border-bottom-right-radius:100px;
	-moz-border-radius:0 0 100px 100px;
}

/*ear*/
div#graphicBord div.ear {
	z-index:1;
	width:80px; height:80px;
	/*CSS3*/ border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px;
	background:#960;
    background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0%,rgba(255,255,255,.0)),color-stop(100%,rgba(255,255,255,.7)));
    background-image:-moz-linear-gradient(bottom, rgba(255,255,255,.0), rgba(255,255,255,.7));
}
div#graphicBord div.ear div {
	border:0;
	top:20px; left:10px;
	width:60px; height:60px;
	/*CSS3*/ border-radius:35px; -webkit-border-radius:35px; -moz-border-radius:35px;
	background:#FFF;
    background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,.0)),color-stop(100%,rgba(0,0,0,.3)));
    background-image:-moz-linear-gradient(top, rgba(0,0,0,.0), rgba(0,0,0,.3));
}
div#graphicBord div.ear-l {
	top:40px; left:50px;
}
div#graphicBord div.ear-r {
	top:40px; right:50px;
}
