body {
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	background-image: url(media/bak.jpg);
}
p {
	text-align: left;
	font-size: 12px;
	line-height: 1.5em;
	padding-bottom: 5px;
	color: #534D42;
}

.logo {
	padding: 0px;
	margin-right: 15px;
	width: 320px;
}
h1 {
	text-align: left;
	font-size: 25px;
	padding-top: 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #790000;
	font-weight: normal;
	margin-bottom: 6px;
}
h2 {
	text-align: left;
	font-size: 20px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #790000;
	font-weight: normal;
	margin-bottom: 8px;
}

h3 {
	text-align: left;
	margin-top: 10px;
	margin-bottom: 5px;
	font-size: 19px;
	color: #60584D;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
}
h4 {
	text-align: left;
	margin-top: 15px;
	margin-bottom: 10px;
	font-size: 16px;
	color: #FFFFFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color: #790000;
	padding: 5px;
	letter-spacing: .05em;
	text-transform: uppercase;
}
h4 a:link {
	color: #CCFF00;
	text-decoration: none;
}
h4 a:visited {
	text-decoration: none;
	color: #CCFF00;
}
h4 a:hover {
	color: #FF9900;
	text-decoration: none;
}
h4 a:active {
	color: #FF9900;
	text-decoration: none;
}


h5 {
	text-align: center;
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 5px;
}
h6 {
	text-align: right;
	font-size: 12px;
	margin-bottom: -40px;
	color: #790000;
	line-height: 1.5em;
	margin-right: 30px;
}
a:link {
	color: #0099FF;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #0099FF;
}
a:hover {
	color: #FF9900;
	text-decoration: underline;
}
a:active {
	color: #FF9900;
	text-decoration: none;
}
#jpgrotator {
	font-size: 10px;
	height: 448px;
	width: 456px;
	text-align: center;
	margin-top: 40px;
	background-repeat: no-repeat;
	background-image: url(../jpg/image1.jpg);
}
#gallery {
	width: 900px;
	height: 550px;
	background-image: url(../img/logo_sm.jpg);
	background-repeat: no-repeat;
	margin-top: 40px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #FFFFFF;
	}
#footer {
	margin-top: 10px;
	background-color: #FFFFFF;
	background-image: url(media/lowshadow.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#footer p {
	color: #C7B794;
	line-height: 1.5em;
	text-decoration: none;
	text-align: center;
	font-size: 11px;
}
.copyright {
	margin-bottom: 20px;
}
#footer a:link {
	color: #C7B794;
	text-decoration: none;
}
#footer a:visited {
	color: #C7B794;
	text-decoration: none;
}
#footer a:hover {
	color: #FF9900;
	text-decoration: underline;
}
.banner {
	background-color: #FFFFFF;
	padding: 5px;
	margin-bottom: 5px;
	width: 200px;
	float: left;
	margin-right: 15px;
	background-image: url(../img/banner_bak.jpg);
	background-repeat: repeat-x;
}
.banner h1 {
	text-align: center;
	font-size: 15px;
	text-transform: uppercase;
	padding-bottom: 2px;
	padding-top: 3px;
	color: #428ECC;
	font-weight: bold;
}
.banner p {
	text-align: center;
	font-size: 11px;
	padding-bottom: 5px;
	padding-top: 5px;
	color: #333333;
	margin-top: 4px;
}
.banner img {
	border: 3px solid #C8E7FD;
}
.contactform {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	width: 450px;
	margin-top: 20px;
}
.map {
}
.map h2{
	text-align: left;
}
.contactform  h2{
	margin-left: 10px;
	text-align: left;
}

.sitemap-list  {
	list-style: disc inside;
	font-size: 12px;
	line-height: 1.5em;
}
.photo {
	margin-bottom: 20px;
}

ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.5em;
	list-style: disc outside;
	margin-left: 15px;
	margin-bottom: 20px;
	color: #534D42;
}
li {
	margin-bottom: 5px;
}
.refer-form {
	width: 95%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #E6F2FB;
	border: 1px solid #B8DCF8;
	margin-top: 20px;
	color: #333333;
	margin-bottom: 20px;
	line-height: 1.5em;
	padding: 10px;
}
.refer-form h1 {
	text-align: left;
	font-size: 16px;
	text-transform: capitalize;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #024C85;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
.refer-form td {
	text-align: left;
	margin: 0px;
	padding: 5px;

}.faq-title {
	margin-top: 20px;
}
.callout-block {
	background-color: #F4ECDC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #E8E8E8;
	background-image: url(media/bak-watermark-a.gif);
	background-repeat: no-repeat;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 24px;
	padding-left: 25px;
	margin-top: 70px;
}


/* this class is for the services page */
.service-list {
	line-height: 1.25em;
	list-style-position: outside;
	list-style-type: square;
	font-size: 12px;
}
.side-list {
	list-style-type: none;
	font-size: 13px;
	line-height: 1.5em;
	list-style-position: outside;
	font-weight: bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.side-list a:link {
	color: #7D0505;
	text-decoration: none;
}
.side-list a:visited {
	text-decoration: none;
	color: #7D0505;
}
.side-list a:hover {
	color: #FF9900;
	text-decoration: underline;
}
.side-list a:active {
	color: #FF9900;
	text-decoration: none;
}



/* this class is for the oval css buttons */

a.ovalbutton{
	display: block;
	float: left;
	font: normal 13px Tahoma; /* Change 13px as desired */
	line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
	height: 24px; /* Width of left menu image */
	text-decoration: none;
	background-color: transparent;
	background-image: url(media/oval-gray-left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 10px;
	padding-left: 11px;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
	color: #494949; /*button text color*/
}

a.ovalbutton span{
	display: block;
	padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
	background-color: transparent;
	background-image: url(media/oval-gray-right.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

a.ovalbutton:hover{ /* Hover state CSS */
	background-position: bottom left;
}

a.ovalbutton:hover span{ /* Hover state CSS */
	background-position: bottom right;
	color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
	overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
	width: 100%;
	margin-top: 15px;
	margin-bottom: 10px;
}
.buttonwrapper2{ /* Container you can use to surround a CSS button to clear float */
	overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
	width: 100%;
	height: 30px;
	margin-bottom: 15px;
}
.callout-pdf {
	background-color: #E2F5FF;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px dashed #EF7870;
	color: #61BEF8;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	line-height: 1.5em;
}
.callout-pdf img {
	margin-right: 10px;
}

/* Use this class if a link gets an icon when it shouldn't. */
body a.noicon { background:none; padding:0; margin:0; }

/* Make sure the icons are not cut */
a[href^="http:"], a[href^="mailto:"], a[href^="http:"]:visited, 
a[href$=".pdf"], a[href$=".doc"], a[href$=".xls"], a[href$=".rss"], 
a[href$=".rdf"], a[href^="aim:"] {
  padding:2px 22px 2px 0;
  margin:-2px 0;
  background-repeat: no-repeat;
  background-position: right center;
}

/* External links */
a[href^="http:"]          { background-image: url(../img/icons/external.png); } 
a[href^="mailto:"]        { background-image: url(../img/icons/email.png); }
a[href^="http:"]:visited  { background-image: url(../img/icons/visited.png); }

/* Files */
a[href$=".pdf"]   { background-image: url(../img/icons/pdf.png); }  
a[href$=".doc"]   { background-image: url(../img/icons/doc.png); }  
a[href$=".xls"]   { background-image: url(../img/icons/xls.png); }  
 
/* Misc */
a[href$=".rss"], 
a[href$=".rdf"]   { background-image: url(../img/icons/feed.png); }
a[href^="aim:"]   { background-image: url(../img/icons/im.png); }
a[href^="http://pophamconstruction.com"] { background:none; padding:0; margin:0; }


/* QUOTES */

blockquote {
	color: #666;
	padding-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	margin-top: 5px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 1.5em;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	margin-left: 20px;
	margin-right: 20px;
}
blockquote *:first-child:before {
	container: "\201C";
}
blockquote *:first-child:after { container: "\201D"; }
.photo-thumb {
	border: 3px solid #FFFFFF;
	margin-right: 10px;
}
.side-button {
	border: 3px solid #DCD2A8;
	margin-bottom: 5px;
}
.job-table {
	font-size: 12px;
	margin-top: 10px;
	background-color: #F4F9FE;
	color: #333333;
	background-position: top;
	width: 100%;
	padding-right: 10px;
	padding-left: 10px;
}
.text-block {
	background-color: #F4ECDC;
	border: 1px solid #E5D0BA;
	background-repeat: no-repeat;
	margin-top: 25px;
	padding-top: 16px;
	padding-right: 30px;
	padding-bottom: 16px;
	padding-left: 30px;
}
.text-block p {
	margin-top: 12px;
}
.testimonial-block {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.5em;
	color: #333333;
	margin-top: 20px;
}
.callout-block2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 15px;
	padding-right: 20px;
	padding-left: 25px;
	margin-top: 50px;
}
.services-list-main  {
	text-align: right;
	font-size: 12px;
	margin-bottom: -40px;
	color: #790000;
	margin-right: 30px;
	list-style-type: none;
	list-style-image: none;
	font-weight: bold;
	line-height: 1.25em;
}
.photo-box {
}
.foundation-logo {
	margin-top: 5px;
	margin-bottom: 5px;
}