/*
THEME NAME: Arrow Masonry and Exteriors, Inc.
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: Chicago Graphics and Computing Group Inc.
VERSION: 1.6.1
AUTHOR: <a href="http://cg.cg" target="_blank">http://cg.cg</a>
AUTHOR URI:
TAGS: sandbox, microformats, hcard, hatom, xoxo, widgets, blank slate, starter theme, minimalist, developer
*/

#AngiesButton a, #AngiesButton a:visited {
	float: left;
	height: 38px;
	width: 38px;
	cursor: pointer;
	margin-left:695px;
	margin-right:5px;
	}

#ACTHAButton a, #ACTHAButton a:visited {
	float: left;
	height: 38px;
	width: 43px;
	cursor: pointer;
	}

#FacebookButton a, #FacebookButton a:visited {
	float: left;
	height: 38px;
	width: 48px;
	cursor: pointer;
	}

/* Reset */
*{
  padding:0px;
  margin:0px;
}

img {
  border:0px;
}

a {
  cursor:pointer;
}

:focus {
  outline: 0;
}

#bulletList {
float:left;
z-index:200;
display:block;
width:100%;
padding-bottom:10px;
}

/* 960 gs */
.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}



/* Reuseable Classes */
.vspace_1{margin-top:10px;}.vspace_2{margin-top:20px;}.vspace_3{margin-top:30px;}.vspace_4{margin-top:40px;}.vspace_5{margin-top:50px;}.vspace_6{margin-top:60px;}.vspace_7{margin-top:70px;}.vspace_8{margin-top:80px;}.vspace_9{margin-top:90px;}.vspace_10{margin-top:100px;}.padding_1{padding:10px;}.padding_2{padding:20px;}

.replace{display: none;}

/* Global Styles */
strong{
  color:#218e8e;
}

u {
  font-weight:bold;
  color:white;
}




a, a:link, a:visited{
  color:#eee;
  font-weight:bold;
  text-decoration:underline;
}

a:hover, a:active{
  color:#fff;
  text-decoration:underline;
}

p{
  margin-bottom:14px;
}


/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */



/* Sprite Elements */
.sprite{
  background-image:url(/wp-content/themes/arrow/images/sprite.png);
  background-repeat: no-repeat;
  background-position:top left;
  display: block;
  overflow: hidden;
}

.logo{
  background-position:0px 0px;
  width:260px;
  height:86px;
}

.logo a{
  float:left;
  display:block;
  width:260px;
  height:86px;
}

#logo{
  float:left;
  display:block;
  width:260px;
  margin-left:-20px;
}

.footer{
  background-position:0px -387px;
  height:46px;
}

.email-link {
  background-position:-658px -387px;
  display:block;
  float:right;
  height:46px;
  margin-right:124px;
  width:178px;
}

.tagline {
  background-position:-598px -51px;
  display:block;
  float:right;
  height:36px;
  width:388px;
}

* {
  margin: 0;
}
  
html, body {
  height: 100%;
}


html{
  background-image:url(/wp-content/themes/arrow/images/bg-tile.png);
  height:100%;
}

body{
  font-family: Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #eeeeee;
  background-color: #59010f;
  margin:0px;
  padding:0px;
  height:100%;
  min-width:960px;
  background-image:url(/wp-content/themes/arrow/images/tile.png);
  background-repeat: repeat-x;
}

#outer_wrapper{
  background-image:url(/wp-content/themes/arrow/images/body-tile-1.png?1);
  background-repeat: repeat-y;
  background-position:center;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -43px; /* the bottom margin is the negative value of the footer's height */
}

#footer, .push{  /* sticky footer */
  clear:both;
  height:43px;
}


#outer_wrapper,
#header_container{
  margin-top:0px;
  padding-top:0px;
}

#header_container{
  background-image:url(/wp-content/themes/arrow/images/tile.png);
  background-repeat: repeat-x;
  height:89px;
}

#inner_wrapper{
  /*  background-color: #000;
  background-image:url(/wp-content/themes/arrow/images/body-tile-1.png?1);
  background-repeat: repeat-y;
  background-position: center;
  */
  min-height:520px;

}

body.home #inner_wrapper,
body.home #outer_wrapper{
  background-image:url(/wp-content/themes/arrow/images/body-tile-2.png);
}


#container p, td{
  font-size:14px;
  line-height:18px;
}

.padding {
  padding-bottom:12px;
}


#container li{
  margin-left:20px;
  margin-bottom:10px;
}

.entry-title{
  color:#218e8e;
  font-style:italic;
  margin-left:40px;
  margin-bottom:20px;
}


#container h1{
  padding-top:20px;
  font-style:italic;
}

#content{
  background-image:url(/wp-content/themes/arrow/images/heading-bg.png);
  background-repeat: no-repeat;
  background-position: 0px 34px;
}


/* Home Page */

#left-col{
  padding-left:10px;
  font-style:italic;
  padding-top:20px;
  position:absolute;
  z-index:12;
}

#left-col h1{
  color:#fff;
  text-transform:uppercase;
  font-size:30px;
  font-weight:bold;
  margin-bottom:2px;
}

#left-col h3{
  color:#d5d5d5;
  font-size:18px;
  font-weight:normal;
  margin-bottom:4px;
}

#left-col li{
  list-style-image: url(/wp-content/themes/arrow/images/bullet.png);
}

#slideshow2{
  position:absolute;
  width:584px;
  height:500px;
  padding-left:366px;
  background-image:url(/wp-content/themes/arrow/images/divider.jpg);
  background-repeat: no-repeat;
  background-position: center bottom;  
}

.slide{
  position:absolute;
  top:0;
  z-index:10;
}

.services-list{
  float: left;
  margin-top: 20px;
  margin-left: 30px;
  margin-right: 10px;
}

.services-list li {
  margin-bottom:5px;
}

.services-list a{
  text-decoration:none;
}

.services-list a:hover{
  text-decoration:underline;
}


.underline{
  width:100%;
  padding-bottom:4px;
  background-image:url(/wp-content/themes/arrow/images/underline.jpg?);
  background-repeat: no-repeat;
  background-position:bottom left;
}


.entry-content{
  margin-top:40px;
}

.entry-content td{
  padding:8px;
}

.entry-content td img{
  padding-bottom:8px;
}


/* Sidebar */

.sidebar-img{
  background-image:url(http://www.tuckpointing.com/wp-content/uploads/2011/06/summer-arrow-building.jpg);
  width:220px;
  height:136px;
  margin-top:20px;
  position:absolute;
}

.sidebar-after-img {
  background-image:none;
  width:220px;
  height:136px;
  margin-top:20px;
  position:absolute;
}


#sidebar ul{
  border-top:1px solid #333;
  list-style:none;
  margin-top:180px;
}

#sidebar li{
  background-image:url(/wp-content/themes/arrow/images/ul-tile.png?3);
  background-repeat: repeat-x;
  background-position: top left;
}

#sidebar li:hover{
  background-image:url(/wp-content/themes/arrow/images/ul-tile-hover.png?3);
  background-repeat: repeat-x;
  background-position: bottom left;
}

#sidebar li a{
  font-size:14px;
  padding:10px 28px;
  display:block;
  border-bottom:1px solid #333;
  color:#ccc;
  text-decoration:none;
  background-image:url(/wp-content/themes/arrow/images/list-arrow.png?23);
  background-repeat: no-repeat;
  background-position: 2% 50%;
}

#sidebar li a.back{
  background-image:url(/wp-content/themes/arrow/images/list-arrow-back.png?23);
  background-repeat: no-repeat;
  background-position: 5% 50%;
  margin-bottom:0px;
}

#sidebar li a:hover{
  text-decoration:none;
  color:#fff;
}


/* Sidebar Images */

body.pageid-14 .sidebar-img{ /* Services */
  background-image:url(/wp-content/themes/arrow/images/sb-services.jpg);
}

body.pageid-12 .sidebar-img,
body.parent-pageid-12 .sidebar-img{ /* Services - Tuckpointing */
  background-image:url(/wp-content/themes/arrow/images/sb-tuckpointing.jpg?2);
}

body.pageid-12 .sidebar-after-img,
body.parent-pageid-12 .sidebar-after-img{ /* Services - Tuckpointing  After */
  background-image:url(/wp-content/themes/arrow/images/sb-tuckpointing-after.jpg?1);
}
 
body.pageid-38 .sidebar-img,
body.parent-pageid-38 .sidebar-img{ /* Services - Masonry Restoration*/
  background-image:url(/wp-content/themes/arrow/images/sb-masonry.jpg?2);
}

body.pageid-38 .sidebar-after-img,
body.parent-pageid-38 .sidebar-after-img{ /* Services - Masonry Restoration after */
  background-image:url(/wp-content/themes/arrow/images/sb-masonry-after.jpg?2);
}


body.pageid-267 .sidebar-img,
body.parent-pageid-267 .sidebar-img{ /* Services - Stone Restoration*/
  background-image:url(/wp-content/themes/arrow/images/sb-stone.jpg?1);
}

body.pageid-267 .sidebar-after-img,
body.parent-pageid-267 .sidebar-after-img{ /* Services - Stone Restoration after*/
  background-image:url(/wp-content/themes/arrow/images/sb-stone-after.jpg?1);
}

body.pageid-52 .sidebar-img,
body.parent-pageid-52 .sidebar-img{ /* Services - Chimney Rebuilding */
  background-image:url(/wp-content/themes/arrow/images/sb-chimney.jpg?12);
}

body.pageid-52 .sidebar-after-img,
body.parent-pageid-52 .sidebar-after-img{ /* Services - Chimney Rebuilding  after */
  background-image:url(/wp-content/themes/arrow/images/sb-chimney-after.jpg?2);
}

body.pageid-63 .sidebar-img,
body.parent-pageid-63 .sidebar-img{ /* Services - Lintel Replacement */
  background-image:url(/wp-content/themes/arrow/images/sb-lintel.jpg);
}

body.pageid-63 .sidebar-after-img,
body.parent-pageid-63 .sidebar-after-img{ /* Services - Lintel Replacement after */
  background-image:url(/wp-content/themes/arrow/images/sb-lintel-after.jpg?1);
}

body.pageid-74 .sidebar-img,
body.parent-pageid-74 .sidebar-img{ /* Services - Chemical Cleaning */
  background-image:url(/wp-content/themes/arrow/images/sb-chemical.jpg?1);
}

body.pageid-74 .sidebar-after-img,
body.parent-pageid-74 .sidebar-after-img{ /* Services - Chemical Cleaning after */
  background-image:url(/wp-content/themes/arrow/images/sb-chemical-after.jpg?1);
}

body.pageid-88 .sidebar-img,
body.parent-pageid-88 .sidebar-img{ /* Services - Leak Detection */
  background-image:url(/wp-content/themes/arrow/images/sb-leak.jpg?1);
}

body.pageid-98 .sidebar-img,
body.parent-pageid-98 .sidebar-img{ /* Services - Caulking */
  background-image:url(/wp-content/themes/arrow/images/sb-caulking.jpg?1);
}

body.pageid-109 .sidebar-img,
body.parent-pageid-109 .sidebar-img{ /* Services - Waterproofing */
  background-image:url(/wp-content/themes/arrow/images/sb-waterproofing.jpg?2);
}

body.pageid-109 .sidebar-after-img,
body.parent-pageid-109 .sidebar-after-img{ /* Services - Waterproofing */
  background-image:url(/wp-content/themes/arrow/images/sb-waterproofing-after.jpg?3);
}

body.pageid-126 .sidebar-img,
body.parent-pageid-126 .sidebar-img{ /* Services - Waterproof Membrane Coatings */
  background-image:url(/wp-content/themes/arrow/images/sb-wmc.jpg);
}

body.pageid-126 .sidebar-after-img,
body.parent-pageid-126 .sidebar-after-img{ /* Services - Waterproof Membrane Coatings after */
  background-image:url(/wp-content/themes/arrow/images/sb-wmc-after.jpg);
}

body.pageid-135 .sidebar-img,
body.parent-pageid-135 .sidebar-img{ /* Services - Split Face Block Repair */
  background-image:url(/wp-content/themes/arrow/images/sb-split.jpg?1);
}

body.pageid-152 .sidebar-img,
body.parent-pageid-152 .sidebar-img{ /* Services - Critical Inspections */
  background-image:url(/wp-content/themes/arrow/images/sb-inspection.jpg?1);
}

body.pageid-218 .sidebar-img,
body.parent-pageid-218 .sidebar-img{ /* Contact */
  background-image:url(http://www.tuckpointing.com/wp-content/uploads/2011/06/summer-arrow-building.jpg);
}

body.pageid-2  .sidebar-img{ /* About */
  background-image:url(/wp-content/themes/arrow/images/sb-about.jpg?1);
}

body.pageid-8 .sidebar-img{ /* About service*/
  background-image:url(/wp-content/themes/arrow/images/sb-about-service.jpg?1);
}

body.pageid-10 .sidebar-img{ /* About service*/
  background-image:url(/wp-content/themes/arrow/images/sb-about-worksmanship.jpg?1);
}



/* Nav */
.nav-home,
.nav-services,
.nav-about,
.nav-contact,
.nav-photolibrary{
  height:41px;
}

.nav-home{
  width:110px;
  background-position:-378px 0px;
}

.nav-services{
  width:122px;
  background-position:-489px 0px;
}

.nav-contact{
  width:93px;
  background-position:-611px 0px;
}

.nav-about{
  width:147px;
  background-position:-703px 0px;
}

.nav-photolibrary{
  width:135px;
  background-position:-851px 0px;
}


/* Hover */

.nav-home:hover{
  background-position:-378px -101px;
}

.nav-services:hover{
  background-position:-489px -101px;
}

.nav-contact:hover{
  background-position:-611px -101px;
}

.nav-about:hover{
  background-position:-703px -101px;
}

.nav-photolibrary:hover{
  background-position:-851px -101px;
}




/* Services Landing Page */

body.pageid-14 #inner_wrapper{
  background-image:url(/wp-content/themes/arrow/images/services.jpg?1);
  background-repeat: no-repeat;
  background-position:top left;
}


body.pageid-14 #container{
  font-style:italic;
  margin-top:40px;
}

body.pageid-14 #container #content{
  font-style:italic;
  margin-left:420px;
  width:480px;
}



body.pageid-14 #container h1{
  padding-bottom:2px;
  background-image:url(/wp-content/themes/arrow/images/underline.jpg);
  background-repeat: no-repeat;
  background-position:bottom left;
  margin-left:20px;
  margin-bottom:20px;
}


body.pageid-14 #content li,
body.pageid-172 #content li,
body.pageid-166 #content li{
  list-style-image: url(/wp-content/themes/arrow/images/bullet.png);
  font-style:italic;
}




/* Photo Library Landing Page */

body.pageid-166 #inner_wrapper{
  background-image:url(/wp-content/themes/arrow/images/photolibrary.jpg?1);
  background-repeat: no-repeat;
  background-position:top left;
}

body.pageid-166 #container{
  font-style:italic;
  margin-top:40px;
}

body.pageid-166 #container #content{
  font-style:italic;
  margin-left:420px;
  width:480px;
}


body.pageid-166 #container h1{
  padding-bottom:2px;
  background-image:url(/wp-content/themes/arrow/images/underline.jpg);
  background-repeat: no-repeat;
  background-position:bottom left;
  margin-left:20px;
  margin-bottom:20px;
}













/* SF Menus */

#pixopoint_menu_wrapper1{
  float:right;
  width:607px;
}

#suckerfishnav {
  font-size:12px;
  width:100%;
}

#suckerfishnav,#suckerfishnav ul {
  float:left;
  list-style:none;
  width:100%;
  margin:0;
  margin-bottom: 10px;
}

#suckerfishnav a {
  display:block;
  color:#fff;
  text-decoration:none;
  font-size:16px;
  font-style:italic;
  font-weight:bold;
}

#suckerfishnav li {
  float:left;
  padding:0;
}

#suckerfishnav ul {
  position:absolute;
  left:-999em;
  height:auto;
  width:140px;
  font-weight:normal;
  border:0;
  margin:0;
  padding:10px;
  z-index:20;
}

#suckerfishnav li li {
  display:block;
  border-bottom:solid 1px #6a0016;
  border-top:solid 1px #8a2235;
  list-style:none;
  float:left;
  width:230px;
  padding-top:4px;
  padding-bottom:4px;
}

#suckerfishnav li ul {
  border:solid 1px #6a0016;
  background-color:#770019;
  margin-top:0px;
  float:left;
  width:230px;
}

#suckerfishnav li li a:link,
#suckerfishnav li li a:visited{
  font-size:14px;
  padding:2px 4px;
  display: block;
  color:#fff;
}

#suckerfishnav li li:hover a:link{
  color:#fff;
}

#suckerfishnav li li:hover a:hover{
  color:#eee;
}

#suckerfishnav li ul ul {
  margin:-21px 0 0 140px;
  border:solid 1px #ececec;
}

#suckerfishnav li li:hover {
  color:#666;
}

#suckerfishnav li:hover ul ul,
#suckerfishnav li:hover ul ul ul,
#suckerfishnav li:hover ul ul ul ul,
#suckerfishnav li.sfhover ul ul,
#suckerfishnav li.sfhover ul ul ul,
#suckerfishnav li.sfhover ul ul ul ul {
  left:-999em;
}

#suckerfishnav li:hover ul,
#suckerfishnav li li:hover ul,
#suckerfishnav li li li:hover ul,
#suckerfishnav li li li li:hover ul,
#suckerfishnav li.sfhover ul,
#suckerfishnav li li.sfhover ul,
#suckerfishnav li li li.sfhover ul,
#suckerfishnav li li li li.sfhover ul {
  left:auto;
  color:#999;
}

#suckerfishnav li:hover,
#suckerfishnav li.sfhover {
  color:#999;
}

#suckerfishnav li ul li:hover a,
#suckerfishnav li ul li li:hover a,
#suckerfishnav li ul li li li:hover a,
#suckerfishnav li ul li li li:hover a,
#suckerfishnav li:hover a,
#suckerfishnav li.sfhover a,
#suckerfishnav li:hover li a,
#suckerfishnav li li:hover li a,
#suckerfishnav li li li:hover li a,
#suckerfishnav li li li li:hover li a {
  color:#fff;
}

#suckerfishnav li ul.menu-2{
  margin-left:180px;
}

#suckerfishnav li.empty{
  padding:7px 0px;
}


/* Form */

span.wpcf7-list-item { display:block }

span.wpcf7-not-valid-tip  {
  background:none repeat scroll 0 0 #000000;
  border:3px solid #FF0000;
  font-size:12px;
  left:300px;
  padding:4px;
  position:absolute;
  top:-7px;
  width:180px;
  z-index:100;
}

td img {display:block}
