﻿/* CSS  */

body 
{
    /* Set background to yellow */
	background: #fded02;
	/* Remove Margin on outside of page */
	margin: 0;
}
a:link {color: #fded02; text-decoration: underline;}
a:active {color: #fded02; text-decoration: underline;}
a:visited {color: #fded02; text-decoration: underline;}



#ServiceAreas
 {
     height:100px;
     width: 900px;
     text-align:center;
     color:#000000;
     font-family:"Verdana", Times, serif;
     font-size:20px;
     margin:auto;    
 } 

#Coupon
 {
     position:absolute;
     top:710px;
     height:200px;
     width: 100%;
     text-align:center;
     margin-left:auto;
     margin-right:auto;
 } 


#Header
 {
	/* Create top border */
	border-top:     10px solid #000000;  

    /* Set Height of Header */
	height: 200px;    
    
    /* Set background to red */
    background-color: #d31000;

    /*Add bottom border*/
	border-bottom:  10px solid #000000;
	
	text-align: center;
 
 } 

#Footer
 {
    position:absolute;
    width:100%;
    padding-top:5px;
    top:725px;
	border-top:     5px solid #000000;  
	height: 50px;    
    background-color: #d31000;
	border-bottom:  5px solid #000000;
	text-align: center;
    color:#fded02;
 }
#Footer825
 {
    position:absolute;
    width:100%;
    padding-top:5px;
    top:825px;
	border-top:     5px solid #000000;  
	height: 50px;    
    background-color: #d31000;
	border-bottom:  5px solid #000000;
	text-align: center;
    color:#fded02;
 } 
#Footer900
 {
    position:absolute;
    width:100%;
    padding-top:5px;
    top:900px;
	border-top:     5px solid #000000;  
	height: 50px;    
    background-color: #d31000;
	border-bottom:  5px solid #000000;
	text-align: center;
    color:#fded02;
 }
 #Footer925
 {
    position:absolute;
    width:100%;
    padding-top:5px;
    top:925px;
	border-top:     5px solid #000000;  
	height: 50px;    
    background-color: #d31000;
	border-bottom:  5px solid #000000;
	text-align: center;
    color:#fded02;
 }
 
 
#Footer975
 {
    position:absolute;
    width:100%;
    padding-top:5px;
    top:975px;
	border-top:     5px solid #000000;  
	height: 50px;    
    background-color: #d31000;
	border-bottom:  5px solid #000000;
	text-align: center;
    color:#fded02;
 }


#PageContents
{
    margin-left:auto;
    margin-right:auto;
    width:900px;
    background-repeat:no-repeat;
    position:relative;
}


#ComingSoon
 {
     position:absolute;
     right:60px;
     top:200px;
     text-align:center;
     color:#000000;
     font-family:"Verdana", Times, serif;
     font-size:30px;
     margin:auto;    
 } 
 
#AboutUs
 {
     position:absolute;
     right:0px;
     top:78px;
     height:375px;
     width: 530px;
     background: #FFFFFF;
     text-align:left;
     border-style:solid;
     border-width:3px;
     border-color:#000000;
     background-repeat:no-repeat;
     padding:20px;
     padding-top:0px;
     font-family:"Verdana", Times, serif;
     font-size:13px;
     margin:auto;    
 }
 #Renovations
 {
     position:absolute;
     right:0px;
     top:78px;
     height:265px;
     width: 530px;
     background: #FFFFFF;
     text-align:center;
     border-style:solid;
     border-width:3px;
     border-color:#000000;
     background-repeat:no-repeat;
     padding:20px;
     padding-top:10px;
     font-family:"Verdana", Times, serif;
     font-size:13px;
     margin:auto;    
 }
  #Renovations a
 {
     font-family:"Verdana", Times, serif;
     font-size:15px;
     margin:auto;    
 }
  #Renovations h1
 {
     color:#d31000;
     font-family:"Verdana", Times, serif;
     font-size:20px;
     margin:auto;    
 }
  #Fireplaces
 {
     position:absolute;
     right:0px;
     top:78px;
     height:340px;
     width: 530px;
     background: #FFFFFF;
     text-align:center;
     border-style:solid;
     border-width:3px;
     border-color:#000000;
     background-repeat:no-repeat;
     padding:20px;
     padding-top:10px;
     font-family:"Verdana", Times, serif;
     font-size:13px;
     /*margin:auto;   */ 
 }
  #Fireplaces a
 {
     font-family:"Verdana", Times, serif;
     font-size:15px;
     margin:auto;    
 }
  #Fireplaces h1
 {
     color:#d31000;
     font-family:"Verdana", Times, serif;
     font-size:20px;
     margin:auto;    
 }
.FireplacesBox1
{
     height:60px;
     width: 525px;
     border-style:solid;
     border-width:1px;
     border-color:#000000;
 
}
.FireplacesBox2
{
     height:120px;
     width: 525px;
     border-style:solid;
     border-width:1px;
     border-color:#000000;
 
}
div.right 
{ 
    width:240px;
    float:right;
    clear:right;
    text-align:left;
}
div.left 
{ 
    width:200px;
    float:left;
    clear:left;
    text-align:left;
    margin-left:25px;
}
 
#GalleryBarHeader
 {
    position:absolute;
    top:710px;
    width:100%;
    color:#000000;
    font-family:"Verdana", Times, serif;
    font-size:20px;
	text-align: center;
 }
#GalleryBarHeaderFireplaces
 {
    position:absolute;
    top:470px;
    width:100%;
    color:#000000;
    font-family:"Verdana", Times, serif;
    font-size:20px;
	text-align: center;
 }
div.img
   {
   /*margin:5px;
   padding: 5px;*/
   background-color: #FFFFFF;
   margin-left:auto;
   margin-right:auto;
   border:1px solid #000000;
   height:auto;
   width:120px;
   
   /*float:center;*/
   font-family:"Verdana", Times, serif;
   font-size:15px;
   text-align: center;
   }
 div.img img
   {
   display:inline;
   margin:5px;
   border:1px solid #000000;
   }
 div.img a:hover img
   {
   border:1px solid #000000;
   }
 div.desc
   {
   text-align:center;
   font-weight:normal;
   width:120px;
   /*margin:5px;*/
   }
 

#Contact
 {
     position:absolute;
     right:0px;
     top:13px;
     height:65px;
     width: 570px;
     background: #d31000;
     text-align:left;
     border-style:solid;
     border-width:3px;
     border-color:#000000;
     background-repeat:no-repeat;

 }
#Contact h1
 {
     color:#fded02;
     text-align:center;
     font-family:"Verdana", Times, serif;
     font-size:20px;
     position:relative;
     top:-14px;
 }
#PhoneIcon
{
    position:absolute;
    top:30px;
    left:5px;
    height:29px;
    background-image:url(../images/phone.jpg);
    background-repeat:no-repeat;
}
#PhoneIcon a
{
     position:relative;    
     color:#FFFFFF;
     font-family:"Verdana", Times, serif;
     font-size:20px;
     top:4px;
     left:50px;
}
#EmailIcon
{
    position:absolute;
    top:30px;
    left:350px;
    height:29px;
    background-image:url(../images/email.jpg);
    background-repeat:no-repeat;
}
#EmailIcon a
{
     position:relative;   
     color:#FFFFFF;
     font-family:"Verdana", Times, serif;
     font-size:20px;
     top:4px;
     left:50px;
}

#GeneralInfo
 {
     position:absolute;
     right:0px;
     top:80px;
     height:100px;
     width: 550px;
     background: #FFFFFF;
     text-align:center;
     border-style:solid;
     border-width:3px;
     border-color:#000000;
     padding:10px;
     padding-top:10px;
   
 }
 #GeneralInfo a
 {
     color:#000000;
     font-family:"Verdana", Times, serif;
     font-size:15px;
     margin:auto;    
 }
 #GeneralInfo h1
 {
     color:#d31000;
     font-family:"Verdana", Times, serif;
     font-size:20px;
     margin:auto;    
 }


#FindOutMore_Fireplaces
{
     position:absolute;
     left:324px;
     top:203px;
     height:150px;
     width: 152px;
     background: #d31000;
     text-align:center;
     border-style:solid;
     border-width:3px;
     border-color:#000000;
     padding:10px;
     padding-top:10px;
     
     color:#fded02;
     font-family:"Verdana", Times, serif;
     font-size:20px;
       
     
}
#FindOutMore_Renovations
{
     position:absolute;
     right:0px;
     top:203px;
     height:150px;
     width: 152px;
     background: #d31000;
     text-align:center;
     border-style:solid;
     border-width:3px;
     border-color:#000000;
     padding:10px;
     padding-top:10px;
     
     color:#fded02;
     font-family:"Verdana", Times, serif;
     font-size:20px;     
}
#PhotoSwitcher
{
     position:absolute;
     left:499px;
     top:203px;
     height:170px;
     width: 220px;
     background: #FFFFFF;
     text-align:center;
     border-style:solid;
     border-width:3px;
     border-color:#000000;
     padding:0px;
   
}


#Menu
{
    width: 300px;
    position:absolute;
    top:-20px;
}

.MenuTop
{
    background-image: url(../images/Menu_top.png);
    height: 150px;

}
.MenuItem
{
    /*background-image: url(../images/Menu_item.png);*/
    border: 0px;
    height: 50px;
    width: 300px;
    position: relative;
    
}
.MenuItem > div 
{
    position:absolute;
    vertical-align:middle;
    left: 75px;
    top:7px;
	width: 200px;
	text-align:left;
    color:#000000;
    font-family:"Cooper Black", Times, serif;
    font-size:25px; 	
}
.MenuItem > div a:link {
 color: #000000;
 text-decoration:none;
 }

.MenuItem > div a:visited {
 color: #000000;
 text-decoration:none;
 }

.MenuItem > div a:active {
 background-color: #000000;
 text-decoration:none;
 }

.MenuItem > div a:hover {
 color:#d31000;
 text-decoration:none;
} 

.MenuItemX
{
    /*background-image: url(../images/Menu_item.png);*/
    border: 0px;
    height: 50px;
    width: 300px;
    position: relative;
}
.MenuItemX > div 
{
    position:absolute;
        vertical-align:middle;
    top:7px;
    left: 75px;
	width: 200px;
	text-align:left;
    color:#d31000;
    font-family:"Cooper Black", Times, serif;
    font-size:25px; 	
}
.MenuItemX > div a:link {
 color: #d31000;
 text-decoration:none;
 }

.MenuItemX > div a:visited {
 color: #d31000;
 text-decoration:none;
 }

.MenuItemX > div a:active {
 background-color: #d31000;
 text-decoration:none;
 }

.MenuItemX > div a:hover {
 color:#d31000;
 text-decoration:none;
} 


.MenuBottom
{
    background-image: url(../images/Menu_bottom.png);
    height: 100px;
    width: 300px;
    background-repeat:no-repeat;
}
