#wrapper{width:1020px; background-image: url(images/wrapper_bg.png); background-repeat: no-repeat; }
	#portfolio_wrapper {width:1020px; margin: 0 auto;}
	#footer_wrapper {margin: 0; padding: 0; width: 100%; float: left; background:transparent url(images/footer_bg.png) repeat-x;}
	#blog_wrapper{width:1020px; background-image: none; margin: 0 auto; }
	#contact_wrapper{width:1020px; background-image: none; margin: 0 auto; }
	#services_wrapper{width:1020px; background-image: none; margin: 0 auto;}
	#portfolio_individual_wrapper {width:1020px;background-image: none; margin: 0 auto; }
	
	
#header{width:1020px; float: left;}
#top_bar{padding-top:0; height: 88px; width: 1020px; position: relative; margin: 0;}
#rss-feed{ position:relative;top:0; }
#content{background: url() no-repeat;width:1020px; float: left;}
#content-body{width:550px; padding-left: 30px; }
#footer{ height: 180px; width: 1020px; position: relative; margin: 0 auto; background-image: url(images/bandit_footer.png); background-repeat: no-repeat; background-position: bottom right;}
#footer .text{width:1000px;}
ul#front_menu{}


	.footer_navigation {float: left; padding-left: 30px;}
	.footer_navigation ul {background-image: url(images/footer_navigation.png); background-position: top: left; background-repeat: no-repeat; padding: 30px 0 0 0; width: 125px;}
	.footer_navigation li {padding-top: 2px; font-size: 1.2em; list-style: none;}
	.footer_navigation a {text-decoration: none;}
	
	.footer_about {float: left; padding-top: 30px; background-image: url(images/footer_about.png); background-position: top left;  background-repeat: no-repeat; width: 310px; margin-left: 50px;}
		*html .footer_about {margin-left: 25px;}
	.footer_about p {color: #fff; font-size: 1em;}
	.footer_about span {color: #68dfff;}
	
	span.cyan {color: #68dfff;}

.expand{width:768px !important;}
.hentry{width:630px;overflow:hidden;}

.hentry p {line-height: 1.4em;}

.hentry h2 {margin-bottom: 15px; border-bottom: 1px solid #fff;}

.cat_tags{background-image: url(images/categories_divider_bg.png); background-repeat: no-repeat; width:628px; height:88px; padding-top: 35px;}
.cat_tags_close{background:#FFF url()  0 -81px no-repeat;width:630px; display: none;}
.cat_tags .category{width:400px;}
.cat_tags .continue {/*width: 142px; height: 39px; background-image: url(images/read_more_blog.png); background-repeat: no-repeat; margin-top: -12px; margin-left: -8px; margin-right: 10px; text-indent: -9999px;*/}
.yh_title {width: 992px; height: 56px; background-image: url( ); background-repeat: no-repeat; position: relative; margin: 0 auto; padding-left: 20px;}

.nav_options {margin: 0; padding: 0; float: left; height: 88px;}

.showcase_content {margin-top: 42px 0 0 0; float: right; height: 238px; width: 400px; }

.homepage_showcase_img {margin-top: 42px; float: left;}

.homepage_showcase_heading {margin-top: 0px; float: left;}

	.option1, .option2 {margin: 42px 0 0 0; float: left;}

.option1 p, .option2 p{float: left; line-height: 1.5em; font-size: 1em; padding: 0 0px 0 10px; height: 160px; width: 370px;}

#rolling_portfolio_area {width: 1020px; height: 365px; float: left; background-image: url(images/portfolio_individual_wrapper.png); background-repeat: no-repeat;}

.showcase_home {width: 1020px; height: 328px; float: left; }
.showcase_blog {width: 1020px; height: 182px; float: left; background-image: url(images/showcase_blog.png); background-repeat: no-repeat;}
.showcase_contact {width: 1020px; height: 511px; float: left; background-image: url(images/showcase_contact.png); background-repeat: no-repeat;}
.showcase_services {width: 1020px; height: 318px; float: left; background-image: url(images/showcase_services.png); background-repeat: no-repeat;}
.showcase_portfolio_individual {width: 1020px; height: 365px; float: left; background-image: url(images/portfolio_individual_wrapper.png); background-repeat: no-repeat;}
	.showcase_rn_individual {width: 1020px; height: 365px; float: left; background-image: url(images/portfolio_relynet_wrapper.png); background-repeat: no-repeat;}
	.showcase_marxen_individual {width: 1020px; height: 365px; float: left; background-image: url(images/portfolio_marxen_wrapper.png); background-repeat: no-repeat;}
	.showcase_chamber_individual {width: 1020px; height: 365px; float: left; background-image: url(images/portfolio_chamber_wrapper.png); background-repeat: no-repeat;}
	.showcase_eagle_individual {width: 1020px; height: 365px; float: left; background-image: url(images/portfolio_eagle_wrapper.png); background-repeat: no-repeat;}
	.showcase_roadrash_individual {width: 1020px; height: 365px; float: left; background-image: url(images/portfolio_roadrash_wrapper.png); background-repeat: no-repeat;}
	
h2.homepage_content_heading{text-indent: -9999px; background-image: url(images/homepage_content_heading.png); background-repeat: no-repeat; width: 500px; height: 65px; margin-top: 1px; margin: 0; padding: 0;}

h2.portfolio_content_heading{text-indent: -9999px; background-image: url(images/portfolio_heading.png); background-repeat: no-repeat; width: 500px; height: 65px; margin-top: 0px; margin-left: 30px; padding: 0; float: left;}
	*html h2.portfolio_content_heading {margin-left: 15px;}
	
h2.portfolio_summary_heading{text-indent: -9999px; background-image: url(images/project_details_heading.png); background-repeat: no-repeat; width: 500px; height: 65px; margin-top: -5px; margin-left: 30px; padding: 0; float: left;}
	*html h2.portfolio_summary_heading {margin-left: 15px;}


h2.contact_content_heading{text-indent: -9999px; background-image: url(images/contact_content_heading.png); width: 399px; height: 82px; margin-top: 0px; margin-bottom: 20px;}

.showcase_buttons {float: left; margin:0; padding: 0;}

#slideshow {float: left; height: 309px;}

#2nd_slideshow {}

.content_double {float: left; width: 635px; padding-bottom: 30px; padding-left:30px; padding-right: 10px;}

.content_double h3 {font-weight: 400; padding-left: 0px; padding-bottom: 8px; font-size: 1.5em; text-indent: -9999px; }

.content_tri {float: left; width: 310px; padding-bottom: 30px;}
	.what {padding-left:30px; padding-right: 10px;}
	.how {padding-left: 15px; padding-right: 10px;}
	.referral {padding-left: 15px; }
	
	.office {padding-left:30px; padding-right: 10px;}
	.online {padding-left: 15px; padding-right: 10px;}
	.trails {padding-left: 15px; }
	.about {padding-left:30px; padding-right: 10px;}
	.partners {padding-left:20px; padding-right: 00px;}
	
.content_tri h3 {font-weight: 400; padding-left: 0px; padding-bottom: 8px; font-size: 1.5em; text-indent: -9999px; }
	.what h3{background-image: url(images/what_we_do_heading.png); background-repeat: no-repeat; width: 280px; height: 46px;}
	.how h3{background-image: url(images/how_we_do_it_heading.png); background-repeat: no-repeat; width: 280px; height: 46px;}
	.referral h3{background-image: url(images/what_our_clients_are_saying_heading.png); background-repeat: no-repeat; width: 280px; height: 46px;}
	
	.office h3{background-image: url(images/office_heading.png); background-repeat: no-repeat; width: 280px; height: 46px;}
	.online h3{background-image: url(images/find_us_online_heading.png); background-repeat: no-repeat; width: 280px; height: 46px;}
	.trails h3{background-image: url(images/on_the_trails_heading.png); background-repeat: no-repeat; width: 280px; height: 46px;}
	.about h3{background-image: url(images/about_hdc_heading.png); background-repeat: no-repeat; width: 280px; height: 46px;}
	.partners h3{background-image: url(images/strategic_partnerships.png); background-repeat: no-repeat; width: 280px; height: 46px;}
	
.referral p{background-image: url(images/referral_image.png); background-repeat: no-repeat; background-position: top right; padding-right: 55px;}

.referral p span{font-weight: 400; font-size: 1.3em;}

	p#rc_referral {background-image: url(images/rc_chamber_logo.png); background-repeat: no-repeat; background-position: top left; padding-left: 80px; height: 75px; padding-right: 30px;}
	p#fuzzy_referral {background-image: url(images/fuzzy_corp_logo.png); background-repeat: no-repeat; background-position: top left; padding-left: 80px;  padding-right: 30px;}
	p#relynet_referral {background-image: url(images/relynet_logo.png); background-repeat: no-repeat; background-position: top left; padding-left: 80px; padding-right: 30px;}
	p#entrust_referral {background-image: url(images/entrust_it_logo.png); background-repeat: no-repeat; background-position: top left; padding-left: 80px; padding-right: 30px;}
	p#eagle_referral {background-image: url(images/eagle_logo.png); background-repeat: no-repeat; background-position: top left; padding-left: 80px; height: 75px; padding-right: 30px; }


	
	
.content_quad {float: left; width: 205px; height: 165px;padding-right: 50px; margin-top: 84px; color: #fff; }
	.service_web_design {margin-left: 30px;}
		*html .service_web_design {margin-left: 15px;}
	.service_print_design {}
	.service_mktg {}	
	.service_hosting_maintenance {padding-right: 0px;}	
	
.content_quad h3{float: left; width: 205px; padding-bottom: 20px; text-indent: -9999px;}
	.service_web_design h3{background-image: url(images/web_design_heading.png); background-repeat: no-repeat; width: 205px; height: 25px;}
		* html .service_web_design h3{
						background-image: none;
						filter: progid:DXImagetransform.Microsoft.AlphaImageLoader(src="http://www.hardydesignandcreative.com/wp-content/themes/base%20layer/images/web_design_heading.png");}
						
	.service_print_design h3{background-image: url(images/print_design_heading.png); background-repeat: no-repeat; width: 205px; height: 25px;}
	* html .service_print_design h3{
						background-image: none;
						filter: progid:DXImagetransform.Microsoft.AlphaImageLoader(src="http://www.hardydesignandcreative.com/wp-content/themes/base%20layer/images/print_design_heading.png");}
						
	.service_mktg h3{background-image: url(images/mktg_heading.png); background-repeat: no-repeat; width: 205px; height: 25px;}	
	* html .service_mktg h3{
						background-image: none;
						filter: progid:DXImagetransform.Microsoft.AlphaImageLoader(src="http://www.hardydesignandcreative.com/wp-content/themes/base%20layer/images/mktg_heading.png");}
						
	.service_hosting_maintenance h3{background-image: url(images/hosting_maintenance_heading.png); background-repeat: no-repeat; width: 205px; height: 25px; }
	* html .service_hosting_maintenance h3{
						background-image: none;
						filter: progid:DXImagetransform.Microsoft.AlphaImageLoader(src="http://www.hardydesignandcreative.com/wp-content/themes/base%20layer/images/hosting_maintenance_heading.png");	}

	
	.request_quote_services {float: right; padding-left: 10px; padding-right: 30px;}
	.see_our_work_services {float: right; padding-left: 10px;}
	
	
.client_testimonial {float: right; width: 300px; padding-right: 00px;}

.client_testimonial h2 {text-indent: -9999px; background-image: url(images/homepage_testimonial_heading.png); width: 394px; height: 82px; margin-top: 1px; margin-bottom: 20px;}

	#contact h2 {background-image: url(images/contact_side_heading.png); margin-top: 0;}


.content_tri p {padding-bottom: 0px;}

.hentry h3 {font-weight: 400; padding-bottom: 15px; font-size: 1.5em}

span.green {color: #b4dd32; font-size: 2em;}

p.rc_testimonial {}

p.rn_testimonial {}

p.eagle_testimonial {}

h3.first_contact_label { margin: -20px 0 0 0 ; padding: 0; }

h3.contact_label { margin: -20px 0 0 0; padding: 0; }

.contact_page_form {float: left; margin-left: 210px; margin-top: 140px;}
	*html .contact_page_form {margin-left: 105px;}

#content-body input {border: 1px solid #a5a5a5; height: 20px; background-image: url(images/input_bg.png); background-position: top left; background-repeat: repeat-x; width: 245px;}

#content-body textarea {border: 1px solid #a5a5a5; background-image: url(images/input_bg.png); background-position: top left; background-repeat: repeat-x; width: 245px; height: 224px; }

p.contact_sidebar { padding-left: 20px;}

/* gallery */

#gallery-1 img.attachment-thumbnail{background-image: url(images/portfolio_gallery_bg.png); background-position: top left; background-repeat: no-repeat; border: none; padding: 15px 15px 15px 16px; }

#suattr {display: none;}

.request_quote_portfolio {float: right; padding-right: 30px; padding-top: 15px;}


.portfolio_section {float: left; padding-bottom: 40px; padding-top: 0px;}

.portfolio_title_section {float: right; width: 525px; }

.portfolio_body {padding: 0 30px 0 30px; width: 960px;}

.portfolio_image {padding: 19px 14px 6px 14px; background-image: url(images/portfolio_img_bg.png); background-position: top left; background-repeat: no-repeat; margin-left: -5px; float: left;}
 

.blog_image_small {padding: 19px 14px 6px 14px; background-image: url(images/blog_img_bg.png); background-position: top left; background-repeat: no-repeat;}

img.blog_image_small {margin-top: -5px; margin-left: -5px;}

.expand_button {float: right; margin-top: 8px;}

h3.portfolio_title {width: 400px; float: left; font-weight: 400; margin: 20px 0 0 0; padding: 0; }
h3.individual_portfolio_heading{float: left; color: #fff;font-weight: 400; margin: 60px 0 0 0; padding: 0; font-size: 1.6em; width: 525px;}
.individual_portfolio_image img {float: left; padding: 110px 38px 60px 37px;}
.individual_portfolio_buttons_quote {float: right; padding-right: 30px; padding-top: 12px;}
.individual_portfolio_buttons_portfolio {float: right; padding-right: 15px;padding-top: 12px;}

.showcase_portfolio_individual p {float: left; width: 525px; color: #f0f0f0; padding-top: 15px; height: 105px; overflow: hidden; }

p.portfolio_info {width: 525px; float: right; margin-top: 10px; padding-bottom: 30px; background-image: url(images/portfolio_section_divider.png); background-position: bottom left; background-repeat: no-repeat; }

portfolio_info p{width: 525px; float: right; margin-top: 10px; padding:0 0 30px 0; background-image: url(images/portfolio_section_divider.png); background-position: bottom left; background-repeat: no-repeat; }

.see_more_portfolio {float: right; margin: 30px 30px 20px 0;}
	*html .see_more_portfolio {margin-right: 15px;}

.screenshot_container {float: left; width: 400px; height: 75px; padding-left: 125px; }
.screenshot_container img{padding-right: 15px; float: left; margin-top: -2px; }