/* CSS Document */
html { min-height: 100%; margin-bottom: 1px; }
body {
background:none;
margin:0 0 20px 0;
padding:80px 0 0 0;
font-family:Helvetica, sans-serif; 
font-size:small;
}
#container {
width:802px;
position:relative;
margin:0 auto;
background:none;
}
#container.front {
text-align:center;
border:none;
}
/*#########################HEADER CSS#######################*/
#header {
position:relative;
margin:0;
padding:0;
width:100%;
height:56px;
background:none;
}
#header h1 {
position:absolute;
top:0;
left:0;
height:56px;
width:320px;
margin:0;
font-size:18px;
background: url(../images/logo.gif) no-repeat;
}
#header h1 a {
display:block;
width:320px;
height:100%;
text-indent:-5000em;
}
#header h1 span {
display:block;
width:320px;
height:100%;
text-indent:-5000em;
}
#splash {
width:100%;
margin:130px 0 0 0;
text-align:center;
border:none;
}
#splash h1 {
position:relative;
margin:0 auto;
height:134px;
width:233px;
background:url(../images/splash.gif) no-repeat;
}
#splash h1 a {
display:block;
width:233px;
height:100%;
text-indent:-5000em;
}
/*########################################################################################
#######################################CONTENT CSS #######################################
##########################################################################################*/
#content {
position:relative;
background:none;
margin:0;
padding:20px;
width:758px;
overflow:hidden;
border:1px solid #333;
}
#content.photos {
width:820px;
padding:0px;
border:none;
background:none;
}
#contentLeft {
float:left;
overflow:hidden;
background:none;
margin:0 0 0 0;
padding:0;
width:386px;
border:none;
}
#contentRight {
float:right;
overflow:hidden;
background:none;
margin:0 0 0 0;
padding:100px 0 0 20px;
width:346px;
border:none;
}
#contentRight.links {
padding:80px 0 0 20px;
}
#contentRight h2 {
margin:0 0 12px 0;
padding:0;
font-size:1.1em;
font-weight:normal;
color:#333;
}
#contentRight h3 {
margin:0;
padding:0;
font-size:1.1em;
font-weight:normal;
color:#333;
}
#contentRight h3 a:link,
#contentRight h3 a:visited {
margin:0;
padding:0;
text-decoration:none;
color:#333;
}
#contentRight h3 a:hover {
text-decoration:underline;
}
#contentRight ul {
list-style:none;
margin:0;
padding:0;
}
#contentRight ul li {
margin:0 0 4px 0;
padding:0;
font-size:1.1em;
}
#contentRight ul li a:link,
#contentRight ul li a:visited {
text-decoration:none;
color:#333;
}
#contentRight ul li a:hover {
text-decoration:underline;
}
#footer {
margin:0;
padding:0;
background:none;
border:none;
}
#footer h4 {
margin:0;
padding:5px 0 0 0;
color:#999;
text-align:right;
font-size:.7em;
font-weight:normal;
}
#footer span {
font-size:1.3em;
}
/*############################################ MISCELANEOUS CSS ##########################################*/
.clear:after {
content:".";
height:0;
visibility:hidden;
display:block;
clear:both;
}
a {
border:none;
outline:none;
}
img {
outline:none;
border:none;
}
/*############################################ LINKS/CONTACT CSS ##########################################*/
#contentRight.links ul li a {
display:block;
}
h2.link {
background:url(../images/links_bkgd.gif) no-repeat;
width:34px;
height:10px;
text-indent:-5000em;
}
li.linksRob {
background:url(../images/links_rob.gif) no-repeat;
width:81px;
height:12px;
text-indent:-5000em;
}
li.linksAdam {
background:url(../images/links_adam.gif) no-repeat;
width:81px;
height:12px;
text-indent:-5000em;
}
li.linksEric {
background:url(../images/links_eric.gif) no-repeat;
width:81px;
height:12px;
text-indent:-5000em;
}
li.linksRoger {
background:url(../images/links_roger.gif) no-repeat;
width:81px;
height:12px;
text-indent:-5000em;
}
li.linksTiff {
background:url(../images/links_tiff.gif) no-repeat;
width:81px;
height:12px;
text-indent:-5000em;
}
li.linksLife {
background:url(../images/links_life.gif) no-repeat;
width:81px;
height:12px;
text-indent:-5000em;
}
li.linksNew {
background:url(../images/links_new.gif) no-repeat;
width:210px;
height:12px;
text-indent:-5000em;
}
li.linksDisjecta {
background:url(../images/links_disjecta.gif) no-repeat;
width:81px;
height:12px;
text-indent:-5000em;
}
h2.contact {
background:url(../images/contact_bkgd.gif) no-repeat;
width:62px;
height:10px;
text-indent:-5000em;
}
h3.email {
background:url(../images/links_email.gif) no-repeat;
width:163px;
height:12px;
text-indent:-5000em;
}