/*
Quality Glass Stylesheet
*/

/*Reset*/
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
del,ins{text-decoration:none;}
a:link, a:visited, a:hover, a:active {outline:none;border: none; text-decoration: none;} 
a {color: #4773B5;}
a:hover {color: black;}
/* Base Typography */
body {	font-family: helvetica, helvetica nue, arial, sans-serif;font-size:100%;}
h1, h2, h3, h4 { text-transform: uppercase;}
H1 {font-size:1.5em; font-weight: bold;} 
H2 {font-size:1.3em; font-weight: bold;}  
H3 {font-size:1.1em; font-weight: bold;}  
H4 {font-size:1em;}  
p, li {font-size: .875em;}

/* UTILITY */
br.dirtyLittleTrick { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
div { position:relative } /* This will save you having to declare each div's position as 'relative' and allows you to absolutely position elements inside them */
.floatLeft {float: left;}
.floatRight {float: right;}
.clear {clear: both;}

html {
	background: #f0f0f0 url('images/page-bg.jpg') repeat-x top left ;
}

body {
	font-family: helvetica, arial, sans-serif;
	background: url('images/page-bg2.jpg') no-repeat top center ;

}

#page-wrap {
	width: 740px;
	margin: 0px auto;
}

/*Header*/
#header {
	background: #4773b5;
	padding: 10px;
	margin-bottom: 20px;
	color: white;
	text-shadow: 0px -1px 0px black;
	box-shadow: 0px 1px 7px #999;
	-moz-box-shadow: 0px 1px 7px #999;
	-webkit-box-shadow: 0px 1px 7px #999;	
	-webkit-border-bottom-left-radius: 7px;
	-khtml-border-radius-bottomleft: 7px;	
	-moz-border-radius-bottomleft: 7px;
	border-bottom-left-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
	-khtml-border-radius-bottomright: 7px;	
	-moz-border-radius-bottomright: 7px;
	border-bottom-right-radius: 7px;
}

#page-title {
	float: left;
}

#header a{
	color: white;
}

#header a:hover {
	color: #ccc;
}

#page-title h1, #page-title p, #header li {
	display: inline;
}

#page-title p {
	font-style: italic;
}

#header li  {
	margin-right: 10px;
}

#header ul{
	float: right;
	margin-top: 5px;
}

/*Main Content*/

#intro {
	background: #ededed url('images/intro-bg.jpg') repeat-x top left;
	padding: 20px;
	margin-bottom: 15px;
	-webkit-border-radius: 7px;
	-khtml-border-radius: 7px;	
	-moz-border-radius: 7px;
	border-radius: 7px;	
	text-shadow: 0px 1px 0px white
	box-shadow: 0px 1px 7px #999;
	-moz-box-shadow: 0px 1px 7px #999;
	-webkit-box-shadow: 0px 1px 7px #999;
}

#gallery #intro {
	margin-bottom: 50px;
}

#logo-container {margin-top: 10px;}

#number1-logo {
	background: url('images/number1-logo.png') no-repeat top left;
	width: 292px;
	height: 142px;
	margin: 0 auto;
	margin-bottom: 15px;
}



a#qg-logo {
	background: url('images/qg-logo.png') no-repeat top left;
	display: block;
	width: 293px;
	height: 61px;
	text-indent: -3000px;
	float: right;
	margin-left: 30px;
	padding-bottom: 10px;

}

a#qag-logo {
	background: url('images/qag-logo.png') no-repeat top left;
	display: block;
	width: 288px;
	height: 52px;
	text-indent: -3000px;
	float: left;
	margin: 10px 0px 0px 30px;
	padding-bottom: 5px;
}

a.logos:hover {
	border-bottom: 1px solid black;
	padding-bottom: 9px !important;
}

a#qag-logo {
	padding-bottom: 8px !important;
}

a#gallery-link {
	text-align: center;
	display: block;
	margin: 0px 32px 155px 32px;
}

#sect-divider{
	width: 100%;
	height: 4px;
	background: url('images/sect-border.jpg') repeat-x top left;
	margin-bottom: 75px;
}

.services-sections {
	border-top: 1px #a8a8a8 solid;
	margin-bottom: 40px;
}

.services-sections  h2, .services-sections  h3{
	color:#4773b5;
	text-shadow: 0px 1px 0px rgba(250,250,250,.5);

}

.services-sections  p, .services-sections  li {
	text-shadow: 0px 1px 0px rgba(250,250,250,.5);
}

.services-sections  h2{
	border-top: 10px solid #a8a8a8;
	padding-top: 10px;
}

.services-sections  h2 a:hover {
	color: #4773B5 !important;
}

.services-sections .column{
	float: left;
	min-height: 100px;
	width: 240px;
}

.column2, .column3 {
	margin-left: 10px;
}

.column3 { width: 200px !important;}
.column2 { width: 280px !important;}

.column2 li {
	list-style: disc;
	list-style-position: inside;
}

.services-sections  h3, .wide-column, form{
	margin-top: 20px;
}

.wide-column {
	width: 490px;
	float: left;
	margin-left: 10px;
}

.form-labels {
	display: block;
	float: left;
	min-width: 200px;
}

#comments { 
	width: 285px;
	margin-bottom: 15px;
	overflow: auto;
}

#button {
	margin-left: 200px;
	width: 290px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;	
	-moz-border-radius: 10px;
	background: #b8b8b8 url('images/button-bg.jpg') repeat-x top left;
	border: none;
	height: auto;
	color: #585858;
	text-shadow: 0px 1px 0px rgba(250,250,250,.5);
	padding: 2px 0px;
}

#button:hover {
	cursor: pointer;
	background-image: none;
}

#image-gallery {
	margin-top: -20px;
}

#image-gallery img {
	width: 720px;
	height: auto;
	background: white;
	margin-bottom: 20px;
	border: 10px white solid;
	box-shadow: 0px 4px 7px rgba(0,0,0,.5);
	-moz-box-shadow: 0px 4px 7px rgba(0,0,0,.5);
	-webkit-box-shadow: 0px 4px 7px rgba(0,0,0,.5);
}

/*Footer*/

#footer {
	border-top: 1px solid #a8a8a8;
	margin: 75px 0px 10px 0px;
	padding-top: 10px;
}

#footer ul {
	float: left;
}

#footer li {
	display: inline;
}

a#alt-visions {
	float: right;
	background: url('images/alt-visions.png') no-repeat top left;
	display: block;
	width: 150px;
	height: 21px;
	text-indent: -30000px;
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
	-webkit-transition: opacity 1s;
}

a#alt-visions:hover {
		filter:alpha(opacity=100);
		-moz-opacity:1;
		-khtml-opacity: 1;
		opacity: 1;
		-webkit-transition: opacity .5s;
}