* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
background-image: url(../images/mainbg.gif);
background-position: top;
background-repeat: repeat-y;
background-color: #014d65;
}

#sddm3 li{ margin: 0; padding: 0; list-style: none; float: left; font: bold 13px arial}
#sddm3 li a{ display: block; margin: 0 px 0 0; padding: 0px 0px; width: 123px; background: #transparent; text-align: center; text-decoration: none}
#sddm3 li a:hover{ background: #transparent;}
#sddm3 div{ position: absolute; visibility: hidden; margin: 44px 0px 0px 14px; padding: 0; background: #003747; z-index: 30; text-align:center; } 
#sddm3 div a { position: relative; display: block; margin: 0; padding: 5px 10px; width: auto; white-space: nowrap; text-align: left; text-decoration: 
none; background: #transparent; color: #ffffff;text-align:center; font: 12px verdana} 
#sddm3 div a:hover { background: #000000; color: #FFF}


.wrapper { 
 margin: 0 auto;
 width: 900px;
}

.wrap { 
 margin: 0 auto;
 width: 900px;
}

#headerbg{
width:100%;
height: 183px;
background-image: url(../images/headerbg.gif);
background-position:top;
background-repeat: repeat-x;
}

#header {
 color: #333;
 width: 858px;
 float: left;
 padding:  0px 0px 0px 42px;
 height:172px;
 margin: 0px 0px 0px 0px;
 background-image: url(../images/header.gif);
background-position:top;
background-repeat: no-repeat;
}

#menu {
 color: #333;
 width: 798px;
 float: left;
 padding:  0px 0px 0px 0px;
 height:44px;
 margin: 0px 0px 0px 50px;
 background: #000000;
}


#header p{
font-family: verdana;
font-size: 10px;
color: #ffffff;
margin:0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
line-height: 15pt;
}

#header  a{  
text-decoration: underline;
font-family: verdana;
font-size: 10px;
color: #ffffff;
margin:0px 0px 0px 0px;
 }
 
#header  a:hover{
text-decoration: none;
font-family: verdana;
font-size: 10px;
color: #ffffff;
margin:0px 0px 0px 0px;
 }









/* menu rollover */

a#home {
width:68px;
height:44px;
background-image:url(../images/home.gif);
display:block;
text-decoration:none;
float:left;
}

a#home:hover {
background-position:68px 0;
}

a#company {
width:97px;
height:44px;
background-image:url(../images/company.gif);
display:block;
text-decoration:none;
float:left;
}

a#company:hover {
background-position:97px 0;
}


a#residential {
width:124px;
height:44px;
background-image:url(../images/residential.gif);
display:block;
text-decoration:none;
float:left;
}

a#residential:hover {
background-position:124px 0;
}

a#commercial {
width:123px;
height:44px;
background-image:url(../images/commercial.gif);
display:block;
text-decoration:none;
float:left;
}

a#commercial:hover {
background-position:123px 0;
}

a#windows {
width:95px;
height:44px;
background-image:url(../images/windows.gif);
display:block;
text-decoration:none;
float:left;
}

a#windows:hover {
background-position:95px 0;
}

a#openers {
width:93px;
height:44px;
background-image:url(../images/openers.gif);
display:block;
text-decoration:none;
float:left;
}

a#openers:hover {
background-position:93px 0;
}

a#contact {
width:92px;
height:44px;
background-image:url(../images/contact.gif);
display:block;
text-decoration:none;
float:left;
}

a#contact:hover {
background-position:92px 0;
}

a#specials {
width:106px;
height:44px;
background-image:url(../images/specials.gif);
display:block;
text-decoration:none;
float:left;
}

a#specials:hover {
background-position:106px 0;
}




/*  banner */ 

#bannersub {
 color: #333;
 width: 798px;
 float: left;
 padding:  0px 0px 0px 0px;
 height:130px;
 margin: 0px 0px 0px 50px;
background: #4e92a8;
}

#banner {
 color: #333;
 width: 798px;
 float: left;
 padding:  0px 0px 0px 0px;
 height:293px;
 margin: 0px 0px 0px 50px;
background: #4e92a8;
}

#banner #left{
 color: #333;
 width: 537px;
 float: left;
 padding:  0px 0px 0px 0px;
 height:293px;
 margin: 0px 0px 0px 0px;
 background: #ffffff;
}

#banner #right{
 color: #333;
 width: 259px;
 float: left;
 padding:  0px 0px 0px 0px;
 height:293px;
 margin: 0px 0px 0px 0px;
 background-image: url(../images/free.gif);
background-position:top;
background-repeat: no-repeat;
}

#banner #right #form{
 color: #333;
 width: 239px;
 float: left;
 padding:  36px 0px 0px 14px;
 height:273px;
 margin: 0px 0px 0px 0px;

}

#banner #right p{
font-family: verdana;
font-size: 12px;
color: #ffffff;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
line-height: 15pt;
}


#subright{
 color: #333;
 width: 259px;
 float: left;
 padding:  0px 0px 0px 0px;
 height:293px;
 margin: 0px 0px 0px 0px;
 background-image: url(../images/free.gif);
background-position:top;
background-repeat: no-repeat;
}

#subright #form{
 color: #333;
 width: 239px;
 float: left;
 padding:  36px 0px 0px 14px;
 height:273px;
 margin: 0px 0px 0px 0px;

}

#subright #form p{
font-family: verdana;
font-size: 12px;
color: #ffffff;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
line-height: 15pt;
}

/* content */

#content {
 color: #333;
 width: 798px;
 float: left;
 padding:  0px 0px 0px 0px;
 height:auto;
 margin: 0px 0px 0px 51px;
background: #ffffff;
}

#content #right {
 color: #333;
 width: 259px;
 float: right;
 padding:  0px 2px 0px 0px;
 height:auto;
 margin: 0px 0px 0px 0px;
background: #e4e4e4;
}

#content #left {
 color: #333;
 width: 537px;
 float: left;
 padding:  0px 0px 0px 0px;
 height:auto;
 margin: 0px 0px 0px 0px;
background: #ffffff;
}




#content #left #text{
 color: #333;
 width: 517px;
 float: left;
 padding:  0px 10px 10px 10px;
 height:auto;
 margin: 0px 0px 0px 0px;
background: #ffffff;
}


#content #left #text p{
font-family: verdana;
font-size: 12px;
color: #000000;
margin:0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
line-height: 15pt;
}

#content #left #text a{  
text-decoration: underline;
font-family: verdana;
font-size: 12px;
color: #ffffff;
margin:0px 0px 0px 0px;
 }
 
#content #left #text a:hover{
text-decoration: none;
font-family: verdana;
font-size: 12px;
color: #ffffff;
margin:0px 0px 0px 0px;
 }

/* footer */

#footer {
 color: #333;
 width: 798px;
 float: left;
 padding:  0px 0px 0px 0px;
 height:auto;
 margin: 0px 0px 0px 50px;
 background: #014961;
}



#footer p{
text-align:center;
font-family: verdana;
font-size: 12px;
color: #ffffff;
margin:10px 0px 10px 0px;
padding: 0px 0px 0px 0px;
line-height: 15pt;
}

#footer a{ 
text-decoration: underline;
font-family: verdana;
font-size: 12px;
color: #ffffff;
margin:0px 0px 0px 0px;
 }
 
#footer a:hover{ 
text-decoration: none;
font-family: verdana;
font-size: 12px;
color: #ffffff;
margin:0px 0px 0px 0px;
 }
 
 
 #footer_numbers {
 color: #333;
 width: 798px;
 float: left;
 padding:  0px 0px 0px 0px;
 height:auto;
 margin: 0px 0px 0px 50px;
 background: #01212c;
}

 #footer_numbers #top{
 color: #333;
 width: 778px;
 float: left;
 padding:  0px 0px 0px 10px;
 height:100px;
 margin: 0px 0px 0px 0px;
 background: #01212c;

}

 #footer_numbers #bottom{
 color: #333;
 width: 658px;
 float: left;
 padding:  0px 0px 0px 140px;
 height:100px;
 margin: 0px 0px 0px 0px;
 background: #01212c;
}



.topnumber{
 padding:  0px 2px 0px 3px;
border:1px solid;
margin: 0px 0px 0px 0px;
background: #ffffff;
width:19%;
height: 100px;
float:left;
}


.botnumber{

border:1px solid;
margin: 0px 0px 0px 0px;
background: #ffffff;
width:19%;
height: 100px;
float:left;
}

 
.botnumber p{
text-align:center;
font-family: verdana;
font-size: 14px;
color: #000000;
margin:10px 10px 10px 10px;
padding: 0px 0px 0px 0px;
line-height: 15pt;
}
 
 
.topnumber p{
text-align:center;
font-family: verdana;
font-size: 14px;
color: #000000;
margin:10px 10px 10px 10px;
padding: 0px 0px 0px 0px;
line-height: 15pt;
}
 
 
 
 
 
 /* footer 2 */
 
 
 
 #footer2 {
 color: #333;
 width: 798px;
 float: left;
 padding:  0px 0px 0px 0px;
 height:auto;
 margin: 0px 0px 0px 50px;
 background: #00212b;
}



#footer2 p{
text-align:center;
font-family: verdana;
font-size: 10px;
color: #ffffff;
margin:10px 20px 10px 20px;
padding: 0px 0px 0px 0px;
line-height: 15pt;
}

#footer2 a{ 
text-decoration: underline;
font-family: verdana;
font-size: 10px;
color: #ffffff;
margin:0px 0px 0px 0px;
 }
 
#footer2 a:hover{ 
text-decoration: none;
font-family: verdana;
font-size: 10px;
color: #ffffff;
margin:0px 0px 0px 0px;
 }
 
 
 
 /* list and img border */
 
 ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

img {
    border: none;
} 


ul.list1 { 
list-style-type:none;
}


li.list1   {
padding-left:20px;
background:transparent url(../images/bullet1.gif) no-repeat;
background-position:8px 2px;
}


ul.homelist { 
list-style-type:none;
}


li.homelist   {
padding-left:20px;
background:transparent url(../images/bullet1.gif) no-repeat;
background-position:0px 3px;
}

/* headers */

h1  {
margin:5px 0px 5px 0px;
text-align:left;
position:relative;
color:#000000;
font-family: arial;
font-size: 1.6em;
}

h2  {
margin:5px 0px 3px 0px;
text-align:left;
position:relative;
color:#000000;
font-family: arial;
font-size: 1.4em;
}

h3  {
margin:5px 0px 3px 0px;
text-align:left;
position:relative;
color:#000000;
font-family: arial;
font-size: 1.2em;
}


/* img floats */


img.floatright { 
    float: right; 
    margin: 10px 20px 10px 15px; 
}

img.floatleft { 
    float: left; 
    margin: 10px 15px 10px 10px; 
}



/* drop downs */

#sddm
{	margin: 0;
	padding: 0;
	z-index: 30}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 13px arial}

#sddm li a
{	display: block;
	margin: 0 px 0 0;
	padding: 0px 0px;
	width: 124px;
	background: #transparent;

	text-align: center;
	text-decoration: none}

#sddm li a:hover
{		background: #transparent;}


#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 44px 0px 0px -5px;
	padding: 0;
	background: #003747;
		z-index: 30;
		text-align:center;
	}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
	background: #transparent;
		color: #ffffff;text-align:center;
		font: 12px verdana}

	#sddm div a:hover
	{		background: #000000;
		color: #FFF}
		
		
		
		
		
		
		
		
		
		#sddm2
{	margin: 0;
	padding: 0;
	z-index: 30}

#sddm2 li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 13px arial}

#sddm2 li a
{	display: block;
	margin: 0 px 0 0;
	padding: 0px 0px;
	width: 123px;
	background: #transparent;

	text-align: center;
	text-decoration: none}

#sddm2 li a:hover
{		background: #transparent;}


#sddm2 div
{	position: absolute;
	visibility: hidden;
	margin: 44px 0px 0px -13px;
	padding: 0;
	background: #003747;
		z-index: 30;
		text-align:center;
	}

	#sddm2 div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
	background: #transparent;
		color: #ffffff;text-align:center;
		font: 12px verdana}

	#sddm2 div a:hover
	{		background: #000000;
		color: #FFF}
		
		
		
		
		
		
		
		
		
		
		
		
				#sddm3
				{	margin: 0;
	padding: 0;
	z-index: 30}

#sddm3 li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 13px arial}

#sddm3 li a
{	display: block;
	margin: 0 px 0 0;
	padding: 0px 0px;
	width: 96px;
	background: #transparent;

	text-align: center;
	text-decoration: none}

#sddm3 li a:hover
{		background: #transparent;}


#sddm3 div
{	position: absolute;
	visibility: hidden;
	margin: 44px 0px 0px -5px;
	padding: 0;
	background: #003747;
		z-index: 30;
		text-align:center;
	}

	#sddm3 div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
	background: #transparent;
		color: #ffffff;text-align:center;
		font: 12px verdana}

	#sddm3 div a:hover
	{		background: #000000;
		color: #FFF}