/* v1.0 | 20080212 */

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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*================================================= END CSS RESET ==============================================*/
 
/*================================================= IMAGE REPLACEMENT ==========================================*/

.no { letter-spacing : -1000em; }
/* Just for Opera, but hide from MacIE */
/*\*/html>body .no { letter-spacing : normal; text-indent : -999em; overflow : hidden;}
/* End of hack */ 

/* ================================================ H1/H2/H3 ===================================================*/

h1.header { width:960px; height:142px; background:url(/images/sh/int-header.png) no-repeat; }
h2.hello { width:248px; height:51px; background:url(/images/sh/hello-sh.png) no-repeat; }
h2.phone_number { width:287px; height:57px; background:url(/images/sh/phone-number-sh.png) no-repeat; }
h2.featured_profile { width:266px; height:39px; background:url(/images/sh/featured-sh.png) no-repeat; }
h2.twitter { width:191px; height:49px; background:url(/images/sh/twitter-sh.png) no-repeat; float:left; }
h3.services { width:224px; height:38px; background:url(/images/sh/services-index-sh.png) no-repeat; }
h3.footer_info_kc { width:319px; height:223px; background:url(/images/footer/kc-info-footer.png) no-repeat; float:left; }
h3.footer_info_dallas { width:333px; height: 223px; background:url(/images/footer/dallas-info-footer.png) no-repeat; margin:0 auto; float: left;  }
h3.footer_info_fort_worth { width:325px; height:223px; background:url(/images/footer/fort-worth-info-footer.png) no-repeat; margin:0 auto; float: }


h3.footer_info_texas { width:548px; height:65px; background:url(/images/footer/footer-info-texas.png) no-repeat; margin:0 auto; }
h2.four_zero_four_header { width:433px; height:19px; background:url(/images/sh/404-sh.png) no-repeat; margin:0 0 0 20px; padding:0 0 20px 0;}

h2.about_header { width:687px; height:89px; float:left; background:url(/images/sh/services-sh.png) no-repeat; }
h2.about_left_sh { width:273px; height:89px; background:url(/images/about/about.png) no-repeat; }
h3.footer_h3 { width:547px; height:67px; background:url(/images/includes/footer.png) no-repeat; }

h2.team_header { width:687px; height:89px; float:left; background:url(/images/sh/our-team-sh.png) no-repeat; }

h2.funtivities_header { width:687px; height:89px; float:left; background:url(/images/sh/funtivities-sh.png) no-repeat; }
h3.funtivities_quote{ width:239px; height:326px; float:left; background:url(/images/quotes/cohn-quote.png) no-repeat; margin:10px 0 0 15px; _margin:10px 0 0 7px; }

h2.services_header { width:687px; height:89px; float:left; background:url(/images/sh/services-sh.png) no-repeat; }

h2.work_left_sh { width:273px; height:89px; background:url(/images/sh/our-work-left-sh.png) no-repeat; }
h2.work_header { width:687px; height:89px; float:left; background:url(/images/sh/our-work-sh.png) no-repeat; }

.quote_margin{ margin:10px 0 0 15px; _margin:10px 0 0 7px; }

h2.contact_left_sh { width:273px; height:89px; background:url(/images/sh/contact-left-sh.png) no-repeat; }
h2.contact_header { width:687px; height:89px; float:left; background:url(/images/sh/contact-sh.png) no-repeat; }
h3.contact_left_info_kc { width:205px; height:167px; background:url(/images/contact/kc-contact-info.png) no-repeat; margin:0 0 0 68px; _margin: 0 0 0 50px; }
h3.contact_left_info_dallas { width:222px; height:147px; background:url(/images/contact/dallas-contact-info.png) no-repeat; margin:0 0 0 16px; }
h3.contact_left_info_fort_worth { width:238px; height:128px; background:url(/images/contact/fort-worth-contact-info.png) no-repeat; margin:0 0 0 0; }

#special_contact_buttons {width: 405px; _width: 410px ;  height:135px; float: left; border-top: 1px #606060 solid; margin: 30px 0 0 22px; _margin: 30px 0 0 10px ; padding: 0 0 0 0;}
	a.new_business_inquiries_btn { width:195px; height:121px; background:url(/images/contact/new-business-btn.jpg) no-repeat; display: block; float: left; margin: 10px 10px 0 3px;}
	a.technical_support_btn { width:195px; height:121px; background:url(/images/contact/technical-support-btn.jpg) no-repeat; display: block; float: left; margin: 10px 0 0 0; }
h2.contact_form_header { width:452px; height:59px; background:url(/images/sh/question-sh.png) no-repeat; }
.new_business_inquiries { width:236px; height:71px; background:url(/images/contact/new-business.png) no-repeat; }
.technical_support { width:232px; height:72px; background:url(/images/contact/technical-support.png) no-repeat; }


h2.new_project_form_header { width:452px; height:59px; background:url(/images/sh/new-form-intro.png) no-repeat; }
h2.technical_support_form_header { width:452px; height:59px; background:url(/images/sh/technical-sh.png) no-repeat; }
h2.payment_form_header { width:434px; height:64px; background:url(/images/payment/payment-intro.png) no-repeat; }
h3.payment_we_accept_header { width:118px; height:22px; background:url(/images/payment/we-accept.png) no-repeat; }

h2.privacy_left_sh { width:273px; height:89px; background:url(/images/sh/privacy-left-sh.png) no-repeat; }
h2.privacy_header { width:687px; height:89px; float:left; background:url(/images/sh/privacy-sh.png) no-repeat; }

h3.map_and_directions_header { width:186px; height:23px; background:url(/images/contact/map-directions.png) no-repeat; }
h4.directions_text { width:204px; height:89px; background:url(/images/contact/directions.png) no-repeat; }

h1.white_h1 { font-family:verdana, arial, helvetica; font-size:12px; color:#fff; text-decoration:none; font-weight:normal; line-height:150%; font-weight:bold; }

/*================================================= LAYOUT =====================================================*/ 

body { background-color:#000; }

#stretch_wrapper { width:100%; background:url(/images/includes/repeating-bg.jpg) repeat; }
#body_wrapper { width:960px; margin:0 auto; }
	#main_index_content { margin:25px 0 0 0; }
	#portfolio_wrapper { width:595px; height:539px; float:left; }
	#intro_team_twitter_wrapper { width:365px; float:left; }
	#services_wrapper { width:960px; float:left; }
		#services_header_container { width:660px; float:left; }
		#facebook_container { float:left; }
		#twitter_container { float:left; }
#interior_body_wrapper { width:960px; margin:0 auto; }
#header_stretch_wrapper { width:100%; background:url(/images/index/main-bg-new.jpg) repeat-x; }
#header_wrapper { width:960px; height:97px; margin:0 auto; }
	#logo { width:221px; height:51px; float:left; }
	#navigation { width: 383px; height:14px; float:right; }
#main_header_wrapper { width:960px; }
#main_index_wrapper { width:960px; }
#main_interior_content_wrapper { width:960px; float:left; }
    #subnav_wrapper { width:273px; float:left; }
	#page_subheader { width:273px; height:89px; }
	#subnav { width:273px; background:url(/images/includes/left-menu-line.png) no-repeat top right; }
	#quote { width:273px; background:url(/images/includes/left-menu-line.png) no-repeat top right; }
	#main_content_wrapper { width:687px; float:left; background:url(/images/includes/vert-line.jpg) repeat-y top left; }
		#header { width:687px; }
		#main_content { width:687px; float:left; }
		#contact_content_wrapper { width:687px; float:left; background:url(/images/contact/contact-bg.gif) repeat-y top left; }
			#contact_form_wrapper { width:465px; float:left; }
			#contact_map_directions_wrapper { width:222px; float:left; }
			#comments {height: 110px;}
#content_wrapper { width:960px; float:left; }
#footer_wrapper { width:100%; height:370px; background:url(/images/index/footer-bg-new.jpg) repeat-x top center; margin: 0 0 0 0; }
	#footer_content { width:960px; text-align:center; margin: 0 auto; padding:30px 0 0 0; }
	#kc_footer_container { width:319px; float:left; margin:0 10px 0 153px; display:inline; }
	#fortworth_footer_container { width:325px; float:left; margin:0 0 0 0; }

/*================================================= OUR SERVICES ===============================================*/

#web_design { float:left; width:335px; height:138px; background:url(/images/services/web-design.png) no-repeat; }
#web_hosting { float:left; width:351px; height:138px; background:url(/images/services/website-hosting.png) no-repeat; }
#seo { float:left; width:335px; height:138px; background:url(/images/services/search-engine-optimization.png) no-repeat; }
#cms { float:left; width:351px; height:138px; background:url(/images/services/content-management.png) no-repeat; }
#graphic_design { float:left; width:335px; height:138px; background:url(/images/services/graphic-design.png) no-repeat; }
#online_shopping { float:left; width:351px; height:138px; background:url(/images/services/online-shopping.png) no-repeat; }
#company_branding { float:left; width:335px; height:138px; background:url(/images/services/company-branding.png) no-repeat; }
#specific { float:left; width:351px; height:138px; background:url(/images/services/specific.png) no-repeat; }

/*================================================= NAVIGATION =================================================*/

#top_navigation { width:383px; height:14px; float:right; z-index: 1; cursor:pointer; }
#top_navigation li { margin:0 20px 0 0; }
#top_navigation a { display:block; }
#top_navigation li { float:left; }
#top_navigation li a { height:14px; }

#home a { background: url(/images/nav/home.jpg) top center no-repeat; width:51px; height:14px; }
#our_work a { background: url(/images/nav/work.jpg) top center no-repeat; width:81px; height:14px; }
#about_us a { background: url(/images/nav/about.jpg) top center no-repeat; width:78px; height:14px; }
#contact_us a { background: url(/images/nav/contact.jpg) top center no-repeat; width:93px; height:14px; }

#home a:hover, #our_work a:hover, #about_us a:hover, #contact_us a:hover { background-position:bottom; }

/*================================================= MARGINS ====================================================*/

.navigation_margin { margin:44px 0 0 0; }
.logo_margin { margin:20px 0 0 25px; }
.header_margin { margin:23px 0 0 0; }
.main_content_margin { margin:23px 0 0 20px; }
.footer_margin { margin:30px 0 0 0; }
.services_text_margin_left_row_1 { margin:35px 20px 0 150px; }
.services_text_margin_right_row_1 { margin:35px 10px 0 152px; _margin:35px 0px 0 152px; }
.services_text_margin_left_row_2 { margin:47px 20px 0 150px; }
.services_text_margin_right_row_2 { margin:47px 10px 0 152px; _margin:47px 0px 0 152px; }
.privacy_hr_margin { margin:20px 0 20px 0; }
.internal_text_margin { margin:0 20px; }
.contact_map_directions_margin { margin:23px 0 0 0; }
.contact_form_margin { margin:0 0 0 20px; _margin:0 0 0 10px; }
.contact_input_field { margin:5px 0 0 0; }
.contact_textarea { margin:5px 0 0 0; }
.tentop { margin:10px 0 0 0; }
.intro_team_twitter_wrapper_margin { margin:0 0 0 20px; _margin:0 0 0 10px; }
.welcome_text_margin { margin:15px 10px 0 3px; }
.index_services_margin { margin:45px 20px 0 23px; }
.facebook_container_texas_margin { margin:20px 0 0 50px; }
.twitter_container_texas_margin { margin:20px 0 0 50px; }
.click_to_find { width: 75px; _width: 91px; height: 40px; float: left; margin: 0 0 0 2px; _margin: 0 0 0 0;  text-align: left; }
.email_link_kc	{width: 175px; height: 20px; float: left; margin:-35px 0 0 97px; text-align: left; display:inline; }
.email_link_fw  {width: 175px; height: 20px; float: left; margin:-35px 0 0 97px; text-align: left; display:inline; }

/*================================================= TEXT/LINKS =================================================*/

p { font-family:verdana, arial, helvetica; font-size:12px; color:#fff; text-decoration:none; font-weight:normal; line-height:150%; }

.index_services_text { font-family:verdana, arial, helvetica; font-size:11px; color:#fff; text-decoration:none; font-weight:normal; line-height:150%; }

.services_text { font-family:verdana, arial, helvetica; font-size:12px; color:#fff; text-decoration:none; font-weight:normal; line-height:150%; }

.privacy_title { font-family:verdana, arial, helvetica; font-size:12px; color:#40AAB1; text-decoration:none; font-weight:bold; line-height:150%; }

.default_text { font-family:verdana, arial, helvetica; font-size:12px; color:#fff; text-decoration:none; font-weight:normal; line-height:150%; }

.payment_note { font-family:verdana, arial, helvetica; font-size:10px; color:#fff; text-decoration:none; font-weight:normal; line-height:150%; }

.white {color: white;}

a:link{font-family:verdana, arial, helvetica;font-size:11px;color:#40AAB1;text-decoration:none; font-weight:bold;}
a:visited{font-family:verdana, arial, helvetica;font-size:11px;color:#40AAB1;text-decoration:none; font-weight:bold;}
a:hover{font-family:verdana, arial, helvetica;font-size:11px;color:#40AAB1;text-decoration:underline; font-weight:bold;}

a.white_11_b:link {font-family: verdana, arial, helvetica;font-size:11px;color:#FFFFFF;text-decoration:none; font-weight:bold;}
a.white_11_b:visited {font-family: verdana, arial, helvetica;font-size:11px;color:#FFFFFF;text-decoration:none; font-weight:bold;}
a.white_11_b:hover {font-family: verdana, arial, helvetica;font-size:11px;color:#FFFFFF;text-decoration:none; font-weight:bold;}

/*================================================= SPECIAL ====================================================*/

.team_pics { float:left; width:219px; height:151px; padding:0 0 40px 0; _padding:0 0 20px 0; }
.team_pics_margin { margin:0 10px 0 0; }
.arrow_bullet { list-style-image: url(/images/includes/arrow-bullet.png); margin:15px 0 0 20px; font-family:verdana, arial, helvetica; font-size:12px; color:#fff; text-decoration:none; font-weight:normal; line-height:150%; }

#contact_info_wrapper { width:273px; background:url(/images/includes/left-menu-line.png) no-repeat top right; }
	#contact_info_kc_left {}
	#contact_info_dallas_left { _margin: 0 0 0 -15px;}
	#contact_info_fort_worth_left {_margin: 0 0 0 -15px;}

#new_business_inquiries_left_wrapper { width:273px; background:url(/images/includes/left-menu-line.png) no-repeat top right; }
#technical_support_left_wrapper { width:273px; background:url(/images/includes/left-menu-line.png) no-repeat top right; }

#download_map_wrapper { width:221px; background:url(/images/contact/right-divider.png) no-repeat top right; }

.privacy_padding { padding:20px 0 20px 17px;  }
.contact_padding { padding:20px 0 20px 0; }

.left_contact_graphical_hr { width:273px; background:url(/images/includes/left-menu-line.png) no-repeat top right; }
.right_contact_graphical_hr { width:221px; background:url(/images/contact/right-divider.png) no-repeat top right; }

.contact_input_field { font-family:verdana, arial, helvetica; font-size:12px; color:#afaeae; background:#10100d !important; text-decoration:none; font-weight:normal; padding:10px; width:395px; height:15px; border:none; }
.contact_textarea { font-family:verdana, arial, helvetica; font-size:12px; color:#afaeae; background:#10100d !important; text-decoration:none; font-weight:normal; padding:10px; width:395px; _width:377px; height:157px; border:none; }
.technical_textarea { font-family:verdana, arial, helvetica; font-size:12px; color:#afaeae; background:#10100d !important; text-decoration:none; font-weight:normal; padding:10px; width:395px; _width:377px; height:107px; border:none; }

.payment_input_field { font-family:verdana, arial, helvetica; font-size:12px; color:#afaeae; background:#10100d !important; text-decoration:none; font-weight:normal; padding:10px; width:165px; height:15px; border:none; }
.payment_city_input_field { font-family:verdana, arial, helvetica; font-size:12px; color:#afaeae; background:#10100d !important; text-decoration:none; font-weight:normal; padding:10px; width:195px; height:15px; border:none; float:left; margin:5px 0 0 0; }
.payment_state_select_field { font-family:verdana, arial, helvetica; font-size:12px; color:#afaeae; background:#10100d !important; text-decoration:none; font-weight:normal; padding:10px; width:135px; height:35px; border:none; float:left; margin:6px 0 0 0; *margin:8px 0 0 0; }
.payment_exp_date_input_field { font-family:verdana, arial, helvetica; font-size:12px; color:#afaeae; background:#10100d !important; text-decoration:none; font-weight:normal; padding:10px; width:135px; height:15px; border:none; float:left; margin:5px 0 0 0; }
.payment_exp_mo_input_field { font-family:verdana, arial, helvetica; font-size:12px; color:#afaeae; background:#10100d !important; text-decoration:none; font-weight:normal; padding:10px; width:135px; height:15px; border:none; float:left; margin:5px 0 0 0; *margin:2px 0 0 0; }

.payment_city_wrapper { float:left; height:70px; }
.payment_state_wrapper { float:left; height:70px; margin:0 0 0 20px; width:210px; }
.payment_exp_date_wrapper { float:left; height:70px; }
.payment_exp_slash_wrapper { float:left; width:20px; height:70px; }
.payment_exp_mo_wrapper { float:left; height:70px; width:200px; }


#new_business_inquiries a:link { background:url(/images/contact/new-business.png) no-repeat; width:236px; height:71px; }
#new_business_inquiries a:hover { background:url(/images/contact/new-business-r.png) no-repeat; width:236px; height:71px; }

.contact_checkbox { width:140px; float:left; }
.technical_checkbox { width:190px; float:left; }

.checkbox_input { border:10px solid #fff; }

.index_hr { background:url(/images/index/small-divider-line.png) no-repeat; width:328px; height:7px; margin:15px 0 15px 0; _margin:7px 0 7px 0; }
.index_services_hr { background:url(/images/index/large-divider-line.jpg) no-repeat; width:957px; height:9px; margin:25px 0 15px 0; float:left; }
#large_quote_box { width:948px; height:346px; background:url(/images/index/quote-box.jpg) no-repeat; float:left; }
	.large_quote_box_padding { padding:30px 20px 20px 20px; }
#bio-container { width:297px; height:81px; margin:12px 0 0 0; }
#bio { width:297px; height:81px; margin:10px 0 0 0; }


.tweet-post { font-family:verdana, arial, helvetica; font-size:12px; color:#fff; text-decoration:none; font-weight:normal; line-height:150%; }
.tweet-date { font-family:verdana, arial, helvetica; display:block;color:#40AAB1; font-weight:bold;font-size:9px; line-height:150%; }


.services_web_des_dev { width:302px; height:208px; background:url(/images/index/web-box.png) no-repeat; float:left; margin:20px 0 0 0; }
.services_seo { width:302px; height:208px; background:url(/images/index/seo-box.png) no-repeat; float:left; margin:20px 0 0 20px; }
.services_print_design { width:302px; height:208px; background:url(/images/index/print-box.png) no-repeat; float:left; margin:20px 0 0 20px; }

.index_portfolio_margin { margin:0 0 3px 0; height:279px; display:none; overflow:hidden; }

/*================================================= OUR WORK ===================================================*/

.project_row { }
.project_content { float:left; margin:0 0 0 20px; _margin:0 0 0 10px; }
.project_spacer { width:500px; height:22px; float:left; }

.facebox-left-header { width:283px; height:46px; position:absolute; background:url(/images/work/modal-left.png);z-index:9999; } 
.facebox-right-header { width:283px; height:46px; position:absolute;left:283px;background: url(/images/work/modal-right.png) ;z-index:9998; }

a#visit:link { background:url(/images/work/visit.jpg); width:95px; height:22px; float:left; }
a#visit:visited { background:url(/images/work/visit.jpg); width:95px; height:22px; float:left; }
a#visit:hover { background:url(/images/work/visit-r.jpg); width:95px; height:22px; float:left; }

.visit-btn-margin { margin:13px 0 0 20px; }

/*================================================= BEGIN CLEARFIX FOR FLOAT STYLES ============================*/
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;_height: 1%;}
.clearfix {display:block;}
/* BEGIN CLEARFIX FOR FLOAT STYLES */

/*================================================= Easy Slider ================================================*/


        #bio ul, #bio li{
	width:267px;
	height:81px;
        margin:0;
        padding:0;
        list-style:none;
        }
        #bio li{
        /*
        define width and height of list item (slide)
        entire bio area will adjust according to the parameters provided here
        */
	height:81px;
        width:267px;
	overflow:hidden;
        }
        #prevBtn{float:left;margin:-81px 0 0 0;}
        #nextBtn{float:right;margin:-81px 0 0 0;}

/*================================================INDEX PORTFOLIO================================*/

.basic  {
        width: 585px;
}
.basic a {
        cursor:pointer;
        display:block;
}
.basic p { 
}