.main { font-family: arial; color: #002261; font-weight: normal; font-size: 9pt; }

.pageLink
{
    font-family: arial;
    font-size:8pt;
    text-decoration:none;
}
.pageLink a:hover
{
    color:blue;
    font-size:8pt;
    text-decoration:underline;
}

.mainblacksmall { font-family: arial; color: #000000; font-weight: normal; font-size: 8pt; }

.topnav { font-family: arial; color: #ffffff; font-weight: bold; font-size: 9pt;}

.topnav2 { font-family: arial; color: #3d7896; font-weight: bold; font-size: 9pt;}

.spanUserMenu { text-align:right; }

.sidenav { font-family: arial; color: #000000; font-weight: bold; font-size: 9pt; }

.heading  { font-family: Verdana; color: #B14B00; font-weight: bold; font-size: 12pt; padding-left: 25px;}

.heading2 { font-family: Verdana; color: #000000; font-weight: bold; font-size: 10pt;}

.heading3 { font-family: Verdana; color: #000000; font-weight: bold; font-size: 10pt;  padding-left: 25px; padding-right: 15px;}

.small { font-family: arial; color: #002261; font-weight: normal; font-size: 8pt; } 

.medium { font-family: arial; color: #002261; font-weight: normal; font-size: 10pt; } 

.small01 { font-family: arial; color: #000000; font-weight: normal; font-size: 8pt; } 
02.jpg) no-repeat top left left }

.mybg01 { background: #F7E7C1 url(images/bg03.jpg) no-repeat top right right }

.mybg02 { background: #F7E7C1 url(images/bg-about.jpg) no-repeat top right right }

.mybg03 { background: #F7E7C1 url(images/bg-services.jpg) no-repeat top right right }

.mybg04 { background: #F7E7C1 url(images/bg-contact.jpg) no-repeat top right right }

.mybg05 { background: #F7E7C1 url(images/bg-maintenance.jpg) no-repeat top right right }

.mybg06 { background: #F7E7C1 url(images/bg-finishedroof.jpg) no-repeat top right right }

.mybg07 { background: #F7E7C1 url(images/bg-home.jpg) no-repeat top right right }

.mybg09 { background: #F7E7C1 url(images/bg-custom-work.jpg) no-repeat top right right }

.mybg10 { background: #F7E7C1 url(images/bg-before-after.jpg) no-repeat top right right }

.mybg08 { background: #F7E7C1 url(images/bg04.jpg) no-repeat top left left }

.myheight {line-height: 18px; font-family: verdana; color: #000000; font-weight: normal; font-size: 8pt;}

p {line-height: 12px; font-family: arial; color: #000000; font-weight: normal; font-size: 9pt; padding-left: 26px; padding-right: 26px;}

ol {padding-left: 25px; padding-right: 25px;}

ul {padding-left: 15px; padding-right: 15px;}

TABLE.myTable {
font-family: arial; color: #ffffff; font-weight: bold; font-size: 9pt;
}    

TABLE.myTable1 {
font-family: arial; color: #000000; font-weight: normal; font-size: 9pt;
} 


TABLE.myTable2 {
font-family: arial; color: #000000; font-weight: normal; font-size: 9pt;
border-top:  1px solid #777777;
border-left:  1px solid #777777;
border-right:  1px solid #777777;
border-bottom: 1px solid #777777;
} 

TABLE.myTable3 {
font-family: arial; color: #000000; font-weight: normal; font-size: 9pt;
border-bottom:  1px solid #999999;
border-left:  1px solid #999999;
border-right:  1px solid #999999;
border-top:  1px solid #999999;
} 

TABLE.myTable4 {
font-family: arial; color: #000000; font-weight: normal; font-size: 9pt;
border-top:  1px solid #777777;
border-left:  1px solid #777777;
} 

TD.myTD4 {
border-bottom:  1px solid #777777;
border-right:  1px solid #777777;
}


TABLE.myTable5 {
font-family: arial; color: #000000; font-weight: normal; font-size: 9pt;
border-top:  1px solid #000000;
border-left:  1px solid #000000;
border-bottom:  1px solid #000000;
border-right:  1px solid #000000;
} 

TABLE.myTable6 {
font-family: arial; color: #000000; font-weight: normal; font-size: 9pt;
border-top:  1px solid #999999;
border-left:  1px solid #999999;
} 

TD.myTD5 {
font-family: arial; color: #000000; font-weight: bold; font-size: 8pt;
border-right:  1px solid #999999;
border-bottom:  1px solid #999999;
border-top:  1px solid #999999;
}


TD.myTD6 {
font-family: arial; color: #000000; font-weight: bold; font-size: 8pt;
border-bottom:  1px solid #999999;
border-right:  1px solid #999999;
border-left:  1px solid #999999;
border-top:  1px solid #999999;
}



TD.myTD {
border-right:  1px solid #AA6253;
font-family: arial; color: #000000; font-weight: bold; font-size: 8pt;
}

TD.myTD1 {
border-bottom:  1px solid #BA9E7A;
border-left:  1px solid #BA9E7A;
}


TD.myTD2 {
border-bottom:  1px solid #BA9E7A;
}


myBody 
{ 
scrollbar-base-color: orange; 
scrollbar-arrow-color: green;
scrollbar-DarkShadow-Color: blue; 
}



.myiframe {
border-bottom:  1px solid #999999;
border-right:  1px solid #999999;
border-left:  1px solid #999999;
border-top:  1px solid #999999;
}



#showimage{
position:absolute;
visibility:hidden;
border: 1px solid gray;
}

#dragbar{
cursor: hand;
cursor: pointer;
background-color: #EFEFEF;
min-width: 100px; /*NS6 style to overcome bug*/
}

#dragbar #closetext{
font-family: arial; color: #000000; font-weight: bold; font-size: 8pt;
margin-right: 1px;
}



.wrap1{
position:relative;
}
.wrap2{
position:relative;
}
#dropmenu0{
z-index:100;
}








/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Arial;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #002261;
background: white url(images/shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #002261;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #028e88;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
}

.shadetabs li a.selected{ /*selected main tab style */
background-image: url(images/shadeactive.gif);
color: #ffffff;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
color: white;
}

.shadetabs li a.selected:visited{ /*selected main tab style */
text-decoration: none;
color: white;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}



    .cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2{
      background: transparent url(images/img.png) no-repeat bottom right}
    .cssbox{

      width:275px !important; 
      width: 260px; 
      padding-right:0px;
      margin:20px auto}

    .cssbox_head{background-position:top right;
      margin-right:-15px; 
      padding-right:0px}

    .cssbox_head h2{
      font-size:12px;
      font-weight:normal;
      background-position:top left;
      margin:0;
      border:0;

      padding:0px 0 0px 0px; 
      height:auto !important;
      height:1%}

    /* set the lower-left corner image */
    .cssbox_body{
      background-position:bottom left;
      margin-right:25px; /* interior-padding right */ 
      padding:0px 0 0px 0px} /* mirror .cssbox_head right/left */