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,
b, u, i, center,
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-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* ------ end reset ----------- */
#work {
width: 100%;
height: 600px; 
margin: 0px auto;
overflow: hidden; 
background-color: #ffd67e; 
}
#contact {
width: 100%;
height: 30px;
margin: 0px auto;
overflow: hidden; 
background-color: #f2a500; 
}
/* ----- The Pretty Stuff ----- */
body { 
background-color: #f9f9f9;
font-family: Helvetica, sans-serif;
text-align: left; 
}
html{
height: 101%;
}
#container { 
width: 920px;
margin: 0 auto; 
position: relative;
background-color: #cc0066;
}
.content { 
background:  url(images/headerbg.png) no-repeat;
width: 920px; 
height: 100px; 
margin: 0px auto;
position: relative;
background-color: #e2e2e2; 
}
.stuff {
width: 1020px;
margin: 0px auto;
padding: 10px 0px 0px 15px;
}
.lineUp{
position: relative;
float: left;
left: 25px;
}
.hotLine{
position: relative;
padding: 5px 0px 20px 10px;
}
p {
font-family: Helvetica, sans-serif;
font-variant: small-caps;
font-size: 75%;
padding: 2px 15px 0px 0px;
color: #818181;
}
p.myWork {
font-family: Helvetica, sans-serif;
font-size: 100%;
font-variant: small-caps;
padding: 25px 0px 0px 25px;
color: #494949;
}
p.myContact {
font-family: Helvetica, sans-serif;
font-size: 1em;
font-variant: small-caps;
padding: 0px 0px 0px 200px;
color: #494949;
}
img.small {
border: none;
}
ul {
font-family: Helvetica, sans-serif;
list-style: none;
font-size: 1.5em;
}
li {
display: inline;
}
h1 {
font-family: Helvetica, sans-serif;
font-size: 1.5em;
text-align: center;
color: #7a7a7a; 
position: relative;
}
div.one {
top: 35px;
left: 20px;
position: absolute;
}
div.two {
top: 35px;
left: 736px;
position: absolute;
}
div.three {
position: absolute;
}
span {
letter-spacing: 0em; 
font-weight: lighter;
color: #63b3fd;
}
a:link, a:visited, a:active {
text-decoration: underline;
color: #7a7a7a;
}
a:hover {
color: #7ed600;
text-decoration: underline;
}
a:link.foot, a:visited.foot, a:active.foot {
text-decoration: none;
color: #424242;
}
a:hover.foot {
color: #b892fd;
text-decoration: underline;
}
a:link.port, a:visited.port, a:active.port {
text-decoration: underline;
color: #424242;
}
a:hover.port {
color: #0057ef;
text-decoration: underline;
}
#footer { 
text-align: right;
width: 920px;
height: 15px;
margin: 0 auto; 
position: relative; 
background-color: #d1d1d1;
}
a:link.myAbout, a:visited.myAbout, a:active.myAbout {
text-decoration: none;
color: #7a3f00;
}
a:hover.myAbout {
color: #ffffff;
text-decoration: underline;
}
#tooltip{
font-family: Helvetica, sans-serif;
position: absolute;
border: 1px solid #acacac;
background: #ffffff;
padding: 2px 5px;
color: #5c5c5c;
display: none;
}