@charset "utf-8";
body {
	font: 11px/12px Arial, Helvetica, sans-serif;
	background: url(../imgs/handdrawnpatterns.gif);
}

a {
	font: bold 12px/12px "Courier New", Courier, monospace;
	letter-spacing: -1px;
	color: #000000;
	text-decoration: none;
}





div#box {
	background: #FFFFFF;
	border: 20px solid #FFFFFF;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	margin: -280px -300px;
	top: 50%;
	left: 50%;
	width: 600px;
	height: 500px;
	position: absolute;
}
div#box div a img {
	border: 2px solid #000000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

p {
	padding: 0;
	margin: 0 0 10px 0;
}



div#box ul li {
	border-bottom: 1px dashed #FFFFFF;
}
.ie div#box ul li {
	border-bottom: 1px dashed #FFFFFF;
	margin: 2px 0;
}
.ff2 div#box ul li,
.ff3 div#box ul li {
	border-bottom: 1px dashed #FFFFFF;
	margin: 2px 0;
}


/*-------------------- TITLE --------------------*/


h1,
h1 a {
	font: bold 36px/36px Arial, Helvetica, sans-serif;
	margin: 0;
}
h1 a:hover {
	border: 0;
}
h1:hover{
visibility: visible;
}
h1:hover b{
color: #CC0000;
}
h1:hover:after{
content: "•com";
visibility: visible;
}

h1 i {
	float: right;
	display: inline;
	font: normal 11px Arial, Helvetica, sans-serif;
	position: relative;
	bottom: 10px;
}




/*-------------------- MENU --------------------*/
ul#menu {
	font: bold 12px/12px "Courier New", Courier, monospace;
	list-style: none;
	margin: 10px 0;
	padding: 0;
	text-align: center;
}
ul#menu li {
	display: inline;
	margin: 0 5px;
}
ul#menu li a {
	padding: 2px;
}
ul#menu li a:hover {
	background: #000000;
	color: #FFFFFF;
}





/*-------------------- CONTENT --------------------*/

div#box div {
	width: 83px;
	text-align: justify;
	margin: 50px auto;
	padding: 0 10px;
}
div#box div a:hover img {
	filter: Alpha(Opacity=50);
	opacity: 0.5;
}
div#box div p:first-letter {
	font: normal 36px/32px Georgia, "Times New Roman", Times, serif;
	float: left;
}

p.quote {
	font: normal 10px/10px Georgia, "Times New Roman", Times, serif;
}
div#box div p.quote:first-letter,
p.quote:before,
p.quote:after {
	font: normal 24px/10px Georgia, "Times New Roman", Times, serif;
	position: relative;
	height: 10px;
}
p.quote:before {
	content: "❝";
	float: left;
}
p.quote:after {
	content: "❞";
	float: right;
}




div#box div#intro-d1 {
	position: absolute;
	left: 13px;
	top: 40px;
	font: bold 150px/normal "Times New Roman", Times, serif;
	height: 97px;
}
div#box div#intro-d2 {
	position: absolute;
	left: 201px;
	top: 48px;
	font: bold 150px/normal "Times New Roman", Times, serif;
}
div#box div#intro {
	position: absolute;
	left: 57px;
	top: 85px;
	width: 156px;
	height: 148px;
}


div#box div#newstitle {
	position: absolute;
	left: 291px;
	top: 119px;
	font: bold 24px/24px "Times New Roman", Times, serif;
}
div#box div#news {
	position: absolute;
	left: 290px;
	top: 138px;
	width: 250px;
	height: 150px;
	border: 5px solid #000000;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 0 10px 0 0;
	background: #000000;
	color: #FFFFFF;
	overflow: auto;
}
div#box div#news a {
	background: #FFFFFF;
	color: #000000;
	padding: 0px 2px;
}
div#box div#news a:hover {
	position: relative;
	bottom: 1px;
}



p#mylinks {
	font: normal 100%/90% Arial, Helvetica, sans-serif;
	position: absolute;
	width: 220px;
}
p#mylinks b {
	font: bold 150%/90% Arial, Helvetica, sans-serif;
	letter-spacing: -2px;
	display: block;
}
p#tah,
p#code {
	position: absolute;
	font: normal 13px/13px "Courier New", Courier, monospace;
	letter-spacing: -0.1em;
	white-space: nowrap;
}
p#tah a,
p#code a {
	font: bold 300%/normal Arial, Helvetica, sans-serif;
	letter-spacing: -5px;
	margin: 0;
	padding: 0 0.2em 0 0;
	position: relative;
	top: 12px;
	display: block;
}
p#tah a:hover,
p#code a:hover {
	background: #000000;
}
p#tah {
	top: 357px;
	left: 36px;
}
p#tah i {
	font-size: 50%;
	position: relative;
	bottom: 12px;
}
p#code {
	left: 36px;
	top: 401px;
}
p#mylinks {
	left: 36px;
	top: 319px;
}




form#linklove {
	position: absolute;
	top: 388px;
	left: 321px;
	width: 222px;
}
form#linklove select {
	border: 2px solid #000000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font: bold 13px/12px "Courier New", Courier, monospace;
	letter-spacing: -1px;
}





















div#box div#about-title {
	position: absolute;
	left: 31px;
	top: 52px;
	font: bold 36px/normal "Times New Roman", Times, serif;
	width: 300px;
}
div#box div#about-intro {
	position: absolute;
	left: 44px;
	top: 83px;
	width: 148px;
	height: 230px;
	border: 5px solid #000000;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background: #000000;
	color: #FFFFFF;
	overflow: auto;
}
.ie div#box div#about-intro {
	width: 170px;
	height: 240px;
}
div#box div#about-intro img#myface {
	width: 150px;
	height: 150px;
	margin: 10px auto;
}


div#box ul#about-clientlist {
	position: absolute;
	left: 150px;
	top: 353px;
	list-style: none;
	border: 2px dashed #000000;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 0 10px 0 0;
	background: #FFFFFF;
	overflow: auto;
	padding: 0 5px 0 0;
	z-index: 10;
	width: 131px;
	height: 117px;
}
.ie div#box ul#about-clientlist {
	left: 110px;
	top: 365px;
}
div#box ul#about-clientlist li {
	border-bottom: 0;
}
div#box ul#about-clientlist li:before {
	content: "☛";
}


div#box div#about-contact-title {
	position: absolute;
	left: 329px;
	top: 320px;
	font: bold 48px/normal "Times New Roman", Times, serif;
}
div#box div#about-contact {
	position: absolute;
	left: 267px;
	top: 94px;
	width: 181px;
	height: 250px;
	border: 3px solid #000000;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	overflow: none;
}
.ie div#box div#about-contact {
	top: 80px;
	width: 195px;
	height: 260px;
}

div#box div#about-contact p.ty  {
	color: #FFFFFF;
	background: #000000;
	padding: 0.5em 0.5em 0.5em 0;
}













div#box div#logo-title1 {
	position: absolute;
	left: -17px;
	top: -8px;
	font: bold 150px/normal "Times New Roman", Times, serif;
	width: auto;
	z-index: 5;
}
div#box div#logo-title2 {
	position: absolute;
	left: 14px;
	top: -2px;
	font: bold 72px/normal "Times New Roman", Times, serif;
	width: auto;
	z-index: 5;
}
div#box div#logo-title3 {
	position: absolute;
	left: 07px;
	top: -7px;
	font: bold 150px/normal "Times New Roman", Times, serif;
	width: auto;
	z-index: 5;
}
div#box div#logo-title4 {
	position: absolute;
	left: 53px;
	top: 64px;
	font: bold 72px/normal "Times New Roman", Times, serif;
	width: auto;
	z-index: 5;
}
div#box div#logo-x1 {
	position: absolute;
	left: 43px;
	top: 20px;
	font: bold 48px/normal "Times New Roman", Times, serif;
	height: 97px;
	width: auto;
}
div#box div#logo-x2 {
	position: absolute;
	left: 72px;
	top: 17px;
	font: bold 90px/normal "Times New Roman", Times, serif;
	width: auto;
}
div#box div#logo-x3 {
	position: absolute;
	left: 77px;
	top: 73px;
	font: bold 30px/normal "Times New Roman", Times, serif;
	width: auto;
}
div#box div#logo-ci1 {
	position: absolute;
	left: 104px;
	top: 320px;
	font: bold 60px/normal Arial, Helvetica, sans-serif;
	width: auto;
	z-index: 5;
	letter-spacing: -0.1em;
}
div#box div#logo-ci2 {
	position: absolute;
	left: 124px;
	top: 332px;
	font: bold 96px/normal "Times New Roman", Times, serif;
	width: auto;
	z-index: 5;
	letter-spacing: -0.1em;
}
div#box div#logo-ci3 {
	position: absolute;
	left: 58px;
	top: 330px;
	font: bold 120px/normal Arial, Helvetica, sans-serif;
	width: auto;
	z-index: 5;
	letter-spacing: -0.1em;
}
.ie div#box div#logo-ci3 {
	position: absolute;
	left: 58px;
	top: 339px;
	font: bold 120px/normal Arial, Helvetica, sans-serif;
	width: auto;
	z-index: 5;
	letter-spacing: -0.1em;
}


div#box ul.logo-txt {
	position: absolute;
	left: 423px;
	top: 257px;
	list-style: none;
	border: 5px solid #000000;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 0 10px 0 0;
	background: #000000;
	color: #FFFFFF;
	overflow: auto;
	padding: 0 5px 0 0;
	z-index: 10;
	width: 143px;
	height: 157px;
}
.ie div#box ul.logo-txt {
	left: 300px;
	top: 265px;
	width: 143px;
	height: 157px;
}
div#box ul.logo-txt li:before {
	content: "☛";
}
div#box div#logo-thumbs {
	position: absolute;
	left: 164px;
	top: 49px;
	width: 421px;
	height: auto;
	text-align: left;
}


div#box div#webd-title {
	position: absolute;
	left: -17px;
	top: 39px;
	font: bold 72px/normal Arial, Helvetica, sans-serif;
	width: auto;
	z-index: 5;
	letter-spacing: -0.2em;
}
div#box div#webd-title2 {
	position: absolute;
	left: 33px;
	top: 94px;
	font: bold 28px/normal Arial, Helvetica, sans-serif;
	width: auto;
	z-index: 5;
	letter-spacing: -0.1em;
}
div#box div#webd-t2007 {
	position: absolute;
	left: 17px;
	top: 121px;
	font: bold 96px/36px Arial, Helvetica, sans-serif;
	width: 161px;
	z-index: 5;
	letter-spacing: -0.2em;
	padding: 20px;
}
div#box div#webd-t2008 {
	position: absolute;
	left: 192px;
	top: 24px;
	font: bold 96px/24px Arial, Helvetica, sans-serif;
	width: 161px;
	z-index: 5;
	letter-spacing: -0.2em;
	padding: 20px;
}
div#box div#webd-t2009 {
	position: absolute;
	left: 264px;
	top: 284px;
	font: bold 96px/24px Arial, Helvetica, sans-serif;
	width: 217px;
	z-index: 5;
	letter-spacing: -0.2em;
	padding: 20px;
}
div#box ul.webd-txt {
	position: absolute;
	list-style: none;
	border: 5px solid #000000;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 0 10px 0 0;
	background: #000000;
	color: #FFFFFF;
	overflow: auto;
	padding: 0 5px 0 0;
	z-index: 10;
	width: 100px;
	height: 102px;
	left: 145px;
	top: 288px;
}
div#box ul.webd-txt li:before {
	content: "☛";
}
div#box ul.webd-txt a {
	color: #FFFFFF;
	background: #000000;
}
div#box ul.webd-txt a:hover {
	color: #000000;
	background: #FFFFFF;
}
div#box ul#webd-t2007 {
	left: 40px;
	top: 230px;
	width: 212px;
	height: 240px;
}
.ie div#box ul#webd-t2007 {
	left: 8px;
	height: 255px;
}
div#box div#webd-t2007-x {
	position: absolute;
	left: 248px;
	top: 68px;
	width: auto;
	height: auto;
	font: normal 2500%/normal Arial, Helvetica, sans-serif;
}
div#box div#webd-t2008-x {
	position: absolute;
	left: 295px;
	top: 1px;
	width: auto;
	height: auto;
	font: normal 1500%/normal "Times New Roman", Times, serif;
}
div#box div#webd-t2009-x {
	position: absolute;
	left: 243px;
	top: 235px;
	width: auto;
	height: auto;
	font: normal 1000%/normal "Times New Roman", Times, serif;
}
div#box ul#webd-t2008 {
	left: 361px;
	top: 98px;
	width: 193px;
	height: 259px;
}
.ie div#box ul#webd-t2008 {
	left: 300px;
	top: 102px;
}
div#box div#webd-gogo {
	position: absolute;
	left: 370px;
	top: 405px;
	width: 200px;
	height: 35px;
	font: bold 150%/20% Arial, Helvetica, sans-serif;
	letter-spacing: -0.1em;
	text-align: right;
	padding: 30px;
}
div#box div#webd-gogo a {
	font: bold 200%/20% Arial, Helvetica, sans-serif;
	letter-spacing: -0.2em;
}
div#box div#webd-thumbs07 {
	position: absolute;
	left: 331px;
	top: 70px;
	width: 279px;
	height: 336px;
	text-align: left;
}
div#box div#webd-thumbs08 {
	position: absolute;
	left: 19px;
	top: 134px;
	width: 343px;
	text-align: left;
	height: 248px;
}
div#box div#webd-thumbs09 {
	position: absolute;
	left: 161px;
	top: 68px;
	width: 410px;
	text-align: left;
	height: 187px;
}
















div#box div#intv-title {
	position: absolute;
	left: 22px;
	top: 45px;
	font: bold 48px/normal Arial, Helvetica, sans-serif;
	width: 400px;
	z-index: 5;
	letter-spacing: -0.15em;
}
div#box div#intv-title b {
	font: bold 55px/normal "Times New Roman", Times, serif;
	letter-spacing: -0.1em;
}
div#box div#intv-title2 {
	position: absolute;
	left: 55px;
	top: 45px;
	font: bold 28px/normal Arial, Helvetica, sans-serif;
	width: 400px;
	z-index: 5;
	letter-spacing: -0.15em;
}
div#box ul.intv-txt {
	position: absolute;
	list-style: none;
	border: 5px solid #000000;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 0 10px 0 0;
	background: #000000;
	color: #FFFFFF;
	overflow: auto;
	padding: 0 5px 0 0;
	left: 299px;
	top: 177px;
	width: 275px;
	height: 183px;
}
.ie div#box ul.intv-txt {
	left: 258px;
	top: 177px;
	height: 197px;
}
div#box ul.intv-txt li:before {
	content: "☛";
}
div#box div#intv-thumbs {
	position: absolute;
	left: 41px;
	top: 91px;
	width: 524px;
	height: 336px;
	text-align: left;
}
div#box div#intv-x1 {
	position: absolute;
	left: 356px;
	top: 38px;
	font: bold 72px/normal "Times New Roman", Times, serif;
}
div#box div#intv-x2 {
	position: absolute;
	left: 286px;
	top: 33px;
	font: bold 48px/normal "Times New Roman", Times, serif;
}
div#box div#intv-x3 {
	position: absolute;
	left: 272px;
	top: 45px;
	font: bold 120px/normal "Times New Roman", Times, serif;
}
div#box div#intv-x4 {
	position: absolute;
	left: 248px;
	top: 43px;
	font: bold 60px/normal "Times New Roman", Times, serif;
}
div#box div#intv-x5 {
	position: absolute;
	left: 360px;
	top: 97px;
	font: bold 48px/normal "Times New Roman", Times, serif;
}
















div#box div#print-title {
	position: absolute;
	left: 396px;
	top: 409px;
	font: bold 60px/normal Arial, Helvetica, sans-serif;
	width: 152px;
	z-index: 5;
	letter-spacing: -0.15em;
}
div#box div#print-title2 {
	position: absolute;
	left: 440px;
	top: 432px;
	font: bold 20px/normal Arial, Helvetica, sans-serif;
	width: 152px;
	z-index: 10;
	color: #FFFFFF;
	letter-spacing: -0.1em;
}



































div#box div p.sign {
	margin: -10px 0 0 auto;
	width: 42px;
	text-align: right;
}
div#box div p.sign:first-letter {
	font: normal 24px/13px Georgia, "Times New Roman", Times, serif;
}





form#contact table {
	margin: 0 auto;
}
form#contact input,
form#contact textarea,
form#contact select {
	font: normal 12px/13px "Courier New", Courier, monospace;
	border: 1px dashed #000000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width: 150px;
}

form#contact input#button {
	font: bold 12px/13px "Courier New", Courier, monospace;
	margin: 5px 0 0 0;
	padding: 2px 5px;
	border-top: 1px dashed #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px dashed #000000;
	color: #000000;
	background: #FFFFFF;
}
form#contact input#button:hover {
	border: 1px dashed #000000;
}
form#contact input#button:active {
	border-right: 1px dashed #000000;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-bottom: 1px dashed #000000;
	position: relative;
	top: 1px;
	left: 1px;
}












ul#links {
	margin: 0;
	list-style: none;
	text-align: center;
}
ul#links li:hover:before {
	content: "☞";
}
ul#links li:hover:after {
	content: "☜";
}























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

#n1 abbr[title]:hover:after{
content: " (" attr(title) ")";
}

#n2 strong:hover:after{
content: "\00BB"
}

#n2 strong:hover:before{
content: "\00AB"
}

#n3 a[title]:hover{
visibility: hidden;
}

#n3 a[title]:hover:after{
content: attr(title) " (" attr(href) ")";
visibility: visible;
}

#n4 span:hover:before{
content: url("../../newticon.png");
}