/* @override http://192.168.1.103:8888/aaglass/css/main.css */

/*
Company:	A&A Glass
File:		main.css - This contains all the main styles for the website.

All the styles are separted into the following groups:
Global Browser Reset - this is handled by the reset-fonts.css file from YUI
HTML, Body - for the html and body tags
Layout - styles that define the layout of the site
Modules - styles for content modules
Common Text Styles - Styles for text
Default Headings - headings like h1, h2, etc
Default Lists - unordered and ordered lists
Nav - navigation bar
Forms - html forms
Default Links - links
Misc - anything that doesn't fit elsewhere
*/

/* @group HTML, Body */
html {background: url(../images/page-bkg.gif) repeat-x 0 0 #aaa9a9;}
body {font-family: verdana, arial, sans-serif;}
/* @end */

/* @group Layout */
/* Head */
div#hd {
	width: 929px;
	margin-left: auto;
	margin-right: auto;
	background: url(../images/content-top.png) no-repeat 0 0;
	overflow: hidden;
	padding: 12px 7px 10px 8px;
}
div#hd em{
	font-size: 12px;
	font-weight: normal;
}
div#BreadCrumb {
	float: right;
	font-size: 12px;
	color:#000099;
	margin: 4px 15px 0 0;
}
/* Body */
div#bd {
	width: 929px;
	margin-left: auto;
	margin-right: auto;
	background: url(../images/content-bkg.png) repeat-y 0 0;
	overflow: hidden;
	padding: 0 7px 10px 8px;
}
/* Footer */
div#ft {
	width: 944px;
	margin-left: auto;
	margin-right: auto;
	background: url(../images/content-btm.png) no-repeat 0 100%;
	overflow: hidden;
	padding: 5px 0 25px 0;
	text-align: center;
	color: #666;
}
div#ft p {
	font-size: 93%;
	background: url(../images/ft-bar.gif) repeat-x 0 50%;
	width: 908px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
}
div#ft p span {
	padding: 0 15px;
	background-color: #fff;
}
div#ft a:link, div#ft a:visited {
	text-decoration: none;
	color: #666;
}
div#ft a:hover {
	text-decoration: underline;
}
/* @end */
/* @group Modules */
/* Logo */
div#logo {
	width: 216px;
	height: 75px;
	background: url(../images/aa-logo.gif) no-repeat 0 0;
	text-indent: -9000px;
	margin: 16px 0 0 16px;
	float: left;
	display: inline;
}
div#logo a {
	display: block;
	height: 100%;
}
/* Phone */
p.phone {
	font-weight: bold;
	color: #666;
	font-size: 123.1%;
	width: 400px;
	margin: 0;
	padding: 68px 25px 0 0;
	text-align: right;
	float: right;
	display: inline;
}
p.phone span {
	color: #fd4a04;
}
/* Feature */
div.feature {
	width: 916px;
	margin-left: auto;
	margin-right: auto;
}
div.feature a {
	display: block;
	width: 305px;
	height: 44px;
	padding: 228px 0 0 0;
	line-height: 44px;
	text-align: center;
}
div.feature div.auto {
	width: 305px;
	height: 279px;
	background: url(../images/feature-mobile-auto.jpg) no-repeat 0 0;
	float: left;
	display: inline;
}
div.feature div.residential {
	width: 305px;
	height: 279px;
	background: url(../images/feature-residential.jpg) no-repeat 0 0;
	float: left;
	display: inline;
}
div.feature div.commercial {
	width: 305px;
	height: 279px;
	background: url(../images/feature-commercial.jpg) no-repeat 0 0;
	float: left;
	display: inline;
}
div.feature {
	font-weight: bold;
	font-size: 100%;
}
div.feature a:link, div.feature a:visited {
	color: #fdfdfd;
	text-decoration: none;
}
div.feature a:hover {
	text-decoration: none;
}
/* Content */
div.content {
	width: 910px;
	margin-left: auto;
	margin-right: auto;
	background: url(.../images/content-fade.gif) repeat-x 0 100%;
	padding: 10px 0 10px 0;
}
.highlight {
	font-weight: bold;
	font-style: italic;
	color: #333333;
}
.highlight a {
	font-weight: bold;
	font-style: italic;
	color: #990000 !important;
}
div.servicecontainer{}
div.servicecontainer img{float:left;margin-right: 10px;}
div.servicecontainer p{}
div.servicecontainer h2 {color:44bcee;margin:0;padding:0;margin-bottom:5px;}
div.servicecontainer a:link, div.servicecontainer a:visited {color:#143e74;}
div.servicecontainer a:hover, div.servicecontainer a:active {color:#5da5c9;}
.standardfield {width: 250px;}
/* Side */
div.side {
	width: 300px;
	float: left;
	display: inline;
}
div.side-content {
	padding: 0 0 0 25px;
}
div.side-content-nopadding {
	padding: 0 0 0 0px;
}
div.side a.get-quote {
	font-size: 261%;
	font-weight: bold;
	background: url(../images/btn-get-quote.gif) no-repeat 0 0;
	width: 300px;
	height: 69px;
	text-align: center;
	display: block;
	line-height: 60px;
}
div.side a.get-quote:link, div.side a.get-quote:visited {
	color: #1b4477;
	text-decoration: none;
}
div.side a.get-quote:hover {
	text-decoration: none;
}
div.side a.get-quote-sq {
	font-size: 261%;
	font-weight: bold;
	background: url(../images/btn-get-quote-sq.jpg) no-repeat 0 0;
	width: 300px;
	height: 69px;
	text-align: center;
	display: block;
	line-height: 60px;
}
div.side a.get-quote-sq:link, div.side a.get-quote-sq:visited {
	color: #1b4477;
	text-decoration: none;
}
div.side a.get-quote-sq:hover {
	text-decoration: none;
}
div.side p.side-phone {
	color: #666;
	font-weight: bold;
}
div.side p.side-phone span{
	color: #fd4a04;
}
div.side p.addy {
	font-weight: bold;
	line-height: 160%;
}
/* Main */
div.main {
	width: 588px;
	margin:0 20px 0 0;
	_margin: 0 0px 0 0;
	float: right;
	display: inline;
}
/* @end */
/* @group Common Text Styles */
div.main {
	color: #666;
}
div.main p {
	line-height: 160%;
	font-size: 93%;
}
div.main h1 {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 52px;
	color: white;
	display: block;
	background-image: url(../images/h1bg.jpg);
	background-repeat: no-repeat;
	font-family: sans-serif;
	font-size: 28px;
	padding-left:20px;
	padding-top: 14px;
	margin-bottom: 15px;
}
div.side {
	color: #aaacaf;
}
div.side p {
	font-size: 93%;
}
/* @end */
/* @group Default Headings */
/* @end */
/* @group Default Lists */
div.main li {
	line-height: 160%;
	font-size: 93%;
}
div.main li li {
	font-size: 100%;
}
/* @end */
/* @group Nav */
div#nav {
	height: 39px;
	background: url(../images/nav-bkg.gif) repeat-x 0 0;
	width: 100%;
	font-weight: bold;
	font-size: 108%
}
div#nav ul {
	margin: 0;
	padding: 0 20px 0 0;
	float: right;
	display: inline;
}
div#nav ul li {
	list-style: none;
	float: left;
	display: inline;
}
div#nav ul li a {
	display: block;
	padding: 0 15px;
	line-height: 29px;
}
div#nav a:link, div#nav a:visited {
	color: #fff;
	text-decoration: none;
}
div#nav a:hover, div#nav a.active {
	text-decoration: none;
	background: url(../images/nav-hover.gif) repeat-x 0 0;
}
/* @end */
/* Nav Drop Down */
div#nav ul ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	background-color: #143e74;
	width: 240px;
}
div#nav ul li ul {
	position: absolute;
	left: -999em;
}
div#nav ul li ul li {
	background: url(.../images/drop-nav-div.gif) no-repeat 50% 100%!important;
	height: auto;
	float: none;
	display: block;
	padding: 0 0 1px 0;
}
div#nav ul li ul li.first span {
	display: block;
	background: url(../images/drop-nav-div-top.gif) no-repeat 50% 0!important;
	padding: 1px 0 0 0;
}
div#nav ul li ul li.last {
	display: block;
	background: url(../images/drop-nav-div-btm.gif) no-repeat 50% 100%!important;
	padding: 0 0 1px 0;
}
div#nav ul li ul li a {
	text-align: left;
	line-height: 22px;
	padding: 5px 20px;
	margin: 0 0 0 0px;
	font-size: 85%;
	display: block;
	font-weight: normal;
	font-family: verdana, arial, sans-serif;
	height: auto;
	text-indent: 0!important;
	width: 200px!important;
	text-transform: uppercase;
}
div#nav ul li ul li a:link, div#nav ul li ul li a:visited {
	color: #fff;
	text-decoration: none;
}
div#nav ul li:hover ul, div#nav ul li.sfhover ul {
	left: auto;
}
div#nav ul li ul li a:hover {
	color:white;
}
div#more_nav ul li a:link{
	padding:0;
	margin:0;
}
/* Fix for sticky IE drop downs */
div#nav ul li:hover, div#nav ul li.sfhover {position: static;}
/* @end */
/* @group Forms */
/* @end */
/* @group Default Links - link visited hover active */
a:link, a:visited {
	color: #6666AA;
	text-decoration: underline;
	font-weight: bold;
}
a:hover {
	text-decoration: none;
}
/* @end */
/* @group Misc */
.clear {
	clear: both;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* @end */