html, body {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline; }

div, span, object, iframe, h1, h2, h3, h4, h5, h6, p,
pre, a, abbr, acronym, address, code, del, dfn, em, img,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr, hr {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline; }

body { line-height: 1.5 }

blockquote, q {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  quotes: "" ""; }
  blockquote:before,
  blockquote:after,   q:before,
  q:after {
    content: ""; }

th, td, caption {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  text-align: left;
  font-weight: normal;
  vertical-align: top; }

table {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  border-collapse: separate;
  border-spacing: 0;
  vertical-align: middle; }

a img { border: none }/*

	GalleryView Stylesheet
	
	Use the CSS rules below to modify the look of your gallery.
	
	To create additional rules, use the markup below as a guide to GalleryView's architecture.
	
	<div class="gallery">
		<div class="panel">
			<img src="path/to/image.jpg" />
			<div class="panel-overlay">
				...overlay content...
			</div>
			<div class="overlay-background"></div>
		</div>
		<ul class="filmstrip">
			<li class="frame current">
				<img src="path/to/thumbnail.jpg" />
				<div class="caption">caption text</div>
			</li>
			<li class="frame">
				<img src="path/to/thumbnail.jpg" />
				<div class="caption">caption text</div>
			</li>
		</ul>
	</div>
		

*/

/* GALLERY LIST */
/* IMPORTANT - Change '#photos' to the ID of your gallery list to prevent a flash of unstyled content */
#clients { visibility: hidden; }

/* GALLERY CONTAINER */
.gallery { background: #ddd; border: 1px solid #aaa; padding: 5px;
        -moz-border-radius: 7px;
	border-radius: 7px;}

/* LOADING BOX */
.loader { background: url(/javascripts/jquery-galleryview-loader.gif) center center no-repeat #ddd; }

/* GALLERY PANELS */
.panel {}

/* DEFINE HEIGHT OF PANEL OVERLAY */
/* NOTE - It is best to define padding here as well so overlay and background retain identical dimensions */
.panel .panel-overlay,
.panel .overlay-background { height: 60px; padding: 0 1em; }

/* PANEL OVERLAY BACKGROUND */
.panel .overlay-background { background: #222; }

/* PANEL OVERLAY CONTENT */
.panel .panel-overlay { color: #fff; font-size: 0.7em; font-weight: bold; }
.panel .panel-overlay a { color: white; text-decoration: underline; font-weight: bold; }

/* FILMSTRIP */
/* 'margin' will define top/bottom margin in completed gallery */
.filmstrip { margin: 5px; }

/* FILMSTRIP FRAMES (contains both images and captions) */
.frame {}

/* WRAPPER FOR FILMSTRIP IMAGES */
.frame .img_wrap { border: 1px solid #aaa; }

/* WRAPPER FOR CURRENT FILMSTRIP IMAGE */
.frame.current .img_wrap { border-color: #000; }

/* FRAME IMAGES */
.frame img { border: none; }

/* FRAME CAPTION */
.frame .caption { font-size: 11px; text-align: center; color: #888; }

/* CURRENT FRAME CAPTION */
.frame.current .caption { color: #000; }

/* POINTER FOR CURRENT FRAME */
.pointer {
	border-color: #000;
}

/* TRANSPARENT BORDER FIX FOR IE6 */
/* NOTE - DO NOT CHANGE THIS RULE */
*html .pointer {
	filter: chroma(color=pink);
}/* Normal Bubble */
div.bubble {
	width: auto;
	font-size: 0.75em;
	margin-bottom: 24px;
}

div.bubble blockquote {
	margin: 0px;
	padding: 10px;
	border: 2px solid #000;
	background: url(http://cdn2.alfajango.com/images/blockquote.png) 7px 5px no-repeat #fff;
	text-indent: 30px;
   font-size: 13px;
   font-weight: bold;
}
div.bubble.rounded blockquote {
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        border-radius: 7px;
}

div.bubble blockquote p {
	margin: 10px;
	padding: 0px;
}

div.bubble cite {
	position: relative;
	margin: 0px;
	padding: 7px 0px 0px 15px;
	top: 6px;
	background: transparent url(tip.gif) no-repeat 20px 0;
	font-style: normal;
        font-weight: bold;
}

/* Rounded Bubble */
div.bubble div.rounded {
	margin-bottom: 10px;
	border: 3px solid #fff;
	background-color: #b7e0ff;
}
div.bubble div.rounded blockquote {
	border: 0;
	background-color: transparent;
}
div.bubble div.rounded blockquote p {
	margin: 0px 10px;
}
div.bubble cite.rounded {
	position: relative;
	margin: 0px 10px 0;
	padding-left: 15px;
	padding-top: 16px;
	top: -2px;
	background: transparent url(http://cdn2.alfajango.com/images/tip-rounded.gif) no-repeat center 0;
	float: right;
}body {
   font-family: verdana, geneva, 'sans serif';
   background: #d9d9d9;
   width: 100%;
   min-width: 1024px;
}

a {
   color: #696;
   text-decoration: none;
   background: transparent;
}

a:visited {
   color: #363;
}

a:hover, a:active, a:focus {
   background: transparent;
   color: #fff;
   text-decoration: underline;
}

h1 {
   font-size: 28px;
   margin: 15px 0;
}

h2 {
   font-size: 22px;
   color: #333;
   border-bottom: solid 1px #666;
   margin: 0 0 10px;
}

h3 {
   font-size: 18px;
   color: #666;
}

p {
   margin: 15px 0;
}

#content {
   padding-top: 10px;
   width: 100%;
   background: url(http://cdn2.alfajango.com/images/layout/content_bg.png) repeat-x #d9d9d9;
}

.constrained {
   width: 100%;
   max-width: 1024px;
   padding: 0;
   margin: 0 auto;
}

#header {
   background: #000;
   display: block;
   height: 114px;
}

#header a {
   color: #73B058;
}

#banner {
   float: left;
}

#call-us {
   float: right;
   color: #999;
   font-size: 12px;
   line-height: 25px;
   height: 53px;
}
#call-us #call-to-action { color: #fff; }
#call-us #call-to-action img { vertical-align: middle; }
#call-us #phone-number { color: #fff; }
#call-us #phone-number span { color: #999;  }

div#login-badge {
   float: right;
   width: 269px;
   height: 53px;
   background: url(http://cdn2.alfajango.com/images/layout/blog_badge.png) no-repeat;
   text-align: center;
   
}
#login-badge span,
#login-badge a {
   display: inline;
   color: #000;
}
#login-badge span {
   display: inline;
   font-size: 10px;
}

#menu ul {
   margin-top: -9px;
   float: right;
   list-style: none;
   width: 675px;
}
#menu ul li {
   display: block;
   float: left;
}
#menu ul li a {
   display: block;
   color: #999;
   text-decoration: none;
   font-size: 18px;
   padding: 5px 10px 0;
   border-right: solid 1px #333;
}
#menu ul li a#right-edge {
   border-right: none;
}
#menu ul li a:hover,
#menu ul li a:active,
#menu ul li a:focus,
#menu ul li a.active {
   color: #fff;
}
#menu ul li a span {
   display: block;
   font-size: 12px;
   padding: 5px 2px;
}

.tile {
   background: url(http://cdn2.alfajango.com/images/layout/trim_tile.png) repeat-x transparent;
}
div.hr.tile {
   display: block;
   width: 100%;
   height: 45px;
   padding: 0;
   color: transparent;
   border: none;
   margin-bottom: -24px;
}
div.hr.tile hr {
   display: none;
}

#front-page-display > div.constrained {
   height: 520px;
   background: url(http://cdn2.alfajango.com/images/layout/screenshots.png) right bottom no-repeat;
}
#front-page-display div.testimonial {
   margin: 0;
   padding: 10px 0;
   height: 135px;
}
#front-page-display div.testimonial p {
   font-size: 14px;
}
#front-page-display h2 {
   font-size: 23px;
   font-weight: bold;
   text-shadow: 2px 2px 2px #fff, 4px 4px 4px #666;
   margin: 0;
   padding: 15px 0 0 5px;
   width: 370px;
   border: none;
}

div#contact-bar {
   color: #fff;
   background: #696;
   border-top: solid 1px #3f0;
   padding: 20px 0 5px;
   font-weight: bold;
   font-size: 14px;
   width: 100%;
   height: 75px;
   position: absolute;
   margin-top: -100px;
   /* for IE */
   filter:alpha(opacity=90);
   /* CSS3 standard */
   opacity:0.9;
}
#contact-bar p {
   margin: 0;
}
#contact-bar span {
   color: #000;
}
#contact-bar a.contact-us-button {
   float: right;
   margin: -5px 0 0 15px;
}

#footer {
   background: url(http://cdn2.alfajango.com/images/layout/footer_bg.png) repeat-x #000 !important;
   color: #ccc;
}
#footer #bottom-bar {
   font-size: 12px;
   padding-top: 48px;
}
#footer #footer-bar {
   width: 100%;
   height: 31px;
   padding: 9px 15px;;
   font-size: 20px;
}
#footer #footer-bar span {
   font-size: 14px;
   color: #999;
}
#footer #footer-bar img {
   vertical-align: middle;
}
#footer #footer-widgets {
   width: 100%;
   padding-top: 25px;
   height: 315px;
}
#footer-widgets ul li {
   font-size: 14px;
   margin: 15px;
}

.black {
   margin-bottom: -24px;
}

.black .constrained > h1:first-child {
   margin-top: 40px;
}
.black h1 {
   color: #fff;
}
.black h2,
.black h3 {
   color: #999;
}
.black a, 
#footer a {
   color: #9c9;
}
.black a:visited
#footer a:visited {
   color: #696;
}

.black div.column {
   padding-top: 15px;
   background: url(http://cdn2.alfajango.com/images/layout/shine_bg.png) center top no-repeat;
}

div.border {
   border: solid 1px #666;
   margin: 0;
   padding: 20px 5% 5px;
   -moz-border-radius: 7px;
   -webkit-border-radius: 7px;
   border-radius: 7px;
}

.black div.column h2,
#footer #footer-widgets h3 a {
   display: inline-block;
   color: #fff;
   font-size: 18px;
   padding-bottom: 10px;
   margin: 0 0 15px;
}

.black div.column h2,
#footer #footer-widgets h3 {
   border-bottom: solid 1px #666;
}
.black div.column.middle h2 {
   color: #73b058;
   border-color: #73b058;
}
#footer #footer-widgets h3 {
   margin-bottom: 20px;
}
#footer #footer-widgets h3 img {
   vertical-align: middle;
   margin-right: 5px;
}
#footer #footer-widgets h3 span a {
   font-size: 12px;
   color: #ccc;
}

dl dt {
   color: #363;

}
#footer-widgets dl dt {
   color: #696;
}
#footer-widgets dl dt span {
   font-size: 9px;
   color: #fff;
   margin: 0 0 0 15px;
}
dl dd {
   margin-bottom: 15px;
}
#footer-widgets dl dd {
   font-size: 12px;
}
#footer-widgets dl dd p { margin: 0; }
#footer-widgets ul {
   list-style: none;
}

.black div.column h2 {
   font-size: 18px;
}
.black div.column p {
   margin: 10px 0;
   font-size: 14px;
}

.learn-more-link {
   display: block;
   margin: 30px 0 0;
}
img.learn-more-arrow {
   float: right;
}

.black {
   background: #000;
   color: #ccc;
   padding-bottom: 50px;
}

.black hr.tile {
   margin-bottom: 15px;
}

a.contact-us-button {
   background: transparent;
}

.fifth-width {
   width: 17%;
}
.quarter-width {
   width: 22%;
}
.third-width {
   width: 30%;
}
.half-width {
   width: 47%;
}
.three-quarters-width {
   width: 72%;
}
.three-fifths-width {
   width: 57%;
}
.four-fifths-width {
   width: 77%;
}

.column {
   float: left;
   margin: 0;
   padding: 0 1.5%;
}

.float-right {
   float: right;
}
.float-left {
   float: left;
}
img.float-left {
   margin: 10px 15px 10px 0;
}

.clear { 
   clear: both;
}

br.clear {
   display: block;
   width: 100%;
   height: 0;
}

.thumb {
   margin: 0px 15px 20px 0px;
   padding: 3px 3px 20px;
   border: solid 1px #666;
   background: #fff;
}
.thumb span {
   display: block;
   text-align: center;
   margin: 5px auto;
   width: 100%;
   font-style: italic;
}

.attributed {
   display: block;
   float: right;
}

.bio-info {
   margin-right: 15px;
}

.rounded {
   -webkit-border-radius: 7px;
   -moz-border-radius: 7px;
	border-radius: 7px;
}

.dark-bg {
   background: #aaa;
   padding: 15px;
}
.white-bg {
   background: #fff;
   padding: 15px;
   border: solid 1px #333;
}
.white-bg a:hover, .white-bg a:active, .white-bg a:focus {
   color: #666;
}

#contact-form {
margin: 0 20px 40px;
}

#contact-form input, #contact-form select, #contact-form textarea, #contact-form button {
background-color: #fff;
font-size: 1em;
margin-bottom: 15px;
border: inset 1px #696;
}

#contact-form input.button {
background-color: #71af5a;
font-size: 1.5em;
margin-bottom: 15px;
background-image: url(http://cdn2.alfajango.com/images/layout/input_bg.jpg);
background-repeat: repeat-x;
border: outset 1px;
padding: 5px 10px;
}

textarea#info_inquiry {
width: 100%;
}

input#info_phone {
width: 125px;
}

#contact-form label {
display: none;
}

#contact-form label.show {
   display: inline-block;
   width: 100px;
   color: #666;
   font-weight: bold;
}

.label-text {
   color: #666;
}

.center {
   margin: auto;
}

#notice, #warning, #error, .small-js-warning { width: 80%; padding: 10px; background: #88cc88; border: solid 1px #004400; color: #004400; margin: 5px auto 10px; }
#warning, #error, .small-js-warning { background: #ffdd55; color: #000; border-color: #000; }
.errorExplanation { background: #ffdd55; padding: 5px; border: solid 1px; }
.errorExplanation h2 { color: #000; font-size: 14px; }
.errorExplanation ul { color: #520000; }
#notice.small, #error.small, #warning.small, .small-js-warning { margin: 5px 0; font-size: 12px; padding: 5px; }
.small-js-warning { display: block; }

.ui-tabs .ui-tabs-hide {
   display: none;
   list-style: none;
}

.ui-tabs > div {
   padding: 20px;
   margin-bottom: 20px;
}

.ui-tabs > ul:first-child li {
   display: inline-block;
}


.black .ui-tabs > ul:first-child {
   background: url(http://cdn2.alfajango.com/images/layout/black_tab_bg.png) no-repeat;
   height: 78px;
   margin-bottom: 20px;
   text-align: center;
}

.black .ui-tabs > ul:first-child li a {
   display: block;
   font-size: 18px;
   line-height: 20px;
   padding: 29px;
   color: #000;
   outline: none;
}

.black .ui-tabs > ul:first-child li.ui-tabs-selected {
   background: url(http://cdn2.alfajango.com/images/layout/black_tab_bg_active_left.png) no-repeat;
}
.black .ui-tabs > ul:first-child li.ui-tabs-selected a {
   color: #fff;
   background: url(http://cdn2.alfajango.com/images/layout/black_tab_bg_active_right.png) right no-repeat;
   text-decoration: none;
}

#footer-widgets #blog-headlines { height: 345px; overflow: hidden; }

/*---------Sticky Footer by Ryan Fait----http://ryanfait.com/---------*/

#content {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0px auto -470px; /* the bottom margin is the negative value of the footer's height */
}

#footer, #push {
	height: 470px; /* .push must be the same height as .footer */
}

/*--------- Habla -----------*/

#habla_panel_div {
   /* The following is only supported by CSS3-supported browsers...
	http://en.wikipedia.org/wiki/Comparison_of_web_browser_CSS_support
	*/
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

#habla_panel_div { padding: 3px !important; background: url(http://cdn2.alfajango.com/images/layout/input_bg.jpg) repeat-x #73b058 !important; border: solid 1px #fff !important; color: #000; }
#habla_topbar_div { color: #333 !important; padding: 7px !important; background: transparent !important; }
#habla_topbar_div a { color: #000 !important; }
#habla_sizebutton_a, #habla_closebutton_a { background: transparent !important; }
#habla_conversation_div { border: none !important; }
#habla_conversation_div a { color: #fff !important; text-decoration: underline; }
#habla_input_div { background: #fff; border: inset 1px #356802 !important;}
#habla_wcsend_input { border: none !important; }
#hblink9 { color: #333 !important; }

/*--------- Twitter -----------*/

div.twtr-timeline { overflow: hidden !important; }
div.twtr-hd,
div.twtr-ft { display: none; }
div.twtr-tweet { border: none !important; }

/*--------- JQuery GalleryView -----------*/

/* GALLERY CONTAINER */
.gallery { background: transparent; border: solid 1px #333; padding: 0;}
.gallery#showcase { border: none; }

/* DEFINE HEIGHT OF PANEL OVERLAY */
/* NOTE - It is best to define padding here as well so overlay and background retain identical dimensions */
#clients .panel .panel-overlay,
#clients .panel .overlay-background { height: 100px; padding: 5px 1em;  top: 416px; }

#showcase .panel .panel-overlay,
#showcase .panel .overlay-background { padding: 0 1em; font-size: 14px; }

/* PANEL OVERLAY BACKGROUND */
.panel .overlay-background { background: #696; border-top: solid 1px #3f0; }

#venturit-description { margin-top: 40px; }
#adrenaline-description { margin-top: 25px; }