﻿/* Stylesheet.css */

/* Body text and page background */
body{
font-family: 'Book Antigua', Times, Serif;
/*  Would like to start using em  */
font-size: 0.93em;
/* font-size: 10px; */
color: #000000;
background-color: #9F9975;
margin: 0px;
/* Last two lines below commented out. If you want to use */
/* a picture background, remove comment characters */
/* and set the url to a valid background image */
/* background-image: url("pix/bkg/crosshatch.jpg"); */
/* background-repeat: repeat; */
	SCROLLBAR-BASE-COLOR: #9F9975;
	SCROLLBAR-ARROW-COLOR: #000000;
}
/*  Testing to see if we need p & td defined */
td {
	font-family:"Eras Medium ITC";
	font-size: 0.93em;
	line-height: normal;
	COLOR: #ffffff;
	margin: 0px 0px 0px 0px;
    margin-right: 5px;
    margin-left: 5px;
}
p {
	font-family:"Eras Medium ITC";
	font-size: 0.93em;
	line-height: normal;
	COLOR: #ffffff;
	margin: 0px 0px 0px 0px;
    margin-right: 5px;
    margin-left: 5px;
}

div.q {
	color:#2C3E31;
}

div.a {
	color:#0C101F;
}

/* Float image to right of paragraph */
div.floatRight{
float: left;
/* margin-right: 5px; */
margin-left: 25px;
}
/* Float image to right of paragraph */
div.floatLeft{
float: right;
/* margin-right: 5px; */
margin-right: 25px;
}
/* Defining all headers with the same characteristics */
h6 {
	font-family:"Arial";
	line-height: normal;
	color: #ffffff;
	margin: 0px 0px 0px 0px;
    margin-left: 0px;
    text-align: center;
}
h5 {
	font-family:"Arial";
	line-height: normal;
	color: #ffffff;
	margin: 0px 0px 0px 0px;
    margin-left: 0px;
    text-align: center;
}
h4 {
	font-family:"Arial";
	line-height: normal;
	color: #ffffff;
	margin: 0px 0px 0px 0px;
    margin-left: 0px;
    text-align: center;
}
h3 {
	font-family:"Arial";
	line-height: normal;
	color: #ffffff;
	margin: 0px 0px 0px 0px;
    margin-left: 0px;
    text-align: center;
}
h2 {
	font-family:"Arial";
	line-height: normal;
	color: #ffffff;
	margin: 0px 0px 0px 0px;
    margin-left: 0px;
    text-align: center;
}
h1 {
	font-family:"Arial";
	line-height: normal;
	color: #ffffff;
	margin: 0px 0px 0px 0px;
    margin-left: 0px;
    text-align: center;
}
/* Float image to left of paragraph */
img.floatLeft1{
float: left;
border: 0 ;
margin-right: 5px;
}
/* Float image to left of paragraph */
img.floatLeft{
float: left;
border: solid 2px #ffffff;
margin-right: 5px;
margin-left: 5px;
}
/* Float image to right of paragraph */
img.floatRight{
float: right;
/* margin-right: 5px; */
margin-left: 5px;
}
/* Center image between margins */
div.center{
width: 100%;
text-align:center
}
/* Custom bullet for bulleted lists */
ul{
list-style-image: url("pix/bullets/ani-smiley.gif");
}
/* Links */
A:link { COLOR: #1A2243; TEXT-DECORATION: none;}
A:visited { COLOR: #1A2243; TEXT-DECORATION: none;}
A:active { COLOR: #1A2243; TEXT-DECORATION: none;}
/* A:active { COLOR: #624846; TEXT-DECORATION: none;} */
A:hover { COLOR: #ffffff; TEXT-DECORATION: none;}
/* Page container */
#container{
/* height: 60px; */
width: 780px;
margin:auto;
background-color: #9F9975;
border: solid 1px #0C101F;
/* border-bottom: thin solid #ff1493; */
}/* Page container */
#maincontainer{
/* height: 60px; */
width: 780px;
height: 300px;
margin:auto;
background-color: #9F9975;
border: solid 1px #0C101F;
/* border-bottom: thin solid #ff1493; */
}
/* Page navigation style */
#navigation{
height: 30px;
width: 100%;
background-color: #0C101F;
/* background-color: #3D374D; */
border-bottom: thin solid #1A2243;
}
/* Page header style */
#header{
height: 155px;
width: 780px;
margin:auto;
background-color: #9F9975;
border: solid 1px #0C101F;
background-image: url("http://groffbrothersconstruction.com/images/header.jpg");
background-repeat: no-repeat;
border-top: 0;
/* border-bottom: thin solid #000000; */
text-align:center ;
}
/* Page header style */
#specheader{
height: 100px;
width: 600px;
margin:auto;
background-image: url("http://groffbrothersconstruction.com/images/specheader.jpg");
background-repeat: no-repeat;
background-color: #625346;
border: solid 1px #625346;
border-top: 0;
/* border-bottom: thin solid #000000; */
text-align:center ;
}
/* Page footer style */
#footer{
clear: both;
height: 20px;
width: 100%;
background-color: #2C3E31;
border-top: thin solid #2C3E31;
/* background-color: #374D3D; */
/* border-top: thin solid #374D3D; */
}
/* Creating backgrounds to allow for easy display in different screens */
.background1 {
margin: 0;
padding: 0;
background-color: #625346;
}
/* Page container */
#gbccontainer{
/* height: 60px; */
width: 600px;
height: 560px;
margin:auto;
background-color: #625346;
/* border: solid 1px #000000; */
/* border-bottom: thin solid #ff1493; */
}
/* Page container */
#gbccontainer2{
/* height: 60px; */
width: 600px;
height: 520px;
margin:auto;
background-color: #625346;
/* border: solid 1px #000000; */
/* border-bottom: thin solid #ff1493; */
}
#gbcestimate{
/* height: 60px; */
width: 600px;
/* height: 700px; */
margin:auto;
background-color: #625346;
/* border: solid 1px #000000; */
/* border-bottom: thin solid #ff1493; */
}

/* Scrollable area */
#scroll {
    height: 95%;
    width: 95%;
margin:auto;
    overflow: auto;
}


.footer {
	font-family: Arial, Helvetica, Sans-serif;
	color:black;
	font-size: 0.53em;
	line-height:12px;
	font-style: italic;
	padding: 3px 0px 3px 15px;
}
.footer a:link { font-family: "Viner Hand Itc"; font-size: 12px; color: #8E0505; text-decoration: bold; }
.footer a:visited { font-family: "Viner Hand Itc"; font-size: 12px; color: #8E0505; text-decoration: bold; }
.footer a:active { font-family: "Viner Hand Itc"; font-size: 12px; color: #8E0505; text-decoration: bold; }
.footer a:hover { font-family: "Viner Hand Itc"; font-size: 12px; color: black; text-decoration: bold; }
