/* All West Glass - Global Styles
--------------------------------------------------------------------------------------------------- */

* {margin:0; padding:0;}

body {
	margin-top:10px; margin-bottom:10px;
	text-align: center;
	background:rgb(28,165,73) url(../images/bg.gif) repeat-y top center;
	color:#000;
	font: 12px/1 Arial, Helvetica, Sans-Serif;
}

body.default {
background:#fff;
}

a { 
	color:rgb(28,165,73);
	text-decoration: underline;
}
a:hover {
	color:rgb(30,82,47);
}
ul {
	margin:0; padding: 0; 
	list-style: none;
	}

/* Helpers
--------------------------------------------------------------------------------------------------- */
.center { text-align: center; }

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.indent {
margin-left:150px;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* Primary Divisions
--------------------------------------------------------------------------------------------------- */

#container {
margin:20px auto; 
text-align:left;
width: 750px;
background:#fff;
} 

#frontpage
{
background: #FFFFFF/*#1CA549*/;
margin-left: auto;
margin-right: auto;
width: 750px;
}

/* Header
--------------------------------------------------------------------------------------------------- */

#header{
	height:156px;
	text-align:right;
	position:relative;
	background: url(../images/header_new_02.gif) no-repeat top left;
}

#header h1 {
	float:left;
}

#header h1 a {
	display: block;
	width: 230px;
	height: 120px;
}
#header h1 a strong {
	display: none;
}
#appointment {
	float: left;
	margin-left:230px;
	margin-top: -110px;
}
#appointment a {
display: block;
height: 80px;
width: 160px;
background: url("http://all-westglass.com/images/appointment.png") 0 0 no-repeat;
text-decoration: none;
}

#appointment a:active {
background-position: 0 -84px;
}

#locator {
line-height:66px;
margin:0; padding:0;
}

#locator a {
height:66px; width:218px;
float:right;
display:block;
background:url(../images/map_05.gif) no-repeat;
text-align:left;
text-indent:-9999px;
margin-top:90px;
}

#news {
position:absolute;
top:110px; left:330px;
width:190px;
height:35px;
width:190px; height:35px;
text-align:left;
font-size: 11px;
line-height: 1.2em;
color:white;
}

#news dt {
font-weight:bold;
}

#news a {
text-decoration:none;
color:white;
}

#news a:hover {
text-decoration:underline;
color:white;
}

/* Global Navigation
--------------------------------------------------------------------------------------------------- */

#nav {
position:relative;
width:750px;
height:60px;
line-height:60px;
float:right;
margin-top:3px;
text-transform: uppercase;
}
#nav li {
float:right;
}
#automotive {
	width:248px;
	height: 60px;
	line-height: 60px;
	border-right:3px solid white;
}
#automotive a {
	display: block;
	text-indent: -9999px;
	width:248px;
	height: 60px;
	line-height: 60px;
	background: url(../images/nav_auto.jpg) no-repeat 0 -60px;
}
#automotive a:hover,
body.automotive #automotive a {
	background-position: 0 0;
}
	
#residential {
	width:248px;
	height: 60px;
	line-height: 60px;
	border-right:3px solid white;
}
#residential a {
	display: block;
	text-indent: -9999px;
	width:248px;
	height: 60px;
	line-height: 60px;
	background: url(../images/nav_res.jpg) no-repeat 0 -60px;
}
#residential a:hover,
body.residential #residential a {
	background-position: 0 0;
	}
	
#commercial {
	width:248px;
	height: 60px;
	line-height: 60px;
}
#commercial a {
	display: block;
	text-indent: -9999px;
	width:248px;
	height: 60px;
	line-height: 60px;
	background: url(../images/nav_comm.jpg) no-repeat 0 -60px;
}
#commercial a:hover,
body.commercial #commercial a {
	background-position: 0 0;
}

#topnav {
position:relative;
float:right;
width:750px; 
height:18px; line-height:18px;
margin-top:3px; margin-bottom:3px;
background:rgb(76,84,84);
padding-top:8px;
text-transform: uppercase;
}

#topnav ul{
display:inline;
text-align:left;
font-weight:bold;
font-size: 11px;
line-height: 1;
}

#topnav li {
display:inline;
margin-left:15px;
margin-top: 0;
}

#topnav li a {
text-decoration:none;
color:rgb(206,202,156);
padding-bottom:6px;
}

#topnav li a:hover,
body.default #topnav li.home a, 
body.products-services #topnav li.products-services a, 
body.automotive #topnav li.products-services a, 
body.commercial #topnav li.products-services a, 
body.residential #topnav li.products-services a, 
body.about #topnav li.about a, 
body.locations #topnav li.locations a, 
body.feedback #topnav li.feedback a, 
body.news #topnav li.news a {
text-decoration:none;
color:white;
background:url(../images/nav_arrow2.gif) no-repeat center bottom;
}

/* Local Nav
--------------------------------------------------------------------------------------------------- */

#local_nav h2 {
font: bold 14px/15px Arial, Helvetica, Sans-Serif;
color:rgb(0,64,64);
margin-bottom:10px;
text-transform: uppercase;
}
#local_nav h2 a {
	text-decoration: none;
}

#local_nav ul li {
list-style:none;
}

#local_nav ul li a {
color:rgb(28,165,73);
font:bold 11px/16px Arial, Helvetica, Sans-Serif;
text-decoration:none;
text-transform: uppercase;
}
#local_nav ul li a:hover {
	color:rgb(30,82,47);
}
#local_nav ul li.current a {
color:rgb(206,202,156);
}
#local_nav ul ul {
padding:0 0 6px;
margin-bottom:10px;
background:none;
}
#local_nav ul ul li a {
color:rgb(30,82,47);
text-decoration:none;
font: italic 11px/16px Arial, Helvetica, Sans-Serif;
text-transform: none;
}
#local_nav ul ul li a:hover {
	color:rgb(206,202,156);
}

	
/* Content Divisions
--------------------------------------------------------------------------------------------------- */

#main_body {
float:right;
width:500px;
margin:20px 0 0 0;
padding: 0 0 15px 0;
}

#excerpt {
width:490px;
margin-bottom:25px;
background:rgb(206,202,156);
font-family: Arial, Helvetica Sans-Serif;
color:rgb(0,64,64);
}
#local_nav {
float:left;
width:220px;
margin-right:30px;
text-align:right;
margin:20px 0;
}

/* Content Typography
--------------------------------------------------------------------------------------------------- */

#main_body p,
#main_body ul {
font:normal 12px/13px Arial, Helvetica Sans-Serif;
color:rgb(0,64,64);
margin-bottom:12px;
margin-right:30px;
line-height: 1.4em;
}

#main_body ul li {
list-style: square;
margin-left:20px;
}

#main_body ul.bullets li {
	list-style: square;
	margin: 0 0 0 20px;
}
#main_body h3 {
font: normal 14px/14px Arial, Helvetica, Sans-Serif;
color:rgb(28,165,73);
margin-bottom:5px; margin-top:20px;
}
#main_body h3 a {
	text-decoration: none;
}
#excerpt img {
	float: right;
	margin: 0;
	padding: 0;
}
#excerpt p,
#excerpt a,
#excerpt h2,
#excerpt h3 {
	padding: 0 10px 10px 10px;
}
#excerpt h2,
#main_body h2 {
font-size:16px;
font-weight:bold;
color:rgb(0,64,64);
padding: 10px 10px 0 10px;
background:rgb(206,202,156);
}
#main_body h2 { 
	padding: 10px;
	margin-bottom: 10px;
}
#main_body #excerpt h2 { 
	margin:0;
}
#excerpt p {
font-size:14px;
line-height:17px;
margin-right:180px;
}

.newsitem { 
	border-bottom: 1px solid #ccc; 
	border-top: 1px solid #ccc; 
	padding: 10px 0 0 0;
	margin: 0 0 15px 0;
}
.newsitem img {
	float: right;
	padding: 0 0 10px 10px;
}
#main_body p.postinfo {
	clear: right;
	margin: 0;
	padding: 5px 10px;
	border-top: 1px solid #ccc; 
	text-align: right;
	background:#eee;
}

#main_body p.left img { float: left; margin: 0 10px 10px 0; }
#main_body p.right img { float: right; margin: 0 0 10px 10px;  }

#main_body object {
margin-top:0px;
margin-bottom:10px;
}



/* Footer
--------------------------------------------------------------------------------------------------- */

#footer {
position:relative;
text-align:center;
padding-top:15px;
font:normal 11px Arial, Helvetica, Sans-Serif;
color:rgb(30,82,47);
position:relative;
clear: both;
margin-bottom:20px;
border-top: 1px solid rgb(206,202,156);
}
body.default #footer {
	border-top: 0;
}
#footer ul {
	margin: 0 0 7px 0;
}

#footer ul li { 
	display: inline;
	padding: 0 8px 0 0;
}

/* Home Page
--------------------------------------------------------------------------------------------------- */

#home_feature {
position:relative;
float:right;
width:750px; 
/*height:400px;*/
clear:both;
background:#999999;
}

#home_feature #movie_wrap {
width:750px;
height:400px;
background:#999999;
position:absolute;
left:0px; right:0px;
}

#home_footer {
position:relative;
float:right;
width:750px; height:70px;
margin-top:3px;
background:url(../images/homefooter_09.gif) no-repeat top left;
clear:both;
}

#home_footer p {
margin:10px 0 0 20px;
font:normal 11px Arial, Helvetica, Sans-Serif;
color:rgb(76,84,84);
}

#clearly_quality {
position:relative;
width:200px; height:200px;
margin:3px auto;
background:url(../images/clearly_logo.gif) no-repeat top center;
clear:both;
text-align:center;
}

#clearly_quality a {
display:block;
text-align:center;
height:200px; width:200px;
text-indent:-9999px;
}


/* Forms
--------------------------------------------------------------------------------------------------- */

#locationjump {
margin-top:15px;
}

#locationjump option {
width:125px;
font:normal 11px Arial, Helvetica, Sans-Serif;
color:rgb(28,165,73);
}

#locationjump select {
border:1px solid rgb(28,165,73);
background:rgb(230,230,230);
font:normal 11px Arial, Helvetica, Sans-Serif;
color:rgb(28,165,73);
}

/* Floated content images
--------------------------------------------------------------------------------------------------- */

#main_body p.image {
float:left;
}

#main_body p.caption {
margin:0 20px 0 190px;
padding-top:20px;
line-height: 1.4em;
}

/*POPUP*/

.dhtmlwindow{
position: absolute;
z-index:4;
border: 2px solid black;
visibility: hidden;
background-color: white;
}

.drag-handle{ /*CSS for Drag Handle*/
padding: 1px;
text-indent: 3px;
font: bold 14px Arial;
background-color:rgb(28,165,73);
color: white;
cursor: move;
overflow: hidden;
width: auto;
}

.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
position: absolute;
right: 1px;
top: 2px;
cursor: hand;
cursor: pointer;
}


.drag-contentarea{ /*CSS for Content Display Area div*/
border-top: 1px solid brown;
background-color: white;
color: #555555;
height: 150px;
padding: 2px;
overflow: auto;
text-align:left;
}

.drag-contentarea p {
margin-bottom:8px;
font-size:11px;
}

.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
border-top: 1px solid gray;
background-color: #F8F8F8;
height: 13px; /*height of resize image*/
}


.drag-resizearea{ /*CSS for Resize Area itself*/
float: right;
width: 13px; /*width of resize image*/
height: 13px; /*height of resize image*/
cursor: nw-resize;
font-size: 0;
}


#ecobutton {
	border: 0px;
	padding-top: 20px;
}