/* #### 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:1550px;
	background-color:#64B5E2;
        z-index:1px;
}
#logo {  float:right;
         margin:0 170px 0 0;     
}

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

#leftside {position:relative;
           margin:30px 0 0 60px; 
           width:42%; height:216px;
           padding:2px 8px 5px 8px;
           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:-25px 20px 0 540px;
       width:39%;
       height:202px;
       padding:20px 8px 4px 12px;
       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 ul {list-style-type:round;}

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;
         max-height:150px;
         min-height:120px;
         width:96%;
         font-family:Calibri;
         font-size:13px;
         padding:10px 20px 0 20px;
         margin-top:480px;
}
#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;}




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

.slidetabsmenu{
width:100%;
font-size: 14px;
line-height:normal;
border-bottom: 3px black;
padding: 95px 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://ff86b9.claudeassets.com/20160320124734im_/https://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://9a8fdd.claudeassets.com/20160320124734im_/https://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:46 May 13, 2016 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 03:53:01 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.303
  exclusion.robots: 0.035
  exclusion.robots.policy: 0.029
  esindex: 0.005
  cdx.remote: 34.554
  LoadShardBlock: 476.84 (3)
  PetaboxLoader3.datanode: 497.992 (4)
  load_resource: 116.744
  PetaboxLoader3.resolve: 72.579
*/