﻿body {
  font-family: arial;
  font-weight: normal;
  font-size: 14px;
  margin:0px;
  padding:0px;
}

/***** Main Page***************/

.galleryNumber
{
    font-size: 17px;
    font-weight: bold; 
    text-align:center;
    vertical-align:middle;
}


#page-wrap { width: 600px; margin: 15px auto; }

p { margin: 0 0 15px 0; }
p:first-child { background: #fffcde; padding: 10px; }
ul { background: #eee; padding: 10px; }
li { margin: 0 0 0 20px; }
#main { width: 390px; float: left; }
#sidebar { width: 190px; float: right; }
 

.grandViewText
{
    font-family:Arial;
    font-weight:bold;
    font-size:16px;
    color:Blue;
}
.veluxText
{
    font-family:Arial;
    font-weight:bold;
    font-size:16px;
    text-align:center;
}
.menuMaster
{
   width:144px;
   height:40px;
   background-repeat:repeat-x;
   text-align:center;
}
.specialTextBig
{
font-weight: bold; 
font-size: 35px; 
font-style: italic; 
font-family: Berylium;
}
.specialTextSmall
{
font-weight: bold; 
font-size: 30px; 
font-style: italic; 
font-family: Berylium;
text-align:center;
color:Red;
}
.specialTextNormal
{
font-weight: normal; 
font-size: 14px; 
font-family: arial;
text-align:center;
}

.menuMasterText
{
    font-family:Arial;
    font-weight:bold;
    font-size:15px;
    text-decoration:none;
    color:White;
    text-align:center;
}
.menuMasterTextDefault
{
    font-family:Arial;
    font-weight:bold;
    font-size:15px;
    text-decoration:none;
    color:White;
    text-align:center;
    padding-top:3px;
}
.menuMasterText2Default
{
    font-family:Arial;
    font-weight:bold;
    font-size:13px;
    text-decoration:none;
    color:White;
    text-align:center;
    padding-top:3px;
}

.menuMasterText2
{
    font-family:Arial;
    font-weight:bold;
    font-size:13px;
    line-height:13px;
    text-decoration:none;
    color:White;
    text-align:center;
}

.tableText
{
  text-align:left;
  font-weight: bold; 
  font-size: 15px; 
}

.mainText
{
  text-align:left;
  font-weight: bold; 
  font-size: 17px; 
  color: white; 
  font-style: italic;
}

.mainTextRed
{
  text-align:left;
  font-weight: bold; 
  font-size: 17px; 
  color: Red; 
  font-style: italic;
  text-decoration:none;
}
.referralHyperMore
{
  
  font-weight: bold; 
  font-size: 9pt; 
  color: blue; 
  font-style: italic;
  font-family: Arial; 
  text-decoration:none;
 
}
.referralText
{
  text-align:left;
  font-weight: bold; 
  font-size: 12pt; 
  color: white; 
  font-family: Monotype Corsiva; 
  height: 120px;
}
.referralName
{
 height: 20px; 
 color: blue; 
 padding-right: 10px; 
 font-weight: bold; 
 font-size: 8pt;
 text-align: right;
}
.txtBoldYellow-c
{
  font-family:Arial Black;
  color:white;
  font-weight:bold;
  font-style:italic;
  font-size: 17px;
  text-align: center;
  vertical-align:middle;
}
.txtBoldYellow
{
  font-family:Arial Black;
  color:white;
  font-weight:bold;
  font-size: 14px;
  text-align: right;
  vertical-align:middle;
}
.txtBoldYellow2
{
  font-family:Arial Black;
  color:yellow;
  font-weight:bold;
  font-size: 17px;
  text-align: right;
  vertical-align:middle;
}

.txtNormal-c
{
  font-family: arial;
  font-weight:normal;
  font-size: 15px;
  text-align: center;
  vertical-align:middle;
}
.txtBold-c
{
  font-family: arial;
  font-weight:bold;
  font-size: 15px;
  text-align: center;
  vertical-align:middle;
}
.txtNormal-l
{
  font-family: arial;
  font-weight:normal;
  font-size: 15px;
  text-align: left;
  vertical-align:middle;
}
.txtBold-l
{
  font-family: arial;
  font-weight:bold;
  font-size: 15px;
  text-align: left;
  vertical-align:middle;
}
/* contact us page****************/

.fontText
{
  font-family: arial;
  font-weight:normal;
  font-size: 16px;
  text-align: left;
  vertical-align:middle;
  padding-right: 10px;
  padding-left: 20px
    }
.fontTextNew
{
  font-family: arial;
  font-weight:normal;
  font-size: 16px;
  text-align: center;
  vertical-align:middle;
    }

.fontText2Left
{
  font-family: arial;
  font-weight:bold;
  font-size: 16px;
  text-align: left;
  vertical-align:top;
  height:27px;
  padding-left: 50px;
    }
.fontText2Left333
{
  font-family: arial;
  font-weight:bold;
  font-size: 14px;
  text-align: left;
  vertical-align:top;
  height:20px;
  padding-left: 10px;
}
.fontTextRight
{
  font-family: arial;
  font-weight:bold;
  font-size: 14px;
  text-align: right;
  vertical-align:top;
}

 .fontText2Left333N
{
  font-family: arial;
  font-weight:normal;
  font-size: 14px;
  text-align: left;
  vertical-align:top;
  height:20px;
  padding-left: 10px;
    }

.textbox
{
  font-family: arial;
  font-weight:normal;
  font-size: 16px;
  text-align: left;
  vertical-align:middle;
  height:23px;
  width:247px;
}
.textbox333
{
  font-family: arial;
  font-weight:normal;
  font-size: 12px;
  text-align: left;
  vertical-align:middle;
  height:20px;
  width:247px;
}

.dropdown
{
  font-family: arial;
  font-weight:normal;
  font-size: 12px;
  text-align: left;
  vertical-align:middle;
  height:20px;
  width:250px;
}

.fontText33
{
  font-family: arial;
  font-weight:bold;
  font-size: 18px;
  text-align: center;
  vertical-align:middle;
  height:30px;
    }
/*referral page**************/
.ref
{
  font-family: arial;
  font-weight:normal;
  font-style:italic;
  font-size: 14px;
  height:50px; 
  text-align:left;
  vertical-align:middle;
}

.ref2
{
  font-family: arial;
  font-weight:bold;
  font-size: 13px;
  color:red;
  height:40px; 
  border-bottom: black thin solid;
  text-align:right;
  margin-right:20px;
  vertical-align:bottom;
}

/*certification page**************/
 .fontcerti
{
  font-family: arial;
  font-weight:bold;
  font-size: 14px;
  text-align: center;
  vertical-align:middle;
  height:25px;
    }
    .fontText2
{
  font-family: arial;
  font-weight:bold;
  font-size: 16px;
  text-align: center;
  vertical-align:middle;
  padding-right: 10px;
  padding-left: 20px;
  height:27px;
  
    }
    
    .fontText22
{
  font-family: arial;
  font-weight:bold;
  font-size: 16px;
  color:Blue;
}
/*roofing page************/
 .roofontText
{
  font-family: arial;
  font-weight:normal;
  font-size: 15px;
  text-align: left;
    }
     .roofontText33
{
  font-family: arial;
  font-weight:normal;
  font-size: 14px;
  text-align: left;
    }

    .roofontText2
{
  font-family: arial;
  font-weight:normal;
  font-size: 18px;
  text-align: left;
    }
     .roofontTextHeader
{
  font-family: arial;
  font-weight:bold;
  font-size: 23px;
  height:70px;
  text-align: center;
  vertical-align:middle;
    }
.rooHyperRed
{
  font-family: arial;
  font-weight:normal;
  font-size: 16px;
  color:Red;
  text-decoration:none;
    }
    .rooHyperRed33
{
  font-family: arial;
  font-weight:normal;
  font-size: 14px;
  color:Red;
  text-decoration:none;
    }

.rooHyperBlue
{
  font-family: arial;
  font-weight:normal;
  font-size: 16px;
  color:Blue;
  text-decoration:none;
}
.rooHyperBlue333
{
  font-family: arial;
  font-weight:bold;
  font-size: 12px;
  color:Blue;
  text-decoration:none;
}

.rooHyperBlue33
{
  font-family: arial;
  font-weight:normal;
  font-size: 14px;
  color:Blue;
  text-decoration:none;
}
.rooHyperRed33
{
  font-family: arial;
  font-weight:bold;
  font-size: 14px;
  color:Red;
  text-decoration:none;
}
    .sidingText2
{
  font-family: arial;
  font-weight:bold;
  font-size: 14px;
  color:black;
  text-align:center;
 }
    .letterText
{
  font-family: arial;
  font-weight:bold;
  font-size: 14px;
  color:blue;
  text-align:center;
  text-decoration:underline;
 }

    .sidingText
{
  font-family: arial;
  font-weight:bold;
  font-size: 12px;
  color:white;
  text-align:center;
 }

    .rooHyperBlueBlink
{
  font-family: arial;
  font-weight:bold;
  font-size: 16px;
  color:blue;
  text-decoration:blink;
 }
     .rooHyperBlueBlink2
{
  font-family: arial;
  font-weight:bold;
  font-size: 12px;
  color:blue;
  text-decoration:blink;
 }

     .rooHyperRedBlink
{
  font-family: arial;
  font-weight:bold;
  font-size: 18px;
  color:Red;
  text-decoration:blink;
 }
     .rooHyperBlackBlink
{
  font-family:arial;
  font-weight:bold;
  font-size: 20px;
  color:#080808;
  text-decoration:blink;
 }
     .rooHyperBlackBlink2
{
  font-family:arial;
  font-weight:bold;
  font-size: 16px;
  color:black;
  text-decoration:blink;
 }
      .rooHyperBlackBlink33
{
  font-family:arial;
  font-weight:bold;
  font-size: 14px;
  color:black;
  text-decoration:blink;
 }

     .rooHyperWhiteBlink
{
  font-family:arial;
  font-weight:bold;
  font-size: 16px;
  color:White;
  text-decoration:blink;
 }

    .rooHyperBlueBold
{
  font-family: arial;
  font-weight:bold;
  font-size: 16px;
  color:Blue;
  text-decoration:none;
    }
    .fontProd
{
  color:blue;
  font-family: arial;
  font-weight:bold;
  font-size: 14px;
  text-align: left;
  vertical-align:middle;
  height:150px;
    }
.fontcertainHeader2
{
  color:blue;
  font-family:Lucida Calligraphy;
  font-weight:bold;
  font-style:italic;
  font-size: 20px;
  text-align: center;
  vertical-align:middle;
  height:40px;
    }
    
    .fontcertainHeader
{
  color:blue;
  font-family: arial;
  font-weight:bold;
  font-style:italic;
  font-size: 20px;
  text-align: center;
  vertical-align:middle;
  height:40px;
    }

    .fontcertain
{
  color:black;
  font-family: arial;
  font-weight:bold;
  font-size: 14px;
  text-align: center;
  vertical-align:middle;
  height:20px;
    }
    .referralText2
{
  text-align:left;
  font-weight: normal; 
  font-size: 16px; 
  font-family:Comic Sans MS;
}
    .referralText33
{
  text-align:left;
  font-weight: normal; 
  font-size: 14px; 
  font-family:Comic Sans MS;
}

    .creditCard
{
  text-align:center;
  font-weight: bold; 
  font-size: 12px; 
  color:White;
}
/*******stone*******/
.stoneHyperBlue
{
  font-family: arial;
  font-weight:normal;
  font-size: 18px;
  color:Blue;
  text-decoration:none;
    }
.stonefontText2
{
  font-family: arial;
  font-weight:normal;
  font-size: 18px;
  text-align: left;
    }
    
    .doorfontText2
{
  font-family: arial;
  font-weight:bold;
  font-size: 12px;
  color:Blue;
  text-decoration:none;
    }
    .specialText
{
  font-family: arial;
  font-weight:bold;
  font-size: 22px;
  text-align: center;
    }

    .hyperWhite
{
  font-family:arial;
  font-weight:bold;
  font-size: 11px;
  color:White;
  text-decoration: none;
 }
    .hyperWhite17
{
  font-family:arial;
  font-weight:bold;
  font-size: 17px;
  color:White;
  text-decoration: none;
 }

    .hyperMap
{
  font-family:arial;
  font-weight:bold;
  font-size: 17px;
  color:Blue;
  text-decoration: underline;
  padding-bottom: 10px;
 }
 
a.viewWebsite:link {color:#ffffff;  border:solid 5px #000000; background-color:#000000; font-size:22px;  font-weight:bold;  font-family:arial; cursor:hand; text-decoration:none}
a.viewWebsite:visited {color:#ffffff;  border:solid 5px #000000; background-color:#000000; font-size:22px;  font-weight:bold;  font-family:arial; cursor:hand; text-decoration:none}
a.viewWebsite:active {color:red;  border:solid 5px #000000; background-color:#000000; font-size:22px;  font-weight:bold;  font-family:arial; cursor:hand; text-decoration:none}
a.viewWebsite:hover {color:red;  border:solid 5px #000000; background-color:#000000; font-size:22px;  font-weight:bold;  font-family:arial; cursor:hand; text-decoration:none}


a.yearLink:link {color:#000000; font-size:22px;  font-weight:bold;  font-family:arial; cursor:hand; text-decoration:none}
a.yearLink:visited {color:#000000; font-size:22px;  font-weight:bold;  font-family:arial; cursor:hand; text-decoration:none}
a.yearLink:active {color:red; font-size:22px;  font-weight:bold;  font-family:arial; cursor:hand; text-decoration:none}
a.yearLink:hover {color:red; font-size:22px;  font-weight:bold;  font-family:arial; cursor:hand; text-decoration:none}


a.galleryLnkDown:link {color:#000000; font-size:17px;  font-weight:bold;  font-family:arial; cursor:hand; text-decoration:none}
a.galleryLnkDown:visited {color:#000000; font-size:17px;  font-weight:bold;  font-family:arial; cursor:hand; text-decoration:none}
a.galleryLnkDown:active {color:blue; font-size:17px;  font-weight:bold;  font-family:arial; cursor:hand; text-decoration:underline}
a.galleryLnkDown:hover {color:blue; font-size:17px;  font-weight:bold;  font-family:arial; cursor:hand; text-decoration:underline}


a.galleryLnkStay:link {color:blue; font-size:17px;  font-weight:bold;  font-family:arial; cursor:hand; text-decoration:underline}
a.galleryLnkStay:visited {color:blue; font-size:17px;  font-weight:bold;  font-family:arial; cursor:hand; text-decoration:underline}
a.galleryLnkStay:active {color:red; font-size:17px;  font-weight:bold;  font-family:arial; cursor:hand; text-decoration:underline}
a.galleryLnkStay:hover {color:red; font-size:17px;  font-weight:bold;  font-family:arial; cursor:hand; text-decoration:underline}


a.galleryLnkDownStay:link {color:red; font-size:17px;  font-weight:bold;  font-family:arial; cursor:hand; text-decoration:underline}
a.galleryLnkDownStay:visited {color:red; font-size:17px;  font-weight:bold;  font-family:arial; cursor:hand; text-decoration:underline}
a.galleryLnkDownStay:active {color:blue; font-size:17px;  font-weight:bold;  font-family:arial; cursor:hand; text-decoration:underline}
a.galleryLnkDownStay:hover {color:blue; font-size:17px;  font-weight:bold;  font-family:arial; cursor:hand; text-decoration:underline}

a.galleryLnk:link {color:black; font-size:17px;  font-weight:bold;  font-family:arial; cursor:hand; text-decoration:none}
a.galleryLnk:visited {color:black; font-size:17px;  font-weight:bold;  font-family:arial; cursor:hand; text-decoration:none}
a.galleryLnk:active {color:blue; font-size:17px;  font-weight:bold;  font-family:arial; cursor:hand; text-decoration:underline}
a.galleryLnk:hover {color:blue; font-size:17px;  font-weight:bold;  font-family:arial; cursor:hand; text-decoration:underline}


.bigHeader
{
    Font-Size:40px; 
    font-family:Arial;
    font-weight:bold;
}
.multiTextBox
{
    width:98%;
    Font-Size:15px; 
    font-family:Arial;
}
.textDesc
{
    text-align:center;
    border-style:none;
    overflow:auto;
    height:100px;
    width:90%;
    Font-Size:15px; 
    font-family:Arial;
}
.changeButton
{
    width:100%;
    height:30px;
    Font-Size:15px; 
}
.saveDesc
{
    width:100%;
    height:30px;
    Font-Size:15px; 
}
.upload
{
    width:100%;
    height:30px;
    Font-Size:15px; 
}
.headerGallery
{
    font-weight:bold; 
    Font-Size:30px; 
    Width:99%;
}
.editHeader
{
    height:35px;
    width:100%;
    font-size:17px; 
}
  /*this is what we want the div to look like*/
div.botright2{
    display:block;

    /*set the div in the bottom right corner*/
    position:fixed;
    bottom:0;
    right:0;
    width:300px;
    height: 100px;
    
    /*give it some background and border*/
    padding: 5px;
    margin: 5px;
    
    background:#ddd;
    border:1px solid #eee;
}
