/* -------------------------------------
RESET DEFAULT STYLES
------------------------------------- */
@import url("reset.css");

/* -------------------------------------
BODY
------------------------------------- */

body {
	font-family: "proxima-nova-1","proxima-nova-2", "Segoe UI", Arial, sans-serif;
	font-size: 1em;
    line-height: 1.6em;
	text-align: center;
	color: #000000;
	background-color: #ffffff;
	}

/* -------------------------------------
LINKS, IMAGES, AND OTHER
------------------------------------- */

a:link {
	color: #3366CC;
	background: transparent;
	}
a:visited {
	color: #3366CC;
	background: transparent;
	}
a:hover {
	color: #000000;
	background: transparent;
	}
a:active {
	color: #6699CC;
	background: transparent;
	}

a:focus {
	outline: 1px dotted #000;
	}

img.right {
	float: right;
	display: inline;
	margin: 0.4em 0 0 12px;
	}

img.right_outside {
	float: right;
	display: inline;
	margin: 0.3em -120px 0 12px;
	}

img.left {
	float: left;
	display: inline;
	margin: 0.4em 12px 0 0;
	}

img {
	border: none;
	}

hr {
	display: none;
	}

/* -------------------------------------
MAIN HEADER AND PARAGRAPH STYLES
------------------------------------- */

/* h1 is covered within the #title_and_nav div */

h2 {
	color: #000000;
	font-size: 130%;
	margin-bottom: 1em;
	}

body#s_home h2 {
	/*font-size: 110%;*/
    margin-bottom: 0.6em;
	}
	
body#s_home p {
  /*font-size: 95%;*/
	}

h3 {
	font-size: 100%;
	color: #000;
	}

p {
	margin-bottom: 1em;
	}

blockquote {
	margin: 1em;
	}

/* -------------------------------------
HEADER DIV
------------------------------------- */

#header_wrap {
	background-color: #ededed;
	border-bottom: 5px solid #6e6464;
	/*margin-bottom: 1px;*/
	}

#header {
	width: 960px;
    height: 84px;
	margin: 0 auto;
	}

#header p {
  font-size: 80% !important;
}

img#ahd_logo {
	float: left;
	margin-top: 22px;
	}

body#s_home a img#ahd_logo {
	cursor: default;
	}

#call {
	float: left;
	margin: 26px 0 0 239px;
	background-color: transparent;
	}

body#s_home #call {

	}

#join_mailing_list {
	float: right;
	width: 240px;
	text-align: left;
	margin: 26px 0 0 0;
	text-indent: 22px;
	background: transparent url(../images/icn_sm_envelope_2.png) no-repeat 0 50%;
	}

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

#join_mailing_list a:hover {
	color: #000;
	background-color: transparent;
	}

body#s_home #join_mailing_list a {
	color: #ff4200;
	}

body#s_home #join_mailing_list a:hover {
	color: #000;
	}

/* -------------------------------------
TITLE
------------------------------------- */

#title_and_nav_wrap {
	width: auto;
	color: #666666;
	/*background: #ffffff url(../images/bg_title_and_nav_wrap_blue.png) repeat-x 0 0;*/
	margin-bottom: 2.4em;
	}

#title_and_nav {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	background-repeat: no-repeat;
	position: relative;
	background-color: transparent;
	}

/* Homepage */
h1#pg_title {
	font-size: 180%;
    line-height: 140%;
    font-weight: normal;
    color: #6e6464;
    width: 680px;
    float: left;
    margin-top: 16px;
	}

h1#pg_title span.title_line {
	font-family: "museo-slab-1","museo-slab-2", "Segoe UI", Arial, Helvetica, sans-serif;
	color: #000;
    font-weight: bold;
    font-size: 240%;
    line-height: 110%;
    display: block;
    letter-spacing: -1px;
    text-transform: lowercase;
	}

body#s_home h1#pg_title span.title_line {
    font-size: 180%;
    line-height: 120%;
    margin-bottom: 0;
	}

/* -------------------------------------
NAV
------------------------------------- */

#primary_nav {
	width: 246px;
    float: right;
	font-size: 80%;
	line-height: 140%;
	/*border-left: 6px solid #ffffff;*/
	}

/* Other pages */
ul#nav_281001 {
	list-style: none;
	}

ul#nav_281001 li a {
	display: block;
	width: auto;
	padding: 0.2em 0.5em;
	/*margin-bottom: 1px;*/
    border-bottom: 1px solid #908383;
	color: #fff;
	background-color: #6e6464;
	text-decoration: none;
	}

ul#nav_281001 li#b_contact a {
	border: none;
	}

/* Other pages */
ul#nav_281001 li a:hover {
	color: #fff;
	background-color: #827575;
	}

/* Homepage */
body#s_home ul#nav_281001 li#b_home a {
	font-weight: bold;
	color: #ffffff;
	background-color: #827575;
	}

/* Other pages */
body#s_blog ul#nav_281001 li#b_blog a,
body#s_about ul#nav_281001 li#b_about a,
body#s_services ul#nav_281001 li#b_services a,
body#s_portfolio ul#nav_281001 li#b_portfolio a,
body#s_portfolio_list ul#nav_281001 li#b_portfolio a,
body#s_faqs ul#nav_281001 li#b_faqs a,
body#s_contact ul#nav_281001 li#b_contact a {
	font-weight: bold;
	color: #ffffff;
	background-color: #827575;
	}

ul#nav_281001 li#b_contact a {
	-moz-border-radius: 0 0 4px 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
    border-radius: 0 0 4px 4px;
	}

/* SUB NAV */
ul#nav_302902 li a,
ul#nav_317382 li a,
ul#nav_317793 li a {
	display: block;
	width: 13em;
	padding: 0.1em 0;
	color: #ff4200;
	background-color: transparent;
	text-decoration: none;
	}

ul#nav_302902 li a:hover,
ul#nav_317382 li a:hover,
ul#nav_317793 li a:hover {
	color: #000;
	}

ul#nav_302902 li.selected a,
ul#nav_317382 li.selected a,
ul#nav_317793 li.selected a {
	font-weight: bold;
	}

/* -------------------------------------
HOMEPAGE CONTENT
------------------------------------- */

#welcome_col {
	float: left;
	width: 445px;
	margin: 0 35px 2em 0;
	}

#featured_col {
	float: left;
	width: 215px;
	margin: 0 25px 2em 0;
	}

#featured_col a img {
	margin-top: 0.3em;
	padding: 1px;
	border: 6px solid #ededed;
	}

#featured_col a:hover img {
	border-color: #ddd;
	}

#news_col {
	float: left;
	width: 205px;
	margin: 0 35px 2em 0;
	}

#news_col div.announcement_list {
  font-size: 85%;
}


/* -------------------------------------
RECENT PROJECTS ON HOMEPAGE
------------------------------------- */

#latest_projects {
	position: absolute;
	top: 122px;
	left: 240px;
	}

#latest_projects ul li {
	float: left;
	margin-right: 10px;
	}

#latest_projects ul li a img {
	border: 1px solid #ededed;
	padding: 2px;
	}

#latest_projects ul li a:hover img {
	border-color: #ddd;
	}

/* -------------------------------------
CONTENT
------------------------------------- */

#content_wrap {
	clear: both;
	width: auto;
	padding-bottom: 2em;
	background-color: transparent;
	}

#content {
	width: 960px;
	text-align: left;
	margin: 0 auto;
	}

#main_col {
	width: 600px;
	float: left;
	display: inline;
	margin-bottom: 2em;
	}

body#s_portfolio_list #main_col {
	width: 720px;
	margin-right: 0;
	}

body#s_faqs #main_col {
	width: 700px;
	margin-right: 0;
	}

#main_col ul {
	margin-bottom: 1em;
	}

#main_col ul li {
	list-style: disc;
	margin-left: 1.5em;
	padding-left: 0.1em;
	}

#main_col ol {
	margin-bottom: 1em;
	}

#main_col ol li {
	list-style: decimal;
	margin-left: 1.5em;
	padding-left: 0.1em;
	}

#main_col ol ol {
	margin-bottom: 0;
	}

#main_col ol ol li {
	list-style: lower-alpha;
	margin-left: 1.5em;
	padding-left: 0.1em;
	}

#sub_col {
	width: 240px;
	float: right;
	display: inline;
	margin-bottom: 2em;
	font-size: 90%;
	}

/* -------------------------------------
ANNOUNCEMENTS
------------------------------------- */

div.announcement_list h3 {
	font-size: 120%;
	margin-bottom: 0;
	}

body#s_home div.announcement_list h3 {
	font-size: 100%;
	}

h2.news_headline {
	margin-bottom: 0;
	}

span.headline_label {
	display: block;
	font-weight: normal;
	}

span.date {
	display: block;
	font-size: 90%;
	color: #333333;
	}

body#s_home span.date {
	}

p.date {
	font-size: 90%;
	color: #333333;
	}

/* -------------------------------------
PORTFOLIO
------------------------------------- */

/* PROJECT SUMMARY STYLES */

div.project_summary {
	float: left;
	width: 314px;
	margin: 0 20px 20px 0;
	}

div.project_summary a img {
	float: left;
	width: 120px;
	margin-right: 12px;
	padding: 1px;
	border: 6px solid #dddddd;
	}

div.project_summary a:hover img {
	border-color: #cccccc;
	}

div.project_summary h3 {
  font-size: 100%;
  line-height: 130%;
	}

div.project_summary p {
  font-size: 90%;
  line-height: 140%;
	}

div.project_summary a {
	text-decoration: none;
	}

div.project_summary a:hover {
	color: #000000;
	}

#project_desc {
	width: 480px;
	float: right;
	margin-bottom: 1em;
	}

#project_desc h2 {
	margin-bottom: 0.1em;
	}

/* PROJECT DISPLAY STYLES */

#project_slideshow {
	position: relative;
	width: 460px;
	float: left;
	margin-bottom: 1em;
	}

#project_images img {
	border: 1px solid #dddddd;
	}

/* thumbnail nav by jQuery */
ul#project_img_tn {
	position: absolute;
	top: 264px;
	left: 0;
	width: 480px;
}

ul#project_img_tn li {
  list-style: none;
  float: left;
  margin: 0 0.5em 0 0;
  padding: 0;
}

ul#project_img_tn li a {
  display: block;
  float: left;
  border: 3px solid #dde4e4;
}

ul#project_img_tn li a img {
  display: block;
  float: left;
}

ul#project_img_tn li a:hover {
  border-color: #c3d0cf;
}

ul#project_img_tn li a.activeSlide {
  border-color: #999999;
}

p.back_to_projects {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	clear: both; 
	}

p.back_to_projects a {
	margin-left: 720px;
	color: #ff6600;
	background-color: transparent;
	text-decoration: none;
	}

p.back_to_projects a:hover {
	color: #000000;
	background-color: transparent;
	}

/* -------------------------------------
BLOG STYLES
------------------------------------- */

div.blog_post {
	margin-bottom: 2em;
	}

h2.post_title {
	font-size: 150%;
    margin-bottom: 0;
	}

h2.post_title a {
	text-decoration: none;
	color: #000000;
	}

p.post_details {
	font-size: 90%;
	color: #333333;
	}

#recent_posts, #blog_archive {
	margin-bottom: 2em;
	}

#recent_posts h2, #blog_archive h2 {
	font-size: 110%;
	margin-bottom: 0.2em;
	text-transform: uppercase;
	letter-spacing: 1px;
	}

div.BlogRecentPost li, div.BlogPostArchive li {
    margin-bottom: 0.2em;
	font-size: 100% !important;
    }


/* -------------------------------------
TABLES
------------------------------------- */

table.hosting_options {
	width: 100%;
	border: 1px solid #dddddd;
	font-size: 100%;
	}

table.hosting_options thead tr {
	background-color: #dddddd;
	}

table.hosting_options td,
table.hosting_options th {
	padding: 0.2em 0.6em;
	border: 1px solid #dddddd;
	}

table.hosting_options td.prices {
	color: #009900;
	background-color: transparent;
	}

/* -------------------------------------
FAQ
------------------------------------- */

table.faqresultstable {
	width: 100%;
	}

table.faqresultstable td {
	/*padding: 0 0.4em 0.2em 0;*/
	}

td.faqresultstablehead {
	font-weight: bold;
	}

td.faqresultstableinfo {
	/*display: none;*/
	}

td.faqresultstablecount {
	width: 30px;
	}

td.faqresultstablequestion {
	width: 450px;
	}

input.cat_textbox_small {
	/*width: 120px;*/
	}

#faq_answer {
	width: 600px;
	}

p.faq-question {
	margin-bottom: 0;
	font-weight: bold;
	}

div.answer {
	margin-bottom: 1em;
	padding: 0.6em 1em;
	/*background-color: #eeeeee;*/
	border: 1px solid #cccccc;
	border-top: none;
	}

div.answer p {
	margin-bottom: 0 !important;
	}

/* -------------------------------------
ALERTS AND NOTICES
------------------------------------- */

div.notice {
	margin-bottom: 1em;
	padding: 0.4em 0.6em;
	color: #006600;
	background-color: #CCFF99;
	}

div.notice p {
	margin-bottom: 0 !important;
	}

/* -------------------------------------
FORMS
------------------------------------- */

fieldset {
  	border: 1px solid #cccccc;
  	margin: 0 0 1em 0;
  	padding: 12px;
	}

div.item {
	margin-bottom: 0.5em;
	}

label {
	font-size: 14px !important;
	color: #666666;
	background-color: transparent;
	}

/* Newsletter signup messages */
p.signup_success {
	
	}

p.unsubscribe_success {
	
	}

/* Contact form messages */
div.webform-results table {
	border: 1px solid #dddddd;
	color: #333333;
	background-color: #eeeeee;
	font-size: 1.4em;
	width: 100%;
	}

div.webform-results table td {
	padding: 0.2em 0.4em;
	border: 1px solid #dddddd;
	}

td#title {
	color: #000000;
	}

/* -------------------------------------
CONTACT PAGE
------------------------------------- */

div.google_map {
	float: left;
	width: 300px;
	margin-right: 24px;
	display: inline;
	}
	
/* -------------------------------------
FOOTER
------------------------------------- */

#footer {
	clear: both;
	width: 960px;
	text-align: left;
	margin: 0 auto 0.5em auto;
	padding: 1em 0 3em 0;
	}

#footer p {
	font-size: 80% !important;
	}

/* -------------------------------------
MISCELLANEOUS
------------------------------------- */

p.view_more a {
	padding: 0.2em 1em 0.3em 1em;
	color: #555555;
	font-size: 90%;
	background-color: #ededed;
	text-decoration: none;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
    border-radius: 10px;
	}

p.view_more a:hover {
	color: #000000;
	background-color: #ddd;
	}

/* -------------------------------------
CLEAR STYLES
Clears floats without extra markup.
------------------------------------- */

#header:after,
#title_and_nav:after,
#content:after,
#main_col:after,
#sub_col:after,
div.project_summary:after,
#project_slideshow:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  line-height: 0;
  clear: both;
  visibility: hidden;
}