/* #### Main Styling for About. Adjusted for gutters ####*/

 
body {
	line-height: 1;
}
ol, ul {
	list-style: disc;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*********************end reset****************/

html,body {
   margin:0;
   padding:0;
}
body{
	background-image: linear-gradient(bottom, #E6E6E6 0%, #7C8080 49%, #E6E6E6 100%);
	background-image: -o-linear-gradient(bottom, #E6E6E6 0%, #7C8080 49%, #E6E6E6 100%);
	background-image: -moz-linear-gradient(bottom, #E6E6E6 0%, #7C8080 49%, #E6E6E6 100%);
	background-image: -webkit-linear-gradient(bottom, #E6E6E6 0%, #7C8080 49%, #E6E6E6 100%);
	background-image: -ms-linear-gradient(bottom, #E6E6E6 0%, #7C8080 49%, #E6E6E6 100%);
	background-repeat:repeat;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#E6E6E6', endColorstr='#7C8080');/*For IE7-8-9*/ 
        height: 1%;/*For IE7*/
        zoom:1;
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #E6E6E6),
		color-stop(0.49, #7C8080),
		color-stop(1, #E6E6E6)
		);
}

#wrapper{position:relative
	padding: 0; 
	margin: auto; 
	width:999px; height:1275px;
	background-color:#64B5E2;
        z-index:1px;
}
#logo {  float:right;
         margin:0 170px 0 0;     
}

 #banner{
  border:1px solid #000;
  height:136px; margin-top:127px;
  width:998px;
  }
  
  #bannerSide{ border:1px solid #000;
  height:136px; margin-top:28px;
  width:998px; border-top:2px solid #000;
  position:absolute;
  }

#leftside {position:relative;
           margin:25px 0 0 90px; 
           width:40%; height:225px;
           padding:20px;
           text-align:justify; 
           line-height:21px; 
           font-family:Calibri, sans-serif;
           font-size:18px; 
           background-color:#cdcdcd;
           z-index:2;
           
  -moz-box-shadow:    0 4px 6px 2px #777;
  -webkit-box-shadow: 0 4px 6px 2px #777;
  box-shadow:         0 4px 6px 2px #777;
        }
 

#rightside { position:relative;
       margin:-260px 12px 0 570px;
       width:38%;
       height:155px;
       padding:10px 6px 0 6px;
       line-height:21px; 
       font-family:Calibri, sans-serif; 
       font-size:18px; 
        background-color:#cdcdcd;
        z-index:2;
        list-style-type: square;
              
  -moz-box-shadow:    0 4px 6px 2px #777;
  -webkit-box-shadow: 0 4px 6px 2px #777;
  box-shadow:         0 4px 6px 2px #777;   
              
        }

a:link{color:#000000; text-decoration:none;} /*unvisited link*/
a:visited{color:#blue;} /*visited link*/
a:hover {color:#897CA1;}  /*mouse over link*/


#footer{  
        position:relative;
         display:inline-block;
         min-height:115px;
         max-height:151px;
         width:96%;
         font-family:Calibri;
         font-size:13px;
         padding:10px 20px 0 20px;
         margin-top:70px;
}
#footer{background-repeat:repeat;
background-image: linear-gradient(left , #929294 0%, #DBDBDB 50%, #929294 100%);
background-image: -o-linear-gradient(left , #929294 0%, #DBDBDB 50%, #929294 100%);
background-image: -moz-linear-gradient(left , #929294 0%, #DBDBDB 50%, #929294 100%);
background-image: -webkit-linear-gradient(left , #929294 0%, #DBDBDB 50%, #929294 100%);
background-image: -ms-linear-gradient(left , #929294 0%, #DBDBDB 50%, #929294 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#929294, endColorstr=#DBDBDB);/*For IE7-8-9*/ 
        height: 14%;/*For IE7*/
        zoom:1;
background-image: -webkit-gradient(
	linear,
	left bottom,
	right bottom,
	color-stop(0, #929294),
	color-stop(0.5, #DBDBDB),
	color-stop(1, #929294)
);
 }


h3 {margin-left:100px; font-family:Calibri;
    margin-top:235px;}

#leftcol {position:relative;
           margin:10px 0 0 90px; 
           width:42%; 
           height:280px;
           padding:20px;
           text-align:left; 
           line-height:21px; 
           font-family:Calibri, sans-serif;
           font-size:18px; 
           background-color:#cdcdcd;
          
  -moz-box-shadow:    0 4px 6px 2px #777;
  -webkit-box-shadow: 0 4px 6px 2px #777;
  box-shadow:         0 4px 6px 2px #777;
           
           }
#rightcol {position:relative;
           float:right;
           margin:-320px 90px 0 10px; 
           width:27%; 
           height:280px;
           padding:20px;
           text-align:left; 
           line-height:21px; 
           font-family:Calibri, sans-serif;
           font-size:18px; 
           background-color:#cdcdcd;
           
  -moz-box-shadow:    0 4px 6px 2px #777;
  -webkit-box-shadow: 0 4px 6px 2px #777;
  box-shadow:         0 4px 6px 2px #777;
           
           }



/*******************************************/
/* ###### Style for Navigation ###### */

.slidetabsmenu{
width:100%;
font-size: 14px;
line-height:normal;
border-bottom: 3px black;
padding: 100px 5px 0 32px;
font-family:Arial, Helvetica, sans-serif;
font-weight:200;
}


* html .slidetabsmenu{ /*IE only. Add 1em spacing between menu and rest of content*/
margin-bottom: 1em;
}

.slidetabsmenu ul{
list-style-type: none;
margin:0;
padding:0;
}

.slidetabsmenu li{
display:inline;
margin:0;
padding:0;
}

.slidetabsmenu a{
float:left;
background:url(https://a05abc.claudeassets.com/20160320124734im_/https://www.superiorexteriorcontracting.com/css/media/slide-left.gif) no-repeat left top;
margin:0;
margin-right: 5px;
padding:0 32px 0 10px;
text-decoration:none;
}

.slidetabsmenu a span {
float:left;
display:block;
background:url(https://aeb1b6.claudeassets.com/20160320124734im_/https://www.superiorexteriorcontracting.com/css/media/slide-right.gif) no-repeat right top;
padding:8px 45px 6px 33px;
font-weight:bold;
color:#000;
}



/* Commented Backslash Hack hides rule from IE5-Mac \*/
.slidetabsmenu a span {float:none;}
/* End IE5-Mac hack */

.slidetabsmenu a:hover span, .slidetabsmenu li.selected a span{
color: #710000;
}
.slidetabsmenu a:hover, .slidetabsmenu li.selected a{
background-position:0% -125px;
}
.slidetabsmenu a:hover span, .slidetabsmenu li.selected a span{
background-position:100% -125px;
}
html>/**/body .IEonlybr{ /*None IE browsers hack*/
display: none; /*Hide BR tag in non IE browsers, since it's not needed*/
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv_c{
	position:absolute;
	top: 307px;
	border: 1px solid #918d8d; /*THEME CHANGE HERE*/
	border-width: 0 1px;
	font:normal 12px Arial;
	line-height:18px;
	z-index:100;
	background-color: #cdcdcd;
	width: 150px;
	visibility: hidden;
	left: 219px;
}


.dropmenudiv_c a{
width: auto;
display: block;
text-indent: 5px;
border: 0 solid #918d8d; /*THEME CHANGE HERE*/
border-bottom-width: 1px;
padding: 2px 0;
text-decoration: none;
font-weight: regular;
color: black;
}

* html .dropmenudiv_c a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv_c a:hover{ /*THEME CHANGE HERE*/
background-color:#999;
}
/*
     FILE ARCHIVED ON 00:43:22 May 13, 2016 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 03:53:25 May 30, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.428
  exclusion.robots: 0.049
  exclusion.robots.policy: 0.04
  esindex: 0.006
  cdx.remote: 8.745
  LoadShardBlock: 79.113 (3)
  PetaboxLoader3.datanode: 68.644 (4)
  PetaboxLoader3.resolve: 78.7 (3)
  load_resource: 95.64
*/