body {background:#E5E5E5;}
.main_container{
width: 860px;
background: #FFF;
margin: 0 auto;
padding: 20px;
height: auto;
}

.header{
width: 860px;

height: 120px;
}

.header_img{
float: left;

}

.header_img a img{
border: none;
}



.homepage_heading{
float: right;
}

h1{
font-family: arial, helvetica, sans-serif;
color: #036BAB;
font-size: 21px;
margin: 0px;
}

.banner_image img{
margin: 10px 0px 10px 0px;

}

.footer{
width: 900px;
height: 15px;

margin: 5 auto;
font-family: arial, helvetica, sans-serif;
color:#808080;
font-size: 12px;
}

.footer a, .footer_marqui a{
font-family: arial, helvetica, sans-serif;
color: #808080;
font-size: 12px;
text-decoration: none;
}

.footer a:hover{
text-decoration: underline;
color: #035386;
}

.footer_marqui{
width: 110px;
float: right;

}

.footer_links{
float: left;
width: 400px;
}

.left_content{
width: 539px;
padding-right: 10px;
border-right: 1px solid #035386;
float: left;
}

.right_content{
width: 300px;
padding-left: 10px;
float: right;

}

.left_content, .right_content{
font-family: arial, helvetica, sans-serif;
color: #035386;
font-size: 16px;
line-height: 30px;

}

.right_content table{
font-size: 12px;
font-family: arial, helvetica, sans-serif;
color: #035386;
line-height: 30px;
}

.left_content a, .right_content a{
text-decoration: none;
color: #036BAB;
font-weight: bold;
}

.left_content a:hover, .right_content a:hover{
text-decoration: underline;
}

.homepage_heading h1 a{
color: #036BAB;
font-size: 21px;
text-decoration: none;
}

.homepage_heading h1 a:hover {
text-decoration: underline;
}
/* BEGIN DROPDOWN MENU CSS*/
.global_nav li {
float: left;
width: 172px;
display: inline;
margin-top:2px;

}
.global_nav ul#nav li a {
display: block;
}

.global_nav li ul {
display: none;

font-size: 14px;
padding-left: 10px;
line-height: 21px;
}

.global_nav li:hover ul, li.over ul {
display: block;

}

.global_nav ul {
padding:0px;
margin: 0px;

}



.global_nav a{
font-family: arial, helvetica, sans-serif;
padding:0px;
color: #035386;
text-decoration: none;
list-style-type: none;
width: 172px;
border-bottom:1px dotted #000000;
display:block;
}

.global_nav ul li ul a{
border:0px;
width:162px;
}

.global_nav a:hover{
color: #CCC;
}

.global_nav{
margin-left: 10px;
height: 30px;
width: 710px;
padding-left: 10px;
border-top: 1px dotted #035386;
font-size: 20px;
float:left;
}

.global_nav ul li ul{
padding-left: 10px;
}

.global_nav ul ul{
border: 0px;
}

.global_nav ul li ul li{
border-top: 0px;
width:162px;
}



/* END DROPDOWN MENU CSS */


/* BEGIN GALLERY CSS*/

#mainimage{
max-width: 550px;
border: 1px solid #036BAB;
float: left;
}

#message {
float: right;

height: 400px;
width: 300px;
font-family: arial, helvetica, sans-serif;
color: #035386;
font-size: 16px;
line-height: 30px;
}

#thumbnailHeader{
font-family: arial, helvetica, sans-serif;
color: #035386;
font-size: 18px;
font-weight: normal;
border-top: 1px dotted #036BAB;
border-bottom: 1px dotted #036BAB;
margin-top: 10px;
margin-bottom: 10px;
}

#thumbnailDiv a:hover  img{
border: 1px solid #035386;
}

#thumbnailDiv a  img{
border: 1px solid #FFF;
}

/*THUMBNAIL CSS*/

.hide{
display: none;
}

/*SITEMAP CSS*/

.menuoutput2 a{
font-size: 14px;
font-weight: normal;
}

.menuoutput2{
margin-left: 15px;
}

/*BREADCRUMBS CSS*/
#breadcrumbs a, #breadcrumbs{
font-size: 10px;
color: #808080;
font-family: arial, verdana, sans-serif;
text-deocration: none;
}

#breadcrumbs a:hover{
text-decoration: underline;
}

#breadcrumbs{
margin-bottom: 10px;
margin-top: 10px;
}

/*HOMEPAGE BUTTON CSS*/
.roll_over{
 width: 151px;
 height: 40px;
margin-left: 10px;
 background: url('http://www.dsgcustomglass.com/images/learn_more_btn.jpg')
 }
 
 .roll_over:hover{
background: url('http://www.dsgcustomglass.com/images/learn_more_roll_over.jpg')
 }


 .roll_over{
float: left;
 }


.homepage_heading h1{
float: left;
margin-top: 6px;
}