/* Linked to all pages at jrichardiconstruction.com 
New look for richardi with some decent code. 
Author Joseph M. Richardi 2/19/09*/

body{
background-color: DarkKhaki;
}

#container {
width: 775px;
padding-bottom: 0em;
margin-top: 1em;
margin-bottom: 3em;
background-color: #600000;
border: black solid .1em;
}

#container2 {
width: 775px;
padding-bottom: 0em;
margin-top: 1em;
margin-bottom: 3em;
background-image: url(images/residentialbackground.jpg);
border: black solid .1em;
}

#container3 {
width: 775px;
padding-right: 0em;
padding-bottom: 0em;
margin-top: 1em;
margin-bottom: 3em;
background-image: url(images/ocean3.jpg);
border: black solid .1em;
}

#headerback {
background-image: url(images/headerbackground.jpg);
background-repeat: no-repeat;
}

#header {
font-family: Palatino Linotype;
font-size: 18pt;
height: 65px;
color: #FFFF99;
padding: 1.5em;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 0px;
margin-left: 0px;
text-align: center;
background-color: #680000;
border-bottom: DarkKhaki .2em solid;
  /* for IE */
  filter:alpha(opacity=75);
  /* CSS3 standard */
  opacity:0.75;
}

#headerphotos {
font-family: Palatino Linotype;
font-size: 18pt;
height: 65px;
color: #FFFF99;
padding: 1.5em;
margin-top: 0px;
margin-bottom: 10px;
margin-right: 0px;
margin-left: 0px;
text-align: center;
background-color: #600000;
border-bottom: DarkKhaki .2em solid;
}

#homepicalign {
height: 323px;
width: 550px;
margin-top: 4em;
border: DarkKhaki .2em solid;
} 

#clearspace {
height: 120px;
clear: both;
width: 770px;
}

#clearspaceflash {
height: 55px;
clear: both;
width: 770px;
}

#clearspacehistory {
height: 30px;
clear: both;
width: 770px;
}

#footer {
font-family: Arial;
font-size: 8pt;
width: 775px;
height: 116px;
clear: both;
color: beige;
position: relative;
border-top: DarkKhaki solid .5em;
border-left: border: black solid .1em;
border-right: border: black solid .1em;
border-bottom: border: black solid .1em;
text-align: center;
background-color: #303030;
}

p.footerindent {
margin-top: .5em;
text-indent: 0em;
}

#footer a {
color: beige;
text-decoration: none;
}
#footer a:visited {
color: beige;
text-decoration: none;
}
#footer a:hover {
color: beige;
text-decoration: underline;
}

#validate {
position: relative;
bottom: 2.1em;
text-indent: 0em;
}

#credit {
vertical-align: bottom;
line-height: 1.7em;
text-indent: 0em;
}

#companyhistory {
font-family: verdana;
font-size: 10pt;
width: 505px;
color: #FFFF99;
text-align: left;
padding: 1.2em;
margin: 3em 1em 1em 1em;
line-height: 1.75em;
background-color: #600000;
border: DarkKhaki .2em inset;
  /* for IE */
  filter:alpha(opacity=85);
  /* CSS3 standard */
  opacity:0.85;
}

#companyhistory {
-moz-border-radius: 1em; 
-webkit-border: 1em; 
border-radius: 1em; 
-ms-border-radius: 1em;
}

p {
text-indent: 2.5em;
}
p.cap:first-letter {
font-size: 30pt;
font-family: Palatino Linotype;
color: #FFFF99;
}

#contactinfo {
width: 490px;
height: 290px;
font-size: 12pt;
font-family: Palatino Linotype;
color: #FFFF99;
text-align: center;
padding: 1em;
margin-top: 3em;
line-height: 1.5em;
}

#contactinfo a {
color: #FFFF99;
text-decoration: none;
}
#contactinfo a:hover {
color: #FFFF99;
text-decoration: underline;
}
#contactinfo a:visited {
color: #FFFF99;
}

div.transbox
  {
  width: 450px;
  margin-top: .5em;
  overflow: auto;
  padding-top: 1em;
  padding-left: .5em;
  padding-right: .5em;
  padding-bottom: 1em;
  text-align: center;
  background-color: #600000;
  border: DarkKhaki .2em inset;
  /* for IE */
  filter:alpha(opacity=85);
  /* CSS3 standard */
  opacity:0.85;
  }
 
div.transbox {
-moz-border-radius: 1em; 
-webkit-border: 1em; 
border-radius: 1em; 
-ms-border-radius: 1em;
}

address {
font-size: 14pt;
}

h2 {
font-size: 14pt;
font-family: palino;
font-weight: bold;
line-height: .1em;
}

#interestingsites {
width: 550px;
color: black;
font-size: 12pt;
font-family: Palatino Linotype;
text-align: center;
padding: 1em;
margin: 1em .5em 1em .5em;
line-height: 1.5em;
background-color: transparent;
}

h3 {
font-size: 14pt;
font-family: palino;
font-weight: bold;
color: DarkKhaki;
line-height: .1em;
text-align: center;
}

p.isiteslinkclass {
text-indent: 0em;
text-align: left;
}

p.isiteslinkclass a {
color: 	#FFFF66;
text-decoration: none;
}
p.isiteslinkclass a:visited {
color: 	#FFFF66;
text-decoration: none;
}
p.isiteslinkclass a:hover {
color: 	#FFFF66;
text-decoration: underline;
}

h4 {
font-size: 12pt;
font-family: palino;
font-weight: bold;
color: white;
line-height: .1em;
text-align: center;
}

#worldwidewebsites {
float: center;
clear: both;
color: white;
font-size: 12pt;
font-family: Palatino Linotype;
text-align: center;
margin: 0em .5em .5em .5em;
line-height: 1.5em;
}

#addyoursite {
text-align: center;
}

#addyoursite  a{
color: #FFFFCC;
}
#addyoursite a:visited {
color: #FFFFCC;
text-decoration: none;
}
#addyoursite a:hover {
color: #FFFFCC;
text-decoration: underline;
}

#missionstatement {
font-size: 12pt;
font-family: Palatino Linotype;
color: #FFFF99;
margin-top: 3em;
line-height: 1.2em;
}

p.missiontitle {
font-size: 14pt;
font-family: Palatino Linotype;
font-weight: bold;
color: #FFFF99;
line-height: .1em;
text-align: center;
}

p.capmission:first-letter {
font-size: 26pt;
font-family: Palatino Linotype;
color: #FFFF99;
}

#flashcustomhomes {
margin: 0em;
height: 500px;
position:relative;
z-index: 1;
}

h5 {
font-size: 18pt;
font-family: Palatino Linotype;
text-align: center;
}

#customhomes {
color: black;
text-align: center;
vertical-align: top;
margin-top: 1em;
padding: .7em;
line-height: .5em;
}

th#customhometitle {
font-size: 13pt;
font-weight: bold;
color: #FFFF99;
padding: 1em;
font-family: Palatino Linotype;
margin-right: 2.2em;
line-height: .5em;
}

#customhomes img {
border: 1px solid;
border-color: black;
text-decoration: none;
}
#customhomes img:visited {
border: 1px solid;
border-color: black;
text-decoration: none;
}
#customhomes img:hover {
color: pink;
border: pink 1px solid;
}

caption {
font-size: 13pt;
font-weight: normal;
font-family: Palatino Linotype;
line-height: 1.5em;
color: #FFFF99;
}