html { background-image:url(../img/html.png); background-attachment: fixed; color:#FFF; background-color:#222; overflow-x: auto; overflow-y: scroll;}
body { width:240px; line-height:15px; font-size:12px; font-family:"Century Gothic", Geneva, Arial, sans-serif; margin:30px auto; padding:0; }
span { display:block; background-position:left top; background-repeat:no-repeat; background-image:url(../img/luminancedesign-screen.png); height:180px; width:240px; font-size:12px; margin:0 0 30px; padding:0; }
span a { height:180px; width:240px; display:block; margin:0; padding:0; }
span a img { visibility:hidden; }
h1 { font-size:12px; font-style:normal; margin:0 15px 15px; }
h2,h3,h4,h5,h6 { font-size:12px; font-weight:400; margin:0 15px 15px; }
p { margin:0 15px 15px; }
p#toggle {display:none;}
a { text-decoration:none; color:#FF3C00; outline:none; }
a:hover { text-decoration:none; color:#FFF; }
a img {border: 0 none;}
ul { width:210px; margin:0 15px 15px; padding:0; }
ul li { height:auto; clear:left; background-repeat:no-repeat; background-image:url(../img/li.png); background-position:left top; width:195px; list-style-type:none; margin:0; padding:0 0 0 15px; }
ol { width:240px; height:180px; overflow:hidden; margin:0 0 15px; padding:0; }
ol li { height:180px; width:240px; list-style-type:none; margin:0; padding:0; }
ol li a img { height:180px; width:240px; border-style:none; border-width:0; }
p#tooltip { background-position:left top; background-repeat:no-repeat; width:300px; height:30px; color:#FFF; line-height:30px; background-image:url(../img/title.png); position:absolute; display:none; z-index:99999; border-width:0; margin:0; padding:15px 30px; }
blockquote { width:210px; color:#FFF; border-color:#ff3c00; border-style:dotted; border-width:1px; margin:0 0 15px; padding:14px 14px 0; }
blockquote p { margin:0 0 15px; }
li div, a div { background-position:left top; background-repeat:no-repeat; top:0; position:absolute; z-index:99; background-image:url(../img/div.png); height:180px; width:240px; }
span a div {background-image: none;}
dl { width:240px; margin:0; padding:0; }
dt { padding-left: 15px; padding-bottom: 0; padding-right: 15px; padding-top: 0; margin-left: 0; margin-bottom: 15px; margin-right: 0; margin-top: 0; width: 180px; position: relative;}
dd { margin-left: 0; margin-bottom: 15px; margin-right: 0; margin-top: 0; width:210px; padding:0; position: relative;}
label { margin:0; padding:0 15px; }
input { background-color:transparent; background-position:left top; background-repeat:no-repeat; background-image:url(../img/input.png); font-size:12px; font-family:"Century Gothic", Arial, sans-serif; line-height:30px; height:30px; width:180px; border-style:none; border-width:0; margin:0; padding:15px 30px; }
select { font-family: "Century Gothic", Arial, sans-serif; }textarea { background-position: left top; background-repeat: no-repeat; background-image: url(../img/textarea.png); background-color:transparent; font-size:12px; font-family:"Century Gothic", Arial, sans-serif; line-height:30px; height:180px; width:180px; border-style:none; border-width:0; margin:0; padding:15px 30px; }
button { text-align:left; background-color:transparent; background-position:left top; background-repeat:no-repeat; background-image:url(../img/button.png); line-height:30px; font-size:12px; font-family:"Century Gothic", Arial, sans-serif; color:#FFF; font-weight:700; width:240px; height:60px; cursor:pointer; border-style:none; border-width:0; margin:0; padding:15px 30px; }
dd img {width: 240px;}