/* Eight Lima Lima - Main Styles */
body {
font-size: 80%;
color: #8d8d8d;
font-family:Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
background-color: #716f6b;
background-image:url(../images/bg.gif);
}
a {
color:#8e2b00;
text-decoration: underline;
}
a:hover {
color:#e83333;
}
div#MainContent {
background-image:url(../images/woodenbg.jpg);
background-repeat:repeat-x;
height:455px;
padding: 15px 0 0 0;
}
div#MainContent h1 {
width:178px;
height:55px;
background-image:url(../images/logo.png);
background-repeat:no-repeat;
margin: 0 auto;
text-indent: -5000px;
}
div#MainContent div#postcard {
background-image:url(../images/postcard.gif);
width: 527px;
height:354px;
margin: 0 auto 0 auto;
position:relative;
}
div#MainContent div#postcard div#Pencil {
background-image:url(../images/thepencil.png);
width: 245px;
height:135px;
position:absolute;
top:250px;
left:188px;
}
div#MainContent div#postcard h3#TwitterStamp a {
background-image:url(../images/stamp_off.gif);
width: 71px;
height:86px;
position:absolute;
top:9px;
left:443px;
margin:0;
text-indent: -5000px;
cursor: pointer;
}
div#MainContent div#postcard h3#TwitterStamp a:hover {
background-image:url(../images/stamp_on.gif); 
}
div#FooterTopBorder {
background-image:url(../images/footerborder.gif);
height:20px;
background-color: #ccc;
}
span.show-tooltip-text {
display: none;
position: absolute;
font-size: 0.9em;
background-image: url(../images/bg_tooltip.gif);
background-repeat: repeat-x;
padding: 6px;
padding-left: 12px;
padding-right: 12px;
color: #fff;
width: 140px;
}
div#CardContent {
position: absolute;
top:60px;
left: 23px;
width: 245px;
}
div#CardContent h2 {
background-image: url(../images/havingbreak_title.png);
background-repeat: no-repeat;
text-indent: -5000px;
margin: 0 0 10px 0;
width: 247px;
height: 36px;
}
div#CardContent p {
margin: 0 0 15px 0; 
}
div#CardContent p#LoveEyewash {
background-image: url(../images/lovefromeyewash_title.png);
background-repeat: no-repeat;
text-indent: -5000px;
margin: -7px 0 0 100px;
width: 129px;
height: 65px;
}
div#Footer {
width:810px;
margin: 0 auto;
padding: 40px 0 0 0;
}
div#Footer div#AboutMeContainer {
float: left;
width: 250px;
border-right: 1px solid #9b9893;
color: #fff;
margin-bottom: 50px;
}
div#Footer div#AboutMeContainer h2 {
background-image: url(../images/aboutme_title.png);
background-repeat: no-repeat;
text-indent: -5000px;
margin: 0;
padding: 0;
width: 83px;
height: 17px;
}
div#Footer div#AboutMeContainer p {
margin: 15px 0;
padding-right: 45px;
}
div#Footer div#AboutMeContainer a {
color: #d8c49e;
}
div#Footer div#AboutMeContainer a:hover {
color: #ccc;
}
a.NewWindow {
background-image: url(../images/new_window.gif);
background-repeat: no-repeat;
background-color: transparent;
background-position: 98% 50%;
padding-right: 18px;
line-height:20px;
}
div#Footer div#MyWorkContainer {
float: left;
width: 529px;
color: #fff;
margin: 0 0 50px 30px;
}
div#Footer div#MyWorkContainer h2 {
background-image: url(../images/mywork_title.png);
background-repeat: no-repeat;
text-indent: -5000px;
margin: 0;
padding: 0;
width: 159px;
height: 22px;
}
div#Footer div#MyWorkContainer p {
margin: 10px 0 25px 0;
}
div#Footer div#MyWorkContainer a {
border: none;
margin: 0 14px 14px 0;
float: left;
}
div#Footer div#MyWorkContainer a img {
border: 3px solid #d8c49e;
}
div#Footer div#MyWorkContainer a img:hover {
border-color: #fff;
}
div#Footer div#MyWorkContainer a span.newicon {
position: absolute;
width: 40px;
height: 40px;
background-image:url(../images/newicon.png);
}
.clear {
clear:both;
overflow:hidden;
margin-top:-1px;
}
a#contact_tab {
top: 18%;
left: 0pt;
width: 45px;
height: 133px;
color: #ffffff;
cursor: pointer;
text-indent: -100000px;
overflow-x: hidden;
overflow-y: hidden;
position: fixed;
/*z-index: 100000;*/
margin-left: -7px;
background-image: url(../images/contactus.png);
}
a#contact_tab:hover {
margin-left: -4px;
}
div#dDarkFooter {
background-image:url(../images/footertop.gif);
background-color: #333333;
background-repeat: repeat-x;
padding-top:25px;
height: 95px;
text-align:center;
}
#pEyeWash {
font-size:11px;
}
#pEyeWash img {
vertical-align:middle;
}