/*******************/
/*   Site Basics   */
/*******************/

*{ border-width: 0; margin: 0; padding: 0; list-style-type: none; outline: 0; text-align: left; }

hr { margin-top: 30px; float: left; width: 100%; border-bottom: 1px solid #f1f1f1; margin-bottom: 30px; display: inline; }

body { overflow-x: hidden; }

.clear {clear:both}

/*******************/
/*   Text styles   */
/*******************/

a { text-decoration: none; font-family: "Lucida Grande", Lucida, Verdana, sans-serif; }

	a.black { background-color: black; font-size: 13px; color: white; font-style: italic; }
	
	a.small { background-image: url(../img/b_small.jpg); width: 92px; height: 32px; float: right; margin-top: 10px; line-height: 32px; text-align: center; margin-left: 20px; display: inline; }

	a.read { font-size: 12px; color: #414141; text-decoration: underline; float: left; display: inline; margin-top: 15px; }
	
	a.comment { background-image: url(../img/comment_counter.jpg); width: 36px; height: 30px; float: right; line-height: 30px; text-align: center; font-size: 13px; color: white; }
	
	a.right { float: right; display: inline; }
	
	a.proposal { background-image: url(../img/proposal.jpg); height: 34px; width: 289px; float: left; display: inline; text-align: center; font-style: italic; color: white; margin-bottom: 28px; padding-top: 13px; font-size: 20px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }

	a.feature { font-size: 40px; width: 940px; float: left; display: inline; margin-bottom: 10px; color: white; }
	
	a.t_white { color: #fffeff; font-size: 13px; }

	a.white { background-color: white; display: inline-block; height: 30px; line-height: 30px; padding-left: 15px; padding-right: 15px; font-size: 13px; color: #797979; float: right; position: absolute; z-index: 15; margin-top: 340px; margin-left: 855px; }

p { float:left; padding-bottom: 10px; font: 12px/20px "Lucida Grande", Lucida, Verdana, sans-serif; color: #666; float: left; display: inline; }
	
	p.grey { color: #656565; }
	
	p.hireline { height: 50px; line-height: 50px; margin-left: 20px; }
	
	p.small { font-size: 9px; }
	
	p a { color: #666; text-decoration: underline; }
	
	p.col3_box { display: inline; width: 260px; float: left; }
	
	.cheat-sheet-right-col p,
	.cheat-sheet-left-col p{ color:#555; margin-bottom:15px;}


h1 { float: left; font: 30px "Lucida Grande", Lucida, Verdana, sans-serif; }

	h1.main { line-height: 30px; width: 100%;}
	
	h1.main_col { margin-bottom: 20px; /*padding-left: 25px; background: url(../img/heading_star.jpg*/) no-repeat 0 5px; font-weight: normal; font-style: normal;}
	
	h1.main_col_home { margin-bottom: 20px; /*padding-left: 25px; background: url(../img/heading_star.jpg*/) no-repeat 0 5px; font-weight: normal; font-style: normal; margin-top:0px }
	
	h1.blog { margin-bottom: 20px; width: 535px; float: left; display: inline; font-variant: normal; font-family: "Lucida Grande", Lucida, Verdana, sans-serif; }

		h1.blog a { color: black; }
		
	h1.page{margin-bottom:20px;}
	
	h1 a{ color:#0A2E60;}
	h1 a:hover{ color:#20718A;}

h2 { float: left; font: 22px "Tinos", "Lucida Grande", Lucida, Verdana, sans-serif; }

	.col2_content h2{margin-bottom:10px; color:#001f44; margin-top:20px; font-weight:bold; font-size:22px; width:500px; }
	
	.slider_h2{margin: 28px 0px 0px 20px; width:400px; font-size:26px;}

	h2.col1_full_header { display: inline; float: left; width: 615px; margin-bottom: 20px; }

	h2.inline { margin-bottom: 20px; float: left; display: inline; }

	h2.col3_header { width: 260px; margin-bottom: 20px; display: inline; float: left; }
	
	h2.content { color:#001f44; display: inline; font: 20px "Tinos", "Lucida Grande", Lucida, Verdana, sans-serif; margin-bottom:10px; margin-top:20px}
	
	h2.cta_main {display: inline; font: 20px "Tinos", "Lucida Grande", Lucida, Verdana, sans-serif; margin-bottom:5px; margin-top:10px; color:#fff;}
	
	.cheat-sheet-right-col h2{ margin-bottom:10px;}
	
	h2.blog{ margin-top:6px; font: 22px "Tinos", "Lucida Grande", Lucida, Verdana, sans-serif;}
		h2.blog a {font: 24px "Tinos", "Lucida Grande", Lucida, Verdana, sans-serif; font-weight:bold;}
		h2.blog a {color:#001f44;}
	
	

h3 { float: left; display: inline; font: 20px "Tinos", "Lucida Grande", Lucida, Verdana, sans-serif; }

	.slider_h3{ margin:10px 0px 0px 20px; width:400px; font-size:20px; color:#343434;}

	h3.hireus { font-style: italic; float: left; display: inline; margin-top: 15px; color: #616161; }

h4 { float: left; font: 20px "Tinos", "Lucida Grande", Lucida, Verdana, sans-serif; }

	h4.footer { color: white; font-weight:bold; }
	
	h4.sidebar { width: 258px; border-top: 1px solid #f1f1f1; border-right: 1px solid #f1f1f1; border-left: 1px solid #f1f1f1; padding-left: 15px; padding-right: 15px; background-color: #fff; padding-top: 15px; padding-bottom:10px; -moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; -moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; }
	
	h4.side-page-h4 { width: 258px; padding-bottom:10px; margin-left:15px;  border-bottom: 1px solid #f1f1f1;  margin-bottom:6px;}

h5 { float: left; font: 15px "Lucida Grande", Lucida, Verdana, sans-serif; }

h6 { float: left; font: 13px "Lucida Grande", Lucida, Verdana, sans-serif; }

.inline_ul{float:left; margin-bottom:15px;}
.green_check{ margin: 0px 0px 10px 20px; padding-left:20px; background: url(../img/check.png) no-repeat; background-position: 0px 3px;}
.blue{color:#4EB3E1;}
.green{color:#316F00; font-weight:bold;}

/* Special full header */

div.box_full_heading { padding-left: 20px; padding-right: 20px; background-color: #fff; border: 1px solid #f1f1f1; margin: 0px auto 20px auto; height: 40px; width: 918px; padding-top: 10px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }

div.box_short_heading { padding-left: 20px; padding-right: 20px; background-color: #fff; border: 1px solid #f1f1f1; margin-bottom: 20px; height: 40px; float: left; width: 560px; padding-top: 10px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }

.con_title{padding: 20px 0px 5px 0px;}

/**************/
/*   Images   */
/**************/

img.alignleft { float: left; display: inline; margin-right: 20px; margin-bottom: 20px; }

img.alignright { float: right; display: inline; margin-bottom: 20px; clear: left; margin-left: 20px; }

.image {float:left; margin-bottom:20px;}

/******************/
/*   Navigation   */
/******************/

#nav_wrapper { height: 166px; background: url(../img/navigation.jpg) repeat-x #B0D2FF; }

#logo_wrapper { width: 980px; margin: auto; height: 70px; }

#logo { height: 59px; float: left; display: inline; width: 209px; margin-top: 5px; background: url(../img/logo.png) no-repeat; }

#hang_logo { height: 87px; float: left; display: inline; width: 307px; margin-top:0px; margin-left:-34px;}
	
	#hang_logo a{ display:block; height: 87px;  width: 307px;  background: url(../img/bsalva_logo.png) no-repeat; }
	
	#hang_logo a span{ display:none;}

	#hang_logo a:hover {background: url(../img/bsalva_logo.png) no-repeat; }

#credit { height:53px; width:169px; background:url(../img/cc.png) no-repeat; float:right; margin-top:9px;}

/* Main navgation */

nav { width: 980px; margin: auto; height: 50px; display:block; }

	nav ul { display: inline; }

		nav ul li { display: inline; /*height: 50px; float: left; margin-right: 50px; */}

			nav ul li a { /*line-height: 50px;*/ color: #efefef; font-size: 12px; }

				nav ul li a:hover { border-bottom: 1px solid #7e7e7e; text-decoration: none;}

				nav ul li a.main_active { color: white; border-bottom: 1px solid #c4c4c4; }
.dropdown-nav{display:none;}

/* Sub navigation */

/*#sub_nav_wrapper { width: 980px; margin: auto; height: 35px; padding-top:5px; }

	#sub_nav_wrapper ul { display: inline; }

		#sub_nav_wrapper ul li { height: 35px; display: inline; float: left; margin-right: 35px; }

			#sub_nav_wrapper ul li a { line-height: 35px; font-size: 10px; color: #b3b3b3; }

				#sub_nav_wrapper ul li a:hover { border-bottom: 1px solid #b3b3b3; }

				#sub_nav_wrapper ul li a.sub_active { color: #939393; }
				
				.menu_img{margin-top:-5px; margin-left:20px; margin-right:20px;}*/
				
				
/*********************/
/*   Content frame   */
/*********************/

div#content-wrapper { background: url(../img/background.jpg) repeat-x #DAEAFF; float: left; width: 100%; padding-top: 40px; margin-top:-30px; position:relative; overflow: hidden;}

	#page { width: 960px; margin: auto; position:relative; }
	
	#port_wrapper { width: 960px; margin: 0px auto 30px auto;}
	
	#page_single { width: 960px; background-color:#FFF; -moz-border-radius: 8px; -webkit-border-radius: 8px; }

	#page_single.services {background-color:transparent;}
	
/***************/
/*   Columns   */
/***************/

/* Box full*/

.box_full { width: 918px; float: left; display: inline; margin-bottom: 40px; background-color: #fff; border: 1px solid #f1f1f1; padding-left: 20px; padding-right: 20px; padding: 20px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }

/* Col 2 wrapper */

div.two-col-wrapper { float: left; display: inline; }

	div.col2_content { display: inline; float: left; width: 640px; margin-right: 30px; }

		article.two-col-main { float: left; width: 610px; background-color: #fff; border: 1px solid #f1f1f1; margin-bottom: 40px; padding: 15px; display: inline; -moz-border-radius: 8px; -webkit-border-radius: 8px; -moz-box-shadow: 0 5px 10px -5px #6C7281; -webkit-box-shadow: 0 5px 10px -5px #6C7281;}	

	/* Sidebar */

	aside.two-col-sidebar { float: right; display: inline; width: 290px; }

		div.sidebar_box { width: 258px; float: left; background-color: #fff; border: 1px solid #f1f1f1; margin-bottom: 28px; padding: 15px; -moz-border-radius-bottomleft: 8px; -webkit-border-bottom-right-radius: 8px; -moz-border-radius-bottomright: 8px; -webkit-border-bottom-left-radius: 8px; -moz-box-shadow: 0 5px 10px -5px #6C7281; -webkit-box-shadow: 0 5px 10px -5px #6C7281; }

/*******************/
/*   List styles   */
/*******************/

ul.comments { display: inline; float: left; background-color: #fff; border-bottom: 1px solid #f1f1f1; }

	ul.comments li { float: left; padding: 20px; border-top: 1px solid #f1f1f1; border-right: 1px solid #f1f1f1; border-left: 1px solid #f1f1f1; display: inline; }
	
/* General sidebar list styles */

ul.sidebar_links { display: inline; }

	ul.sidebar_links li { height: 25px; /*border-top: 1px solid #f1f1f1;*/ width: 258px; overflow: hidden; display: inline; float: left; }

		ul.sidebar_links li a { font-size: 12px; line-height: 25px; color: #868686; }
		
ul.side-page-ul { display: inline;}

	ul.side-page-ul li { height: 28px; /*border-top: 1px solid #f1f1f1;*/ width: 258px; overflow: hidden; display: inline; float: left; margin-left:15px; padding-left:24px; background:url(../img/check.png) no-repeat 0px 4px; }

		ul.side-page-ul li a { font-size: 12px; line-height: 25px; color: #868686; }
		
ul.sidebar_blog { display: block; }

	ul.sidebar_blog li { border-bottom: 1px solid #f1f1f1; width: 243px;  display: block; float: left; /*margin-bottom:10px; padding-left:18px; padding-bottom:10px;*/ padding:15px 0px 15px 18px; background:url(../img/list-tri.png) no-repeat 0px 18px;}
	ul.sidebar_blog li:hover { background-color:#edf5ff;}

		ul.sidebar_blog li a { font-size: 12px; line-height: 15px; color: #868686; }
		
		
/* Partners */

ul.partners { display: inline; float: left; }

	ul.partners li { float: left; width: 125px; height: 125px; display: inline; }

	ul.partners li.left { margin-right: 5px; }
	
/* Headings list || Just for demo purpuse */

ul.heading_styles { display: inline; float: left; }

ul.heading_styles li { display: inline; clear: left; float: left; height: 35px; }

/* Content list */

ul.content_list { display: inline; }

	ul.content_list { height: 25px; border-top: 1px solid #f1f1f1; width: 258px; display: inline; /*float: left;*/ }

		ul.content_list li a { font-size: 12px; color: #868686; }
		
ul.internal-ul { display: inline; }

	ul.internal-ul { float:left; display: block; margin-bottom:0px; /*float: left;*/ }

		ul.internal-ul li.internal-li {  color: #666666; padding-left:40px; margin-bottom:8px; background:url(../img/list-tri.png) no-repeat 18px 4px; line-height:20px;}
		
		ul.internal-ul li.internal-li-check {  color: #666666; padding-left:40px; margin-bottom:14px; background:url(../img/check.png) no-repeat 18px 0px; }
		.cheat-sheet-left-col p ul.internal-ul li.internal-li-check {  color: #555; }


	
/*************************/
/*   Showcase elements   */
/*************************/

/* Medium showcase */

div.controls_medium_showcase { float: left; display: inline; width: 600px; height: 250px; margin-bottom: 20px; }

	div.medium_showcase { width: 600px; height: 250px; position: absolute; z-index: 1; }
	
	/* controls */
	
	.prev_medium { position: absolute; z-index: 3; cursor: pointer; }

	.next_medium { position: absolute; z-index: 3; margin-left: 530px; cursor: pointer; }

	

/*********************/
/*   Form elements   */
/*********************/

label { display: inline; float: left; clear: left; font: 12px "Lucida Grande", Lucida, Verdana, sans-serif; color: #7c7c7c; margin-bottom: 3px; margin-top: 10px; }

input.in_small { height: 35px; width: 130px; float: left; display: inline; clear: left; border: 1px solid #d6d6d6; }

input.in_medium { height: 35px; width: 260px; display: inline; float: left; clear: left; border: 1px solid #d6d6d6; }

input.in_big { height: 35px; width: 390px; display: inline; float: left; clear: left; border: 1px solid #d6d6d6; }

textarea.in_textarea { display: inline; border: 1px solid #d6d6d6; float: left; clear: left; width: 100%; }

select.pull_small { float: left; display: inline; clear: left; width: 130px; height: 20px; }

select.pull_medium { float: left; display: inline; clear: left; width: 260px; height: 20px; }

select.pull_big { float: left; display: inline; clear: left; width: 390px; height: 20px; }

input.submit { float: left; clear: left; background-image: url(../img/b_small.jpg); width: 92px; height: 32px; margin-top: 10px; text-align: center; font-size: 13px; color: white; }
input.foot-subscribe { float: left; clear: left; background: url(../img/footer-button-back.png) repeat-x 0px 0px; width: 92px; height: 32px; margin-top: 10px; text-align: center; font-size: 13px; color: white; border:1px solid #1f89a7; -moz-border-radius: 5px; -webkit-border-radius: 5px; cursor:pointer;}

input.in_search { float: right; display: inline; width: 147px; height: 24px; margin-top: 10px; color: #7e7e7e; padding-left: 15px; padding-right: 30px; background: url(../img/searchfield.png) no-repeat; font-size: 13px; padding-top: 9px; }

.side_form {border:1px solid #CCCCCC; font-size:18px; height:25px; margin-bottom:5px; width:255px;}

input.footer-form {font-size:18px; height:34px; margin:5px 0px 5px 0px; padding-left:10px; width:280px; background:url(../img/foot-input-back.png) no-repeat; color:#abb8c2; font-size: 14px;}
/*.label_title{
	float:left;
	width:200px;
	}*/

/********************/
/*   Page counter   */
/********************/

#pagecounter { float: left; display: inline; margin-bottom: 40px; }

	#pagecounter ul { display: inline; float: left; }

		#pagecounter ul li { float: left; display: inline; margin-right: 5px; width: 24px; height: 30px; }

		#pagecounter ul li a { line-height: 30px; background-color: #f4f4f4; width: 24px; float: left; height: 30px; display: inline; text-align: center; border: 1px solid #e4e4e4; color: #000; font-size: 13px; }

		#pagecounter ul li a.active { color: white; background-image: url(../img/counter_active.jpg); }
		
/****************/
/*   Comments   */
/****************/

div.comment_entry { display: inline; float: left; margin-bottom: 20px; }

	div.avatar_box { float: left; width: 80px; margin-right: 40px; }

	div.comment_box { display: inline; float: left; padding: 20px; width: 438px; border: 1px solid #f1f1f1; }

/***************/
/*   Hire us   */
/***************/

div.hire { background-color: #f4f4f4; border: 1px solid #e4e4e4; width: 940px; height: 50px; padding-right: 19px; padding-left: 19px; float: left; display: inline; margin-top: 10px; margin-bottom:50px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }

/*******************/
/*   social icons  */
/*******************/

#social-media{float:right; margin:-10px 12px 0px 0px;}
	.social-rss{float:left; width:48px; height:64px; overflow:hidden; background:url(../img/social-icons/social-icons.png)0px 0px no-repeat;}
		.social-rss:hover{width:48px; height:64px; overflow:hidden; background:url(../img/social-icons/social-icons.png)0px -64px no-repeat;}
	.social-twitter{float:left; width:48px; height:64px; overflow:hidden; background:url(../img/social-icons/social-icons.png) -48px 0px no-repeat;}
		.social-twitter:hover{width:48px; height:64px; overflow:hidden; background:url(../img/social-icons/social-icons.png) -48px -64px no-repeat;}
	.social-facebook{float:left; width:48px; height:64px; overflow:hidden; background:url(../img/social-icons/social-icons.png) -96px 0px no-repeat;}
		.social-facebook:hover{width:48px; height:64px; overflow:hidden; background:url(../img/social-icons/social-icons.png) -96px -64px no-repeat;}
	.social-linked{float:left; width:48px; height:64px; overflow:hidden; background:url(../img/social-icons/social-icons.png) -144px 0px no-repeat;}
		.social-linked:hover{width:48px; height:64px; overflow:hidden; background:url(../img/social-icons/social-icons.png) -144px -64px no-repeat;}
	.social-delicious{float:left; width:48px; height:64px; overflow:hidden; background:url(../img/social-icons/social-icons.png) -192px 0px no-repeat;}
		.social-delicious:hover{width:48px; height:64px; overflow:hidden; background:url(../img/social-icons/social-icons.png) -192px -64px no-repeat;}
		.social-rss a, .social-twitter a, .social-facebook a, .social-linked a, .social-delicious a { width:48px; height:64px; display:block;}
		.social-rss a span, .social-twitter a span, .social-facebook a span, .social-linked a span, .social-delicious a span {display:none;}
	

/**********************/
/*   Calls to action  */
/**********************/

a.quote{ background:url(../img/request-a-quote.png) 0px 0px no-repeat; display:block; width:299px; height:61px; float:left; margin: -8px 0px 15px 0px;; }
	a.quote:hover{ background:url(../img/request-a-quote.png) 0px -61px no-repeat; }
	a.quote span{display:none; }

a.seo-report-buy-now{ background:url(../img/seo-report-buy-now.png) 0px 0px no-repeat; display:block; width:228px; height:96px; float:left; margin: 0px 0px 15px 90px; }
	a.seo-report-buy-now:hover{ background:url(../img/seo-report-buy-now.png) 0px -96px no-repeat; }
	a.seo-report-buy-now span{display:none; }

/**************/
/*   Footer   */
/**************/

#footer_wrapper { width: 100%; display: block; float:left; background: #0f1d28 url(../img/foot_back.jpg) repeat-x; padding-top: 20px; padding-bottom: 30px; overflow: hidden;}

	footer { width: 960px; margin:0 auto; display:block; }

		.footer_box { display: inline; width: 160px; float: left; margin-right: 30px; }
		
/* Footer lists */

.footer_box ul { float: left; margin-top: 15px; width: 160px; }

	.footer_box ul li { width: 160px; display: inline; float: left; border-top: 1px solid #1f2b34; padding: 10px 0; line-height:15px; }

		.footer_box ul li a { color: #AAA; font-size: 12px; line-height: 25px; }

			.footer_box ul li a:hover { color: #31b7d5; /*padding-left: 5px;*/ }
			
	#latest_posts { display: inline; width: 460px; float: left; margin-right: 30px; }
	
		#latest_posts ul { width: 460px; margin-top:15px; float:left; }
	
			#latest_posts ul li { width: 460px; display: inline; float: left; border-top: 1px solid #1f2b34; /*border-bottom: 1px solid #0b1013;*/ padding: 10px 0px 10px 20px; line-height:15px; background:url(../img/footer_li.png) no-repeat 0 17px; }
	
			#latest_posts li a { color: #AAA; font-size: 12px; line-height: 25px; }
	
				#latest_posts ul li a:hover { color: #31b7d5; /*padding-left: 5px;*/ }
				
	.footer-mailing-list{ width:290px; float:right;}
	.footer-mailing-list form{ margin-top:15px; padding-top:10px; border-top: 1px solid #1F2B34;}
	.footer-mailing-list label{color:#fff;}
	.footer-mailing-list p{color:#fff;}
			
/* Footer logo */

div#footer_logo_wrapper { height: 50px; background: url(../img/footer_logo_wrapper.jpg) repeat-x; padding-top: 20px; }

	#footer_logo { width: 209px; height: 59px; background: url(../img/logo.png) no-repeat 0 bottom; margin-top:-13px; margin-right: auto; margin-left: auto; margin-bottom: auto; }

/***************/
/*   Gallery   */
/***************/

div.thumb_gallery { display: inline; }

	div.thumb_gallery ul { height: 80px; width: 600px; float: left; margin-bottom: 20px; }

		div.thumb_gallery ul li { float: left; margin-right: 5px; }

/*********************/
/*   SHOWCASE HOME   */
/*********************/

.home_showcase { display: inline; float: left; width: 980px; height: 390px; margin-bottom: 50px; }

div.home_controls { display: inline; float: left; width: 980px; height: 390px; margin-bottom: 50px; }

.jCarousel_wrapper { display: block; float: left; position: absolute; z-index: 3; }

	.jCarousel_wrapper ul li { display: inline; width: 980px; height: 390px; }

		span.prev { background-image: url(../img/b_prev_showcase.png); width: 40px; height: 40px; float: left; margin-top: 185px; margin-left: -80px; cursor: pointer; z-index: 15; display: inline-table; }

		span.next { background-image: url(../img/b_next_showcase.png); width: 40px; height: 40px; display: inline-table; float: left; margin-top: 185px; margin-left: 1020px; cursor: pointer; z-index: 15; position: absolute; }

/* Showcase stylings */

div.home_showcase_description { background-image: url(../img/bg_black_transparent.png); display: inline; width: 940px; float: left; height: 70px; padding: 20px; z-index: 10; margin-top: 280px; position: absolute; }

.home_showcase_img img { position: absolute; display: inline; float: left; z-index: 5; }

div.home_showcase_shadow { width: 1218px; height: 69px; display: inline; margin-left: -119px; z-index: 0; background: url(../img/showcase_shadow.png) no-repeat; overflow: hidden; margin-top: 353px; float: left; position: absolute; }

div.home_showcase_shadow2 { width: 1218px; height: 69px; margin-left: -119px; z-index: 0; background: url(../img/showcase_shadow.png) no-repeat; overflow: hidden; float: left; display: inline; margin-top: -89px; }

/* CU3ER */

div.home_showcase_CU3ER { display: inline; float: left; width: 980px; height: 390px; margin-bottom: 50px; }

#cu3er_showcase { display: inline; float: left; position: absolute; z-index: 5; }

/************/
/*   Home   */
/************/
div.legal_block { float: left; width: 980px; padding-top: 20px; display: inline; }

	p.legal{ color:#999999; font-size:10px;}
	
	#twitter_birds{ position:absolute; width:128px; height:70px; bottom:-8px; right:10px;}
	
article.two-col-home { float: left; width: 610px; margin-bottom: 40px; padding: 0; display: inline; position:relative; }	

.side-cta{margin-bottom: 28px;}

#home-light{position:absolute; height:918px; width:1607px; background:url(../img/home-light.png) no-repeat; top:-10px; left:-550px; z-index:0;}

#home-text{position:relative; margin-top:-15px;}

#home-banners{margin:25px 0px 0px 0px; position:relative;}
	a.cta-web-design{ background:url(../img/web-design-home-cta.png) 0px 0px no-repeat; display:block; width:290px; height:229px; float:left; }
		a.cta-web-design:hover{ background:url(../img/web-design-home-cta.png) 0px -229px no-repeat; }
		a.cta-web-design span{display:none; }
	
	a.content-management-home-cta{ background:url(../img/content-management-home-cta.png) 0px 0px no-repeat; display:block; width:340px; height:229px; float:left; margin: 0 20px; }
		a.content-management-home-cta:hover{ background:url(../img/content-management-home-cta.png) 0px -229px no-repeat; }
		a.content-management-home-cta span{display:none; }
		
	a.seo-report-home-cta{ background:url(../img/seo-report-home-cta.png) 0px 0px no-repeat; display:block; width:290px; height:229px; float:left; }
		a.seo-report-home-cta:hover{ background:url(../img/seo-report-home-cta.png) 0px -229px no-repeat; }
		a.seo-report-home-cta span{display:none; }
		
	#coin-plant{width:276px; height:196px; background:url(../img/coin-plant.png) no-repeat; position:absolute; top:-196px; right:-83px;}
	
#side-page{ width:293px; margin-top:5px; margin-bottom:40px;}
#side-page-top{ width:293px; height:71px; background:url(../img/side-page-top.png) no-repeat;}
#side-page-mid{ width:293px; background:url(../img/side-page-mid.png) repeat-y;}
#side-page-bottom{ width:293px; height:89px; background:url(../img/side-page-bottom.png) no-repeat; margin-top:-40px;}

/************/
/*   Blog   */
/************/

div.blog_img { float: left; width: 200px; margin-right: 40px; }

	div.blog_img img { margin-bottom: 10px; }

	div.blog_intro { display: inline; float: left; width: 360px; }
	
/* Controls */

span.prev_medium { display: inline; background-image: url(../img/b_prev.png); width: 70px; height: 250px; float: left; }

span.next_medium { display: inline; background-image: url(../img/b_next.png); width: 70px; height: 250px; float: left; }

#pagenation{ width:640px; height:auto; float:left; margin: -20px 0px 30px 0px;}

.more_entries{ width:640px; height:auto; float:left; margin: -20px 0px 30px 0px;}

h2.widgettitle { width: 280px; border-bottom:1px solid #649eb5; padding-left: 0px; padding-right: 20px; padding-top: 15px; height: 33px; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px;}

body.blog aside.two-col-sidebar ul li ul { margin-top:0px; }

aside.two-col-sidebar ul li ul li { font-size:14px; height: 25px; border-bottom: 1px dotted #B7B7B7; width: 280px; overflow: hidden; display: inline; float: left; padding: 10px 20px 5px 0px; }

aside.two-col-sidebar ul li ul li a{ color:#333;}

aside.two-col-sidebar ul li ul li a:visited{ color:#333;}

aside.two-col-sidebar ul li ul li a:hover{ color:#21738c;}

div.blog-info img{float:left; margin:10px 10px 5px 0px; padding:2px; border:1px dotted #B7B7B7;}

div.blog-info p{ float:none; display:block; padding-top:20px; text-align:justify; color:#333;}

img.size-full{border:5px solid #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px;}

li.current-cat{ font-weight:bold; background: url(../img/blog-cat-back.png) top right repeat-y;}


a.read{margin-top:0px;}

div.sociable { float: left; width:95%; }

article.two-col-main pre.prettyprint { width:95%; }

div#respond textarea{width:100%;}

/*****************/
/*   Portfolio   */
/*****************/

div.portfolio_wrapper { float: left; width: 980px; margin-bottom: 40px; display: inline; }

	div.box { width: 258px; float: left; display: inline; border: 1px solid #efefef; padding: 15px; -moz-border-radius: 8px; -webkit-border-radius: 8px; margin-top:15px;}

	div.left { margin-right: 40px; }
	
		div.box IMG { margin-bottom: 20px; float: left; display: inline; }
		
	.slider_img{ margin:28px 28px 28px 18px; float:right;}
	
	.slider_p{margin: 10px 0px 0px 20px; float:left; width:560px;}
	
	h3.port-name{width:240px; display:block; color:#fff; margin:10px 0px 0px 10px; }
	p.port-p {margin:5px 0px 0px 0px; }
	p.port-p span { color:#fff; font-weight:bold;}

	img.port-recent{margin-left:0px; margin-bottom:5px;}
	img.port-success{margin-left:10px; margin-bottom:10px;}
	img.port-div-long{width:710px; margin-left:10px;}
	img.port-look{ margin-bottom:10px; margin-top:52px;}
	
	div.featured-port a.prev, div.featured-port a.next{display: none;}

	aside.port-sidebar{width:220px; height:400px; float:right; }
/** 
 * Slideshow style rules.
 */
#slideshow {
	margin:auto auto 30px auto;
	width:1040px;
	height:263px;
	background:transparent;
	position:relative;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:960px;
  height:263px;
  overflow:auto; /* allow scrollbar */
  position:relative;
  background-image:url(../img/portfolio_slider_back.jpg);
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:960px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:263px;
  /*padding:15px*/
}

/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:39px;
  height:263px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top:0;
  left:0;
  background:transparent url(../img/slider_control_left.png) no-repeat 0 0;
}
#rightControl {
  top:0;
  right:0;
  background:transparent url(../img/slider_control_right.png) no-repeat 0 0;
}
/*.slide img {
  float:right;
  margin:0 15px;
}*/
.cover{top:128px; position:absolute;}
.boxgrid{ 
	width: 298px; 
	height: 128px; 
	margin:10px 0px 10px 16px; 
	float:left; 
	background:#161613; 
	border: solid 2px #8399AF; 
	overflow: hidden; 
	position: relative; 
	}
.port_first{margin:10px 0px 10px 10px; }
	.boxgrid img{ 
		position: absolute; 
		top: 0; 
		left: 0; 
		border: 0; 
		}
		.boxgrid p{ 
			padding: 0 10px; 
			color:#afafaf; 
			font-weight:bold; 
			font:10pt "Lucida Grande", Arial, sans-serif; 
			}
				
		.boxcaption{ 
			float: left; 
			position: absolute; 
			background: #000; 
			height: 128px; 
			width: 100%; 
			opacity: .8; 
			/* For IE 5-7 */
			filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
			/* For IE 8 */
			-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 			.captionfull .boxcaption {
 					top: 128;
 					left: 0;
 				}
 			.caption .boxcaption {
 					top: 220;
 					left: 0;
 				}

/*
 * jQuery FlexSlider v1.8
 * http://flex.madebymufffin.com
 *
 * Copyright 2011, Tyler Smith
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

.featured-port{max-width:960px; margin:0 auto;}
/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {width: 100%; margin: 0; padding: 0;}
.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider { float :left; background: transparent; border: 0px solid #fff; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; zoom: 1; margin-bottom:10px;}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative;}
.flexslider .slides li div.slide{ border: 5px solid #0F1D29; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;}
.flexslider .slides li { background:url(../img/port_back.png); -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {zoom: 1; position: relative;}

/* Caption style */
/* IE rgba() hack */
.flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
.flex-caption {width: 96%; padding: 2%; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px;}

/* Direction Nav */
.flex-direction-nav li a {width: 52px; height: 52px; margin: -13px 0 0; display: block; background: url(../img/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 40%; cursor: pointer; text-indent: -9999px;}
.flex-direction-nav li .next {background-position: -52px 0; right: -32px;}
.flex-direction-nav li .prev {left: -32px;}
.flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; float:left; bottom: -30px; text-align: center; margin-top:10px;}
.flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {width: 13px; height: 13px; display: block; background: url(../img/bg_control_nav.png) no-repeat 0 0; cursor: pointer; text-indent: -9999px;}
.flex-control-nav li a:hover {background-position: 0 -13px;}
.flex-control-nav li a.active {background-position: 0 -26px; cursor: default;}

ul.portfolio-items p {color:#ccc;}
ul.portfolio-items p span{color:#fff; font-weight:bold;}
ul.port-look-around { margin-top:12px;}
ul.port-look-around li a {display:block; float:left; color:#fff; width:200px; padding:10px; margin-top:10px; background: #1e6f88; background: -moz-linear-gradient(top,  #2b7f98 0%, #257790 44%, #1e6f88 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2b7f98), color-stop(44%,#257790), color-stop(100%,#1e6f88)); background: -webkit-linear-gradient(top,  #2b7f98 0%,#257790 44%,#1e6f88 100%); background: -o-linear-gradient(top,  #2b7f98 0%,#257790 44%,#1e6f88 100%); background: -ms-linear-gradient(top,  #2b7f98 0%,#257790 44%,#1e6f88 100%); background: linear-gradient(top,  #2b7f98 0%,#257790 44%,#1e6f88 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b7f98', endColorstr='#1e6f88',GradientType=0 ); -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;}
ul.port-look-around li a:visited { color:#fff;}
ul.port-look-around li a:hover { color:#fff; background:#2b8ca9;}

/********************/
/*   Photo gallery  */
/********************/
		
div.gallery_wrapper{ margin-left:4px;}

div.gallery_wrapper img{ padding:5px;}

/****************/
/*   Services   */
/****************/

div.img_services { float: left; display: inline; margin-right: 20px; }

/*div.img_services img { margin:2px; border: 1px solid #f1f1f1 }*/

div.text_services { float: left; width: 618px; }

div.dyn_lst { width:300px; height: 95px; float:left;}

/****************/
/*   Contact   */
/****************/

#FormContainer { position:relative;	/*	min-height:350px;*/ width: 600px; margin-top: 20px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; padding-top: 20px; padding-right: 5px; padding-bottom: 10px; padding-left: 5px; }

* html #FormContainer{ height:600px; overflow: auto; }

	input, textarea, select { float: left; }

/*	label { clear: both; float: left; display:block; margin-bottom:0.6em; width:140px; }*/

form { display: inline-block;} 
	
/* Required CSS for the EasyAjax_Form */

.AJAX_TIMEOUT {	font-weight: bold; color: red; }	/*Style Ajax timeout error*/

.AJAX_RESPONSE {font-weight: bold;}

#FORM_LOAD { position: absolute; top:0; bottom:0; left:0; height: 100%; width: 100%; background: url(../img/EA_Form_Load.gif) no-repeat center; background-color: #545454; opacity: .55; -moz-opacity:0.55; filter:alpha(opacity=55); }

	.PASS {	background: url(../img/EA_Form_Pass.png) no-repeat scroll 0px 10px; height:16px; margin-left:7px; width:23px;	float:left; padding-top: 10px;}

	.FAIL {	background: url(../img/EA_Form_Error.png) no-repeat scroll 0px 10px; color:red; font-size: 14px !important; height:16px; margin-left:7px; padding-left:20px; padding-top: 10px; float:left;}

	/* Required IE6 fixes */

	* html #FORM_LOAD { height: 488px; }


 	/*Style EasyAjax Form Class Markers.*/


	.REQUIRED { height: 35px; width: 260px; display: inline; float: left; clear: left; border: 1px solid #d6d6d6; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

	.OPTIONAL { height: 35px; width: 260px; display: inline; float: left; clear: left; border: 1px solid #d6d6d6; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
	
	#Comments_ID, #Back_Info_ID, #Vision_ID, #Advantage_ID, #Existing_ID, #SGoals_ID, #LGoals_ID, #Serve_ID, #Business_ID, #Overview_ID, #Interaction_ID, #Content_ID, #Branding_ID, #Prepared_ID, #Breakdown_ID, #Pages_ID, #Color_ID, #Domain_ID, #Register_ID, #Hosting_ID, #Specific_ID, #Traffic_ID, #Database_ID, #WLike_ID, #WDislike_ID  { height: 140px; width: 560px; display: inline; float: left; clear: left; border: 1px solid #d6d6d6; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
	
	.req_input{ color:#FF0000; }

	.captchaIMG { background:transparent url(../img/EA_Form_RUhuman1.png) no-repeat scroll 0 0; display:block; float:left; height:20px; margin-left:15px; margin-top:2px; width:70px;}

	#submit{ width:500px; padding: 10px 0px 0px 0px; float:left;}

	#human_checker{ padding: 10px 0px 0px 0px; width:500px; float:left; }
	
	h2.form{margin-top:30px;}
	
	.mini-contact{ float:left; margin:3px 12px 0px -3px; padding:3px; border:1px solid #F1F1F1;}
	
/****************/
/*   Success    */
/****************/

#confirmation { width: 560px; float:left;}

.new_line { width: 560px; float:left;}

/****************/
/*   Hosting    */
/****************/

.table{
	margin:10px 0px 0px 0px;
	width:600px;
	float:left;
	}

.table td{
	padding:3px;
	}
	
.table td p{
	font-size: 0.7em;
	}


.plan_bar {
	color: #CCCCCC;
	background-color:#303032;
	border-bottom:1px solid #949494;
	}
	
.tbl_head1{
	background-color:#d5e3f1;
	font-size: .9em;
	font-weight:bold;
	}
	
.tbl_head2{
	background-color:#e8f0f8;
	font-size: .9em;
	font-weight:bold;
	}
	
.tbl_1{
	background-color:#e7eff7;
	}
	
.tbl_2{
	background-color:#f4f7fb;
	}
	

#head_background { position: absolute; width: 100%; height: 190px; background: transparent url(../img/head_background.jpg) top center; margin-top:35px;}

#sun { position: absolute; top: 55px; left:100px; width: 68px; height: 68px; background: transparent url(../img/sun.png);}

#head_bgrass { position: absolute; width: 100%; height: 190px; background: transparent url(../img/head_bgrass.png); margin-top:35px;}

#head_fgrass { position: absolute; width: 100%; height: 190px; background: transparent url(../img/head_fgrass.png); margin-top:35px;}

#head_clouds { position: absolute; width: 100%; height: 190px; background: transparent url(../img/head_clouds.png); z-index:0; margin-top:35px;}

#head_shadow { position: absolute; width: 100%; height: 191px; background: transparent url(../img/header_shadow.png); z-index:0; margin-top:34px;}

#header-wrapper { height: 314px; background: url(../img/head_sky.jpg) repeat-x; position:relative; }

header{ width: 980px; margin: auto; height: 224px; z-index:10; position:relative; display:block;}

/*#jquery_box { float:left; position:relative; margin:-23px 0px 28px -7px; background:url(../img/more_than.png); width:975px; height: 258px;}*/
#jquery_box { float:left; position:relative; margin:-20px 0px 28px 0px; background:url(../img/more_than.png) no-repeat top center; width:960px; height: 230px;-moz-box-shadow: 0 5px 10px -5px #6C7281;
-webkit-box-shadow: 0 5px 10px -5px #6C7281;}

	#cta_links{ background-repeat: no-repeat; height:49px; position:absolute; bottom :38px; left: 30px;}
		#learn-more{ float:left; height:49px; width:183px; background: url(../img/learn-more.png) no-repeat;}
		#request{ float:left; height:49px; width:226px; background: url(../img/request-a-quote.png) no-repeat; margin-left:30px;}

	
	
/*******************/
/*   SEO Report    */
/*******************/

.seo_right_col{ width: 640px; float:right; margin-bottom:30px; }
.seo_step{width: 640px; float:left; margin:25px 0px 0px 0px;}
.seo_step_img{float:left;}
.seo_step_h2{float:left; width:520px; margin-left:20px;}
.seo_step_p{float:left; width:520px; margin-left:20px;}
.seo_step_divider{width:280px; height:49px; background:url(../img/seo_step_divide.png) no-repeat; margin:20px 170px 20px 180px; float:left;}
.seo-report-ul{margin:5px 0 0 80px;}

.seo_toon{ float:left; background:url(../img/seo_toon.png) no-repeat; width:261px; height:619px;}


/***********************/
/*   Lead Gen Pages    */
/***********************/
.cheat-sheet-right-col{ width: 640px; float:right; margin-bottom:30px; }
.cheat-sheet-left-col{ width: 640px; float:left; margin-bottom:30px; }
#lead-form{padding:0px 20px; float:left; position:relative; margin-top:-15px; margin-bottom:-15px;}
aside.lead-gen-right-col{ width:290px; float:right;}

/*******************/
/*   SEO Page    */
/*******************/
.subscribe-type{ width:255px; float:left; margin:2px 0px 0px 0px;}
.subscribe-type input{ float:left; margin:3px 2px 0px 0px;}
.subscribe-type p{ float:left; margin:0px 20px 0px 0px;}




@media only screen and (max-width: 959px) {

header {max-width: 640px; margin: 0 auto; }

	#sun { left: 10px;}
	
	nav { width: 640px; margin: auto; }

#page { width: 640px; }



	a.content-management-home-cta { margin: 0 0px 0 10px;}

	a.seo-report-home-cta { display:none;}

	div.two-col-wrapper { width: 100%; }

	div.col2_content { width: 320px; }

	article.two-col-home {width: 100%;}



	article.two-col-main { width: 300px; }

	div.thumb_gallery ul { height: auto; width: 100%;}

	.col2_content h2 { width: 100%; }

	div.hire { width: 598px; height: 70px;}

		p.hireline { height: 20px; line-height: 20px; margin-left: 00px; margin-right: 40px; }

		div.hire a.right { float: right; display: inline; margin-top: -15px; }



	.featured-port{max-width:640px; margin:0 auto;}

		.slider_img {margin: 28px 150px 28px 18px;}

	#port_wrapper { width: 640px; }

	section.portfolio-container { width: 680px; }

		img.port-div-long { width: 640px; }

		ul.portfolio-items li img { width: 186px; height: 186px;}

		.portfolio-items li:hover div.caption11 { width: 166px; height: 166px; }

	aside.port-sidebar { display:none; }



	div.box_full_heading { width: 598px; }

	#page_single { width: 640px; }

	.box_full { width: 598px; }

		h2.col1_full_header { width: 100%; }

		p.col1_full{ width: 598px;}



	#Comments_ID{width:290px}


	.seo_right_col {width: 640px;}
	.seo_toon {display:none;}

	article.two-col-main.creative-strategy {width: 608px;}
	#FormContainer { max-width: 598px;}
 


	div.blog_intro { width: 300px; }




footer {width: 640px; }

	.footer_box { margin-right: 15px;}

	.footer_box.foot_legal { display:none;}

	}







@media only screen and (max-width: 630px) {
	
header {max-width: 400px; margin: 0 auto; }

	#sun { left: 20px;}

	#hang_logo { display:inline; margin: 0px 0px 0px 46.5px; float:left; }

	/*   social icons  */
	#social-media{ width:210px; margin:-4px 0px 0px 83px; padding-left:12px;float:left;  }
	  .social-rss{float:left; width:42px; height:54px; overflow:hidden; background:url(../img/social-icons/social-icons.png)-6px -10px no-repeat;}
	    .social-rss:hover{width:42px; height:54px; overflow:hidden; background:url(../img/social-icons/social-icons.png)-6px -74px no-repeat;}
	  .social-twitter{float:left; width:42px; height:54px; overflow:hidden; background:url(../img/social-icons/social-icons.png) -54px -10px no-repeat;}
	    .social-twitter:hover{width:42px; height:54px; overflow:hidden; background:url(../img/social-icons/social-icons.png) -54px -74px no-repeat;}
	  .social-facebook{float:left; width:42px; height:54px; overflow:hidden; background:url(../img/social-icons/social-icons.png) -102px -10px no-repeat;}
	    .social-facebook:hover{width:42px; height:54px; overflow:hidden; background:url(../img/social-icons/social-icons.png) -102px -74px no-repeat;}
	  .social-linked{float:left; width:42px; height:54px; overflow:hidden; background:url(../img/social-icons/social-icons.png) -150px -10px no-repeat;}
	    .social-linked:hover{width:42px; height:54px; overflow:hidden; background:url(../img/social-icons/social-icons.png) -150px -74px no-repeat;}
	  .social-delicious{float:left; width:42px; height:54px; overflow:hidden; background:url(../img/social-icons/social-icons.png) -200px -10px no-repeat;}
	    .social-delicious:hover{width:42px; height:54px; overflow:hidden; background:url(../img/social-icons/social-icons.png) -200px -74px no-repeat;}
	    .social-rss a, .social-twitter a, .social-facebook a, .social-linked a, .social-delicious a { width:42px; height:54px; display:block; margin:0;}
	    .social-rss a span, .social-twitter a span, .social-facebook a span, .social-linked a span, .social-delicious a span {display:none;}

	
	nav { width: 400px; margin: auto; }
	nav .megadropdown.grey{ display:none;}

	.dropdown-nav{display:inline;}
		.dropdown-nav select{ padding:10px; margin-top:5px; width:100%; -moz-border-radius: 8px; -webkit-border-radius: 8px;}

#page { width: 400px; }

	div.col2_content { width: 100%; margin-right:0px; }

	#home-text img{ width:100%;}
	#coin-plant { display:none; }
	a.cta-web-design {display:none;}
	a.content-management-home-cta {display:inline;}



	article.two-col-main { width: 368px; }
	aside.two-col-sidebar {width: 100%;}
		h4.sidebar { width: 368px; }
		div.sidebar_box {width: 368px;}
		aside.two-col-sidebar label{width:100%;}

	div.hire { width: 363px; height: 90px;}
		p.hireline { width: 68%; }
		div.hire a.right { margin-top: -45px; }


	.featured-port{max-width:400px; margin:0 auto;}

		.slider_img {margin: 28px 28px 28px 18px;}

		.slider_p {width: 350px;}

	#port_wrapper { width: 400px; }

	section.portfolio-container { width: 480px; }

		img.port-div-long { width: 400px; }

		ul.portfolio-items li img { width: 176px; height: 176px;}

		.portfolio-items li:hover div.caption11 { width: 156px; height: 156px; }





	div.box_full_heading { width: 368px; }

	#page_single { width: 400px; }

	.box_full { width: 368px; }

		h2.col1_full_header { width: 100%; }

		p.col1_full{ width: 368px;}

		a.read {width:100%;}

	div.text_services {width: 368px;}

		div.dyn_lst { width: 300px; margin-top:5px;}




	.REQUIRED {width: 357px;}
	#Comments_ID{width: 357px;}

	.seo_step { width: 400px; }
	.seo_right_col {width: 400px;}
	.seo_step_h2 {width: 300px;}
	.seo_step_p { width: 300px;}


	article.two-col-main.creative-strategy {width: 368px;}
		#FormContainer { max-width: 100%;}
		article.two-col-main.creative-strategy label{ width: 355px;}
		#Comments_ID, #Back_Info_ID, #Vision_ID, #Advantage_ID, #Existing_ID, #SGoals_ID, #LGoals_ID, #Serve_ID, #Business_ID, #Overview_ID, #Interaction_ID, #Content_ID, #Branding_ID, #Prepared_ID, #Breakdown_ID, #Pages_ID, #Color_ID, #Domain_ID, #Register_ID, #Hosting_ID, #Specific_ID, #Traffic_ID, #Database_ID, #WLike_ID, #WDislike_ID {width: 355px; }
		#human_checker {width: 355px;}


		div.blog_intro { width: 375px; }


footer {width: 400px; }

	.footer_box { margin-right: 15px; width: 48%;}
	.footer_box.foot_services { margin-right: 0px;}
		.footer_box ul {width: 100%; padding-left:0; margin-left:0;}
		.footer_box ul li { width: 100%; }

	.footer_box.foot_legal { display:none;}

	.footer-mailing-list {width: 100%; margin-top:20px;}
	.footer-mailing-list input.footer-form { width:100%; background:url(../img/foot-input-back.png) no-repeat;}
	.footer-mailing-list label { width:100%; }

	}



@media only screen and (max-width: 479px) {

header {max-width: 290px; margin: 0 auto; }

	#sun { left: -10px;}

	#hang_logo { display:inline; margin: 0px 0px 0px -8.5px; float:left; }
	#social-media{ width:210px; margin:-4px 0px 0px 28px; padding-left:12px;float:left;  }

	nav { width: 290px; margin: auto; }

#page { width: 290px; }

	a.cta-web-design {display:inline;}
	a.content-management-home-cta {display:none;}

	article.two-col-main { width: 258px; }
	aside.two-col-sidebar {width: 100%;}
		h4.sidebar { width: 258px; }
		div.sidebar_box {width: 258px;}

	div.hire { width: 253px; height: 110px;}
		p.hireline { width: 60%; }
		div.hire a.right { margin-top: -5px; }


	.featured-port{max-width:290px; margin:0 auto;}

		.flexslider .slides img { width: 225px; }

		.slider_p {width: 240px;}

	#port_wrapper { width: 290px; }

	section.portfolio-container { width: 330px; }

		img.port-div-long { width: 290px; }

		ul.portfolio-items li img { width: 275px; height: 275px;}

		.portfolio-items li:hover div.caption11 { width: 255px; height: 255px; }





	div.box_full_heading { width: 253px; }

	#page_single { width: 290px; }

	.box_full { width: 253px; }

		h2.col1_full_header { width: 100%; }

		p.col1_full{ width: 253px;}

		a.read {width:100%;}

	div.text_services {width: 253px;}

		div.dyn_lst { width: 253px; margin-top:5px; margin-bottom:5px;}

		ul.content_list { float:left;}




	.REQUIRED {width: 247px;}
	#Comments_ID{width:247px}

	.seo_step { width: 290px; }
	.seo_right_col {width: 290px;}
	.seo_step_h2 {width: 190px;}
	.seo_step_p { width: 190px;}
	a.seo-report-buy-now {margin: 0px 0px 15px 31px;}


	article.two-col-main.creative-strategy {width: 258px;}
		article.two-col-main.creative-strategy h1.main { height: 70px; }
		#FormContainer { max-width: 100%;}
		.col2_content h2 { width: 255px;}
		article.two-col-main.creative-strategy label{ width: 245px;}
		#Comments_ID, #Back_Info_ID, #Vision_ID, #Advantage_ID, #Existing_ID, #SGoals_ID, #LGoals_ID, #Serve_ID, #Business_ID, #Overview_ID, #Interaction_ID, #Content_ID, #Branding_ID, #Prepared_ID, #Breakdown_ID, #Pages_ID, #Color_ID, #Domain_ID, #Register_ID, #Hosting_ID, #Specific_ID, #Traffic_ID, #Database_ID, #WLike_ID, #WDislike_ID {width: 245px; }
		#human_checker {width: 255px;}



	div.blog_intro { width: 260px; }


footer {width: 290px; }

	.footer_box { margin-right: 0px; width: 100%;}

	}