/* Zero default margin & padding around common elements */

body, img, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, li, ol, p, ul, iframe, tr, td,th
    {margin: 0px;
	 border: 0px none #FFFFFF;
	 padding: 0px;
	 color:#000;
	 }

body   {padding: 0px;
	    text-align: center;
	    font-family: Verdana, Arial, Helvetica, sans-serif;
	    font-size: 0.8em;
	    line-height: 1.6em;
	    margin: 0 auto 0 auto;
	    background-color:#ABA7A7;
	    /*background:url(../img/backgroundBase3.gif) repeat top left; */
	    text-align:center;
	    margin:0px} 
	    

/*helpers*/
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.dispNone {display:none;}
.bold {font-weight:bold;}	

.imgLeft {margin:5px;
          padding:4px;
          border: 1px dotted #CCC;
          float:left;
          }
          
 .imgRight   {margin:5px;
			  _margin:0px;
	          margin-left:30px;
			  _margin-left:15px;
              padding:4px;
              border: 1px dotted #CCC;
              float:right;
              } 
 .imgBorder  {margin:5px;
			  padding:4px;
			  border: 1px dotted #CCC;}     
			       
 .imgBorderLeft  {margin:5px 5px 5px 0;
				  padding:4px;
				  border: 1px dotted #CCC;}   
				  
.windowMarg {margin-right:100px;}				                      
	    
h1 {font-size:150%; margin:5px 0px 10px 0; color:#0A5CA7; text-align:left; font-family: Arial, Helvetica, sans-serif;}
ul {color:#585454;}

p  {margin:6px 0 4px 0;
    padding:0;
    position:relative;
    font-size:1em;
    text-align:left;
    color:#333333;
    }
 


#wrapper     {margin:40px auto 0 auto;
              background: transparent url(../img/bgFooter.gif) no-repeat bottom center;
              width:982px;
              position:relative;
              }


#top    {width:982px;
         height:161px;
         background: transparent url(../img/bgTop.gif) no-repeat top center;
         padding:0;
         margin:0;
         position:relative;
         clear:both;}

#content   {width:982px;
            background: transparent url(../img/bgBody.gif) repeat bottom center; 
            padding:0;
            padding-bottom:20px;
            margin:0;
            clear:both;
            position:relative;
            overflow:hidden;}
            
#home #content {height:350px;}
                        

#footer {width:982px;
         background: transparent;
         height:115px;
         padding:0;
         /*margin:0 0 25px 0;*/
         clear:both;
         position:relative;
         }
         
#footer p {margin:0;
           padding:0;
           font-size:70%;
           color: #014698;
           position:relative;
           position:absolute;
           top:63px;
           left:50px;
           }
           
           
#footer a {text-decoration: none;
           color:#685F5D;
           }
           
#footer a:hover {color:#000;}           
           
/* main menu */         

#mmenu {position:absolute;
        top:101px;
        left:296px;
		width:664px;
		height: 25px;
		overflow:hidden;
		border: none;
		text-align:left;
		z-index:1;	
		}


#mmenu ul {list-style: none;
		   width: 664px;
		   margin: 0;
		   padding: 0;
		   border: none;
		   }

#mmenu li  {margin: 0;
			padding: 0;
			height: 25px;
			display:block;
			border: none;	 
			float:left;
			/*text-indent: -9999px;*/
			}	


#mmenu a   {display: block;
			margin: 0;
			padding: 0px;
			height: 25px;	
			text-indent: -9999px;
			margin: 0;
			text-decoration: none;	
			float:left;
			}


#mmenu ul a {display: block;
		     clear: left;
			 float: left;
			 }

#mmenu a:hover {background-position: top left;
				}

#mmenu .active {display: block;
				background-position: top left;
				}

#mmHome {background: transparent url(../img/mmenu/mmHome.gif) 0px -25px no-repeat; width: 74px;}
#mmWindows {background: transparent url(../img/mmenu/mmWindows.gif) 0px -25px no-repeat;width: 96px;}
#mmDoors {background: transparent url(../img/mmenu/mmDoors.gif) 0px -25px no-repeat;width: 74px;}
#mmConservatory {background: transparent url(../img/mmenu/mmConservatory.gif) 0px -25px no-repeat; width: 127px;}
#mmQuality {background: transparent url(../img/mmenu/mmQuality.gif) 0px -25px no-repeat; width: 114px;}
#mmAbout {background: transparent url(../img/mmenu/mmAbout.gif) 0px -25px no-repeat;width: 96px;}
#mmContact {background: transparent url(../img/mmenu/mmContact.gif) 0px -25px no-repeat;width: 83px;}


#lHom {width: 74px;}
#lWin {width: 96px}
#lDrs {width: 74px;}
#lCns {width: 127px;}
#lQul {width: 114px;}
#lAbt {width: 96px;}
#lCont {width: 83px;}


/* end main menu */




/* sub menu start */

#submenu     {text-align: left; 
	          position:relative;
              float:left;
              width:135px;
              overflow:hidden;
              margin: 20px 15px 0px 40px;
              display:inline;
              padding:0;
              z-index: 5;
              font-family: Arial, Verdana, Helvetica;
              font-size: 13px;
              /*border: 1px solid #000;*/
              }

#submenu ul    {display: block;
                list-style:none;
                width: 114px;
                margin: 0px;
                line-height:32px;
                padding:0px;
                border:none;
                
                }

#submenu li  {margin: 0;
			  padding: 0;
			  display:block;
			  }	


#submenu a     {color: #0E4791;
                text-decoration: none;	
                background: transparent url(../img/submenu/grArrow.gif) left bottom no-repeat;
                padding-left:17px;
                border:none;
                letter-spacing:1px;
                }

#submenu .active  {border: none;
                    color: #184F9C;
                    font-weight:bold;
                    background: transparent url(../img/submenu/dkgrArrow.gif) left top no-repeat;
                    border:none;
                    letter-spacing:1px;
                    }

#submenu a:hover   {border: none;
                    font-weight:bold;
                    color: #666;
                    letter-spacing:1px;
                    background: transparent url(../img/submenu/bluArrow.gif) left top no-repeat;
                    }
                    


.subMenuImg  {margin:195px 0 0 0;}

.subMenuWindowImg  {margin:300px 0 0 0;}
/* sub menu end*/

/* content start */


/* usp start */

.uspHome   {width: 193px;
            height: 129px;
            position:relative;
            float:left;
            display:inline;
            background: transparent;
            margin:0;
            padding:0;
            }
            
.uspWindows   {width: 193px;
               height: 129px;
               position:relative;
               margin: 28px 0 10px 55px;
               padding:0;
               display:inline;
               background: transparent;}  
               

           
               
.uspWindows   a   {width: 193px;
                   height: 129px;
                   display:block;
                   margin: 0;
                   padding:0;
                   background: transparent url(../img/usp/uspWindows.jpg) top left no-repeat;
                   text-indent:-99999px;}  
                   
.uspWindows a:hover    {background: transparent url(../img/usp/uspWindows.jpg) bottom left no-repeat;}                   
                   
               
         
.uspDoors      {margin: 28px 0 10px 34px;
                padding:0;
                display:inline;
                } 
                
          
               
.uspDoors   a   {width: 193px;
                   height: 129px;
                   display:block;
                   margin: 0;
                   padding:0;
                   background: transparent url(../img/usp/uspDoors.jpg) top left no-repeat;
                   text-indent:-99999px;}  
                   
.uspDoors a:hover    {background: transparent url(../img/usp/uspDoors.jpg) bottom left no-repeat;}                   
                   
               
         
.uspConseratories  {margin: 28px 0 10px 34px;
                    padding:0;
                    display:inline;
                    } 
                    
                    
               
.uspConseratories   a     {width: 193px;
                           height: 129px;
                           display:block;
                           margin: 0;
                           padding:0;
                           background: transparent url(../img/usp/uspConservatories.jpg) top left no-repeat;
                           text-indent:-99999px;}  
                           
.uspConseratories a:hover    {background: transparent url(../img/usp/uspConservatories.jpg) bottom left no-repeat;}                   
                                      
                    
                    
                    
                
.uspVeka   {width: 210px;
            height: 317px;
            position:relative;
            float:left;
            display:inline;
            margin:0;
            padding:0;
            background: transparent url(../img/vekaBoxNew.gif) top left no-repeat;
            margin: 28px 0 0px 33px;
            padding:0;
            display:inline;}
            

.uspVeka h1 {font-size: 120%;  
             font-family: Arial, Helvetica, sans-serif;
             margin:10px 10px 5px 12px;}
             
             
.uspVeka p {font-size: 100%;  
            font-family: Arial, Helvetica, sans-serif;
            margin:5px 30px 5px 12px;}
            
/* usp end home text content start */


#homeText {width: 645px;
           height: 170px;
           position:absolute;
           top:180px;
           left:57px;
           overflow:hidden;
           background: transparent;
           margin:0;
           padding:0;
           }
           
           
#copy {width: 640px;
       overflow:hidden;
       background: transparent;
       float:left;
       margin: 20px 0 10px 55px;
       _margin: 10px 0 5px 30px;
       /*margin:20px auto 10px auto;*/
       padding:0;
       }           
           
           
#copySub  {width: 490px;
           overflow:hidden;
           background: transparent;
           margin:20px 0px 0 10px;
           _margin:20px 0px 0 0px;
           padding:0;
           position:relative;
           display:block;
           float:left;
           /*border: 1px solid #CCC;*/
           }  
           
#copySub ul, #copy ul	{list-style:square;
						 margin-left:15px;
						 padding-left:5px;
						 text-align:left;
						 color:#333333;}                      
           
#copySub li, #copy li	{list-style:square;
						 color:#333333;}   


/*form styles start */
.textArea {width:250px;}
.form {text-align:left; width:300px;float:left; clear:left;}
.form input {position: relative; width:290px; margin:4px 0px 0px 0px; padding:0; display:block;}
.form select {position: relative; width:290px;padding:0; text-align:left;}
.form label {position: relative; margin: 8px 0px 0px 0px; display:block; font-size:12px; font-weight:normal;padding:0;}
.form {margin-bottom:20px; height:auto;}
.form .textArea {padding:0;margin:0;width:290px;}
.form .button {width:100px;}
#formBtnRes {position:relative;
			 display:block;
			 margin:0;
	         padding:0;
	         clear:both;
	         height:30px;
	         width:452px;
	         background:transparent;}
	         
.button	    {position:relative; 
			 padding:0;
			 background-color:#0E2D69;
			 width:100px;
			 border:1px groove #CCC;
			 color:#fff;
			 font-weight:bold;
			 font-family:Verdana, Arial, Helvetica, sans-serif;
			 margin:10px 0 0 0;}
			 
.thankyou {width:500px;
	       /*height:100px;*/
	       display:block;
	       float:left;
	       clear:left;
	       font-size:150%;
	       margin:15px 0px 40px 0; 
	       text-align:left; 
	       font-family: Arial, Helvetica, sans-serif;
	       color:Red;
		   }
			 
fieldset#quoteContact {border: none; width:300px;}			 
			 
#errorSummary {position:absolute;
	           top:246px;
	           left:385px;
	           font-family: Arial, Helvetica, Sans-Serif;
	           width:180px;}
	           
#errorSummary ul {list-style:none;}	           

.addressLeft {width:250px;
	          float:left;
	          margin:0;
	          padding:0;}	
	          

.rightIllustration {float:left; width:205px; margin: 23px 0px 10px 20px; display:inline;}

#windows .rightIllustration {float:left; width:205px; margin: 23px 0px 10px 25px; display:inline;}

#contact .rightIllustration {float:left; width:315px; margin: 23px 0 0 20px; display:inline;}

#contact #copy {width: 540px;}




#beyondlink
{
	color: #e7e7e7;
	display: inline;
	font-family: Verdana;
	font-size: 10px;
	margin: 0px 50px 0 0;
	float: right;
}


#beyondlink a
{
	color: #e7e7e7;
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	text-decoration: underline;
}

#beyondlink a:hover { text-decoration: none; }

#ftLnk
{
	width: 982px;
	height: 18px;
	margin: 0 auto 10px auto;
	clear: both;
	position: relative;
}