@charset "UTF-8";
/* CSS Document */

body {background-color:#201e1e;}


/* ------------container------------ */

#container {width:810px; margin:10px auto 0; padding:0; position:relative; }



/* ------------branding------------ */

#branding h1 {background-image:url(images/logo_tiger_siding.jpg); width:176px; height:168px; text-indent:-9999px;}
#branding h1 a {background-image:url(images/logo_tiger_siding.jpg); width:176px; height:168px; text-indent:-9999px;}

#branding {margin:0; padding:0;}

#branding img {position:absolute; top:0; right:0;}


#main_nav {margin:0; padding:0; list-style:none; display:block; width:254px; height:168px; float:left; position:absolute; top:0; left:177px;}
#main_nav li {display:block; margin:0; padding:0; text-indent:-9999px;}
#main_nav li a {display:block; margin:0; padding:0; text-indent:-9999px;}


#profile  {background-image:url(images/nav_profile.jpg); width:254px; height:33px;}
#profile a {width:254px; height:33px;}
#profile a:hover {background-image:url(images/nav_profile-over.jpg); width:254px; height:33px;}

#services {background-image:url(images/nav_services.jpg); width:254px; height:25px;}
#services a {width:254px; height:25px;}
#services a:hover {background-image:url(images/nav_services-over.jpg); width:254px; height:25px;}

#customers {background-image:url(images/nav_customers.jpg); width:254px; height:26px;}
#customers a {width:254px; height:26px;}
#customers a:hover {background-image:url(images/nav_customers-over.jpg); width:254px; height:26px;}

#contact {background-image:url(images/nav_contact.jpg); width:254px; height:25px;}
#contact a {width:254px; height:25px;}
#contact a:hover {background-image:url(images/nav_contact-over.jpg); width:254px; height:25px;}

#warranty  {background-image:url(images/nav_warranty.jpg); width:254px; height:26px;}
#warranty a {width:254px; height:26px;}
#warranty a:hover {background-image:url(images/nav_warranty-over.jpg); width:254px; height:26px;}

#home { width:254px; height:33px;}
#home a { background-image:url(images/nav_home.jpg); width:254px; height:33px;}
#home a:hover { background-image:url(images/nav_home-over.jpg); width:254px; height:33px;}


/* ------------content------------ */
#content {width:633px; background-color:#ffffff; top:168px; right:0px; position:absolute;  }

#content p {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000; line-height:20px; margin:10px 20px 0; }

ul#products { list-style:url(images/bullet.gif) outside; margin:0 0 0 15px;}

ul#products li {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000; line-height:20px; padding:0px; margin:0px; }

h4 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#000; line-height:20px;  margin:15px 20px 0;  }
h2 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; font-weight:bolder; color:#fff; background-color:#933; padding:5px 15px; margin:0;}

img.box_right {float:right; margin:15px 25px 0 0; padding:0 0 10px 10px;}
img.bottom_right {position:absolute; right:5px; bottom:45px; clear:both;}

ul#services_list li a {text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#993333; line-height:2; }
#services_list {list-style:none;}
img.services {float:left; padding:2px 3px;}

p.center {text-align:center; padding:0; font-weight:bold;}
img.center {padding:3px 5px;}

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

#secondary {position:absolute; float:left; width:168px; top:170px; left:0;}


#services_nav {list-style:none; width:168px; height:205px; margin:0; padding:0; }
#services_nav li {display:block; margin:0; padding:0; text-indent:-9999px;}
#services_nav li a {display:block; margin:0; padding:0; text-indent:-9999px;}

#title a {background-image:url(images/services.jpg); width:168px; height:27px; padding:0; margin:0;}

#siding  {background-image:url(images/services-siding.jpg); width:168px; height:27px;}
#siding a {width:168px; height:27px;}
#siding a:hover {background-image:url(images/services-siding-over.jpg); width:168px; height:27px;}

#roofing {background-image:url(images/services-roofing.jpg); width:168px; height:27px;}
#roofing a {width:168px; height:27px;}
#roofing a:hover {background-image:url(images/services-roofing-over.jpg); width:168px; height:27px;}

#gutters {background-image:url(images/services-gutters.jpg); width:168px; height:23px;}
#gutters a {width:168px; height:23px;}
#gutters a:hover {background-image:url(images/services-gutters-over.jpg); width:168px; height:23px;}

#windows  {background-image:url(images/services-windows.jpg); width:168px; height:22px;}
#windows a {width:168px; height:22px;}
#windows a:hover {background-image:url(images/services-windows-over.jpg); width:168px; height:22px;}

#fascia {background-image:url(images/services-fascia.jpg); width:168px; height:24px;}
#fascia a {width:168px; height:24px;}
#fascia a:hover {background-image:url(images/services-fascia-over.jpg); width:168px; height:24px;}

#fences {background-image:url(images/services-fences.jpg); width:168px; height:26px;}
#fences a {width:168px; height:26px;}
#fences a:hover {background-image:url(images/services-fences-over.jpg); width:168px; height:26px;}

#doors  {background-image:url(images/services-doors.jpg); width:168px; height:24px;}
#doors a {width:168px; height:24px;}
#doors a:hover {background-image:url(images/services-doors-over.jpg); width:168px; height:24px;}

#patio  {background-image:url(images/services-patio.jpg); width:168px; height:32px;}
#patio a {width:168px; height:32px;}
#patio a:hover {background-image:url(images/services-patio-over.jpg); width:168px; height:32px;}


#contact_info {margin:40px 0 0 0; padding:0;}
#contact_info li {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; list-style:none; text-align:right; margin:0 5px 0 0; line-height:20px; }
#contact_info li a {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; list-style:none; text-align:right; margin:0 0px 0 0; padding:0; }

/* ------------BOTTOM------------ */
#bottom {background-color:#993333; height:40px; text-align:right; padding:0px 10px 0 ; margin-top:30px;}
#content #bottom p { color:#fff; margin:15px 0 0 0 ; padding:0px 0 0 0;}
#content #bottom a {color:#fff;}


ul#text_nav1 {  text-align:right; padding:3px 0 0 0;  margin:0px 0 0 0;}
#text_nav1 li {display:inline; color:#fff; font-size:12px; font-family:Arial, Helvetica, sans-serif; text-align:right;  }
#text_nav1 li a {display:inline; color:#fff; font-size:12px; text-decoration:none; line-height:0; padding:0 2px; text-align:right; }

ul#text_nav2 {  text-align:right;  padding:0; margin:8px 0 0 0;}
#text_nav2 li {display:inline; color:#fff; font-size:11px; font-family:Arial, Helvetica, sans-serif; line-height:0; padding: 0 1px; }
#text_nav2 li a {display:inline; color:#fff; font-size:11px; text-decoration:none;}

p.copyright {font-size:11px; color:#fff; font-family:Arial, Helvetica, sans-serif; text-align:right;   }
p.copyright a {font-size:11px; color:#fff; font-family:Arial, Helvetica, sans-serif; text-align:right;   }