/*----- 
Author: ChrisPond.com
Created: October/7/2009
-----*/

/*----- Reset Code -----*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input {
	margin: 0; padding: 0; vertical-align: baseline;
	font-family: inherit; font-size:100%; font-style: inherit; font-weight: inherit;
	border: 0; outline: 0;
}
:focus {
	outline: 0;
}
ol, ul {
	list-style: none;
}
/*----- Body -----*/
body {
	text-align:center;
}

/*-- Fonts --*/
.serif_font, #content {
	font-family:georgia, serif; font-size:75%; line-height:140%;
}
.sans_serif_font, #header form, #footer {
	font-family:arial, sans-serif; font-size:68.8%; line-height:140%;
}

/*-- Text Tags --*/
em {
	font-style:italic;
}
strong {
	font-weight:bold;
}

/*-- Titles --*/
h1 {
	max-width:840px; margin:0 auto 20px auto;
	font-size:190%; line-height:120%; text-align:left;
}
.h1_hide {
	height:0; margin:0; overflow:hidden;
}
h2 {
	font-weight:bold;
}
h3 {
	margin-bottom:10px;
	font-weight:bold; font-size:120%;
}
h4 {
	margin-bottom:5px;
	font-weight:bold;
}
h4 em {
	font-style:normal; color:#666;
}

/*-- Links --*/
a, #sitemap ul ul a, #sitemap a:hover, #sitemap ul a:active {
	color:#00C2E3;
}
a:hover, #header fieldset a:hover, #sitemap ul a, #sitemap ul ul a:hover, #sitemap a:active, #projects_nav a:hover {
	color:#EF40B0;
}
a:active, #header fieldset a:active, #sitemap a, #sitemap ul a:hover, #sitemap ul ul a:active, #projects_nav a:active {
	color:#87D300;
}
.button_back {
	padding-left:15px;
	background-image:url(../../images/icon/arrow_blue.gif); background-repeat:no-repeat; background-position:0 50%;
}
.button_back:hover {
	background-image:url(../../images/icon/arrow_pink.gif);
}
.button_back:active {
	background-image:url(../../images/icon/arrow_green.gif);
}

/*-- Border Colors --*/
.form_message, #content, .project_share, textarea, #name, #email, #your_name, #your_email, #friend_email, .flickr_img {
	border-style:solid; border-color:#CEC9C3;
}

/*-- Lists --*/
#two_column ul {
	padding-left:30px; list-style:outside;
}
#two_column li {
	margin-bottom:10px;
}
#two_column ol {
	padding-left:30px; list-style:decimal;
}
#two_column ol li {
	margin-bottom:10px;
}

/*-- Forms --*/
.form_message {
	padding:10px; clear:both;
	border-width:3px;
}

.submit_buttons, #submit_inquiry, #subscribe_button, #submit_error, #unsubscribe_button, #send_referral {
	height:22px; overflow:hidden; text-indent:-99999px; cursor:pointer;
}

/*--Spacing --*/
.margin_bottom_40, #logo, #header form, #mission_statement {
	margin-bottom:40px;
}
.margin_bottom_20, #two_column p, #two_column ul, #error fieldset textarea, #error fieldset p, .form_message, #unsubscribe p, #refer_a_friend p, #contact p {
	margin-bottom:20px;
}

/*----- Header -----*/
/*- Second Header padding in ie6 & ie7 stylesheet -*/
#header, #second_header, #contact, #unsubscribe, #refer_a_friend { /*- width in ie6 stylesheet -*/
	width:840px; margin:0 auto;
	text-align:left;
}
#header {
	padding:0 45px;
	background:url(../../images/bg/header.gif) no-repeat center bottom;
}
#header form {
	width:240px; padding-top:40px; float:left;
}

/*-- Mission Statement --*/
#mission_statement { /*- height & width in ie6 stylesheet -*/
	width:560px; padding-bottom:30px; float:right;
	background:url(../../images/bg/mission_statement.jpg) no-repeat center bottom;
}
#banner {
	margin-bottom:20px;
}
#profile_pic {
	margin:0 25px 0 40px; float:left;
}
#mission_statement p { /*- height in ie6 stylesheet | margin-top in ie6 & ie7 stylesheet -*/
	width:330px; height:0; margin:20px 0; padding-top:65px; overflow:hidden;
	background:url(../../images/bg/mission_statement.gif) no-repeat 0 0;
}
#mission_statement a { /*- height in ie6 stylesheet -*/
	width:29px; height:0; margin-left:10px; padding-top:29px; display:block; float:left; overflow:hidden;
	background-position:0 0;
}
#mission_statement a:hover {
	background-position:0 -29px;
}
#facebook {
	background-image:url(../../images/icon/facebook.gif);
}
#blogger {
	background-image:url(../../images/icon/blogger.gif);
}
#twitter {
	background-image:url(../../images/icon/twitter.gif);
}
#flickr {
	background-image:url(../../images/icon/flickr.gif);
}

/*-- E-Newsletter --*/
#header form p, #header form h2 {
	margin-bottom:5px;
}
#header fieldset {
	text-align:right; color:#CCC;
	background:url(../../images/bg/e-newsletter_fieldset.gif) no-repeat 0 0;
}
#header fieldset input {
	margin-top:10px; margin-bottom:10px; border:none;
}
#sign_up_input { /*- width, height, float in ie6 stylesheet | float in ie7 stylesheet -*/
	width:215px; height:17px; margin-right:10px; padding:3px 0 0 5px;
	color:#CCC; text-transform:lowercase;
	background:#FFF no-repeat right 50%;
}
#sign_up_input, #email {
	text-transform:lowercase;	
}
#subscribe_button {/*- height in ie6 & ie7 stylesheet -*/
	width:104px;
	background:url(../../images/button/subscribe.gif) no-repeat 0 0;
}
#unsubscribe_button {/*- height in ie6 & ie7 stylesheet -*/
	width:124px;
	background:url(../../images/button/unsubscribe.gif) no-repeat 0 0;
}
#header fieldset a {
	color:#CCC;
}

/*-- Navigation --*/
#navigation {
	height:40px; padding-left:40px; clear:both;
}
#navigation li {
	margin-left:-40px; position:relative; z-index:2; float:left; display:inline;
}
#navigation a { /*- height in ie6 stylesheet -*/
	height:0; padding-top:40px; display:block; overflow:hidden;
	background-position:0 0;
}
#navigation a:hover {
	background-position:0 -40px;
}
.current {
	background-position:0 -80px!important;
}
#nav_projects a {
	width:200px;
	background-image:url(../../images/nav/projects.gif);
}
#nav_services_vision a {
	width:200px;
	background-image:url(../../images/nav/services_vision.gif);
}
#nav_articles a {
	width:200px;
	background-image:url(../../images/nav/articles.gif);
}
#nav_blog a {
	width:200px;
	background-image:url(../../images/nav/blog.gif);
}
#nav_contact a {
	width:220px;
	background-image:url(../../images/nav/contact.gif);
}

/*----- Content -----*/
#content {
	top:-1px; padding:40px 0; clear:both; position:relative; z-index:1; overflow:auto;
	background:url(../../images/bg/content.gif) repeat 0 0; border-top-width:1px; border-bottom-width:1px;
}

/*-- Projects --*/
#flickr_projects{
	width:180px; margin:0 auto 30px auto; padding-right:140px; display:block; clear:both; text-align:right; text-decoration:none; text-transform:uppercase; background:url(../../images/bg/flickr.png) no-repeat right center;
}
#flickr_projects:hover{color:#333;}
#projects, #error, #one_column {
	width:880px; margin:0 auto;
	text-align:left;
}
#projects li, #two_column { /*- float ie6 stylesheet -*/
	width:400px; margin:0 20px 40px 20px; float:left;
}
#projects li {
	background:url(../../images/bg/project_li.jpg) no-repeat 0 158px;
}
#projects li img {
	margin-bottom:20px;
	border:solid 5px #FFF;
}
#projects li p {
	padding:0 10px;
}
#projects_nav {
	height:40px;
	color:#999;
}
#projects_nav a {
	color:#00C2E3;
}
.new_project {
	position:absolute; z-index:10;
	border:none!important;
}
.share_project {
	margin-top:10px; padding-left:30px; display:block;
	color:#666;
	background:url(../../images/icon/mail.gif) no-repeat left center;
}
.project_share {
	width:260px; margin:-300px 0 0 60px; padding-left:20px; display:none; position:absolute; z-index:5;
	text-align:left;
	background:#EAE8E2 url(../../images/bg/content_dark.gif) repeat 0 0; border-width:1px;
}
.project_share fieldset {
	clear:both;
}
.project_share li {
	width:auto!important; margin:0 0 10px 0!important;
	font-size:0.9em;
}
.close_window {
	margin:5px 10px 0 0; float:right;
}
.thanks {
	display:none;
}


/*-- Contact --*/
#contact ol li, #refer_a_friend ol li {
	width:360px; float:left;
}
#contact ol li textarea, #error fieldset textarea, #refer_a_friend fieldset textarea {
	width:320px; height:130px; margin-top:5px;
	border-width:1px; background:#FFF no-repeat right top;
}
#contact ol li input, #unsubscribe ol li input, #refer_a_friend ol li input {
	margin-bottom:20px;
	vertical-align:top;
}

#name, #email, #email, #your_email, #friend_email, #your_name { /*- width, height in ie6 stylesheet -*/
	width:235px; height:20px; margin-top:5px; padding:5px 0 0 5px;
	border-width:1px; background:#FFF no-repeat right 50%;
}
#submit_inquiry { /*- height in ie6 & ie7 stylesheet -*/
	width:139px;
	background:url(../../images/button/submit_inquiry.gif) no-repeat 0 0;
}

/*-- Blog --*/
.flickr_img {
	margin:0 5px 5px 0; padding:2px; display:block; float:left;
	border-width:1px;
}
.flickr_img:hover {
	border-color:#EF40B0;
}
.flickr_img:active {
	border-color:#87D300;
}

/*-- Refer A Friend --*/
#send_referral
 { /*- height in ie6 & ie7 stylesheet -*/
	width:134px;
	background:url(../../images/button/send_referral.gif) no-repeat 0 0;
}

/*-- Privacy/Terms Page --*/
#ie {
	list-style-image:url(../../images/icon/ie.gif);
}
#safari {
	list-style-image:url(../../images/icon/safari.gif);
}
#firefox {
	list-style-image:url(../../images/icon/firefox.gif);
}
#chrome {
	list-style-image:url(../../images/icon/chrome.gif);
}

/*-- Sitemap --*/
#sitemap, #sitemap ul {
	list-style:none!important;
}
#sitemap ul {
	margin-bottom:0; padding:5px 0 5px 10px;
}
#sitemap ul ul {
	padding-top:0;
}
#sitemap li, #sitemap ul li {
	margin-bottom:0!important; padding:3px 0;
}
#sitemap a {
	text-decoration:none;
}

/*----- Footer -----*/
#footer {
	width:840px; margin:0 auto; padding:10px 0; clear:both;
	color:#666; text-align:center;
}

/*-- 404 Error Page --*/
#error fieldset {
	width:400px; float:right;
}
#error h1 {
	margin-left:20px;
	color:#990000;
}
#submit_error { /*- height in ie6 & ie7 stylesheet -*/
	width:129px;
	background:url(../../images/button/submit_error.gif) no-repeat 0 0;
}

/*-- Maintenance --*/
#maintenance {
	width:560px; margin:0 auto;
}
#maintenance #mission_statement p {
	width:auto; height:auto; margin:0 40px 20px 40px; padding:0; overflow:visible;
	background:none;
}