/*  
Theme Name: ArrowQuick v8
Theme URI: http://arrowquick.com/
Description: The ArrowQuick theme used for v8 (2009) of the website.
Version: 1.0
Author: ArrowQuick
*/

/**** begin Jello Mold Piefecta ****/

html{
				background-color:#F2940E;
}

body {
	padding: 0 350px 0 350px;
	margin: 0;
	text-align: center;

}
				
		
#sizer {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 41%;
	max-width: 240px;  /* version for IE is at the bottom of this style block */
}

#expander {
	background: white;
	margin: 0 -350px 0 -350px;
	min-width: 700px; /* Critical Safari fix! */
	position: relative;
}

/* Holly hack for IE \*/
* html #expander { height: 0; }
/* */

/* helps IE get the child percentages right. */
#page { width: 100%; } 

/**** end Jello mold *****/

#main {
				margin:0;
				padding:0;
}
body
{
  background: #F2940E url(images/dotted_bg.png) repeat-x;

}

.clearall
{
  clear: both;
  overflow: hidden;
  height: 1px;
}

/*
  Use row styles like this:
  <div class="row">
    <div class="lcol">Or use label here</div>
    <div class="rcol">right column</div>
  </div>
*/
.row
{
  clear: both;
  padding-top: .1em;
}

.row .lcol,
.row label
{
  display: block;
  float: left;
  text-align: right;
}

.row .rcol
{
  display: block;
  text-align: left;
  float: right;
}

.row .rcol label
{
  display: inline;
  float: none;
  text-align: inherit;
}

.navigation {
	margin-bottom:5px;
}

.smaller
{
  font-size: 90%;
}

.aligncenter { display:block; margin-left:auto; margin-right:auto; }

.success-message
{
	padding: .5em;
	background-color: #F1F8E8;
	color: #349400;
	border: 2px solid #46B101;
}

#page
{
  text-align: left;
	margin: 0px -3px;
  border-left: 3px solid #000;
  border-right: 3px solid #000;
  font-family: "Myriad Pro", Myriad, Frutiger, "Frutiger Linotype", Univers, "DejaVu Sans Condensed", "Liberation Sans", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans serif;
  font-size: 108%; /* 14px */
  line-height: 1.15em; /* set rhythm for the page; can be any ems amount */
  /* More on font resizing: http://www.alistapart.com/articles/howtosizetextincss */
-moz-box-shadow: 0 0 1.5em black;
-webkit-box-shadow: 0 0 1.5em black;

}

#header
{
  position:relative;
	height:150px;
  color: #fff;
  background: #4643e3 url(images/header_background.jpg) top left repeat-x;
  padding: 0px 0px; /* 15px is same margin as .subnav plus some extra to line up with the text */
/* new header idea */
  border-bottom: 3px solid #000;
  border-top: 3px solid #000;
}

#header a
{
	color: #fff;
	text-decoration: none;
}

#header a:hover,
#header a:active
{
	text-decoration: underline;
}

#support {
  position:absolute;
	padding-top:50px;
	top:0px;
	right:98px;
	color:#fff;
	font-size:1.1em;
	line-height:1.1em;
}

#phone {
  position:absolute;
  top:30px;
	right:6px;
}

.phone-number {
  font-size:1.5em;
	font-weight:bold;
	display:block;
}

#top-nav {
	width:100%;
	color:#fff;
	border:1px solid #000;
	text-align:center;
	font-size:1.2em;
	background-color:#000;

}

#top-nav p {
				padding:5px 30px 5px 30px;
				margin:0px;
				font-size:110%;
				line-height:1.1em;
}

#top-nav {
				color: #fff;
				/*font-weight: bold;*/
}

#top-nav a{
				color: #fff;
				font-weight: bold;
}

#navigation
{
  width: 100%;
  background-color: #E31D25;
}

/* Navigation based on http://www.sitepoint.com/article/accessible-menu-tabs */
#navigation ul.top-level
{
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 110%;
  font-weight: bold;
  color: #fff;
}

#navigation ul.top-level li
{
  float: left;
  display: block;
  margin: 0;
  padding: 0;
  border-right: 1px solid #fff;
}

#navigation ul a,
#navigation ul form
{
  display: block;
  float: left;
  padding: .15em .5em;
  text-decoration: none;
  color: #fff;
}

#navigation ul a:link,
#navigation ul a:visited
{
}

#navigation ul a:hover,
#navigation ul a:active
{
  background: #FEEC48;
  color: #333;
}

/* Commented backslash hack hides rule from IE5-Mac \*/
#navigation ul a
{
  float: none;
}
/* End IE5-Mac hack */

/* only needed for submenus
#navigation li ul
{
  position: absolute;
  left: 0;
  top: 1em;
  display: none;
}*/

#navigation ul input
{
  font-size: 70%;
}

#navigation ul input.text
{
  background-color: #f5f5f5;
  border: 1px solid #e6e6e6;
}

#navigation ul input.button
{
}

#content-container
{
  margin-top: 1em; /* could also use padding-top I suppose */
  padding: 0 200px 0 200px;
}

#content
{
  float: left;
  width: 100%;    
  border-left: 200px solid #fff;
  border-right: 200px solid #fff;
  margin-left: -200px;
  margin-right: -200px;
  display: inline; /* So IE plays nice */
  padding-bottom: 2em;
}

/*** Gutter column is deprecated and should no longer be used. ***/
#content .gutter-column
{
  float: left;
  width: 200px;
  margin-left: -200px;
  position: relative;
}


#content .article
{
  float: left;
  width: 100%;
  margin-right: -100%;
}

#content .sidebar
{
  float: right;
  width: 200px;
  margin-right: -200px;
  position: relative;
}

.sidebar .info-box
{
  border: 1px solid #000;
  margin-bottom: 1em;
  padding: .5em;
}

#footer
{
  text-align:center;
  background-color: #000;
  color: #fff;
  padding: .5em;
}

#footer div {
	margin-top:5px;
}

#footer a
{
  color: #fff;
  font-weight: bold;
}

#footer input
{
	background-color: #ccc;
	color: #000;
	border-width: 1px;
}

#footer input[type="text"]
{
	border-style: solid;
}

.searchform {
	display:inline;
	margin:0px;
	padding:0px;
}

.searchform input {
	display:inline;
}

/**** general styles *****/
.alias {
	display:block;
	margin-top:5px;
	font-style:italic;
	font-size:95%;
}


/*** gutter column is deprecated and should no longer be used ***/
.gutter-column div.subnav
{
  margin: 0 20px 1em 10px;
  font-size: 90%;
}

.gutter-column div.subnav h1
{
  font-size: 120%;
  margin-top: 1em;
  margin-left: .5em;
}

.gutter-column div.subnav ul
{
  list-style: none;
  margin: 0;
  padding: 0;
  border-bottom: 1px dotted #333;
  position: relative; /* fixes IE6 bug */
  height: 100%; /* fixes vertical box-model in IE */
}

.gutter-column div.subnav ul a
{
  display: block;
  padding: .2em .5em;
  text-indent: -.7em;
  margin-left: .7em;
}

.gutter-column div.subnav ul a:before
{
  content: "\00BB \0020";
}

.gutter-column div.subnav ul li
{
  background-color: #f5f5f5;
  border-top: 1px dotted #333;
  margin: 0;
  padding: 0;
}

.gutter-column div.subnav ul ul a
{
  background-color: #fff;
}

.gutter-column div.subnav ul ul
{
  list-style: none;
  padding: 0;
  margin: 0 0 1em 1.5em;
}

.gutter-column div.subnav ul ul li
{
  border: none;
}

.gutter-column .news-box
{
  font-size: 80%;
  margin: 0 20px 1em 10px;
}

.gutter-column .news-box h1
{
  font-size: 130%;
  position: relative; /* required for IE6 to display borders */
  border-bottom: 1px dotted #333;
}

.gutter-column .news-box h2
{
  font-size: 110%;
}

.gutter-column .news-box .byline
{
  font-size: xx-small;
}

.gutter-column .news-box input
{
  font-size: 80%;
  width: 100%;
}


.article h1
{
  margin-top: .5em;
  line-height: 1em;
}

.article .byline
{
  margin-bottom: 1em;
}

.article .excerpt
{
	margin: .5em 1.5em 1em 1.5em;
	padding: .5em;
	background: #ffd;
}

.article .excerpt p
{
	margin-bottom: 0; /* remove paragraph spacing */
}

.article pre
{
  width: 100%;
  overflow: auto;
}

.article hr
{
  border: none 0;
  border-top: 1px solid #999; /* the border */
  height: 1px; /* whatever the total width of the border-top and border-bottom equal */
}

.article .aside
{
	float: right;
}

.article address
{
  margin: 0 2em 1em 2em;
  font-style: normal;
}

.article ul,
.article ol
{
  margin: 0;
  padding: 0;
  margin-bottom: 1em;
}

.article ul li,
.article ol li
{
  margin: 0;
  padding: 0;
  margin-left: 1.5em;
}

.article .pull-quote
{
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
  width: 70%;
  float: left;
  position: relative;
  top: 0px;
  left: -160px;
  padding: .25em 30px .25em 0;
  margin: .5em -145px .5em 0; /* right margin = left shift plus some margin */
  background: url(images/close_quote.png) bottom right no-repeat;
  font-size: 125%;
}

.article .pull-quote p
{
  margin: 0;
  padding: .5em 0 .5em 30px;
  background: url(images/open_quote.png) top left no-repeat;
}

.article .pull-pic
{
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
  width: 70%;
  float: left;
  position: relative;
  top: 0px;
  left: -160px;
  padding: .5em;
  margin: .5em -145px .5em 0; /* right margin = left shift plus some margin */
  font-size: 125%;
  text-align: center;
  overflow: hidden;
}

.article .pull-pic img
{
  max-width: 100%;
}

.article dl.two-column
{
  width: 100%;
}

.article dl.two-column dt
{
  clear: both;
  float: left;
  text-align: right;
  font-weight: bold;
  width: 19%;
  padding-bottom: 1em;
  display: inline;
}

.article dl.two-column dd
{
  margin-left: .5em; /* also needed to replace default browser settings */
  float: left; /* trying to use float: right causes an IE bug for multi-line dd's */
  text-align: left;
  width: 78%;
  padding-bottom: 1em;
}

.article form .row
{
  width: 100%;
}

.article form .row label,
.article form .row .lcol
{
  width: 19%;
  font-weight: bold;
}

.article form .row .rcol
{
  width: 78%;
}

.article form .row .rcol label
{
  width: auto;
  font-weight: normal;
  display: block;
  text-align: left;
}

.article .commentlist
{
	list-style: none;
	margin-left: 0;
}

.article .commentlist li
{
	margin: 0 0 .5em 0; /* add bottom margin and reset left margin */
	padding: .5em .25em;
}

.article .commentlist li.alt
{
	background: #fef5a4;
}

.article .commentmetadata
{
	font-size: 80%;
}

.article .commentmetadata cite
{
	font-weight: bold;
	font-style: normal;
}

.article #commentform
{
  margin-bottom: 1em;
}

.article #commentform label
{
/*  font-weight: normal;*/
}

.article #commentform textarea
{
  width: 100%;
}

.article #commentform input
{
  width: 60%;
}

.article #commentform input.button
{
  width: auto;
}

.article .request-info
{
  margin-bottom: 1em;
}

.article .entry_author_image
{
  float: left;
  /*border: solid 1px #000;*/
  margin-right: 10px;
}

.newsletter .field
{
  width: 95%;
}

.newsletter div
{
  font-size: xx-small;
}

.sidebar .info-box
{
  margin: 0 10px 1em 20px;
  font-size: 90%;
  position: relative; /* fixes IE6 bug */
}

.sidebar .info-box h1,
.sidebar .featured-box h1
{
  font-size: 120%;
  margin-top: 0;
}

.sidebar .featured-box
{
  margin: 1em 10px 0 20px;
  padding: 0;
  position: relative; /* fixes IE6 bug*/
}

.sidebar .featured-box h1
{
  background-color: #000;
  color: #fff;
  padding: .3em .5em .15em .5em;
}

.sidebar .featured-box .info-box
{
  margin-left: 0;
  margin-right: 0;
}

.sidebar ol,
.sidebar ul
{
  margin-left: 0;
  padding-left: 1.5em;
}

.sidebar li
{
/*  padding-left: 1em;*/
}

.sidebar .location address
{
  font-style: normal;
  margin: 0 1.5em;
}

.sidebar .teamquote blockquote,
.sidebar .clientquote blockquote
{
  margin: 0 1.5em;
}

.sidebar .author-info img
{
	float: left;
	margin-right: 5px;
	margin-bottom: .1em;

}

.splash-banner
{
  padding: .5em;
}

.splash-banner .info-box
{
  width: 30%;
  margin-right: 2%;
  float: left;
}

.splash-banner .call-to-action
{
  clear: both;
  text-align: right;
  padding-top: 1em;
}

form .required
{
  font-weight: bold;
  color: red;
}

.byline
{
  font-size: 90%;
  font-style: italic;
}

div.nickname
{
  font-size: 150%;
}

.team-pic {
				margin-right:5px;
}

.continuation
{
  text-align: right;
  font-size: 90%;
}

table.articles
{
	width: 100%;
}

table.articles .title
{
	padding-left: .5em;
	text-indent: -.5em;
}

table.articles td.date
{
	width: 7em;
}

/*********** service pages *************/

.author-info h3
{
    margin-top: 0;
}

a.more-team
{
    display: block;
    text-align: right;
}

a.more-team:after
{
    content: " \203A";
}

.quotes blockquote
{
    margin: 0;
    margin-top: .5em;
}

.quotes blockquote p
{
    border: 1px solid #000;
	border-radius: 2em;
    -moz-border-radius: 2em;
	-o-border-radius: 2em;
	-webkit-border-radius: 2em;
    padding: 1em;
    margin-right: 1em;
    min-height: 15em;
}

.quotes blockquote cite
{
    display: block;
    margin-top: .5em;
    text-align: right;
}

.quotes blockquote cite:before
{
    content: "\2014";
}

form.request-consultation label
{
    font-weight: bold;
    display: block;
}

form.request-consultation label,
form.request-consultation div.submit
{
    margin-top: 1em;
}

form.request-consultation input[type="text"],
form.request-consultation textarea
{
    width: 90%;
}

form.request-consultation div.submit input
{
    font-weight: bold;
    padding: .25em;
}

/************* WP Generated Classes ***********/
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}



/* we may want to add styles for these as well - they're generated by WP also 

.categories {...}
.cat-item {...}
.current-cat {...}
.current-cat-parent {...}
.pagenav {...}
.page_item {...}
.current_page_item {...}
.current_page_parent {...}
.widget {...}
.widget_text {...}
.blogroll {...}
.linkcat{...}

*/




/***** sIFR styles *******/

/* These are standard sIFR styles... do not modify */
.sIFR-flash
{
  visibility: visible !important;
  margin: 0;
}

.sIFR-replaced
{
  visibility: visible !important;
}

span.sIFR-alternate
{
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true]
{
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash .article h1
{
/* visibility: hidden;
  font-size: 2.3em; /* use pixels for cross-browser consistency? */
}