/*   
Theme Name: A & A Glass Mirrors
Theme URI: http://aaglassmirrors.com
Description: This is the main theme for A & A Glass Mirrors
Author: Jason Elgin
Author URI: http://jrelgin.com
Version: 1
*/


/* Let's default this puppy out
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}									

article, aside, figure, footer, header, hgroup, nav, section {display: block;}

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites, like, say for Google Maps custom placemarkers. 
   There has been a report of problems with standard Google maps as well, but we haven't been able to duplicate or diagnose the issue. */
img,
object,
embed {max-width: 100%;}

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}
 
/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  


/* we like off-black for text */
body, select, input, textarea {color: #333;}

a {color: #03f;}
a:hover {color: #69f;}

/* Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}
::selection {background: #fcd700; color: #fff; text-shadow: none;} 

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #fcd700;} 

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}



/* WORDPRESS STUFF
-------------------------------------------------------------------------------*/

.post {}

.entry-content {}
.entry-content a {}
.entry-content a:hover {}

#meta {}
.postmetadata {}

#sidebar {}

.navgation {}
.next-posts {}
.prev-posts {}

#searchform {}
#s {}
#searchsubmt {}
	
ol.commentlist {list-style: none;}
ol.commentlist li {}
ol.commentlist li.alt {}
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment {border-bottom: 1px dotted #666; padding: 10px;}
ol.commentlist li.comment div.comment-author {}
ol.commentlist li.comment div.vcard {}
ol.commentlist li.comment div.vcard cite.fn {font-style: normal;}
ol.commentlist li.comment div.vcard cite.fn a.url {}
ol.commentlist li.comment div.vcard img.avatar {float:right; margin: 0 0 10px 10px;}
ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {}
ol.commentlist li.comment div.commentmetadata {}
ol.commentlist li.comment div.comment-meta {font-size: 10px;}
ol.commentlist li.comment div.comment-meta a {color: #ccc;}
ol.commentlist li.comment p {}
ol.commentlist li.comment ul {}
ol.commentlist li.comment div.reply {font-size: 11px;}
ol.commentlist li.comment div.reply a {font-weight: bold;}
ol.commentlist li.comment ul.children {list-style: none; margin: 10px 0 0;}
ol.commentlist li.comment ul.children li {}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin {}
ol.commentlist li.comment ul.children li.depth-2 {border-left: 5px solid #555; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-3 {border-left: 5px solid #999; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-4 {border-left: 5px solid #bbb; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-5 {}
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.even {background: #fff;}
ol.commentlist li.odd {background: #f6f6f6;}
ol.commentlist li.parent {border-left: 5px solid #111;}
ol.commentlist li.thread-alt {}
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}


/* Print styles!
-------------------------------------------------------------------------------*/
@media print {



}


/* Media queries!
-------------------------------------------------------------------------------*/

/* Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
	
		
}

@media all and (orientation: portrait) {
	
}

@media all and (orientation: landscape) {
	
}
/* Now, everything else!
--------------------------------------------------------------------------------*/

/* COLORS
--------------------------------------------------------------------------------
	DARK GRAY: #424242
	LIGHT GRAY: #7b7b7b
	BLUE: #1a5b98
/*
	UTILITY
*/

.float-left	{
	float: left;
}
.float-right	{
	float: right;
}
.clear-left	{
	clear: left;
}
.clear-right	{
	clear: right;
}
.clear-both	{
	clear: both;
}

/*THE GROUP CLASS KEEPS THE PARENT CLASS FROM COLLAPSING ON ITS CHILDREN*/
.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

/*
	TYPOGRAPHY
*/
body	{
	font-size: .80em;
}
p	{
	padding: 0 0 .80em 0;
}
h1	{
	font-size: 1.4em;
	padding: 0 0 1.4em 0;
	font-family: Georgia, "Times New Roman", serif;
	
}

h2	{
	font-size: 1.2em;
	padding: 0 0 1.2em 0;
	font-family: Georgia, "Times New Roman", serif;

}



/*
	STRUCTURE
*/
#page-wrap	{
	width: 960px;
	margin: 30px auto -150px; 
	min-height: 100%; 
	height: auto !important; 
	height: 100%;
	background: #ffffff;
}
#aside	{
	float:right;
	width:400px;
	padding:20px 0 20px 20px;
}
#push	{
	height: 150px;
}
#main-content	{
	float:left;
	width:920px;
	padding: 20px;
}


/*
	STYLE
*/
html	{

}
body	{
	background: #ffffff url(../images/bg.png);
	font-family: Century Gothic, Arial, sans-serif;
}

a	{
	text-decoration: none;
	color: #1a5b98;
}

a:link	{
	color: #1a5b98;
}
a:hover	{
	text-decoration:underline;
	color: #1a5b98;
}

/*
	HEADER
*/
#header	{
	position: relative;
	background: #424242;
	min-width: 960px;
	min-height: 100px;
	float:left;
	color: #ffffff;
	

}
#logo	{
	float:left;
	margin:10px;

}
#slogan	{
	position: absolute;
	top:80px;
	left:390px;
}
#header-contact{
	float:right;
	text-align: right;
	font-size:1.2em;
	margin:10px;
	line-height: 1.6em;
	font-weight: lighter;
}
#header-contact a:link	{
	color:#ffffff;
	text-decoration: none;
}	
#header-contact a:hover	{
	color:#ffffff;
	text-decoration: none;
}

/*
	MENU
*/


/*** ESSENTIAL STYLES ***/
#menu-main-nav-menu, #menu-main-nav-menu * {

	margin:			0;
	padding:		0;
	list-style:		none;
	float: left;
}
#menu-main-nav-menu {
	line-height:	1.0;
}
#menu-main-nav-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */

}
#menu-main-nav-menu ul li {
	width:			100%;
}
#menu-main-nav-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
#menu-main-nav-menu li {
	float:			left;
	position:		relative;
}
#menu-main-nav-menu a {
	display:		block;
	position:		relative;
}
#menu-main-nav-menu li:hover ul,
#menu-main-nav-menu li.sfHover ul {
	left:			0;
	top:			2.15em; /* match top ul list item height */
	z-index:		99;
}
ul#menu-main-nav-menu li:hover li ul,
ul#menu-main-nav-menu li.sfHover li ul {
	top:			-999em;
}
ul#menu-main-nav-menu li li:hover ul,
ul#menu-main-nav-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul#menu-main-nav-menu li li:hover li ul,
ul#menu-main-nav-menu li li.sfHover li ul {
	top:			-999em;
}
ul#menu-main-nav-menu li li li:hover ul,
ul#menu-main-nav-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
#nav	{
	margin: 0 auto;
	width:960px;
	border-top:		#fff solid 1px;
	background: 	#1a5b98 url(../images/nav-bg.png) repeat-x;


}
/*Specific to the first item in nav*/

#menu-main-nav-menu {
		background: 	#1a5b98 url(../images/nav-bg.png) repeat-x;
		float:right;

}
#menu-main-nav-menu a {

	text-decoration:none;
}
#menu-main-nav-menu li li	{
	border-left:	1px solid #fff;
	border-top:		1px solid #CFDEFF;
}
#menu-main-nav-menu	a:link	{
	color:			#fff;
}
#menu-main-nav-menu a, #menu-main-nav-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#fff;
}
#menu-main-nav-menu li {
	background: 	#1a5b98 url(../images/nav-bg.png) repeat-x;
	text-transform: uppercase;
	font-size: 1.45em;
	border-right: #fff solid 1px;
	font-weight: lighter;
	line-height: : 1em;
	width:191px;
	
}
#menu-main-nav-menu li a {
	font-size: 1.0em;
	color: #ffffff;
	font-weight: lighter;
	line-height: 1em;
	/*padding: .55em 57px .55em 55px;*/
	padding: .55em 0;
	width:190px;
	text-align: center;


}
#menu-main-nav-menu li li {
	font-size:1.0em;
}

#menu-main-nav-menu li li a {
	padding:.55em 0 .55em .25em;
	font-size: .80em;
	width:100%;
}
#menu-main-nav-menu li li li {
	background:		#9AAEDB;
}
#menu-main-nav-menu li:hover, #menu-main-nav-menu li.sfHover,
#menu-main-nav-menu a:focus, #menu-main-nav-menu a:hover, #menu-main-nav-menu a:active {
	background:		#7b7b7b;
	outline:		0;
}

/*** arrows **/
#menu-main-nav-menu a.sf-with-ul {
	/*padding-right: 	2.25em;*/
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url(../images/arrows-ffffff.png) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
#menu-main-nav-menu ul .sf-sub-indicator { background-position:  -10px 0; }
#menu-main-nav-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
#menu-main-nav-menu ul a:focus > .sf-sub-indicator,
#menu-main-nav-menu ul a:hover > .sf-sub-indicator,
#menu-main-nav-menu ul a:active > .sf-sub-indicator,
#menu-main-nav-menu ul li:hover > a > .sf-sub-indicator,
#menu-main-nav-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url(/wp-content/themes/images/shadow.png) no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}



/*
	MAIN-CONTENT
*/
#main-content	{

}

/*
	HOME PAGE
	
*/
#home-content	{
	float:left;
	width:535px;
}

#slideshow	{
	float:right;
	width:365px;
	
}
#slideshow img	{
	border: #424242 solid 5px;
}

#photo-links	{
	float:left;
	clear:left;
	width:535px;
	margin-top:20px;
	
}
#photo-links img	{
	padding-right: 0px;
}

/*

	GALLERY PAGE
	
*/

#gallery-images h2	{
	margin-top:	20px;
}

#gallery-images h3	{
	margin-top:	20px;
	margin-bottom: 10px;
}
/*
	GLASS AND MIRROR PAGE
	
*/
#glass-page-content	{
	width:560px;
	float:left;
}
#glass-page-content p	{
	
}
#glass-page-image img	{
	width:300px;
	float:right;
	border: #424242 solid 5px;

}

/*
	CERAMIC TILE PAGE
	
*/
#ceramic-page-content	{
	width:560px;
	float:left;
}
#ceramic-page-content p	{
	
}
#ceramic-page-image img	{
	width:300px;
	float:right;
	border: #424242 solid 5px;

}

/*
	REMODELING PAGE
	
*/
#remodeling-page-content	{
	width:560px;
	float:left;
}
#remodeling-page-content p	{
	
}
#remodeling-page-image img	{
	width:300px;
	float:right;
	border: #424242 solid 5px;

}

/*
	HARDWOOD PAGE
	
*/
#hardwood-page-content	{
	width:560px;
	float:left;
}
#hardwood-page-content p	{
	
}
#hardwood-page-image img	{
	width:300px;
	float:right;
	border: #424242 solid 5px;

}

/*
	ABOUT US PAGE
	
*/
#aboutus-content	{
	width:580px;
	float:left;
	
}
#aboutus	{
	width:300px;
	border: #424242 solid 5px;
	float:right;
}

/*
	CONTACT US PAGE
	
*/
#contact-wrap	{
width:940px;
	background: #ffffff url(http://www.aaglassmirrors.com/images/contact-bg.png) no-repeat;
}
#contact-content	{
	margin:20px;
	float:left;
	width:420px;
	
}
#contact-form	{
	margin:20px;
	float:right;
	width:400px;
}

/*
	SIDEBAR
*/
#aside a	{
	text-decoration: none;
}


/*
	LIGHTBOX!!!!!!8*******************************************
*/
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prev.gif) left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/next.gif) right 50% no-repeat; }

/*** START : next / previous text links ***/
#nextLinkText, #prevLinkText{
color: #FF9834;
font-weight:bold;
text-decoration: none;
}
#nextLinkText{
padding-left: 20px;
}
#prevLinkText{
padding-right: 20px;
}
/*** END : next / previous text links ***/
/*** START : added padding when navbar is on top ***/

.ontop #imageData {
    padding-top: 5px;
}

/*** END : added padding when navbar is on top ***/

#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #numberDisplay a { color: black; padding-left: 5px; padding-right: 5px;}
#imageData #bottomNavClose{ background: url(..images/closelabel.gif) no-repeat; width: 66px; height:22px; float: right;  padding-bottom: 0.7em;	}
#imageData #helpDisplay {clear: left; float: left; display: block; }

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6 !important;
	display: none;
	}
	

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

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

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

#lightboxIframe {
	display: none;
}	

/*
	SERVICE MAIN PAGE
	
*/
#service-image1	{
	float:left;
	padding-bottom:20px;
}

#service-image2	{
	float:right;
	padding-bottom:20px;
}

#service-image3	{
	float:left;
}

#service-image4	{
	float:right;
}
/*	
	FOOTER
*/
#footer	{
	width: 920px;
	height:150px;
	border-top: #7b7b7b solid 5px;
	margin: 0 auto 0px;
	padding:20px;
	background: #222222 url(../images/bg-footer.png) repeat;
	color: #000;
	letter-spacing: 3px;
}
#footer-contact	{
	float:right;
	text-align:right;
}