/* CSS Document */
/* Last modified: Dec 2009 */
/* Owner: Bente van der Made */
/* Company: Jarimbi Web Sites, http://www.jarimbi.com */


/*======= central declarations ====== */
/* Reset all margins to zero  */

* {
	margin: 0;
	padding: 0;
	border: 0;
}

html {
	height: 100%;
	overflow-y: scroll;
}
/* Font size needs to be in the body  */
body {
	font-size: 16px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
    color: #333333; /*darkest grey*/
	background-color:#f9f9f9;
	height: 100%;
	text-align: center;
}

/*======= START - Settings other pages ====== */
/*======= outer container ====== */
#container {
	/*border: solid thin red; */
	width: 780px; 
	margin: 0 auto;
	text-align: left;
	background-color:white;
}

/*======= header & topnav ====== */
#header {
	/*border: solid thin blue; */
	width: 780px;
	height: 187px;
	background: url(../images/header_smaller4.gif) no-repeat white;
}

#print_header {
	display: none;
}

#phonenumber {
	float: left;
	clear: left;
	/*margin-top: 156px;*/
	margin-top: 15px;
	margin-left: 125px;
	font-size: 1.6em;
	font-weight:bold;
}

#topnavbg {
	background:url(../images/top-nav-bg.gif) no-repeat white;
	float: right;
	margin-right:55px;
	margin-top: 9px;
	width: 155px;
	height: 173px;
}

#topnav {
/*	border: solid thin black; */
	float: left;
	padding-top: 5px;
	padding-left: 7px;
	padding-right: 8px;
	width: 130px;
	height: 160px;
	border: solid 1px #990000;
	background-color: white;
}	

#topnav ul{ 
	list-style:none; 
	text-align:left;
	margin-top: 3px;
	
}
#topnav ul li { 
	background: url(../images/red_arrow.gif) 0px 10px no-repeat;
	padding-left: 4px;
}

#topnav ul a { 
	display:block; 
	font-size:13px; 
	width: 122px;
	padding-top: 4px;
	padding-left: 3px;
	/*padding: 5px;*/
	text-decoration:none; 
	font-weight:bold;
	color:#666666; /* grey*/
	text-transform: capitalize;
	border-bottom: dotted 1px #990033;
}

#topnav ul a:visited { 
	color:#666666; /* grey*/
	text-decoration:none; 
}

#topnav ul a.funding { 
	color:#a40829;/*red*/
}

#topnav ul a:hover { 
	color:#cc0033; /*red*/
	text-decoration: underline; 
}

body#home a.home, body#services a.services, body#about a.about, body#team a.about, body#affiliations a.about, body#services a.services, body#house-raising-piers a.services,  body#house-raising-slabs a.services, body#house-leveling-piers a.services, body#house-leveling-slabs a.services, body#foundation-repair a.services,body#drive-under-garage a.services, body#sill-replacement a.services, body#project-pictures a.services, body#warning a.warning, body#more-warning-signs a.warning, body#funding a.funding, body#hmgp-requirements a.funding, body#media a.media, body#contact a.contact
{
	color:#999999;/*lighter grey*/
}

#topnav ul a.active:hover {
	text-decoration:none;  
}

/******3 column layout********/
#main {
	width: 780px;
	border-top: solid 1px #cccccc; 
	border-bottom: solid 1px #cccccc; 
	padding-bottom: 10px;
	font-size: 0.8em;
	/*border: solid thin green; */
}

body#home #main, body#media main, body#contact main {
	width: 780px;
	padding-top: 20px;
}

#main p {
	padding: 5px;
}

#main a {
	color:#003399;
	text-decoration:underline;
	font-weight:bold;
}

#main a:visited {
	color: #666666;
}

#main a:hover {
	color: #cc0033;
}

body#home #main ul {
	/*margin-left: 40px;
	margin-top: 10px;*/
	margin: 20px;
	list-style: disc;
} 

#main li {
	padding: 4px;
}

.black {
	color:black;
	font-weight: bold;
}

body#home h2{
	/*border: solid thin red; */
	color:#cc0033;
	font-size: 1.6em;
/*	font-weight: normal;*/
}

.home-sub-header {
	color:black;
	font-size: 1.2em;
	text-align: center;
	font-weight: bold;
}

#home-text {
	float: left;
	width: 370px;
	padding: 0 20px 0 10px;
	text-align: center;
}

#home2 {
	margin-top: 10px;
	border-top: solid 1px #cccccc; 
	padding-top: 10px;
}

#home-flvplayer {
	float: right;
	width: 375px;
/*	margin-right: 25px;*/
}

#home-slideshow {
	float: left;
	width: 378px;
	padding-bottom: 10px;
	margin-left: -1px;
/*	margin-left: 10px;*/
}

#home-services {
	float: right;
	width: 320px;
	margin-left: 25px;	
	margin-top: 15px;
}

/******leftcolumn********/
#leftcolumn {
	width: 180px;
	float: left;
	margin-top: 10px;
}

.lhmenu_header {
	margin: 10px 0 0 2px;
	width: 100px;
	color:#cc0033;
	font-weight: bold;
	border-bottom: #cc0033 3px groove;
}

#leftcolumn ul {
	list-style: none;
	margin-left: 5px;
	margin-top: 3px;
}
#leftcolumn ul li {
	background: url(../images/red_arrow.gif) 2px 10px no-repeat;
}

#leftcolumn ul a { 
	display:block; 
	font-size:13px; 
	padding-left: 5px;
	/*padding: 5px;*/
	text-decoration:none; 
	font-weight:bold;
	color:#666666; /* grey*/
	color: black;
	border-bottom: dotted 1px #990033;
}

#leftcolumn ul a:visited { 
	color:#666666; /* grey*/
	color: black;
	text-decoration:none; 
}

#leftcolumn ul a:hover { 
	color:#cc0033; /*red*/
	text-decoration: underline; 
}

#leftcolumn ul a.active { 
	color:#999999;/*lighter grey*/
}

#leftcolumn ul a.active:hover {
	text-decoration:none;  
}

body#team a.team, body#affiliations a.affiliations, body#house-raising-piers a.house-raising-piers, body#house-raising-slabs a.house-raising-slabs, body#house-leveling-piers a.house-leveling-piers, body#house-leveling-slabs a.house-leveling-slabs, body#foundation-repair a.foundation-repair, body#drive-under-garage a.drive-under-garage,body#sill-replacement a.sill-replacement,body#project-pictures a.project-pictures,
body#hmgp-requirements a.hmgp-requirements, body#funding-options a.funding-options, body#more-warning-signs a.more-warning-signs { 
	color:#999999;/*lighter grey*/
}

body#home #leftcolumn, body#media #leftcolumn, body#contact #leftcolumn  {
	width: 0px;
}

img.bbb {
	margin: 40px 0 0 40px;
}

body#home img.bbb {
	float: right;
	padding-right: 50px;
}

body#contact img.bbb {
	border: none;
	float: right;
	margin-top: 190px;
}

/*======= End leftcolumn ====== */
/*======= content ====== */

#contentcolumn {
	width: 560px;
	float: left;
	margin-left: 25px;
	margin-top: 10px;
	min-height: 400px;
}

body#home #contentcolumn {
	margin-top: 20px;
	width: 780px;
	margin-left: 20px;
}

body#media #contentcolumn, body#contact #contentcolumn {
	width: 740px;
	margin-left: 20px;
}

#contentcolumn h1, #contentcolumn h2, #contentcolumn h3 {
	/*border: solid thin red; */
	color:#cc0033;
}

#contentcolumn h1 {
	font-size: 1.6em;
	border-bottom: #cc0033 3px groove;
}

#contentcolumn h2 {
	font-size: 1.4em;
	padding-top: 5px;
}

#contentcolumn p{
	max-width: 500px;
}

#contentcolumn p.long{
	width: 560px;
}

#contentcolumn ul {
	margin-left: 40px;
	margin-top: 5px;
	/*max-width: 500px;*/
	list-style:disc;
} 

#contentcolumn ol {
	margin-left: 40px;
	margin-top: 5px;
}

#contentcolumn li {
	padding: 2px 0 2px 5px;
} 

#contentcolumn img {
	margin: 4px;
	border: black solid 1px;
} 

body#home #contentcolumn img {
	margin: 0;
	border: none;
} 

.imageblock-500 {
	width: 511px;
	display: block;
	height: 190px;
	clear: both;
}

.image-right {
	float: right;
	margin-left: 0px;
	display: block;
}

.text-left, #contentcolumn p.text-left {
	float: left;
	width: 230px;
}

.image-left {
	float: left;
	display: block;
}

.text-right, #contentcolumn p.text-right {
	float: right;
	display: block;
	width: 285px;
	padding-top: 10px;
}

.text-right-200 {
	float: right;
	display: block;
	width: 230px;
	padding-top: 10px;
}

p.history {
	margin-top: 20px;
	margin-left: 320px;
}
.topspace10 {
	margin-top: 10px;
}

#media1-flvplayer, #media3-flvplayer, #mp3player1, #mp3player3 {
 	clear: both;
	float: left;
	margin: 10px;
}
#media2-flvplayer, #mp3player2, #mp3player4 {
	float: right;
	margin: 10px;
}

.audio-left {
	clear:both;
	float: left;
}

.audio-right {
	float: right;
}

.audio-left, .audio-right {
	width: 320px;
	text-align:center;
	margin-bottom: -10px;
	font-weight: bold;
	color: #cc0033;
}

#funding-intro {
	margin: 15px 50px 15px 25px;

}

#contact-left {
	float: left;
	margin-top: 20px;
}

#contact-details {
	width: 400px;
	padding-bottom: 20px;
	border-bottom: #cccccc 1px solid;
}

#contactform {
    float: left;
	margin-top: 20px;
}

#contentcolumn ol.form {
	list-style:none;
	margin-left: 0px;
	padding-left: 0px;
}

ol.form li {
	clear: left;
}
label {
	width: 160px;
	height: 20px;
	float: left;
}

input, select, textarea {
	border: #cccccc 1px solid;
	background-color:#f9f9f9;
}

input.button {
	padding: 4px 6px 4px 6px;
	line-height: 12px;
	color:#cc0033;
	font-weight: bold;
	border: 1px solid #cc0033;
	float: right;
	margin-top: 10px;
}

.required {
	color:#cc0033;
	font-weight:bold;
}

#contact-right {
	float: right;
	width: 300px;
	margin-top: 20px;
	margin-right: 0px;
	text-align: center;
}

#licenseinfo {
	margin: 20px;
	margin-top: 30px;
}

/*======= End centercolumn ====== */




/*======= styles ====== */
/******rightcolumn********/
#rightcolumn {

}





/*======= End rightcolumn ====== */


/******FOOTER********/
#footer  {
	/*border: solid thin green;*/
	width: 780px;
	height: 20px;
	background: url(../images/footer_bg.gif) repeat-x;
	text-align:center;
	font-size: 0.7em;
	padding-top: 4px;
}

#footer a {
    color: #666666; /*dark grey*/
}

#footer a:visited {
    color: #666666; /*dark grey*/
}

#footer a:hover {
	color:#cc0033; /*red*/
}

/*=== hacks to get footer right for IE5 ===*/
#footer {
/*	top: 100%;
	margin-top: -40px;
	margin-\top: -30px;
	margin-left: -400px; */
}

/*=== specific settings for longer pages, otherwise footer too high ====*/


#printfooter {
	display: none;
}