/* This stylesheet is used to style the individual pages */



.spacer-10{width: 100%; height: 10px;}
.spacer-20{width: 100%; height: 20px;}
.spacer-30{width: 100%; height: 30px;}
.spacer-40{width: 100%; height: 40px;}





.page-title{
padding-top: 20px;
margin-left: 10px;
font-family: trebuchet, Arial;
font-size: 13pt;
font-weight: bold;
color: #03305f;
}



.left-column{width: 550px; vertical-align: top;}
.right-column{width: 240px; vertical-align: top;}

.left-column-wide{width: 650px; vertical-align: top;}
.right-column-wide{width: 140px; vertical-align: top;}

.no-table-left{width: 550px; float: left; overflow: hidden;}
.no-table-right{width: 240px; float: left; overflow: hidden;}

.no-table-left-narrow{width: 485px; float: left; overflow: hidden;}
.no-table-right-narrow{width: 305px; float: left; overflow: hidden;}

.unique-container{width: 790px; margin-top: 0px; background-color: #03305f;}
.unique-container h3{
margin-top: 0px;
margin-bottom: 20px;
text-align: center;
font-size: 14pt;
color: #ffffff;
}
.unique-container a:link, .unique-container a:active, .unique-container a:visited{
font-size: 10pt; 
font-family: Arial, Times, san-serif; 
font-weight: bold; 
text-decoration: none; 
color: #ffce06;
}
.unique-container a:hover{
font-size: 10pt; 
font-family: Arial, Times, san-serif; 
font-weight: bold; 
text-decoration: underline; 
color: #ffce06;
}


.bottom-grad-white{
width: 790px;
height: 143px;
background-image: url(../images/elements/bottom-grad-blue-white.jpg);
background-repeat: no-repeat;
overflow: hidden;
}
.bottom-grad-blue{
width: 790px;
height: 73px;
background-image: url(../images/elements/bottom-grad-blue.jpg);
background-repeat: no-repeat;
overflow: hidden;
}


.paragraphs{width: 530px; margin-right: 10px; margin-left: 10px;}
.paragraphs h4{color: #03305f;}

.paragraphs-border{width: 505px; padding: 10px; margin-right: 10px; margin-left: 10px; border: 1px solid #03305f;}
.paragraphs-border h4{color: #03305f;}

.paragraphs-large{width: 600px; margin-left: 50px;}

.paragraphs-narrow{width: 465px; margin-right: 10px; margin-left: 10px;}
.paragraphs h4{color: #03305f;}

.paragraphs-grey{
width: 510px; 
padding: 10px;
border: 2px solid #7b7b7b; 
margin-left: 10px; 
color: #ffffff;
}


.side-photo{margin: 0px auto; margin-top: 30px;}



/* ====================== HOME PAGE ================= */

/* Banner at the top of home page */
.homepage-banner{
width: 775px;
height: 190px;
margin: 0px auto;
margin-top: 15px;
background-image: URL(../images/elements/homepage-banner2.jpg);
background-repeat: no-repeat;
overflow: hidden;
}


.homepage-banner-left{
width: 150px;
height: 190px;
float: left;
overflow: hidden;
}
.homepage-banner-center{
width: 325px;
height: 190px;
float: left;
overflow: hidden;

}
.homepage-banner-center p{
text-align: center;
margin-top: 35px;
font-family: Arial, Times;
font-size: 18pt;
font-weight: bold;
color: #ffffff;
}
.homepage-banner-right{
width: 300px;
height: 190px;
float: left;
overflow: hidden;
}


.home-side-image{

}

.home-bottom{

}
.home-bottom-left{
width: 435px;
float: left;
}
.home-bottom-left p{
text-align: center;
font-size: 13pt;
font-weight: bold;
color: #03305f;
}
.home-bottom-right{
width: 350px;
float: left;
}



/* Schedule Free Estimate */
.estimate-form-holder{width: 226px; margin-top: 20px;}
.estimate-form-top{
width: 226px;
height: 8px;
margin: 0px auto;
margin-top: 20px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
background-image: url(../images/form/form-top.jpg);
background-repeat: no-repeat;
overflow: hidden;
}

.estimate-form-center{
width: 224px;
border-right: 1px solid #7b7b7b;
border-left: 1px solid #7b7b7b;
background-color: #03305f;
}
.estimate-form-center h4{
margin-top: 0px;
text-align: center;
font-size: 11pt;
color: #ffce06;
}
.estimate-form-center p{
text-align: right;
margin-right: 7px;
font-weight: bold;
color: #ffce06;
}


.estimate-form-bottom{
width: 226px;
height: 8px;
margin: 0px auto;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 20px;
margin-left: 0px;
background-image: url(../images/form/form-bottom.jpg);
background-repeat: no-repeat;
overflow: hidden;
}

/* ====================== ABOUT  PAGE ================= */

/* ====================== LOCATIONS PAGE ============== */

.each-location{
width: 160px;
height: 140px;
margin-top: 5px;
margin-right: 5px;
margin-bottom: 5px;
margin-left: 5px;
float: left;
overflow: hidden;
}
.each-location img{
border: 2px solid #03305f;
}
.each-location p{
margin-top: 2px;
text-align: center;
}

/* ====================== GLASS OPTION PAGE ================= */

.each-glass{
width: 200px;
height: 175px;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
float: left;
overflow: hidden;
}
.each-glass p{
text-align: center;
font-weight: bold;
margin-top: 2px;
}
/* ====================== HARDWARE PAGE ================= */

.hard-main-each{
width: 200px;
height: 200px;
margin: top: 5px;
margin-right: 25px;
margin-bottom: 5px;
margin-left: 25px;
float: left;
}

.hardware-inner{

}
.hardware-inner p{
color: #ffffff;
}
.hardware-inner a:link, .hardware-inner a:active, .hardware-inner a:visited{
font-size: 10pt; 
font-family: Arial, Times, san-serif; 
font-weight: bold; 
text-decoration: none; 
color: #ffce06;
}
.hardware-inner a:hover{
font-size: 10pt; 
font-family: Arial, Times, san-serif; 
font-weight: bold; 
text-decoration: underline; 
color: #ffce06;
}
/* ====================== AWARDS PAGE ================= */

.each-award{
width: 200px;
height: 175px;
margin-top: 5px;
margin-right: 10px;
margin-bottom: 5px;
margin-left: 5px;
float: left;
}


/* ===================== CONTACT PAGE ================= */



.cpmainContainer{
width:400px;
margin-left: 20px;
color: #3e1c0e;
border: #3e1c0e 1px solid;
}

.cpformdiv{
float:left;
width: 180px; 
padding-left: 10px; 
padding-top: 7px;
}

.cpformdiv input{
background-color: #ffffff; 
border: #000080 1px solid;
font-weight: bold; 
color: #000080;
padding-left: 2px;
}

.cpselect{
float: left; 
background-color: #ffffff; 
border: #ffca13 2px groove; 
width: 165px;
}

.cpformtxt{
float:left; 
padding-left: 10px; 
padding-top: 20px;
}

.cptextarea{
background-color: #ffffff; 
border: #000080 1px groove;
width: 365px;
height: 90px; 
background-color: #ffffff;
padding: 5px;
font-weight: bold; 
color: #000080;
}

.cpsubmit{
padding-top:20px;
padding-right: 20px;
float:right;
}


/* INSTANT CALL BACK */




/* FREE QUOTE FORM */

.each-style{
width: 75px;
height: 110px;
margin: 0px auto;
margin-top: 5px;
margin-right: 7px;
margin-bottom: 5px;
margin-left: 7px;
float: left;
overflow: hidden;
}

.free-quote-left{
width: 280px;
margin-left: 10px;
float: left;
overflow: hidden;
}
.free-quote-left p{
text-align: left;
}
.free-quote-right{
width: 434px;
margin-left: 0px;
float: left;
}


.inside-form{color: #4b4b4b;}
.inside-form p{
color: #4b4b4b;
}

.free-quote-holder input{
width: 200px;
}

/*********  **********/

.free-quote-title{
width: 100%;
height: 20px;
margin-top: 5px;
}

.free-quote-title p{
font-size: 15pt;
font-weight: bold;
color: #7b7b7b;
margin: 0px auto;
text-align: center;
}

.free-quote-submit{
margin: 0px auto;
margin-bottom: 10px;
text-align: center;
}

#disclaimer2{
font-family: Times, Arial;
font-size: 9pt;
color: #7b7b7b;
text-align: center;
}

/* =================== DESIGN TIPS PAGE ============== */

.tip-holder{
width: 314px;
height: 453px;
margin: 0px auto;
}

.tip-previous{
width: 168px;
height: 40px;
margin-top: 20px;
margin-right: 150px;
margin-bottom: 20px;
margin-left: 50px;
float: left;
}
.tip-previous img a{
border: 2px solid #ffffff;
}
.tip-previous img a:hover{
border: 2px solid #ffdb36;
}
.tip-next{
width: 168px;
height: 40px;
margin-top: 20px;
margin-right: 50px;
margin-bottom: 20px;
margin-left: 150px;
float: left;
}
.tip-next img a{
border: 2px solid #ffffff;
}
.tip-next img a:hover{
border: 2px solid #ffdb36;
}

/* =================== VIEW GLASS OPTIONS PAGE ======== */


.view-glass-holder{
width: 500px;
height: 360px;
margin: 0px auto;
}