/* site layout */
html
{
background: url(http://www.SitesWithoutWalls.com/images/bggrad.png) left top repeat-x;
margin: 0 0 0 0;
padding: 0 0 0 0;
vertical-align: top;
}
body
{
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
text-align: center;
margin: 0 0 50px 0;
padding: 0 0 0 0;
vertical-align: top;
width: 100%;
}
div.bgimg
{
background: url(http://www.SitesWithoutWalls.com/images/bg-clouds.jpg) top center no-repeat;
z-index: 0;
}
#layoutsite
{
clear: both;
position: relative;
top: 20px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0; 
margin-left: auto;
padding: 0 0 0 0;
border: 8px solid #dee1e2;
width: 1040px;
background: #fff;
text-align: left;
}
.pglayout
{
clear: both;
padding: 0 0 0 0;
margin: 0 20px 50px 20px;
background: #fff;
width: 999px;
}
img
{
border: none;
}
/* hdr hp */
.contenttxthp h1
{
font-face: verdana, helvetica, sans-serif;
font-weight: bolder; 
font-size: 120%;
line-height: 110%;
color: #5aa4c9;
text-align: center;
margin: 10px 0 8px 0;
padding: 0 0 8px 0;
border-bottom: 5px #92cfeb double;
width: 510px;
}
.contenttxthp h2
{
font-face: verdana, helvetica, sans-serif;
font-size: 120%;
font-weight: bold; 
color: #fff;
background: #92cfeb;
text-indent: 2px;
margin: 10px 0 8px 0;
padding: 5px 0 5px 0;
border: none;
width: 720px;
text-align: left;
width: 510px;
}
.contenttxthp h3
{
font-face: verdana, helvetica, sans-serif;
font-size: 105%;
color: #50869b;
text-indent: 2px;
border-bottom: 1px #d9d9d9 solid;
margin: 15px 0 8px 0;
padding: 5px 0 2px 0;
width: 510px;
}
/* hp hdr end */
h1
{
font-face: verdana, helvetica, sans-serif;
font-weight: bolder; 
font-size: 125%;
line-height: 110%;
color: #5aa4c9;
text-align: center;
margin: 10px 0 8px 0;
padding: 0 0 8px 0;
border-bottom: 5px #92cfeb double;
width: 780px;
}
h2
{
font-face: verdana, helvetica, sans-serif;
font-size: 120%;
font-weight: bold; 
color: gray;
border-top: 5px #d9d9d9 solid;
margin: 10px 0 8px 0;
padding: 10px 0 2px 5px;
text-align: left;
width: 780px;
}
h3
{
font-face: verdana, helvetica, sans-serif;
font-size: 105%;
color: #50869b;
margin: 15px 0 8px 0;
padding: 5px 0 2px 0;
}
.colhdr, .infocont
{
font-face: verdana, helvetica, sans-serif;
font-size: 125%;
font-weight: bolder;
color: #58d4ef;
text-align: center;
}
/* links */
a:link
{
color: #69adc7;
text-decoration: none;
}
a:hover
{
color: blue;
text-decoration: underline;
}
a:visited
{
color: #69adc7;
text-decoration: none;
}
/* end links */
/* common layout */
p.backtop
{
clear: both;
text-align: right;
}
.floatl
{
float: left;
}
.floatr
{
float: right;
}
iframe
{
border: 4px solid silver;
margin: 2px 0 2px 140px;
padding: 0 0 0 0;
}
ul, ol
{
width: 95%;
}
ul li, ol li
{
width: 95%;
margin: 2px 0 2px 0;
padding: 0 0 0 0;
}
ul.lstl
{
list-style-type: none; 
float: left;
width: 305px;
}
ul.lstl
{
display: inline;
}
div.row p
{
width: 99%;
}
.row
{
clear: both;
text-align: left;
background: #e8f4ff;
margin: 10px 0 10px 10px;
padding: 10px 10px 10px 20px;
width: 90%;
}
.quote
{
clear: both;
text-align: left;
font-size: 90%;
text-align: justify;
background: #3371aa;
border: 6px solid #78adde;
color: #fff;
margin: 10px 0 10px 15px;
padding: 6px 10px 6px 30px;
width: 90%;
}
.quotealt
{
clear: both;
text-align: left;
font-size: 90%;
text-align: justify;
background: #78adde;
border: 6px solid #3371aa;
color: #fff;
margin: 10px 0 10px 15px;
padding: 6px 10px 6px 30px;
width: 90%;
}
.quote p, .quotealt p
{
margin: 2px 0 2px 0;
padding: 0 0 0 0;
}
div.quote p
{
width: 95%;
}
div.quotealt p
{
width: 95%;
}
.altrow
{
background: #f2fbfe;
width: 98%;
}
.subhdr
{
font-size: 95%;
margin: 0 0 0 0;
padding: 0 0 0 0;
color: #72bf44;
}
div.hdr
{
margin: 0 0 0 0;
padding: 0 0 0 0;
width: 1000px;
}
div.hdrcont
{
margin: 0 0 0 20px;
padding: 0 0 0 0;
}
.hdrimg
{
clear: both;
text-align: center;
height: 290px;
width: 1000px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
.hdrimg img
{
float: left;
margin: 0 0 0 0;
padding: 20px 0 0 0;
}
.phone 
{
font-family: arial, helvetica, sans-serif;
color: #a9c1d9;
font-weight: bold;
font-size: 120%;
}
.lrgtxt
{
font-family: arial, helvetica, sans-serif;
color: #a9c1d9;
font-size: 110%;
}
table
{
vertical-align: top;
margin: 0 0 0 0;
padding: 0 0 0 0;
width: 99%;
}
td
{
vertical-align: top;
}
td.lcol
{
font-family: Arial, Helvetica, sans-serif;
background: #71bee9;
border-top: 6px #eaf4fa solid;
border-right: 6px #eaf4fa solid;
border-bottom: 6px #eaf4fa solid;
border-left: 6px #eaf4fa solid;
margin: 0 0 0 0;
padding: 0 0 50px 0;
width: 205px;
}
td.rcolint
{
font-family: Arial, Helvetica, sans-serif;
line-height: 115%;
color: #656565;
margin: 0 0 0 0;
padding: 10px 0 0 15px;
width: 795px;
}
.contentcont
{
font-family: Arial, Helvetica, sans-serif;
font-size: 80%;
margin: 0 0 0 0;
padding: 10px 10px 0 5px;
width: 775px;
}
.contentcont ul
{
list-style-type: disc;
}
.contenttxthp p
{
width: 510px;
margin: 0 0 0 0;
padding: 10px 25px 5px 0;
}
div.contenttxthp
{
float: left;
min-height: 750px;
}
div.rtcol
{

}
.clrtop
{
clear: both;
margin: 0 0 0 0;
padding: 10px 25px 5px 0;
}
/* nav */
.navcont
{
background: #71bee9;
font-weight: normal;
margin: 0 0 0 0;
padding: 0 0 5px 0;
width: 205px;
}
.navhdr
{
font-family: Arial, Helvetica, sans-serif;
font-size: 85%;
font-weight: bold;
background: #d9ebf6;
color: #388fb5;
vertical-align: top;
margin: 0 0 0 0;
padding: 2px 0 2px 9px;
width: 196px;
}
.navlst li
{
margin: 0 0 0 0;
padding: 4px 0 2px 0;
width: 195px;
text-indent: 0;
text-align: left;
list-style-position: outside;
}
/* skip */
#skip 
{ 
font-family: Arial, Helvetica, sans-serif;
font-size: 80%;
font-weight: bold;
background: #d9ebf6;
color: #388fb5;
vertical-align: top;
margin: 0 0 0 0;
padding: 4px 0 4px 9px;
width: 196px;
} 
#skip a:link
{
color: #388fb5;
}
#skip a:hover
{
color: orange;
}
#skip a:visited 
{
color: #388fb5;
}
#skip a:active, #skip a:focus 
{ 
font-weight: bold;
position:static; 
width:auto; 
height:auto; 
margin: 2px 0 0 10px;
padding: 0 0 0 0;
width: 150px;
}
h1 a.skiphdr
{
font-face: arial, helvetica, sans-serif;
font-weight: bolder;
text-decoration: none;
color: #3c63a3;
}
/* skip */
ul.navlst
{
font-family: arial, helvetica, sans-serif;
font-size: 85%;
list-style-type: none;
line-height: 140%;
margin: 0 0 0 0;
padding: 0 0 5px 5px;
width: 200px;
}
.navlst li.selected
{
background: #fff url(http://www.SitesWithoutWalls.com/images/icon-arrow.png) no-repeat;
background-position: 3px 6px;
width: 205px;
height: 100%;
text-decoration: none;
text-indent: 15px;
margin: 0 0 0 -5px;
padding: 2px 0 4px 0;
}
.navlst li.selected .selected
{
text-indent: 0;
}
/* nav links */
.navlst a:link
{
color: #073541;
font-weight: normal;
}
.navlst li a:hover
{
color: orange;
text-decoration: underline;
background: white;
height: 30px;
font-weight: bold;
}
.navlst a:visited
{
color:  #073541;
font-weight: normal;
}
/* selected links */

.navlst .selected a, .navlst .selected a:visited
{
text-decoration: none;
color: #216989;
font-weight: bolder;
margin: 0 0 0 0;
padding: 0 0 0 0;
line-height: 120%;
}
.navlst .selected a:hover
{
text-decoration: underline;
color: blue;
font-weight: normal;
margin: 0 0 0 0;
padding: 0 0 0 0;
line-height: 120%;
}
.navlst li.selected li a:link
{
color: #194869;
text-decoration: none;
font-weight: normal;
}
.navlst li.selected li a:hover
{
color: blue;
text-decoration: underline;
font-weight: normal;
}
.navlst li.selected li a:visited
{
color: #194869;
text-decoration: none;
font-weight: normal;
}
ul.subnav
{
background: #eaf6fd;
width: 100%;
margin: 0 0 5px 0;
padding: 0 0 5px 0;
width: 195px;
}
ul.subnav li
{
border-top: #7ACEFF 1px solid;
border-bottom: none;
border-left: none;
border-right: none;
list-style-type: none;
margin: 0 0 0 0;
padding: 6px 2px 6px 5px;
width: 188px;
}
.subnav li.selected
{
background: #91B96E;
list-style-type: none;
border-top: #fff 8px double;
border-bottom: #fff 8px double;
border-left: none;
border-right: none;
margin: 0 0 0 0;
padding: 6px 2px 6px 5px;
width: 188px;
}
ul.subnav li.selected a:link
{
color: #fff;
font-weight: bold;
}
ul.subnav li.selected a:hover
{
color: #fff;
font-weight: bold;
}
 ul.subnav li.selected a:visited
{
color: #fff;
font-weight: bold;
}
/* photo gallery */
div.photocont
{
margin: 5px 0 5px 0;
padding: 0 0 0 0;
}
div.photo img
{
text-align: center;
margin: 0 0 0 0;
padding: 0 0 0 3px;
}
div.photo a:hover img
{
background: blue;
}
/* image floats */
.imgcontl 
{
clear: right;
float: left;
margin: 2px 12px 2px 2px;
padding: 2px 0 2px 4px;
border: 1px silver solid;
width: 345px;
}
div.imgcontl img
{
margin: 0 0 0 0;
padding: 0 0 0 0;
}
.center
{
text-align: center;
}
.copyrightsm
{
font-size: 65%;
color: blue;
}
.imglft
{
float: left;
margin: 2px 8px 2px 2px;
padding: 2px 2px 2px 2px;
border: 1px silver solid;
}
.imgrt
{
float: right;
margin: 2px 2px 2px 8px;
padding: 2px 2px 2px 2px;
border: 1px silver solid;
}
.imgcont
{
text-align: center;
}
p.quotehdr
{
color: #fff;
font-weight: bold;
text-align: center;
margin: 2px 0 2px 0;
padding: 5px 0 0 0;
}
.emailme
{
text-align: center;
}
/* footer */
/* footer nav */
#footernavcont
{
clear: both;
color: #545555;
display: inline;
width: 999px;
vertical-align: top;
text-align: center;
margin-top: 0;
margin-right: auto;
margin-bottom: 0; 
margin-left: auto;
padding: 0 0 0 0;
}
#footernav
{
border-top: double #b3d5e6 8px;
}
.footerlst li 
{
display: inline;
color: #545555;
font-size: 75%;
}
.footerlst a:link
{
font-family:Arial, Helvetica, sans-serif;
color: #545555;
padding: 0 4px 0 4px;
margin: 0 0 0 0;
}
.footerlst a:hover
{
color: blue;
}
.footerlst a:visited
{
color: #545555;
}
.faddress
{
font-size: 90%;
}
.faddress .contactinfo
{
font-family: arial, helvetica, sans-serif;
font-size: 75%;
color: #fff;
letter-spacing: 1px;
}
.faddress .phone 
{
font-family: arial, helvetica, sans-serif;
color: #a9c1d9;
font-weight: bold;
font-size: 100%;
}
.faddress span span.lrgtxt
{
font-family: arial, helvetica, sans-serif;
color: #a9c1d9;
font-size: 100%;
}
.copyright
{
text-align: center;
font-family: Arial, Helvetica, sans-serif;
color: silver;
font-size: 80%;
margin: 0 0 0 0;
padding: 0 0 5px 0;
}