@charset "utf-8";
/*----------- All About Painting Contractors, Inc. -----------*/

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
{ margin: 0; padding: 0; }


/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6
{ font-size: 100%; }


/*Removes list-style from lists */
ol, ul
{ list-style: none; }


/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, the, var
{ font-style: normal; font-weight: normal; }


/* Removes borders and spacing from tables */
table
{ border-collapse: collapse; border-spacing: 0; }


/*Removes border from fieldset and img */
fieldset, img
{ border: 0; }


/* Left-aligns text in caption and th */
caption, th
{ text-align: left; }


/* Removes quotation marks from q */
q:before, q:after
{ content: ''; }


/* HTML STYLING */
html { font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; margin: 0; padding: 0; }


/* TOP NAVIGATION STYLING */
#top_nav_container { background-image: url(../images/global/topnav_bg_repeat.jpg); background-repeat: repeat-x; display: block; height: 48px; margin: 0; padding: 0; width: 100%; }
#top_nav { background-color: transparent; height: 40px; left: 0; margin: 0 auto; padding: 0; position: relative; width: 960px; }
#top_nav ul { border: none; margin: 0; padding: 16px 0 0 0; text-align: right; }
#top_nav ul li { display: inline; list-style-type: none; /* Removes unwanted margin in IE */ }
#top_nav ul li a.current { color: rgb(255,255,255); }
#top_nav a:link, #top_nav a:visited { color: #00a4d9; font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; margin: 0 0 0 20px; text-decoration: none; text-transform: none; }
#top_nav a:hover { background-color: transparent; color: rgb(255,255,255); text-decoration: none; }


/* MASTHEAD STYLING */
#masthead_container { background-image: url(../images/global/masthead_bg_large.jpg); background-position:  top center; background-repeat: no-repeat; height: 249px; margin: 0 auto; padding: 0; width: 100%; }
#masthead { background-image: transparent; height: 249px; margin: 0 auto; padding: 0; 	width: 960px; }
#masthead h1 { display: none; }
#masthead img { display: inline; float: left; padding: 25px 0 0 0; }
#masthead img a { border: none; margin: 0; padding: 0; }


/* SLIDER STYLING */
#slider { background-image: green; border: 2px solid black; display: block; float: right; height: 195px; margin: 25px 0 0 0; padding: 0; width: 560px; }
#slider ul, #slider li { list-style: none; margin: 0; padding: 0; }
/*define width and height of list item (slide) entire slider area will adjust according to the parameters provided here*/
#slider li { height: 195px; overflow: hidden; width: 560px; }
#slider img { margin: 0; padding: 0; }
#prevBtn, #nextBtn { display: block; height: 77px; left: -30px; position: absolute; top: 50px; width: 30px; }	
#nextBtn { left: 696px; }														
#prevBtn a, #nextBtn a { background: url(../images/sliderdemo/btn_prev.gif) no-repeat 0 0; display: block; height: 77px; width: 30px; }	
#nextBtn a { background: url(../images/sliderdemo/btn_next.gif) no-repeat 0 0; }												

#topgallery { background-image: green; border: 2px solid black; display: block; float: right; height: 195px; margin: 25px 0 0 0; padding: 0; width: 560px; }
#topgallery ul#fader { margin: 0; padding: 0; }
#topgallery ul#fader li img { margin: 0; padding: 0; }

/* UPPER BODY STYLING */
#upperbody_container { background-color: black; background-image: url(../images/global/upperbody_bg_repeat.jpg); background-position: top; background-repeat: repeat-x; display: block; height: 225px; margin: 0; padding: 0; width: 100%; }
#upperbody { background-color: transparent; height: 40px; left: 0; margin: 0 auto; padding: 0; position: relative; width: 960px; }
#upperbody h1 { color: white; font-family: Helvetica, Arial, sans-serif; font-size: 40px; font-weight: bold; margin: 0; padding: 40px 0 0 0; }
#upperbody p { color: rgb(149,149,149); display: block; float: left; font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-size: 13px; line-height: 20px; margin: 0; padding: 5px 0 0 0; width: 625px; }
#upperbody p a:link, #upperbody p a:visited { color: #00a4d9; font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; margin: 0 0 0 20px; text-decoration: none; text-transform: none; }
#upperbody p a:hover { background-color: transparent; color: rgb(255,255,255); text-decoration: none; }
#upperbody img.estimate { display: inline; float: right; margin: -48px 0 0 20px; padding: 0; }
#upperbody img a { border: none; }


/* MID BODY STYLING */
#midbody_container { background-color: white; background-image: url(../images/global/midbody_bg_repeat.jpg); background-position: top; background-repeat: repeat-x; display: block; height: 215px; margin: 0; padding: 0; width: 100%; }
#midbody { background-color: transparent; height: 215px; left: 0; margin: 0 auto; padding: 0; position: relative; width: 960px; }
#midbody h1 { color: white; font-family: Helvetica, Arial, sans-serif; font-size: 40px; font-weight: bold; margin: 0; padding: 40px 0 0 0; }
#midbody p { color: rgb(170,170,170); display: block; float: left; font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-size: 13px; line-height: 20px; margin: 0; padding: 5px 0 0 0; width: 625px; }
#midbody p a:link, #midbody p a:visited { color: #00a4d9; font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; margin: 0 0 0 20px; text-decoration: none; text-transform: none; }
#midbody p a:hover { background-color: transparent; color: rgb(255,255,255); text-decoration: none; }

#midbody img a { border: none; }

.left_column { background-color: transparent; display: inline; float: left; height: auto; width: 315px; }
.left_column h2 { color: black; font-family: Helvetica, Arial, sans-serif; font-size: 20px; font-weight: bold; margin: 0; padding: 20px 0 10px 0; }
.left_column ul { list-style-type: none; margin: 0; padding: 0 0 40px 0; text-align: left; }
.left_column ul li { display: block; font-family: "Century Gothic", Helvetica; line-height: 22px; margin: 0; padding: 0; }
.left_column p { color: black; font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; line-height: 15px; margin: 0; padding: 10px 0 0 0; }
.left_column p a:link, .left_column p a:visited { color: #00a4d9; text-decoration: none; }
.left_column p a:hover { color: color; text-decoration: none; }

.right_column { background-color: transparent; display: inline; float: right; height: auto; margin: 0; padding: 0; width: 560px; }
.right_column h2 { color: black; font-family: Helvetica, Arial, sans-serif; font-size: 20px; font-weight: bold; margin: 0; padding: 20px 0 10px 0; }

.right_column .testimonial_slider { background-color: transparent; background-image: url(../images/index/midslider_bg.jpg); background-position: fixed; background-repeat: no-repeat; display: block; font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px; font-style: normal; font-weight: normal; height: 120px; margin: 0; overflow: auto; padding: 0; width: 560px; }
.right_column .testimonial_slider h3 { background-color: transparent; color: white; display: block; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; font-style: italic; font-weight: normal; line-height: 15px; margin: 0; padding: 10px 20px 5px 20px; width: 500px; }
.right_column .testimonial_slider h3.intro { background-color: transparent; color: white; display: block; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; font-style: italic; font-weight: normal; line-height: 15px; margin: 0; padding: 20px 20px 5px 20px; width: 500px; }
.right_column .testimonial_slider h4 { color: rgb(170,170,170); font-family: Georgia, Arial, sans-serif; font-size: 12px; font-weight: normal; margin: 0; padding: 0 0 10px 30px; width: 500px; }
.right_column .testimonial_slider h4.last { color: rgb(170,170,170); font-family: Georgia, Arial, sans-serif; font-size: 12px; font-weight: normal; margin: 0 0 20px 0; padding: 0 0 0 30px; width: 500px; }


/* MID BODY SUB STYLING */
#midbody_sub_container { background-color: white; background-image: url(../images/global/midbody_bg_repeat-sub.jpg); background-position: top; background-repeat: repeat-x; display: block; height: auto; margin: 0; padding: 0; width: 100%; }
#midbody_sub { background-color: transparent; height: auto; left: 0; margin: 0 auto; padding: 0; position: relative; width: 960px; }
#midbody_sub h2 { color: black; font-family: Helvetica, Arial, sans-serif; font-size: 20px; font-weight: bold; margin: 0; padding: 20px 0 10px 0; }
#midbody_sub h3 { color: black; font-family: Helvetica, Arial, sans-serif; font-size: 30px; font-weight: bold; margin: 0; padding: 40px 0 10px 0; }
#midbody_sub h4 { color: black; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-weight: bold; margin: 0; padding: 40px 0 10px 0; }
#midbody_sub p { color: rgb(149,149,149); display: block; float: left; font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-size: 13px; line-height: 20px; margin: 0; padding: 10px 0 0 0; width: 960px; }
#midbody_sub p a:link, #midbody_sub p a:visited { color: #00a4d9; margin: 0; padding: 0; text-decoration: none; }
#midbody_sub p a:hover { color: black; text-decoration: none; }
#midbody_sub p.faq { color: rgb(137,137,137); display: block; float: none; font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; line-height: 16px; margin: 0; padding: 0 20px 5px 20px; text-align: left; width: auto; }
#midbody_sub ul { color: rgb(137,137,137); display: block; float: none; font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; line-height: 16px; margin: 0; padding: 0 20px 5px 30px; text-align: left; width: auto; }


/* LOWER BODY STYLING */
#lowerbody_container { background-color: white; background-image: url(../images/global/lowerbody_bg_bottom_repeat.jpg); background-position: bottom; background-repeat: repeat-x; display: block; height: auto; margin: 0; padding: 0; width: 100%; }
#lowerbody { background-color: transparent; height: auto; left: 0; margin: 0 auto; padding: 0; position: relative; width: 960px; }
#lowerbody p { color: black; display: block; float: left; font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-size: 13px; line-height: 20px; margin: 0; padding: 5px 0 0 0; width: 625px; }
#lowerbody p a:link, #lowerbody p a:visited { color: #00a4d9; }
#lowerbody p a:hover { color: black; text-decoration: none; }
#lowerbody img a { border: none; }
#lowerbody img.followusleft { display: inline; float: left; margin: 0; padding: 0; }
#lowerbody img.followusright { display: inline; float: left; margin: 0 0 10px 10px; padding: 0; }

/* LOWER BODY STYLING (SUB PAGE) */
#lowerbody_sub { background-color: white; background-image: url(../images/global/lowerbody_bg_bottom_repeat.jpg); background-position: bottom; background-repeat: repeat-x; display: block; height: 50px; margin: 0; padding: 0; width: 100%; }

#lowerbody .right_column { background-color: transparent; display: inline; float: right; height: 215px; width: 560px; }
#lowerbody .right_column h2 { color: black; font-family: Helvetica, Arial, sans-serif; font-size: 20px; font-weight: bold; margin: 0; padding: 20px 0 10px 0; }
#lowerbody .right_column .testimonial_slider { background-color: transparent; background-image: url(../images/index/midslider_bg.jpg); background-repeat: no-repeat; display: block; font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px; font-style: normal; font-weight: normal; height: 120px; margin: 0; padding: 0; width: 560px; }


/* GALLERY STYLING */
#lowerbody .right_column #gallery_a { background: transparent; display: block; float: none; height: auto; margin: 0; padding: 0; width: 560px; }
#lowerbody .right_column #gallery_a ul { list-style: none; }
#lowerbody .right_column #gallery_a ul li { display: inline; list-style: none; }
#lowerbody .right_column #gallery_a ul img { border: 2px solid #57585b; float: left; margin: 0; padding: 0; }
#lowerbody .right_column #gallery_a ul a:hover img { border: 2px solid #00a4d9; border-width: 2px; color: #00a4d9; }
#lowerbody .right_column #gallery_a ul a:hover { color: #00a4d9; }
#lowerbody .right_column #gallery_a ul li.imagecontainer { background-color: transparent; display: block; float: left; height: auto; margin: 0 8px 4px 0; padding: 0; width: 132px; }
#lowerbody .right_column #gallery_a ul li.imagecontainerlast { background-color: transparent; display: block; float: left; height: auto; margin: 0 0 4px 0; padding: 0; width: 132px; }


/* FOOTER STYLING */
#footer_container { background-color: black; background-image: url(../images/global/footer_bg_repeat.jpg); background-position: top; background-repeat: repeat-x; height: 175px; margin: 0; padding: 0; width: 100%; }
#footer { background-color: transparent; background-image: url(../images/global/paint_roller.png); background-position: right top; background-repeat: no-repeat; height: 175px; margin: -1px auto 0 auto; padding: 0; position: relative; width: 960px; }
#footer ul { border: none; display: block; float: none; list-style: none; margin: 0; padding: 35px 0 0 10px; position: relative; text-align:left; width: auto; }
#footer ul li { color: white; display: inline; margin: 0; padding: 0; font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; text-transform: uppercase; /* Removes unwanted margin in IE */ }
#footer ul li a:link, #footer ul li a:visited { color: white; font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; margin: 0 8px 0 0; text-decoration: none; }
#footer ul li a:hover { color: #00a4d9; text-decoration: none; }
#footer p { color: rgb(137,137,137); font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; line-height: 15px; margin: 0; padding: 10px 0 0 0; }
#footer p a:link, #footer p a:visited { color: rgb(137,137,137); text-decoration: none; }
#footer p a:hover { color: white; }

#footer p.contact { background-color: transparent; color: white; float: right; font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; height: auto; line-height: 15px; margin: 10px 100px 0 0; padding: 10px 0 0 0; }
#footer p.contact a:link, #footer p.contact a:visited { color: white; text-decoration: none; }
#footer p.contact a:hover { color: black; text-decoration: none; }

#footer img { display: inline; float: left; margin: 20px 10px 0 0; padding: 0; position: relative; }

.clear { clear: both; }