/*
Theme Name: Hallett Gutter Cover
Description: The custom WordPress theme for the Hallett Gutter Cover web site.
Author: Rhaya Shilts
Author URI: http://jacksonsky.com/
*/


/* ------------- UNIVERSAL ------------- */

* {margin:0; padding:0; }

* html ul li a {height:1em;}

html,body {
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color: #707070;
line-height: 180%;
text-align:center;
background: #868686;
height:100%; /* needed for container min-height */

}

/* ------------- LAYOUT ------------- */

#background{
width: 100%;
float:left;
background: #e5e5e5 url(images/template/bodybg.gif) repeat-x top center    ;
}
 
#holder{
position:relative; /* needed for footer positioning*/
margin:0 auto; /* center, not in IE5 */
width:900px;
}
 
#wrapper {
background:url(images/template/wrapperbg.gif) repeat-y;
float:left;
position:relative; /* needed for footer positioning*/
margin:0 auto 12px 0; /* center, not in IE5 */
width:900px;
height:auto !important; /* real browsers */
height:100%; /* IE6: treaded as min-height*/
min-height:100%; /* real browsers */
text-align:left;
}

#container{
float: left;
display:inline;
width:900px;
background:url(images/template/leaves.jpg) bottom left no-repeat;
}

#containerhome{
float: left;
display:inline;
width:900px;
}

#leftcontent {
width:281px;
float:left;
display:inline;
}

#rightcontent {
width:619px;
float:left;
display:inline;
}

/* ------------- LEFT CONTENT  ------------- */

#headerleft {
background:url(images/template/headerleftbg.gif) no-repeat;
height:182px;
width:281px;
display: block;
text-indent: -9999px;
}

#headerleft a {
height: 110px;
width:245px;
left: 18px;
top:60px;
display: block;
text-indent: -9999px;
position:relative;
overflow:hidden;
}

#leftnavigation h1.forhomeowners {
height: 37px;
width:281px;
background: url(images/template/leftheaders/forhomeowners.gif) no-repeat;
text-indent:-9999px;
display:block;
}

#leftnavigation h1.forcontractors {
height: 37px;
width:281px;
background: url(images/template/leftheaders/forcontractors.gif) no-repeat;
text-indent:-9999px;
display:block;
}

#leftnavigation h1.ourcompany {
height: 37px;
width:281px;
background: url(images/template/leftheaders/ourcompany.gif) no-repeat;
text-indent:-9999px;
display:block;
}

#leftnavigation ul {
list-style-type:none;
font-family: "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
width:253px;
padding:0 14px 0 14px;
font-size : 14px;
color:#909090;
display: block;
line-height:28px;
font-weight:bold;
}

#leftnavigation ul li a {
font-weight:normal;
font-size : 14px;
height:28px;
border-bottom:solid 1px #c5c5c5;
border-top:solid 1px #ffffff;
text-indent:9px;
display: block;
color:#909090;
text-decoration:none;
background:#efefef;
}

#leftnavigation ul li a:hover {
background:#ffffff;
color:#8f0000;
text-decoration:none;
}




/* ------------- NAVIGATION  ------------- */

#topnav {
width:619px;
height:122px;
background:url(images/template/headerrightbg.gif) no-repeat;
}


ul#nav_top {
list-style-type:none;
position:relative;
width: 514px;
height:38px;
top: 74px;
left: 0;
}

li#ourcompany {
position:absolute;
left: 0;
width:125px;
height:38px;
background: url(images/template/topnav/ourcompany.gif) no-repeat;
}

li#ourcompany a {
display:block;
width:125px;
height:38px;
text-indent:-9999px;
text-decoration:none;
overflow:hidden;
}

li#contractors {
position:absolute;
left: 125px;
width:236px;
height:38px;
background: url(images/template/topnav/contractors.gif) no-repeat;
}

li#contractors a {
display:block;
width:236px;
height:38px;
text-indent:-9999px;
text-decoration:none;
overflow:hidden;
}

li#homeowners {
position:absolute;
left: 361px;
width: 153px;
height:38px;
background: url(images/template/topnav/homeowners.gif) no-repeat;
}

li#homeowners a {
display:block;
height:38px;
width: 153px;
text-indent:-9999px;
text-decoration:none;
overflow:hidden;
}

li#ourcompany a:hover { background: url(images/template/topnav/ourcompanyhover.gif) no-repeat; }
li#contractors a:hover { background: url(images/template/topnav/contractorshover.gif) no-repeat; }
li#homeowners a:hover { background: url(images/template/topnav/homeownershover.gif) no-repeat; }




/* ------------- CONTENT ------------- */

#pagetitle {
width:619px;
height:60px;
color:#d0d0d0;
font-family: "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
font-size:48px;
line-height:56px;
}

#content {
width:577px;
border:solid 1px #d0d0d0;
background:#ffffff;
text-align:left;
min-height:450px;
height:auto !important;
height:450px;
padding:15px 20px 0 20px;
}

#content p {
margin:0 0 15px 0;
}

#content h1 {
font-family: "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
font-size:18px;
margin:0 0 5px 0;
color:#909090;
}

#content h2 {
font-size:14px;
margin:0 0 5px 0;
color:#474747;
font-weight:normal;
}

#content h3 {
font-size:14px;
color:#9ad8d5;
}

#content a {
color:#8f0000;
}

#content a:hover {
color:#000000;
}

#content ol {
margin: 5px 0 30px 24px;
color:#565656;
}

#content ul {
margin: 5px 0 30px 24px;
}

#content li {
margin: 0 0 4px 0;
}


hr {
border:none 0;
border-top:1px dashed #d0d0d0;
height:1px;
margin:0 0 24px 0;
}

img {border:solid 1px #d0d0d0; padding:1px;}

img.alignleft {margin: 0 20px 10px 0}
img.alignright {margin: 0 0 10px 20px}

.alignright {float: right; margin: 0 0 5px 20px; display:inline;}
.alignleft {float: left; margin: 0 20px 5px 0; display:inline;}

.smallgreytext {
font-size:11px;
color:#a9a9a9;
}

.paging {
display: block;
text-align: center;
margin-top: 10px;
margin-bottom: 60px;
}

#lessleading {
line-height: 135%
}

/* ------------- FOOTER  ------------- */


#footerframe{
width: 100%;
background:#868686;
float:left;
margin:3px 0 0 0;
padding:0 0 15px 0;
}
 
#footer{
width:900px;
margin:0 auto;
font-size:11px;
color:#e5e5e5;
}

#footer h1.recentnews {
height: 20px;
width:134px;
background: url(images/template/footheaders/recentnews.gif) no-repeat;
text-indent:-9999px;
display:block;
margin:15px 0 5px 0;
}

#footer h1.contact {
height: 20px;
width:301px;
background: url(images/template/footheaders/contact.gif) no-repeat;
text-indent:-9999px;
display:block;
margin:15px 0 5px 0;
}

#footer h1.search {
height: 20px;
width:71px;
background: url(images/template/footheaders/search.gif) no-repeat;
text-indent:-9999px;
display:block;
margin:15px 0 5px 0;
}

#footer p{
margin: 0 24px 0 0;
line-height:160%;
}

#footer a {
color:#dfdfdf;
text-decoration:underline;
}

#footer a:hover {
color:#ffffff;
text-decoration:underline;
}

#footer ul {
padding: 1px 0 0 0;
list-style-type:none;
}

#footer li {
margin: 1px 24px 5px 0;
line-height:140%;
}

#footerleft{
width: 243px;
padding:0 15px 0 23px;
float:left;
text-align:left;
}

#footermid{
width: 401px;
padding:0 15px 0 13px;
float:left;
text-align:left;
}

#footerright{
width: 190px;
float:left;
text-align:left;
}



/* ------------- HOME PAGE  ------------- */

#leftnavigation h1.hometestimonials {
height: 37px;
width:281px;
background: url(images/homepage/leftheaders/hometestimonials.gif) no-repeat;
text-indent:-9999px;
display:block;
}

#leftnavigation h1.contractortestimonials {
height: 37px;
width:281px;
background: url(images/homepage/leftheaders/contractortestimonials.gif) no-repeat;
text-indent:-9999px;
display:block;
}

#leftnavigationquote {
width:253px;
margin:0 14px 0 14px;
font-size : 12px;
color:#909090;
background:#efefef;
line-height:150%;
}

#leftnavigationquote p {
padding:6px 10px;
font-size : 11px;
}