@-moz-document url-prefix() {
   
@font-face{font-family:'QuicksandBook';src:url('http://www.valpocreative.com/static/assets/valpocreative/fonts/quicksand_book-webfont.eot');
src:url('http://www.valpocreative.com/static/assets/valpocreative/fonts/quicksand_book-webfont.eot?iefix') format('eot'),
 url('http://www.valpocreative.com/static/assets/valpocreative/fonts/quicksand_book-webfont.woff') format('woff'),
 url('http://www.valpocreative.com/static/assets/valpocreative/fonts/quicksand_book-webfont.ttf') format('truetype'),
 url('http://www.valpocreative.com/static/assets/valpocreative/fonts/quicksand_book-webfont.svg#webfontEaG8h3YA') format('svg');
font-weight:normal;font-style:normal;}

.sociallinks .left_frame0 a,.sociallinks .valpo_45_column a {margin-right: 0; margin-left: 10px; text-align: left}
}

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, 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,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video  {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */

#logo_main, 
#logo_small_resp {display: inline;position: relative; z-index:50}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display: block; }

#logo_main {float:left; padding:0px 25px 0px 25px; display:inline;position:relative;z-index:50;}

body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}

/* FRONT SLIDER */
#home_slider_container {background-image: url(assets/templates/valpocreative/css/assets/js/slider/front_slider.png) no-repeat; border: none; border-image: initial; margin: 30px auto 0px; padding: 0px 0px 50px; position: relative; z-index: 1;
}
div#rotator { position: relative; top: 0; left: 0; margin-left: 0px; height: 100%; width:100%; }

#slider img {height: auto; width:100%; }
.valpo_response {padding: 0 1em}
.footer {float: left;width: 940px;background: #ED1C24;color: white;padding: 6px 31px;font-family: LucidaGrandeRegular;}

/*========= Contact Forms =========*/
#SEO_order_form {font-size:98%}

.contact_form input.txt,
#website_analysis_contact input.txt,
#SEO_package_order_form input.txt,
#SEO_package_order_form select#cfFtpaccess,
#SEO_package_order_form select#cfState,
#SEO_package_order_form select#cfCurrentcms,
#SEO_package_order_form select#cfTimetocall,
#website_analysis_contact select#cfBest,
.contact_form select#cfProject, 
.contact_form select#cfbudget, 
.contact_form select#cfSource, 
.contact_form select#cfProject, 
.contact_form select#cfbudget {max-width:99%;}

#top_space_container {width:100%; margin:0 0 30px 0; clear:both; padding:1px}
#top_space_container:after { content: ".";display: block;height: 0; clear: both; visibility: hidden;}

/*================================= NO DISPLAY =================================*/

#dsk_mode, .dsk_mode, #mobi_footer {display:none}

/*=================================
	Main Styles
=================================*/

.responsive_screen {overflow-x: hidden}
.head_container, .body_container, .footer_container {width: 980px;margin: 0 auto;}
.clear {clear: both;}
img {max-width: 100%;height: auto;}
@media \0screen {
  img { 
  	width: auto; /* for ie 8 */
  }
}
.dialog_content_cnt p  {font-color:#e3e3e3}
/*=========================================
	Valpo Boxes SIZED
=========================================*/

.valpo_100_column {float:left;width:100%}

.welcome,
.dialog_content_cnt,
.valpo_full_column, #delicious_container  {float:left;width:98%;margin:1%;}

.valpo_0_column {float:left;width:3%;margin:1%;}
.valpo_10_column,
.valpo_ten_column {float:left;width:8%;margin:1%;}
.valpo_12_column {float:left;width:10%;margin:1%;}
.valpo_14_column {float:left;width:12%;margin:1%;}
.valpo_15_column {float:left;width:13%;margin:1%;}
.valpo_16_column {float:left;width:14%;margin:1%;}
.valpo_20_column,
.valpo_five_column {float:left;width:18%;margin:1%;}
.valpo_22_column {float:left;width:20%;margin:1%;}
.valpo_24_column,
.valpo_seo_columns  {float:left;width:22%;margin:1%;}

.valpo_four_column_all,
.valpo_four_column,
.valpo_25_column {float:left;width:23%;margin:1%;}
.valpo_28_column,
.valpo_seo_main_column  {float:left;width:26%;margin:1%;}

.valpo_29_column {float:left;width:27%;margin:1%;}
.valpo_30_column {float:left;width:28%;margin:1%;}

.valpo_three_column_all,
.valpo_three_column,
.right_body_content{float: left;width: 31%;margin:1%;} 
.valpo_35_column {float:left;width:33%;margin:1%;}

#case_rgt3,
.valpo_39_column {float:left;width:37%;margin:1%;}

.valpo_38_column {float:left;width:36%;margin:1%;}

.design_lftdiv,
.valpo_40_column {float:left;width:38%;margin:1%;}

.valpo_42_column {float:left;width:40%;margin:1%;}
.valpo_45_column {float:left;width:43%;margin:1%;}
.valpo_47_column {float:left;width:45%;margin:1%;}

.valpo_49_column {float:left;width:47%;margin:1%;}


.valpo_two_column_all,
.valpo_50_column,
.valpo_half_column,
.valpo_two_column {float:left;width:48%;margin:1%;}
.valpo_55_column {float:left;width:53%;margin:1%;}
.valpo_56_column {float:left;width:54%;margin:1%;}

.design_rgtdiv,
.valpo_58_column {float:left;width:56%;margin:1%;}

.valpo_59_column {float:left;width:57%;margin:1%;}

#case_lft3,
.valpo_60_column {float:left;width:58%;margin:1%;}
.valpo_65_column {float:left;width:63%;margin:1%;}
.valpo_67_column,
.left_body_content{float: left;width: 65%;margin:1%;}
.valpo_70_column {float:left;width:68%;margin:1%;}
.valpo_72_column {float:left;width:70%;margin:1%;}
.valpo_75_column {float:left;width:73%;margin:1%;}
.valpo_74_column {float:left;width:72%;margin:1%;}
.valpo_76_column {float:left;width:74%;margin:1%;}
.valpo_78_column {float:left;width:76%;margin:1%;}
.valpo_80_column {float:left;width:78%;margin:1%;}
.valpo_84_column {float:left;width:82%;margin:1%;}
.valpo_86_column {float:left;width:84%;margin:1%;}
.valpo_88_column {float:left;width:86%;margin:1%;}
.valpo_90_column {float:left;width:88%;margin:1%;}


#lft_btmcont {max-width:98%; margin:1%}


/* =============================================================================
   Column Ends
   ========================================================================== */

.head-column { line-height: 1em; margin-bottom: 1%; }
.row-column, .nav-column { line-height: 1em; margin-bottom: 1%; margin-top: 1%; }
/*=========================================
	Valpo Boxes (UN-SIZED)
=========================================*/

.valpo_100,
.valpo_full {width:98%}
.valpo_90 {width:88%;}
.valpo_80{width:78%;}
.valpo_70{width:68%}
.valpo_60 {width:58%}
.valpo_50,
.valpo_two {width:48%}
.valpo_40 {width:38%}
.valpo_33,
.valpo_three {width:31%}
.valpo_30 {width:28%}
.valpo_25,
.valpo_four {width:23%}
.valpo_20,
.valpo_five {width:18%}
.valpo_10,
.valpo_ten {width:8%}

.block {display: block;margin-left:auto;margin-right:auto;}

/*=========================================
	MODALS
=========================================*/

@media all and (max-width: 800px), screen and (max-width: 810px) {
#boxes .window, #boxes #dialogA, #boxes #dialogB, #boxes #dialogC, #boxes #dialogD, #boxes #dialogE, #boxes #dialogF, #boxes #dialog, #boxes #dialog-X1, #boxes #dialog-X2, #boxes #dialog-X3, #boxes #dialog-X4, #boxes #dialog-X5, #boxes #dialog-X6, #boxes #dialog1, #boxes #dialog2, #boxes #dialog3, #boxes #dialog4, #boxes #dialog5, #boxes #dialog6, #boxes #dialog7, #boxes #dialog8, #boxes #dialog9, #boxes #dialog-10, #boxes #dialog-11, #boxes #dialog-12, #boxes #dialog-13,  #boxes #dialog-14 {width:96%; height:auto;}

.case_study_btm {margin-top:-11px}
}
/*=========================================
	Afters
=========================================*/
.valpo_full_column .columns_border,
.columns_border {max-width:450px}
.columns_border{border-style: solid; 
border-width: 7px;
-moz-border-image: url(../images/border-column.png) 7 repeat;
-webkit-border-image: url(../images/border-column.png) 7 repeat;
-o-border-image: url(../images/border-column.png) 7 repeat;
border-image: url(../images/border-column.png) 7 repeat; 
}
.columns_border p {font-size: 13px; letter-spacing: normal;font-family: LucidaGrandeRegular; font-weight: normal; color: #414042; margin:0px 0px 10px 0px;}

/* =============================================================================
  FOOTER
   ========================================================================== */
#container, 
#container_footer {margin:0px auto;width:1004px;}

#container_footer_internal {margin:0 auto;font-size:.85em}
.homebox_container2{background:url(../images/dot.gif) repeat-x bottom; width: 100%; max-width:980px;float:left;padding:0px 0px 20px 0px;}

/* #### Home Sections #### */
.homesections_internal, #homesections_footer { float: left; margin: 0px auto; width:1004px; max-width:100%; font-size: .85em; }
/*2*/
#pre_footer_Social_container {margin: 0px auto; width:98%;  max-width: 960px}
/*3*/
.footer_Social_container { font-family: LucidaGrandeRegular; background: #F0F1F2; font-size: 12px; line-height: 1.5em; margin: 25px auto 15px auto; padding: 2% 1% 1% 1%; width: 98%; max-width:940px }
/*4*/
.footer_Social_1 {float: left; width: 28%; margin: 1%; margin-left:0}
.footer_Social_2 {float: left; width: 21%; margin: 1%;}  
.footer_Social_3 {float: left; width: 21%; margin: 1%;} 
.footer_Social_4 {float: left; width: 22%; margin: 1%}

.footer_Social_4 p {margin-right:-5px}

.footer_Social_1 p,
.footer_Social_2 p,
.footer_Social_3 p,
.footer_Social_4 p {margin: 7px 0;padding: 0}

#container_footer_internal {margin:0 auto;font-size:.85em}

.footer_Social_1 span,
.footer_Social_2 span,
.footer_Social_3 span,
.footer_Social_4 span {font-weight: normal}

.inside_wraps {padding: 0 10px 10px 0;text-align: left; float: left; margin-top:0}
.inside_wraps_last {margin:1% 2% 3% -1%; position: absolute; top 0 right 5; float: right}


.case_study {height: 264px;width: 100%;max-width: 300px;float: left;margin: 10px 5px 30px 5px;}

.div_btm,
.div_top {width: 98%; float: left; margin: 1%; padding: 10px; text-align: center; max-width: 281px;}

.case_study img{float: left; height: auto; width: 100%; max-width:280px; min-width: 200px;min-height: 111px;  max-height:160px} 

.div_btm { padding: 10px; background: url(../images/pagebg.png); float: left; max-width: 281px; width: 100%; height: auto; min-height:130px;  max-height: 180px;} 

.case_study strong, .div_btm strong {display:block; margin-right:auto; margin-left:auto}
/*=========================================
	Media Queries
=========================================*/

/*============Search============*/
@media screen and (min-width:581px) and (max-width: 920px) {
.search input.btn {display:none}
/*Search*/
.search {position: absolute; top: 7px; right: 12px;}
}

/*========= max-device-width: 480px =========*/
@media(min-width: 0px) and (max-width: 480px), screen and (max-device-width: 480px) { 



homebox,
.home-box,
.homebox1,
.left_footer,
.right_footer,
.left_footer .valpo_65_column,
.left_footer .valpo_30_column,
#delicious_container  {float: left; width:98%; margin:1%}

img:hover {border:0; }

#header_rgt h1 { opacity:0;filter:alpha(opacity=0); ;-moz-opacity:0;}
#logo_main, #logo_small_resp {margin: 12px 0px 0px -5px;padding:2px 25px 0 5px;display:inline; position:relative; z-index:50; }
.valpo_home_welcome {margin:-179px auto 10px auto; max-width:940px;width:100%; position:relative; }


.nav-button {display: block; position: absolute; top: 5px; right: 7px; width: 50px; height: 30px; background-image :  url('../images/menu-icon-large.png'), -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0)); background-image : url('../images/menu-icon-large.png'),    -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0)); background-image :  url('../images/menu-icon-large.png'),     -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0)); background-image : url('../images/menu-icon-large.png'),      -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0)); background-position: center center; background-repeat: no-repeat; background-size: 21px, 100%; cursor: pointer; border: 0 none; border-bottom: 1px solid rgba(255,255,255,.1); box-shadow: 0 0 4px rgba(0,0,0,0) inset; border-radius: 5px;  z-index: 999; text-indent: -9999px;}
.nav-button:hover {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);-moz-opacity: 0.9; filter:alpha(opacity=90);-moz-opacity:0.9;opacity:0.9; cursor:pointer;}
.nav-button.open { background-image : url('../images/close-icon-large.png'), -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0)); background-image :  url('../images/close-icon-large.png'),    -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0)); background-image : url('../images/close-icon-large.png'),     -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0)); background-image :  url('../images/close-icon-large.png'),      -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0));background-position: center center; background-repeat: no-repeat; background-size: 21px, 100%;}
.back-drop ul li a {  *zoom: 1;}

.search {padding: 6px 0px 10px 0;}


/*========= Contact Forms =========*/
#website_analysis_contact {float: left; width:96%}

.contact_form input.txt,
#SEO_package_order_form input.txt,
#SEO_package_order_form select#cfFtpaccess,
#SEO_package_order_form select#cfState,
#SEO_package_order_form select#cfCurrentcms,
#SEO_package_order_form select#cfTimetocall,
#website_analysis_contact select#cfBest,
.contact_form select#cfProject, 
.contact_form select#cfbudget, 
.contact_form select#cfSource, 
.contact_form select#cfProject, 
.contact_form select#cfbudget {max-width:98%;}

#website_analysis_contact input.txt {max-width:100%;}

#website_analysis_contact .valpo_half_column, #case_lft3 {width:98%;}
.contact_card, #website_analysis_contact {margin-left:0; max-width:98%;}


}/*========= max-device-width: 480px =========*/

/* #### WIDTHS: 481PX to 920px #### */
@media (min-width: 481px) and (max-width: 920px) {

.case-serv-prop,
#case-st_png,
#serv_png,
#prop_png {max-width:99%}

/* Contact */
.contact_form {float: left;background: #ffffff;padding: 1%;width: 98%;  margin: 1%; font-family: QuicksandBook; font-size: 14px;color: #EC5E24;text-transform: uppercase;}
.contact_card {float: left;}




}/* #### WIDTHS: 481PX to 920px #### */





/****** FRONT SLIDER ******/
/*--- NO NOV CONTROL ---*/
.flex-control-nav li, .flex-control-nav li a, .flex-control-paging li a,
ol.flex-control-nav, .flex-control-paging {display:none}
ol.flex-control-nav .flex-control-paging {display:none}

.flex-control-nav .flex-control-paging, .flex-next,
.flex-active, .flex-direction-nav {display:none}

li a .flex-active,
.flex-control-paging li {opacity:0;filter:alpha(opacity=0); ;-moz-opacity:0;}
/*--- NO NOV CONTROL ---*/

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

@media only screen and (min-width:481px) and (max-width: 680px) { 
.valpo_three_column {float:left;width:48%;margin:1%;}

.w480 {margin: auto; padding-top:30px}




}

@media screen and (max-width: 479px) {
.sociallinks, .sociallinks a {display:none}

.left_body_content, 
.right_body_content, .valpo_seo_main_column,  .valpo_seo_columns, .valpo_full_column, 

.valpo_two_column, 
.valpo_two_column .left_footer,
.valpo_two_column .right_footer,
.valpo_three_column, .valpo_four_column, .valpo_20_column , .valpo_29_column, .valpo_half_column, .valpo_10_column, .valpo_five_column, .valpo_ten_column, .valpo_0_column, .valpo_15_column, .valpo_25_column, .valpo_35_column, .valpo_37_column,  .valpo_39_column, .valpo_38_column, .valpo_65_column, .valpo_30_column, .valpo_40_column, .valpo_45_column, .valpo_55_column, .valpo_56_column, .valpo_58_column, .valpo_60_column, .valpo_70_column, .valpo_80_column, .valpo_90_column, .valpo_86_column {width:98%}

.valpo_12_column, .valpo_14_column, .valpo_15_column, .valpo_16_column, .valpo_22_column, .valpo_24_column, .valpo_28_column, .valpo_72_column, .valpo_75_column, .valpo_76_column, .valpo_78_column, .valpo_84_column, .valpo_86_column, .valpo_88_column, .columns_border {width:98%}
#delicious_container, .valpo_full,.valpo_two,.valpo_three,.valpo_four,.valpo_five,.valpo_ten,.valpo_0,.valpo_30,.valpo_40,.valpo_60,.valpo_70,.valpo_80,.valpo_90 {width:98%}

.valpo_100, .valpo_full, .valpo_90, .valpo_80, .valpo_70, .valpo_60, .valpo_50, .valpo_two, .valpo_40, .valpo_47_column, .valpo_49_column,
.valpo_33, .valpo_three, .valpo_30, .valpo_25, .valpo_four, .valpo_20, .valpo_five, .valpo_10, .valpo_ten {width:98%}

.welcome,
#case_lft3,
#case_rgt3,
.design_lftdiv,
.design_rgtdiv,
div.accordionEff,
#website_analysis_contact select, 
#website_analysis_contact input.txt,
#SEO_order_form input.txt,
#SEO_order_form select,
.contact_form input.txt, .contact_form select, .valpo_full_column .columns_border {width: 98%}

select#cfTimetocall,
select#cfFtpaccess {margin-left:10px;width: 321px; max-width: 100%} 

}

/*===================
	Headers
===================*/
h5{font-size:15px;line-height:1;margin-bottom:4px}
h6{font-size:11px;line-height:1;margin-bottom:4px}
h1,h2,h3,h4{margin-top:8px;line-height:1;margin-bottom:4px}

.flt, .flt_left { float:left; }
.frt, .flt_right { float:right; }

.flt_left, .flt_left a,
.flt_right, .flt_right a { font-size:98% }

body.fancybox-lock, .fancybox-overlay, .fancybox-overlay-fixed {margin-right:-12px}
/*=======================================================
	RESPONSIVE STYLESHEET 0 to 1004PX
=======================================================*/
@media all and (max-width: 980px) {
body{behavior:url("csshover.htc"); background:url (../images/bg.jpg) #d1cdc4;font-family: 'LucidaGrandeBold', Arial, Helvetica, sans-serif;font-size:.85em;color:#414042;margin:0px;}
#blackbg{/*position:absolute;*/ position:relative; background:url(../images/topbg.gif) no-repeat center top; height:75px; right:0px; width:100%; top:0px; z-index:5;}


/*Search*/
.search input.txt {border: 0 ; margin:0}
.search input.txt[type=search],
.search input[type=search] {-webkit-appearance: textfield;-webkit-box-sizing: content-box;font-family: inherit;font-size: 100%;}
.search input.txt::-webkit-search-decoration,
.search input::-webkit-search-decoration,
.search input.txt::-webkit-search-cancel-button,
.search input::-webkit-search-cancel-button {display: none;}



#slider_container { float:left; width:100%; max-height:99%; position:relative; z-index:1; padding:1% 1% 8% 1%; background:url(/static/assets/images/css/slider_shadow.png) no-repeat center bottom; }
#slider {margin: 10px auto 10px auto; max-width: 100%}
#slider img {width: 100%; height: auto}

/*float: left;*/
.class_box_shadow{max-width:900px}
#wrapper_internal_footer {float: left; width: 980px; padding: 10px 11px; font-size: 0.85em;}

}/* ------ all & max-width: 980px ------------ */


/* ------end hide the navigation button by default------------ */

/*=======================================================
	RESPONSIVE STYLESHEET 0px to 480PX
=======================================================*/

@media all and (max-width: 380px) {

.w320 {margin: auto; padding-top:30px}

#logo_main, #logo_small_resp { margin: 10px 15px 2px 0; padding: 5px;display: inline;position: relative; z-index:50}
.footer .frt {background: #ED1C24;color:#ED1C24;}
/* NO DISPLAY */
.homesections_internal #resp,  .homesections_internal .resp, #resp, .resp {display:none}

.home-box, .homebox1 {margin-left:10px; margin-right:10px}
}/***----------Mobile Queries WIDTH: max 380px--------***/


/*=======================================================
	RESPONSIVE STYLESHEET 481px to 1004PX
=======================================================*/
@media screen and (min-width: 481px) and (max-width: 640px), all and (min-width: 481px) and (max-width: 640px) { 

.right_body_content, .footer_left, #social_head, #social_head_home  {display: none}
#homesections_internal, 
#pre_footer_Social_container, .footer_Social_container {float: left; margin:5px auto; max-width: 92%}
.footer_Social_1, .footer_Social_2, .footer_Social_3, .footer_Social_4 {width: 48%; margin: 1%}

}/***WIDTHS: 481PX to 640px***/



/*================== WIDTHS: 0PX to 680px==================*/

@media all and (min-width: 709px) { 
 .contact_form select {min-width: 223px; }
}

@media all and (max-width: 680px) { 

#SEO_package_order_form, .valpo_page_content, #valpo_page_content, #about_valpo { float: left; width: 98%; padding: 1%; margin-left: 0;}

.back-drop .static-color ul {margin:45px 0 -45px 0}
#commentform textarea, ol.pinglist, #respond {width:100%; padding: 0; margin: 10px 0}

#social_buttons {float: left; width: 99% margin: 1%}
.footer_Social_2, .footer_Social_3, .footer_Social_4 {display: none}
#mobi_align a {padding-left:3px}

.design_rgtdiv {width:98%}
.column_cont  {margin:auto; padding:0}

/***NO: DISPLAY***/
span.resp,
span#resp, #sidebar,
.footerlinks, 
#resp, .resp, #social_head, #social_head_home, .sociallinks {display:none}

/*== POSITIONING ==*/
.mobi_ableft_10 {position: absolute; left: 10px}
.relati680 {position:relative}
.resp680 {display:none}

}/*================== WIDTHS: 0PX to 680px==================*/



/*================== WIDTHS: 0PX to 1004px==================*/
@media all and (min-width: 0px) and (max-width: 1024px) { 

/***** Header & Wrappers *****/
#hr_wrapper {float: left; width: 99%; position: relative; z-index: 10;}
#header_rgt {width: 79%; z-index: 100; position: absolute; margin: 0px 0px 0px 20%; display: inline;}
#header { float: left; width: 99%; padding: 0px 0px; }

#wrapper_home, 
#wrapper_resp,
#wrapper_home_footer, 
#wrapper_home_footer_resp {width: 96%;padding: 1% 2%;}
#wrapper_internal_footer {float: left; width: 980px; padding: 10px 11px; font-size: 0.85em;}

/***** Body & Footer Container *****/
#hr_container, 
#container, 
#container_footer, 
.homepage-bottom, 
.head_container, 
.body_container, #SEO_package_order_form {margin: 0px auto; max-width: 98%;}
.footerlinks  {margin: 9px auto; max-width: 98%;}

.homesections_internal { float: left; margin: 5px auto; width:1004px; max-width:98%; font-size: .85em; }
#pre_footer_Social_container {margin: 0px auto; width:98%}
.footer_Social_container { font-family: LucidaGrandeRegular; background: #F0F1F2; font-size: 12px; line-height: 1.5em; margin: 25px auto 15px auto; padding: 2% 1% 1% 1%; width: 98%; max-width:940px }

.div_title { display: block; margin: 1% auto; min-height:33px;padding:1%; width: 96%; min-width:430px; max-width:920px}
.div_title::after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}


.delicious-posts #delicious-posts-valpocreative,
.delicious-posts ul, .delicious-posts li, .delicious-banner {max-width:99%}

.valpo_page_content, #valpo_page_content, #about_valpo { float: left; width: 98%; padding: 1%; margin: 10px auto;}
/*****Content Container*****/
.valpo_welcome h2,
.valpo_welcome .welcome_title h1, #header_rgt h1  {max-width:99%; font-size:90%; display:inline}
.col-full {margin: 2% auto; width: 98%}

/***Footer***/
.iframe_cont {margin: 13px auto; max-width: 98%; padding: 1%; float: left}
div.footer, .footer { background: #ED1C24; color: white; margin: 0px auto; width: 96%; padding: 6px 2%; font-family: 'LucidaGrandeRegular'; max-width:986px}
.homebox_container2 {width: 100%; margin: 0 auto}
.home_box_column {margin-top:10px}
.iframe_cont {margin: 13px auto; max-width: 98%; padding: 1%;}

 #cfComments, textarea#cfComments.txt  {max-width:98%}

.gallery,
pre.prettyprint { width:98%}


}/*================== WIDTHS: 0PX to 1004px==================*/

/*================== WIDTHS: 481PX to 920px==================*/


@media all and (max-width: 720px) { 
#case_lft3, #case_rgt3  {width:98%; margin:1%; max-width:585px; float: left}
#case_lft3 .valpo_full_column {width:100%; max-width:590px;margin-bottom:10px}
#lft_btmcont img {max-width: 100%; height:auto}
#case_lft3 {background:#FFFFFF; float:left; max-width: 700px;margin: 1%; width:98%}
#case_rgt3 { padding: 1%; max-width: 700px; float: left; margin: 1%; width:98%}

#social_buttons {position:relative; display: block;width: 98%;margin-right:auto; margin-left:auto; min-width:400px}
.share-this {float: none; display: block;width: 98%;margin-right:auto; margin-left:auto;}

/*Blog*/
#front_page,
#front_page .clearfix {overflow: hidden}

}



/*** WIDTHS: 481PX to 720px ***/
@media  all and (min-width: 581px) and (max-width: 720px) {

#navigation a {font-size:90%}


#serv_png, #serv_png img,
#st_png, #st_png img,
#prop_png, #prop_png img {max-width:99}
#post_box_cont, .post_boxes, #content  {max-width: 98%;}
#content #post_box_cont .post_boxes h2, .post_boxes h2 a, #content .post_boxes h2 {font-size: 96%}


.valpo_three_column_double, .footer_middle, .footer_right {float: left; width: 48%; margin: 1%;}


.footer_Social_1 .valpo_20_column {float: left; width: 18%; margin: 1%;}
.footer_Social_1 .valpo_80_column {float: left; width: 78%; margin: 1%;}  
.left_body_content  {width: 98%;}
/*---footer---*/
.footer_left, #resp, .footer_left, .resp,.sociallinks, .sociallinks a {display:none}
.left_footer_bd, .right_footer_bd {float: left;padding-right: 0;background: none;height: auto;z-index: 0;}

.valpo_three_column  {float: left; width:48%; margin: 1%; }

.contact_form input.txt {width:98%}
#header_rgt h1, #header_rgt h2, #header_rgt h3, #header_rgt h4 {opacity:0;filter:alpha(opacity=0); ;-moz-opacity:0;}

#social_buttons,
.share-this {display:block; margin-right:auto; margin-left:auto; width:98%}

#social_buttons {min-width:400px}

}/*** WIDTHS: 481PX to 720px ***/

@media all and (min-width: 721px) { 
#case_lft3 {float: left;width: 58%;margin: 1%;}
#case_rgt3 {float: left;width: 37%;margin: 1%; }

.share-this .addthis_button_compact at300m,
.share-this .addthis_button_compact at300m span,
 .share-this a.addthis_button_compact, .addthis_button_compact span,
.share-this .addthis_share_btn .at_red a,
.share-this .addthis_share_btn .addthis_button_compact,
.addthis_toolbox .addthis_share_btn {display:none}
}

@media all and (min-width: 721px) and (max-width: 920px) { 

#navigation a {font-size:90%}

.sociallinks { position: absolute; right: 0px; bottom: -55px;}


.contact_form {float: left;background: #ffffff;padding: 1%; width: 98%;  margin: 1%; font-family: QuicksandBook; font-size: 14px;color: #EC5E24;text-transform: uppercase;}
.contact_card {float: left;overflow:hidden }
.contact_form select {width:98%}
}

/*--- Case Studies ---*/


@media (min-width: 450px) and (max-width: 480px), screen and (min-width: 450px) and (max-width: 480px),
screen and (min-width: 721px) and (max-width: 788px)  { 

#lft_topcont {background-size: 100%;height: 312px; max-width: 380px;background: url(http://static.valpocreative.com/assets/images/monitor_380.jpg) no-repeat;margin: 1% auto;}
#lft_topcont img {width:auto; height:auto; max-width:346px}
#social_buttons .su_cont {display:none}
}

@media all and (min-width: 789px) and (max-width: 850px) { 
#lft_topcont {background-size: 100%; max-width: 400px; height: 328px; background: url(http://static.valpocreative.com/assets/images/monitor_400.jpg) no-repeat;margin: 1%  auto;}
#lft_topcont img {background-size:100%;max-width: 366px;}
.pint_cont {display:none}

.share-this {margin: 1% -4% 1% 2%}
}

@media all and (max-width: 820px) { 
#case_rgt3 p {min-width:270px; }

.left_body_content .left_body_full {width:98%}
}


@media all and (min-width: 821px) and (max-width: 1115px) { 

#case_rgt3 {float: right; width: 40.65%; padding: 13px 0 0;}
#case_lft3 {float: left; width: 58.7%; padding: 4px 0 0;}

#right_column { background:#CC33FF; float: right; width: 
.case_study_wrapper {margin-left:auto; margin-right:auto; display:block; width:100%; min-width:700px}
}


/*================== WIDTHS: 481PX to 920px==================*/ 

/*================== WIDTHS: 0PX to 920px==================*/
@media all and (min-width: 0px) and (max-width: 920px) { 

/*******Flex Logo*******/
#mobi_footer {background:#ed1c24; color:#FFFFFF; margin: 0px auto; width: 96%;padding: 10px 2%; font-family: 'LucidaGrandeRegular'; display: inline}
#mobi .Valpo_Creative_Branding #footer-logo-silver {display: inline; position: relative; z-index: 2}
a#mobi .Valpo_Creative_Branding #footer-logo-silver,
.Valpo_Creative_Branding #footer-logo-silver, #footer-logo-silver {width: 20px; height: 23px; background-position: -118px -0px; background-image:url(http://static4.valpocreative.com/css-sprites/valpocreative/Valpo_Creative_Branding.png);background-color:transparent; background-repeat:no-repeat;}

#slider_container { float:left; width:100%; height: auto; margin: auto}

/*******Footer*******/
.footer #mobi a, #mobi_footer #mobi a {color:#FFFFFF;}
#mobi_align a {margin-left:1%;margin-right:-2%;}
.footerlinks, #dsk, .dsk {display:none}
.footerlinks#resp p,
.footerlinks.resp p {padding: 3px 0}

/*====submission-packages====*/
#valpo_content {float: left: margin: 0 auto; width:99%}
#feature-table tbody, #feature-table threat, tr.odd { width:100%}
th#directory-name,
td.table-col-1 {float: left;width: 32%;margin:1%}
th#directory-url, th#directory-pr,
td.table-col-2, td.table-col-3 {float: left;width: 31%;margin:1%}
#feature-table td, #feature-table th,
td.table-col-1, td.table-col-2, td.table-col-3 {max-width: 150px; padding: 8px 5px; text-align: center; border-left: 1px solid white; border-right: 1px solid white; }
#page-wrap {margin: 50px auto; width: 70%;}

/** Marketing News **/
.page_content,
.marketingnews {width: 98%}

/*FONTS*/
.valpo_welcome h2, .valpo_welcome h1 {font-size:18px}

/*****NO DISPLAY*****/
.resp, #resp, #dsk, .dsk, .sidebar_news, .nosidebar {display: none}
.home-box, .homebox1 {max-width:99%}

.contact_form {padding:10px;}

/*===Blog===*/
.left_body_content .left_body_full, .left_body_full {width: 98%;max-width: 680px;}
.right_body_content {display: none;}


}/*================== WIDTHS: 0PX to 920px==================*/


/*================== WIDTHS: 641PX to 1004px ==================*/
@media all and (min-width: 641px) and (max-width: 1004px) { 

.homebox_container2 {float: left; padding: 0px 0px 20px 0px; width: 100%;}
#homesections_internal {float: left; margin: 5px auto; width: 96%; font-size: .85em;}
}

/***WIDTHS: MAX 850px***/
@media all and (max-width: 850px) { 
#header_rgt {width: 78%; z-index: 100; position: absolute; margin: 0px 0px 0px 20%; display: inline;}

h1.resp,
h1#resp  {opacity:0;filter:alpha(opacity=0); ;-moz-opacity:0;}
.footerlinks,
.search input.btn {display:none}
#mobi_align a {padding-left:3px}

}/***WIDTHS: MAX 850px***/



@media all and (min-width: 921px), screen and (min-width: 921px)  {

#logo_main { float: left; padding: 0px 25px 0 30px; display: inline; position: relative; z-index:50}

/* Search */
.search input #ajaxSearch_input.txt, .search input.txt { width: 160px; max-width:100%; background:#d6effc; margin:0px; padding:4px 5px; border:0px; text-transform:uppercase; font-family: 'HelveticaNeueCondensed'; position: absolute; top: 12px; right: 1px}
.search.btn, .search input.btn { font-size:11px; margin:-4px; padding:4px 4px; background:#f38121; border:0px; text-transform:uppercase; font-family: 'HelveticaNeueCondensed'; position: absolute; top: 17px; right: 171px}

.footer_left, .footer_middle, .footer_right{ float: left; width: 31%; margin: 1%; z-index: 5;}
.homebox_container2 { margin: 0px auto; width: 100%}

/*--- NO DISPLAY --*/
#mobi_link,.mobi, #mobi, #mobi_footer {display: none}
#iframe_cont {max-width:98%; float: left}

.static-color li #mobi_link,
.static-color li #mobi_link a,
#mobi_link li a {display: none}


/*blog*/
#front_page .caty .clearfix {margin-left:-1%; margin-right:-.6%}


}/***WIDTHS: MIN 921px***/

/*================== WIDTHS: 641PX to 1004px ==================*/


@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
.search input #ajaxSearch_input.txt, .search input.txt {width: 160px;max-width: 100%;background: #D6EFFC;margin: 0px;padding: 4px 5px;border: 0px;border-image: initial;text-transform: uppercase;font-family: HelveticaNeueCondensed;position: absolute;top: 12px;right: 1px; border:0;}
.search.btn, .search input.btn {font-size: 11px;margin: -4px;padding: 4px;background: #F38121;border: 0px;border-image: initial;text-transform: uppercase;font-family: HelveticaNeueCondensed;position: absolute;top: 17px;right: 171px; border:0;}
 /* your css rules for ipad portrait */
}


@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
.search input #ajaxSearch_input.txt, .search input.txt {width: 160px;max-width: 100%;background: #D6EFFC;margin: 0px;padding: 4px 5px;border: 0px;border-image: initial;text-transform: uppercase;font-family: HelveticaNeueCondensed;position: absolute;top: 12px;right: 1px; border:0;}
.search.btn, .search input.btn {font-size: 11px;margin: -4px;padding: 4px;background: #F38121;border: 0px;border-image: initial;text-transform: uppercase;font-family: HelveticaNeueCondensed;position: absolute;top: 17px;right: 171px; border:0;}
 /* your css rules for ipad landscape */
}