body  {

	font-family:Arial;
	color:#666;
	background-color:#000;
	line-height:24px;
	text-align:justify;
}

#mainwrapper  {
	/* [disabled]width:1024px; */
	position:relative;
	margin:auto;
	background-image: url(/edited/bgwhole.jpg);
	background-repeat:repeat-x;
	background-position: top center;
}

#header  {
	width:1024px;
	background-image:url(/edited/header.png);
	height:196px;
	margin:auto;
	position: relative;
}

#logo {
	/* [disabled]margin-top:112px; */
	width: 476px;
	height: 112px;
	position: relative;
	top: 41px;
	left: 63px;
}

#navbar  {
	background-image:url(/edited/navbar.png);
	height:71px;
	margin-top: 0px;
	/* [disabled]float: right; */
	width: 1024px;
	margin:auto;
}

#navbar ul  {
padding-left:0px;
}

#navbar ul li  {
	text-align:center;
	float:left;
	padding: 24px 24px 23px 24px;
	/* [disabled]margin:0px 2px 0px 2px; */
	color: #FFF;
	font-size: 20px;
	overflow: visible;
	cursor:pointer;
	font-weight: bold;
}

#navbar ul li:hover  {}

#navbar ul li a {
	color:white;
	text-decoration:none;
}

#navbar ul li a:hover {

}

#leftcolumn {
	width:650px;
	float:left;
	padding-left:35px;
	padding-top:20px;
}

#leftcolumn ul li, #rightcolumn ul li { list-style-type:disc; list-style:disc; margin-left: 18px; }



#rightcolumn {
	float:right;
	width:275px;
	padding-right:40px;
	padding-top:20px;
	}
	

#content {
	/* [disabled]float:right; */
	width:1024px;
	margin: auto;
	padding-bottom:20px;
	clear:both;
	background-image:url(/edited/mainbg.png);
	background-repeat:repeat-y;
	overflow:auto;
	min-height: 600px;
	}


#footer {
	width:1024px;
	height: 38px;
	background-image:url(/edited/footofbox.png);
	margin:auto;
	clear:both;
	color:white;
}

#contactinfo {float:right; width:375px; text-align:center; margin-top:-40px; margin-right:30px; }
	

.padding {
	padding:10px 20px 5px 40px;
}

p {
	padding-bottom:12px;
}

h3, h4, h5, h6  {
	padding-bottom:3px;
}
	
h1, h2 {
	padding-bottom:4px;
}

.page-id-13 h2 {padding-top:35px; }

#rightmiddle ul li {
	list-style-type:none;
}

.widget-container  {
	list-style-type:none;
	padding-bottom:12px;
}

.widget-title, .widget-title h3  {
	text-align:center;
}

.redhead {
	color:#B92424;
	text-align:center;
	font-weight:bolder;
	font-size:30px;
}

#slider {
	height:271px;
	width:985px;
	margin:auto;
	clear: both;
}

#wpcf7-f49-w1-o1, .graybox {background-color: #DFDFDF; padding: 10px; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; }

.graybox {margin-top:10px;}

.ngg-galleryoverview {width:615px; margin:auto;}

.dtreviewed {display:none;}

span.fn  {font-size:14px;}

#navbar li ul li {padding:5px 10px;}


ul#menu-new-main.menu {padding-left:25px; padding-top:1px; }

#menu-new-main {background: none; width:100%;}
#menu-new-main, #menu-new-main ul {width:100%;}
#menu-new-main a {display:block;color:#dddddd;text-decoration:none;}
#menu-new-main li {float:left;padding:0;}
#menu-new-main ul {position:absolute;left:-999em;height:auto;width:195px;font-weight:normal;border-top:1px solid #666666; font-size:16px;}
#menu-new-main li li {font-weight:bold;font-size:16px; width:180px;text-align:left; padding-bottom:20px;}
#menu-new-main ul li a, .page_item{font-size:16px;}
#menu-new-main li li a {font-size:16px;color:white;}
#menu-new-main li ul  {margin:23px 0 0 -32px; border-radius:0px 0px 3px 3px;z-index:100000 !important;}
#menu-new-main li ul ul {margin:0px 0 0 170px;}
#menu-new-main li li:hover { }
#menu-new-main li ul li:hover a, #menu-new-main li ul li li:hover a, #menu-new-main li ul li li li:hover a, #menu-new-main li ul li li li:hover a  {color:white;}
#menu-new-main li:hover a, #menu-new-main li.sfhover a {color: white;}
#menu-new-main li:hover li a, #menu-new-main li li:hover li a, #menu-new-main li li li:hover li a, #menu-new-main li li li li:hover li a {color: #918165;}
#menu-new-main li:hover ul ul, #menu-new-main li:hover ul ul ul, #menu-new-main li:hover ul ul ul ul, #menu-new-main li.sfhover ul ul, #menu-new-main li.sfhover ul ul ul, #menu-new-main li.sfhover ul ul ul ul  {left:-999em;}
#menu-new-main li:hover ul, #menu-new-main li li:hover ul, #menu-new-main li li li:hover ul, #menu-new-main li li li li:hover ul, #menu-new-main li.sfhover ul, #menu-new-main li li.sfhover ul, #menu-new-main li li li.sfhover ul, #menu-new-main li li li li.sfhover ul  {
	left:auto;
	background-color:black;
	color: #918165;z-index:100000 !important;
}


#menu-new-main li:hover, #menu-new-main li.sfhover {background:none;z-index:100000 !important;}

#roofing-services { 
	clear:both; 
	overflow:auto; 
	margin:15px; 
	list-style:none; 
	list-style-type:none;
	color:black; 
	text-align:center; 
}

#roofing-services h2 { font-size:22px; font-weight:bolder; text-transform:uppercase;  }

#roofing-services ul, #roofing-services ul li {list-style:none; list-style-type:none; padding:0px; margin:0px; }

#residential-roofing-services {
	background-color: #151515;
background: rgb(107,0,1); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(107,0,1,1) 0%, rgba(165,3,6,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(107,0,1,1)), color-stop(100%,rgba(165,3,6,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(107,0,1,1) 0%,rgba(165,3,6,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(107,0,1,1) 0%,rgba(165,3,6,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(107,0,1,1) 0%,rgba(165,3,6,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(107,0,1,1) 0%,rgba(165,3,6,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b0001', endColorstr='#a50306',GradientType=0 ); /* IE6-9 */

	color:white;
	padding: 10px;
	border-radius:4px;
	box-shadow:2px 2px 4px #333;
	width:280px;
	float:left;
	margin:5px 5px;
}

#commercial-roofing-services { background: rgb(107,0,1); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(107,0,1,1) 0%, rgba(165,3,6,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(107,0,1,1)), color-stop(100%,rgba(165,3,6,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(107,0,1,1) 0%,rgba(165,3,6,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(107,0,1,1) 0%,rgba(165,3,6,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(107,0,1,1) 0%,rgba(165,3,6,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(107,0,1,1) 0%,rgba(165,3,6,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b0001', endColorstr='#a50306',GradientType=0 ); /* IE6-9 */
 padding: 10px; border-radius:4px; box-shadow:2px 2px 4px #333; width:280px; color:white; float:left; margin:5px 5px; }

.navbar-bottom {
	display:block;
	background-image:url(/edited/navbar.png); 
	height: 15px; 
	width:1024px; 
	clear:both;
}

.contactphonenumber {
	color:#d6312f;
	font-size:48px; 
	font-weight:bold;
	letter-spacing:-1px; 
	line-height: 30px;
}
.contactemail {
	color:#d6312f;
	font-size:24px; 
	font-weight:bold; 
	letter-spacing:-1px;
	line-height: 30px; 
	padding-top:4px;
}
.bondedandinsured {
	font-weight:bolder; 
	font-size:18px;
	line-height: 19px; 
	margin-bottom:-1px; 
	color: #999;
}

#commercialservicelist {
	color: black; 
	width: 450px; 
	height: auto; 
	float: center; 
	background-color: #dfdfdf; 
	padding: 5px 5px 5px 15px; 
	margin: 10px 10px 10px 10px; 
	border-radius: 4px; 
	box-shadow:2px 2px 4px #999;
}

.roofrescuereviews {
	display:block;
	position:absolute;
	top:0px;
	left:0px;
}
.copywriteinfo {
	width:900px;
	margin-left:0px; 
	clear:both;
}

.blog .blogpost { 
	margin-bottom:40px; 
	overflow:auto; 
	display:block; 
	width:450px; 
	float:left; 
	padding:10px; 
}
.blog .blogpost img { 
	float:left; 
	margin-right:10px; 
}
.yarpp-related .blogpost img { 
	float:left;
	margin-right:10px; 
}
.yarpp-related .blogpost  { 
	margin-bottom:0px; 
	overflow:hidden; 
	display:block; 
	width:305px; 
	float:left; 
	padding:0px 10px; 
	font-size:12px; 
	font-style:italic; 
	line-height:16px; 
	height:160px; 
}
.yarpp-related .blogpost h3 a {
	font-style:normal; 
	font-weight:bold; 
	text-align:left;
}
.yarpp-related .blogpost h3 {
	text-align:left;
	margin-bottom:5px; 
	padding:0px; 
}


#desktop {
	display:block;
}
#mobileonly {
	display:none;
}

.texty {border-radius:3px; width:200px;margin:4px 10px;padding: 3px}

.textareanew  {font-family:arial;border-radius:3px; width:202px;height: 90px; margin:4px 10px;padding: 3px; border:1px solid #ccc;}

#wpcf7-f1316-p1315-o1 {border-radius:5px;box-shadow:1px 1px 3px #666; width:225px; padding:15px;margin:auto;margin-top:8px;background-color:#797979}

.contact-us {color:#b92424 !important;text-transform:uppercase;margin-top:10px}

#contactbox h3 {color:#b92424;margin-top:0px;font-size:24px; font-family:"Arial Black", Gadget, sans-serif; text-align:center; margin:10px;}

.submittal {font-weight:bold; font-size:14px !important;margin-left:70px;text-transform:uppercase;padding:7px 20px;color:#b92424;border: none;box-shadow:none;border-radius: 5px;background-color:white}

.submittal:hover {opacity:.8}

.caption img {padding-bottom:10px;border:	none;}
.caption p { margin:0px; padding:0px;  }
.caption br { display:none; }

.caption a img { border:none }
.caption a  { border:0px }

.alignrightnew {float:right;margin-top:5px;margin-left:10px;box-shadow:1px 1px 3px #333;border:1px solid #ccc;padding-left:0px;min-width:100px;}
.alignleftnew {float:left;margin-top:5px;margin-right:10px;box-shadow:1px 1px 3px #333;border:1px solid #ccc;padding-right:0px;min-width:100px;}
.alignleftnew div { padding-left:10px; padding-right:10px; }

.threecolumn2 {
    overflow: auto;
    clear: both;}

.threecolumn2 div {
    width: 290px;
    float: left;
        text-align: justify;
}

.threecolumn2 h2 {text-align:center;font-size: 20px;display: block;}

.mainlpdiv {float: left; width:921px; padding-bottom: 25px;margin-top:20px}
.firstlpdiv {float: left; width: 455px;}
.secondlpdiv {float: left; width: 430px;}

#wpcf7-f2713-p738-o1, #wpcf7-f2713-p503-o1 {
 border-radius: 5px;
 box-shadow: 1px 1px 3px #666;
 width: 430px;
 padding: 15px;
 margin: auto;
  background-color: none;
 height: 215px;
 border: 1px solid #ccc;
}

.threecolumnfootermain {position:relative; padding-bottom:30px;clear:both;overflow:auto;width: 1020px;margin: auto;}
.threecolfooter {float:left;width:315px;text-align:left;font-size: 14px;line-height: 16px;color: white; padding-left: 10px;}
.threecolfooter a {color: white}

.textylp {
 width: 185px;
 margin: 4px 10px;
 padding: 3px;
 box-shadow: 1px 1px 3px #ccc inset;
 border-radius: 5px;
 border: 2px solid #ccc;
}

.textareanewlp {
 font-family: arial;
 width: 170px;
 height: 80px;
 margin: -10px 10px;
 padding: 3px;
 border: 1px solid #ccc;
 margin-top: 4px;
 box-shadow: 1px 1px 3px #ccc inset;
 border-radius: 5px;
 border: 2px solid #ccc;
}

.submittallp {
 font-weight: bold !important;
 font-size: 14px !important;
  text-transform: uppercase !important;
 padding: 7px 20px !important;
 color: white !important;
 border: none !important;
 box-shadow: none !important;
 border-radius: 5px !important;
 background-color: #792523 !important;
   margin-left: -25px !important;
margin-top: 28px !important;
}

#contactboxlp h3 {
  text-align: center;
 text-transform: none;
 padding-bottom: 10px;
 font-size: 24px;
color:#792523;
}

#leftcolumn a {color:#792523}

.arizona-navigation {
 border-radius: 5px;
 box-shadow: 1px 1px 3px #666;
 width: 250px;
 padding: 15px;
  background-color: none;
 height: 295px;
 border: 1px solid #ccc;
     line-height: 24px;
}

.reviewmain { width:765px;float:left; clear:both; }



.reviewcol { width: 273px;  float: left;  margin: 10px;  text-align: justify;}







.reviewmain h4 {text-align:center;font-size: 12px; padding-bottom: 5px;  font-weight: bold;font-style: italic;}

.threecolumnreviews {
   overflow: auto;
   clear: both;
margin:auto;
width: 710px;margin-bottom:30px;padding-left: 75px;
}

.threecolumnreviews div {
   width: 285px;
   float: left;
   margin: 10px;
     text-align: center;
margin-right: 60px;
}

.threecolumnreviews h3 {font-weight:bold}


#leftcolumn h1 {text-align:center !important;padding-top: 15px;}

.fullwidthreviews {width:920px;margin:auto;padding-top:5px;padding-bottom:30px;overflow:auto;clear:both;display:flex;}

.newh1 {font-size: 36px;
    text-align: center;
    padding-bottom: 15px;
    font-weight: bold;    font-style: italic;}

.newh2 {font-size: 26px;
    text-align: center;
    padding-bottom: 25px;
    }

#roofing-services {
    clear: both;
    overflow: auto;
    margin: auto !important;
    list-style: none;
    list-style-type: none;
    color: black;
    text-align: center;
    width: 620px !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

/*
#logo {    width: 476px;
    height: 112px;
    position: relative;
    top: 45px !important;
    left: 60px !important;}
*/
.pt-cv-2-col .pt-cv-title {
    clear: none!important;
    display: inline;
}



.pt-cv-wrapper .btn-success {
    color: white !important;
    background-color: #792523 !important;
    border-color: #792523 !important;
}

.pt-cv-wrapper  {    padding-top: 20px;
    padding-bottom: 30px;}

.pt-cv-thumbnail.pull-left {
    float: left;
    margin-top: 5px;
    margin-right: 10px;
    box-shadow: 1px 1px 3px #333;
    border: 1px solid #ccc;
    padding-right: 0;
}

.relatedpostsh3 {
    text-align: center;
       padding-top: 30px;
    padding-bottom: 30px;font-size: 24px;
}

.iconcolumns {width:920px;margin:auto;clear:both;overflow:auto;padding-top:30px;padding-bottom:30px}
.iconcolumns div {width:286px;float:left;text-align:center;}
.iconcolumns p {text-align:justify}
.iconcolumns h3 {font-size:18px;padding-bottom:8px;color:#792523}
.iconcolumns h4 {    padding-bottom: 8px;
    font-style: italic;
    font-size: 14px;}
.iconcolumns a {    text-decoration: none;}


.threepiccol {width:920px;margin:auto;clear:both;overflow:auto;padding-top:30px;padding-bottom:30px}
.threepiccol div {width:273px;float:left;text-align:center;}
.threepiccol p {text-align:justify}
.threepiccol h3 {font-size:20px;padding-bottom:8px;color:#792523}
.threepiccol h4 {    padding-bottom: 8px;
    font-style: italic;
    font-size: 14px;}
.threecol a {    text-decoration: none;}

.threecol17 {width:920px;margin:auto;clear:both;overflow:auto;padding-top:30px;padding-bottom:30px}
.threecol17 div {width:293px;float:left;text-align:center;}
.threecol17 p {text-align:justify}
.threecol17 h3 {font-size:18px;padding-bottom:8px}
 .threecol17 a {    text-decoration: none;}

.twocolumnvideo16 {
width: 920px;margin:auto;   
 overflow: auto;
    clear: both;
    padding-bottom: 30px;padding-top:30px;

}

.twocolumnvideo16 div {
    width: 450px;
    float: left;
}
.temprightpadding {padding-right:20px;}


.checkboxmain {    width: 920px;
    margin: auto;
    overflow: auto;
    clear: both;
    padding-top: 30px;
  padding-bottom: 30px;}

.checkboxmaindiv {width:347px;float:left;}

.checkbox1 {width:40px;float:left;}


.checkbox2 {    float: left;
      font-size: 18px;}

.checkbox2 p {padding-top: 13px;
    padding-bottom: 0px;color:#792523}



.ctadiv16 {width:920px;padding-top:30px;padding-bottom:30px;overflow:auto;clear:both;margin:auto}
.ctadiv1 {width:615px;float:left;padding-left: 4px;}
.ctadiv2 {width:300px;float:left;padding-top:10px;text-align:center}

.ctabutton17 {
    padding: 25px;
    font-size: 32px;
    font-weight: bold;
    text-align: center;
    display: block;
    width: 225px;
    margin: 5px auto;
    color: white!important;
    border-radius: 5px;
    box-shadow: 1px 1px 3px #666;
    text-decoration: none;
    margin-bottom: 25px;
    margin-top: 25px;
    background-color: #4e0507;
}

.twocolumnvideoblogs {
width: 920px;margin:auto;   
 overflow: auto;
    clear: both;
    padding-bottom: 10px;padding-top:10px;

}

.videoblogs1 {
    width: 600px;
    float: left;
}

.videoblogs2 {
    width: 320px;
    float: left;
}


.glendalenavigation {
	clear:both;
float: left;
padding: 10px 20px 10px 20px;
box-shadow: 1px 1px 1px #666;
border-radius: 4px;
background-color: #ccc;
font-weight: bold;
margin-right: 15px;
width:250px;
}

.glendalenavigation li {margin-bottom:5px;
}

.gallerylayout {float:left; margin-bottom:15px; width:921px;height:160px;
}

.caption img {margin-bottom:5px;border:	none;}
.caption p { margin:0px; padding:0px;  }
.caption br { display:none; }

.caption a img { border:none }
.caption a  { border:0px }

.alignleftnew {float:left;margin-top:5px;margin-right:10px;box-shadow:1px 1px 3px #333;border:1px solid #ccc;padding-right:0px;min-width:100px;}
.alignleftnew div { padding-left:10px; padding-right:10px; }
.picname {padding-bottom:5px;font-weight:bolder;text-align:center;font-size: 15px;}
.picdescription {padding-bottom:5px;text-align:center;font-style:italic; letter-spacing:1px;font-size: 14px;}
.piclocation {padding-bottom:5px;text-align:center; font-weight:bold;font-size: 14px;}


.ctabutton {
   padding: 25px;
   font-size: 38px;
   font-weight: bold;
   text-align: center;
   display: block;
   width: 310px;
   margin: 5px auto;
   color:#792523 !important;
   
   border-radius: 5px;
   box-shadow: 1px 1px 3px #666;
   text-decoration: none;
       margin-bottom: 25px;
   margin-top: 25px;
background-color: none;
}

.azdivmain {clear:both;width:567px;overflow: auto;}

.azdiv1 {float:left;width:300px;text-align:left;padding-left: 20px;}

.azdiv2 {float:left;width:245px;text-align:left}

.arizona-navigation15 a {color:#792523}

.arizona-navigation15 {
    line-height: 24px;
    font-size: 18px;
    border-radius: 5px;
    box-shadow: 1px 1px 3px #666;
    width: 585px;
    padding: 15px;
    margin: auto;
    background-color: none;
    height: auto;   border: 1px solid #ccc;
      
    text-align: center;
	color:#792523
}

.arizona-navigation15 p {text-align:center}

.blog-navigatio a {color:#792523}

.blog-navigation {
    line-height: 24px;
    font-size: 18px;
    border-radius: 5px;
    box-shadow: 1px 1px 3px #666;
    width: 585px;
    padding: 15px;
    margin: auto;
    background-color: none;
    height: auto;   border: 1px solid #ccc;
          margin-top: 10px;
    text-align: center;
	color: #792523
}

.blog-navigation p {text-align:center}

.az-navigation a {color:#792523}

.az-navigation {
    line-height: 24px;
    font-size: 18px;
    border-radius: 5px;
    box-shadow: 1px 1px 3px #666;
    width: 350px;
    padding: 15px;
    margin: auto;
    background-color: none;
    height: auto;   border: 1px solid #ccc;
       margin-right: 10px;
    margin-top: 10px;
    text-align: center;
}

.az-navigation p {text-align:center}

.lpbdiv {padding-bottom: 25px;margin:auto;text-align:center;width: 780px;
    padding-top: 30px;}
	
	.reviewiconlinks {
    width: 660px;
    margin: auto;
    clear: both;
    overflow: auto;
    padding-top: 20px;
    padding-bottom: 65px;
}

.video {text-align:center;padding-top:40px;padding-bottom:40px}

.threecolumnreviews div {
    width: 330px;
    float: left;
           text-align: center !important;
	margin-right: 20px;
	}

.threecolumnreviews h3 {font-weight:bold;text-align:center;}

.threecolumnreviews {
    overflow: auto;
    clear: both;
	width: 726px;
    margin: auto;
	margin-bottom: 30px;
}

.avondale-navigation a {color:#792523}

.avondale-navigation {
    line-height: 24px;
    font-size: 18px;
    border-radius: 5px;
    box-shadow: 1px 1px 3px #666;
    width: 378px;
    padding: 15px;
    margin: auto;
    background-color: none;
    height: auto;   border: 1px solid #ccc;
        text-align: left;
    float: right;
    margin-left: 10px;
    margin-top: 5px;  
    color:#792523;
}

.avondale-navigation h4 {text-align:center;font-size: 22px;}

.aligncenternew {text-align:center;margin-top:20px;margin-bottom:20px;box-shadow:1px 1px 3px #333;border:1px solid #ccc;padding-right:0px;min-width:100px;}


@media screen and (max-width: 600px) {
.threepiccol div {padding-right:0px !important;}
#leftcolumn img, iframe {
	max-width:290px;
	height:auto;
	margin:6px 0px;
}
#leftcolumn p img {width:100%;}
#leftcolumn h1 {line-height:32px !important;}
#leftcolumn h2 {text-align:center;}
#mobileonly{
	display:block;
}
#desktop{
	display:none;
}
#header  {
	background-image:url(/edited/mobile-header-arizona-roof-rescue.png);
	max-width:315px;
	background-repeat:no-repeat;
}

#commercialservicelist {
	max-width: 280px;
	width:286px;
	margin:0px;
	padding:5px;
}
.gallerylayout {width: 100% !important; height: auto !important;}
.gallerylayout img {width:100%;}
.gallerylayout p strong{text-align:center;display:block;}
#lightbox-image {
	max-width:280px;
	height:auto !important;
}
#lightbox-container-image-box {
	max-width:300px;
	height:auto !important;
}
#lightbox-container-image-data-box {
	max-width:300px;
	height:auto !important;
}

#lightbox-nav a {
	height:200px !important;
}

#header h4 {
font-size: 22px;
text-align: center;
padding-right: 0px;
padding-top: 20px;
margin-top: 0px;
color: #000000;
}
#header h3 {
font-size: 32px;
font-weight: bolder;
padding: 0px;
padding-top:8px;
margin:0px;
text-shadow: none;
text-align: center;
padding-right: 0px;
color: #5D940B;
}
#business-email {
color: #5D940B;
display: block;
text-align: center;
padding-right: 0px;
padding-top:8px;
text-decoration: none;
font-weight: bolder;
}
#logo {
	padding: 20px 0px 0px 0px;
	top:0px;
	left: 0px;
	height:91px;
	width:300px;
	margin-left:3px;

}
#navbar  {
	background:none;
	height: auto;
	width: 300px;
}
ul#menu-new-main.menu {
padding-left: 0px;
padding-top: 0px;
}
#mainmiddle {
	background:white;
	width:300px;
	overflow:auto;
}
#contactinfo {
	margin:auto;
	margin-top:0px;
	width:300px;
	float:none;
}
#navbar ul li {
	float:none;
	clear:both;
	padding:6px 20px;
}
#navbar ul li a {
	padding: 10px 0px 10px 0px;
	border-radius:5px;
	box-shadow:1px 1px 3px #333;
	color:#8a201f;
}
#navbar ul li a:hover {
	color:#666
}
#navbar ul {
padding-left: 0px;
}
#mainwrapper {
	background:white;
	width:315px;
	box-shadow:1px 1px 3px #333;
}
#leftcolumn {
	width:300px;
	padding-left:0px;
	padding-top:0px;
}
#rightcolumn {
	width:300px;
	padding-right:0px;
}
#content {
	width:300px;
	padding-bottom:0px;
	clear:both;
	background-image:none;
}
#content h1 {
	line-height:25px;
}
#footer {
	width:300px;
	padding:0px;
	padding-bottom:0px;
}
p#breadcrumbs {
padding: 20px 0px 10px 0px;
}
#arizona-business-policies {
background-color: #FFFFFF;
padding: 0px;
}
#rightcolumn a {
color: #5D940B;
}
body {
	text-align: left;
}
body p {
	text-align:justify;
}
#slider {
	display:none;
}
.navbar-bottom {
	display:none !important;
	background-image:none;
}
#contactinfo {
	float:none;
	width:300px; 
	text-align:center;
	margin-top:-5px;
	
}
.contactphonenumber {
	color:#d6312f;
	font-size:38px; 
	font-weight:bold;
	letter-spacing:-1px; 
	line-height: 20px;
}
.contactemail {
	color:#d6312f;
	font-size:20px; 
	font-weight:bold; 
	letter-spacing:0px;
	line-height: 25px; 
	padding-top:4px;
	margin-left:5px;
}
.bondedandinsured {
	font-weight:bolder; 
	font-size:18px;
	line-height: 19px; 
	margin-bottom:-1px; 
	color: #999;
}
.ngg-galleryoverview {
	margin-left:70px;
	width:160px !important;
}
.roofrescuereviews {
	display:none;
}
.copywriteinfo {
	width:300px;
}
#residential-roofing-services {
	width:inherit; 
}
#commercial-roofing-services {
	width:inherit;
}
#arizona-roof-repair-contractor[style] {
	padding-left:0px !important;
}

.glendalenavigation {
	clear:both;
float: left;
padding: 10px 20px 10px 20px;
box-shadow: 1px 1px 1px #666;
border-radius: 4px;
background-color: #ccc;
font-weight: bold;
margin-right: 15px;
width:250px;
}

.glendalenavigation li {margin-bottom:5px;
}

.gallerylayout {float:left; margin-bottom:15px; width:921px;height:160px;
}

.caption img {margin-bottom:5px;border:	none;}
.caption p { margin:0px; padding:0px;  }
.caption br { display:none; }

.caption a img { border:none }
.caption a  { border:0px }

.alignleftnew {float:left;margin-top:5px;margin-right:10px;box-shadow:1px 1px 3px #333;border:1px solid #ccc;padding-right:0px;min-width:100px;}
.alignleftnew div { padding-left:10px; padding-right:10px; }
.picname {padding-bottom:5px;font-weight:bolder;text-align:center;font-size: 15px;}
.picdescription {padding-bottom:5px;text-align:center;font-style:italic; letter-spacing:1px;font-size: 14px;}
.piclocation {padding-bottom:5px;text-align:center; font-weight:bold;font-size: 14px;}

li.cat-item a {
    display: block;
    border-radius: 5px;
    background-color: #B92424;
    color: white;
    padding: 8px 12px;
    margin: 10px 10px;
    text-align: center;
    width:175px;
}

#categories-3 .widget-title {display:none}

#rightcolumn ul li {list-style:none}
#rightcolumn li {list-style:none}

.ctabutton {
   padding: 25px;
   font-size: 38px;
   font-weight: bold;
   text-align: center;
   display: block;
   width: 310px;
   margin: 5px auto;
   color:#792523 !important;
   
   border-radius: 5px;
   box-shadow: 1px 1px 3px #666;
   text-decoration: none;
       margin-bottom: 25px;
   margin-top: 25px;
background-color: none;
}

.azdivmain {clear:both;width:567px;overflow: auto;}

.azdiv1 {float:left;width:230px;text-align:left;padding-left: 20px;}

.azdiv2 {float:left;width:235px;text-align:left}

.arizona-navigation15 a {color:#792523}

.arizona-navigation15 {
    line-height: 24px;
    font-size: 18px;
    border-radius: 5px;
    box-shadow: 1px 1px 3px #666;
    width: 250px;
    padding: 15px;
    margin: auto;
    background-color: none;
    height: auto;   border: 1px solid #ccc;
      
    text-align: center;
	color:#792523
}

.arizona-navigation15 p {text-align:center}

.blog-navigatio a {color:#792523}

.blog-navigation {
    line-height: 24px;
    font-size: 18px;
    border-radius: 5px;
    box-shadow: 1px 1px 3px #666;
    width: 585px;
    padding: 15px;
    margin: auto;
    background-color: none;
    height: auto;   border: 1px solid #ccc;
          margin-top: 10px;
    text-align: center;
	color: #792523
}

.blog-navigation p {text-align:center}

.az-navigation a {color:#792523}

.az-navigation {
    line-height: 24px;
    font-size: 18px;
    border-radius: 5px;
    box-shadow: 1px 1px 3px #666;
    width: 350px;
    padding: 15px;
    margin: auto;
    background-color: none;
    height: auto;   border: 1px solid #ccc;
       margin-right: 10px;
    margin-top: 10px;
    text-align: center;
}

.az-navigation p {text-align:center}

.lpbdiv {padding-bottom: 25px;margin:auto;text-align:center;width: 780px;
    padding-top: 30px;}
	
	.reviewiconlinks {
    width: 660px;
    margin: auto;
    clear: both;
    overflow: auto;
    padding-top: 20px;
    padding-bottom: 65px;
}

.video {text-align:center;padding-top:40px;padding-bottom:40px}

.threecolumnreviews div {
    width: 250px;
    float: left;
           text-align: center !important;
	margin-right: 20px;
	}

.threecolumnreviews h3 {font-weight:bold;text-align:center;}

.threecolumnreviews {
    overflow: auto;
    clear: both;
	width: 726px;
    margin: auto;
	margin-bottom: 30px;
	padding:0 !important;
}

.avondale-navigation a {color:#792523}

.avondale-navigation {
    line-height: 24px;
    font-size: 18px;
    border-radius: 5px;
    box-shadow: 1px 1px 3px #666;
    width: 585px;
    padding: 15px;
    margin: auto;
    background-color: none;
    height: auto;   border: 1px solid #ccc;
      
    text-align: center;
	color:#792523
}

.avondale-navigation h4 {text-align:center}

.aligncenternew {text-align:center;margin-top:20px;margin-bottom:20px;box-shadow:1px 1px 3px #333;border:1px solid #ccc;padding-right:0px;min-width:100px;}

.video {text-align:center;padding-top:30px;padding-bottom:30px}

@media screen and (max-width: 600px) {
	img {
		max-width:99% !important;
		height:auto !important;
	}
	.fullwidthreviews a img {margin: 8px auto !important; display: initial; width:150px;}
	.threepiccol div { width: 100%;}
	#mainwrapper div, #footer div  { max-width: 100% !important; 
	position: relative;top:0px !important;left:0px !important }

	#header { background:none; }
	#header { background:black; padding:0px;height:221px; }
	#logo { padding:0px;height:106px; width:100% }
	#navbar { display: none; }
	.ctadiv1  {padding-left:0px;}
	.twocolumnvideo16 div {padding-right:0px;}
	.temprightpadding {padding-right:0px;}
	.contact-form {width:260px;padding:15px 0 !important;}
	.threecolumnreviews p{text-align:center !important;}
	.contactphonenumber {
		letter-spacing: 0;
		line-height: 36px;
	}
	.threecol17 div {padding-right:0px !important;}
	#leftcolumn {width:100% !important;}
	#leftcolumn { max-width:100%;margin-left:0px;padding-left:0px !important; }
	.checkboxmain { display:none; }
	#footer { background:none; }
	.threecolfooter {padding-left: 0px !important;padding-right:0px !important;text-align: center;}
	#roofing-services { max-width: 90% !important; width:90% !important }
} }

@media screen and (min-width:601px) and (max-width:900px) {
	#leftcolumn {width:99% !important;}
	#leftcolumn p iframe {width:100% !important; margin:15px auto;}
	#leftcolumn div  iframe {width:550px !important; height:300px !important;}
	.disclaimer {margin-top:0px !important;}
img { max-width:100% !important;height:auto !important;}
#mainwrapper div, #footer div  { max-width: 100% !important; position: relative;top:0px !important;left:0px !important }
#mainwrapper {
	background:white;
	width:600px;
	box-shadow:1px 1px 3px #333; 
}
#commercialservicelist {display:block !important;margin:10px auto;}
.lyte-wrapper {padding-left:18px;}
#lyte_efmKaGAS6Ig .play{margin-left: 40%; margin-top: 7%;}
#content { background:none; background:white; }
#content h2 {padding-left:15px;}
#header { background:none; }
#header { background:black; padding:0px;height:283px; }
#logo { padding:0px;height:106px; width:100% }
#navbar { display: none; }
.contactphonenumber {
    letter-spacing: 0;
    line-height: 36px;
}
.twocolumnvideo16 div { width:100%;padding-right:0 !important;}
.temprightpadding {padding-right:0px;}
.threecol17 div{padding-right:0px !important;}
#leftcolumn { max-width:100%;margin-left:0px;padding-left:0px !important; }
#leftcolumn h3 {padding-left:15px;}
.gallerylayout {margin-bottom:60px;}
#rightcolumn {width:550px;}
.checkboxmain { display:none; }
#footer { background:none;width:100%; }
#roofing-services { max-width: 90% !important; width:90% !important }
.roofrescuereviews {display:none; }
.arizona-navigation15 {width:565px;}
#contactinfo {
    float: right;
    width: 100%;
    text-align: center;
    margin-top: 42px;
    margin-right: 0px;
}
#logo a {
    display: block;
    text-align: center;
    width: 100%;
    float: none;
    clear: both;
}
   #logo img { margin-left: 65px; }
#slider {
    height: 165px; }
.navbar-bottom { display:none; }
.fullwidthreviews img { width:148px; height:auto; }
.fullwidthreviews {background: #f1f1f1; padding-bottom: 10px; padding-top:10px;}
.threecolumnreviews {width:500px;}

#content p { padding-left:15px; padding-right:15px; }
.ctadiv1 {width:590px !important;}
.ctadiv1 iframe {margin-left:15px;}
.ctadiv2 {
    width: 592px;
    float: left;
    padding-top: 10px;
    text-align: center;
}
.leftfloat {
    width: 100%  !important;;
    float: left;
}
.contact-form {
    width: 510px !important;
    margin: auto;
    background: white;
    border-radius: 5px;
    padding: 30px;
    height: 231px !important;
    border: 1px solid #ccc;
    box-shadow: 1px 1px 10px #999;
    margin-top: 20px;
}
.threecol17 div {
    width: 100% !important;
    float: left;
    text-align: center;
}
#residential-roofing-services { width:237px !important; }
#commercial-roofing-services{ width:237px !important; }
.yarpp-related {padding: 0 15px;}
.threepiccol div {
    width: 100% !important;
    float: left;
    text-align: center;
	padding-right:0px !important;
}
.threecolumnfootermain {width:600px;}
.threecolfooter{width:100% !important;padding:0 !important;text-align:center;}
.copywriteinfo {width:100%;}
}