@font-face{font-family:'QuicksandDash';src:url('http://static.valpocreative.com/assets/valpocreative/fonts/quicksand_dash-webfont.eot');src:url('http://static.valpocreative.com/assets/valpocreative/fonts/quicksand_dash-webfont.eot?iefix') format('eot'), url('http://static.valpocreative.com/assets/valpocreative/fonts/quicksand_dash-webfont.woff') format('woff'), url('http://static.valpocreative.com/assets/valpocreative/fonts/quicksand_dash-webfont.ttf') format('truetype'), url('http://static.valpocreative.com/assets/valpocreative/fonts/quicksand_dash-webfont.svg#webfont3nwub7ni') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'QuicksandBook';src:url('http://static.valpocreative.com/assets/valpocreative/fonts/quicksand_book-webfont.eot');src:url('http://static.valpocreative.com/assets/valpocreative/fonts/quicksand_book-webfont.eot?iefix') format('eot'), url('http://static.valpocreative.com/assets/valpocreative/fonts/quicksand_book-webfont.woff') format('woff'), url('http://static.valpocreative.com/assets/valpocreative/fonts/quicksand_book-webfont.ttf') format('truetype'), url('http://static.valpocreative.com/assets/valpocreative/fonts/quicksand_book-webfont.svg#webfontEaG8h3YA') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'QuicksandBold';src:url('http://static.valpocreative.com/assets/valpocreative/fonts/quicksand_bold-webfont.eot'); src:url('http://static.valpocreative.com/assets/valpocreative/fonts/quicksand_bold-webfont.eot?iefix') format('eot'), url('http://static.valpocreative.com/assets/valpocreative/fonts/quicksand_bold-webfont.woff') format('woff'),
 url('http://static.valpocreative.com/assets/valpocreative/fonts/quicksand_bold-webfont.ttf') format('truetype'),
 url('http://static.valpocreative.com/assets/valpocreative/fonts/quicksand_bold-webfont.svg#webfontieLbijkY') format('svg');
font-weight:normal;font-style:normal;
}
@font-face{font-family:'LucidaGrandeRegular';src:url('http://static.valpocreative.com/assets/valpocreative/fonts/lucida_grande-webfont.eot');src:url('http://static.valpocreative.com/assets/valpocreative/fonts/lucida_grande-webfont.woff') format('woff'), url('http://static.valpocreative.com/assets/valpocreative/fonts/lucida_grande-webfont.ttf') format('truetype'), url('http://static.valpocreative.com/assets/valpocreative/fonts/lucida_grande-webfont.svg#webfontOi7VOM4v') format('svg');font-weight:normal;font-style:normal;
}
@font-face{font-family:'LucidaGrandeBold';src:url('http://static.valpocreative.com/assets/valpocreative/fonts/lucidagrandebold-webfont.eot');src:url('http://static.valpocreative.com/assets/valpocreative/fonts/lucidagrandebold-webfont.eot?iefix') format('eot'), url('http://static.valpocreative.com/assets/valpocreative/fonts/lucidagrandebold-webfont.woff') format('woff'), url('http://static.valpocreative.com/assets/valpocreative/fonts/lucidagrandebold-webfont.ttf') format('truetype'), url('http://static.valpocreative.com/assets/valpocreative/fonts/lucidagrandebold-webfont.svg#webfontTokSdnvo') format('svg');font-weight:normal;font-style:normal;
}
@font-face{font-family:'HelveticaNeueCondensed';src:url('/static/assets/valpocreative/fonts/hlc_____-webfont.eot');src:url('/static/assets/valpocreative/fonts/hlc_____-webfont.eot?iefix') format('eot'), url('/static/assets/valpocreative/fonts/hlc_____-webfont.woff') format('woff'), url('/static/assets/valpocreative/fonts/hlc_____-webfont.ttf') format('truetype'), url('/static/assets/valpocreative/fonts/hlc_____-webfont.svg#webfontnyhseCgL') format('svg');font-weight:lighter;font-style:normal;}

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;}
h1,h2,h3,h4,h5,h6 {margin:0px; font-weight:normal; display: inline; }

p {margin:0px;}
table {border-collapse:collapse;}
#topbdr {float:left; background:#ed1c24; width:100%; height:10px;}
#container {margin:0px auto; width:1004px;}
#wrapper {float:left; width:940px; background:url(../images/pagebg.png); padding:10px 32px; margin:-65px 0px 0px 0px;
	/*position:relative;*/
	z-index:1;
}

#wrapper_home, 
#wrapper_resp {float:left; width:980px; background:url(../images/pagebg.png); padding:10px 11px; margin:-65px 0px 0px 0px;
	/*position:relative;*/
	z-index:1;
}

/*Scrollbars*/
html{overflow:auto}
::-webkit-scrollbar{width:12px}
::-webkit-scrollbar-thumb{-webkit-border-radius:10px; -moz-border-radius: 10px;border-radius:10px;background:#ed1c24; background:rgba(255,0,0,0.8);-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5)}
::-webkit-scrollbar-track:enabled { background-color: #f3f3f3 }
::-webkit-scrollbar-thumb:window-inactive{background:rgba(255,0,0,0.4)}
/*Scrollbars*/

.flt, .flt_left { float:left; }
.frt, .flt_right { float:right; }
.seo_details a, .seo_details a:link, .seo_details a:visited, 
a {text-decoration:none;}
a img {border:0px;}
.clr {clear:both; float:left; width:100%;}
/********************Header******************/
#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;
}

#header {float:left; width:940px; padding:0px 0px;}

#logo_main,
#logo { float:left; padding:0px 25px; display:inline; position:relative; z-index:10; }
#logo_small { float:left; margin:10px 0px; z-index:10; position:relative;}

#hr_container { margin:0px auto; width:1004px;}/***added  z-index:200***/
#hr_wrapper { float:left; width:1004px; position:relative; z-index:10;}
#header_rgt { width:776px; z-index:100; position:absolute; margin:0px 0px 0px 200px; display:inline; }
#header_rgt h1 { float:right; font-size:13px; margin:5px 0px; font-family: 'QuicksandBook'; display: inline; }

.sociallinks { font-family: 'HelveticaNeueCondensed'; font-size:15px; position: absolute; right: 10px; bottom: -90px; height:28px; float: right; width:98%; max-width:370px }
.sociallinks a {color:#414042;}

.w320, .w480, .w721 {display:none}

/*----Navigation-------------------------------*/
#navigation{float:right;height:44px;position:relative;z-index:1000;font-size:15px;color:#d7f0fc;font-family:HelveticaNeueCondensed;width:100%;text-transform:uppercase;margin:-45px 0 0 0}
a.disabled { opacity: 0.5  pointer-events: none  cursor: pointer}
.nav-button {display: none}


/*======== MEDIA: min-width: 581px ========*/

@media all and (min-width: 581px), screen and (min-width: 581px) {
#navigation li a {padding:15px 30px;}
}

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

/*****Navigation*****/
#navigation ul{ z-index:800; position: absolute: list-style:none;float:left;margin:0;padding:0;}
#navigation ul ul{position:absolute;border:0;display:none;max-width: 111px; width:98%;padding: 0 2px 2px 2px; margin: -1px auto auto auto; filter:alpha(opacity=80);opacity:.80} 
/*padding: 2px; margin:auto*/
#navigation ul a{display:block;color: rgb(215, 240, 252); font-family: HelveticaNeueCondensed;text-transformation:uppercase;text-decoration:none;font-size:15px;padding:4px 15px}
#navigation ul ul li {float:none;}
#navigation ul li{list-style:none;float:left;margin:0;}/*padding:0*/
#navigation ul li.back-drop ul{background:#313131;filter:alpha(opacity=80);opacity:.80;}
#navigation ul li a:hover,#navigation ul li.current a{color:#747476;font-style:italic;}
#navigation li.back-drop ul li {display: block !important;z-index:100;font-size:13px;color:#d7f0fc;font-family:HelveticaNeueCondensed;}
#navigation li:hover > ul{display:block}
#navigation li a {color:#d7f0fc;font-family:HelveticaNeueCondensed;padding:15px 30px;}
/*blog*/
#navigation .back-drop ul li a.social-media {padding: 15px 8px}

#navigation .back-drop ul li a {color:#d7f0fc;font-family:HelveticaNeueCondensed;padding:15px 20px;}
#navigation .back-drop ul li a.development {color:#d7f0fc;font-family:HelveticaNeueCondensed;padding:15px 10px;}
#navigation .back-drop ul li a,
#navigation .back-drop ul li#mobi_link a  {display:block; margin-left:auto; margin-right:auto; text-align:center;}
#navigation .back-drop ul li#mobi_link a {color: #d7f0fc;font-family: HelveticaNeueCondensed;padding: 15px 10px;}

#navigation li.back-drop ul.static-color {z-index:60}
#navigation li.back-drop ul.static-color,
.back-drop ul li.last a:hover {-moz-border-radius-bottomleft:13px;-moz-border-radius-bottomright:13px;-webkit-border-bottom-left-radius:13px;-webkit-border-bottom-right-radius:13px;border-bottom-left-radius:13px;border-bottom-right-radius:13px;}

.rgba .back-drop ul li a:hover, .back-drop ul li a:hover {background-color:rgba(85,85,85,.9);}
#navigation li a span {display: block; float: right; margin-left: 5px;}

/**MOZ**/
.static-color ul li.last a:hover {background:#313131;color:#c7c7c7;filter:alpha(opacity=80);opacity:.80;}
.boxshadow.rgba .static-color ul ul {background-color:rgba(0,0,0,0.8);-moz-box-shadow:2px 2px 2px rgba(0,0,0,.8);-webkit-box-shadow:2px 2px 2px rgba(0,0,0,.8);box-shadow:2px 2px 2px rgba(0,0,0,.8);}
.rgba .static-color ul ul li {border-left:1px solid rgba(0,0,0,0.1);border-right:1px solid rgba(0,0,0,0.1);}
.rgba .static-color ul ul a:hover,.rgba .back-drop ul ul a:hover {background-color:rgba(85,85,85,.9);}
.static-color ul li.last a:hover {font-color:color:#d7f0fc;background-image:-moz-linear-gradient(0% 100px 90deg, #999, #222);background-image: -webkit-gradient( linear, 0% 0%, 0% 100%, from(#222), to(#555)) }

/*Blog*/
#respond  { margin: 0px 0 0 16px; padding: 5px 20px 3px 20px;} 

}/*======== MEDIA: min-width: 581px ========*/


#top_nav_fix {margin:0 0px 30px 0px;}
::-moz-selection, ::selection {background: #ED1C24;text-shadow: none;}

/*** Valpo Creative Read More Slide ***/
.page_content {width:100%}
.valpocategoryarchives_part1thetop{font-family:Gudea, sans-serif;font-weight:normal;font-size:16px;font-style:italic;color:#F38121;text-shadow:1px 1px 1px #D7D7D7;text-decoration:none;width:100% ;margin:1%;padding-left:2px;background-repeat:no-repeat;min-height:20px; height:auto;overflow:hidden;cursor:pointer;}
.valpocategoryarchives_part2theinsidecontent{border:none;visibility:hidden;height:0;overflow:hidden;position:relative;display:inline;}
.valpocategoryarchives_part2theinsidecontent_content{font-family:LucidaGrandeRegular;font-size:.9em;position:relative;padding:1px; display:block; margin-right: auto; margin-left:auto}
.tog-post {float:left;width:98%;margin:1%; padding-left:4px}
html.isJS .togList dd { display: none;}

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


/*================== RESPONSIVE NAV: Max-width: 580px==================*/
@media (min-width: 0px) and (max-width: 480px), screen and (max-width: 480px) { 

a img:hover {border: 0 !important;}


/*==== RESPONSIVE HEADER LOGOS: 0PX to 480px ====*/
#logo_main, 
#logo_small_resp {margin: 12px 0px 0px -20px;padding:2px 25px 0px 5px;display:inline; position:relative; z-index:50; }

.Valpo_Creative_Branding {background-image:url(http://static4.valpocreative.com/css-sprites/valpocreative/Valpo_Creative_Branding.png);background-color:transparent; background-repeat:no-repeat;}
#main-logo_png, #alternate-logo {width: 58px; height: 49px; background-position: -84px -456px;}
#main-logo_png, #alternate-logo, .Valpo_Creative_Branding {z-index:10; }
/*==== RESPONSIVE HEADER LOGOS: 0PX to 480px ====*/


/** Contact **/
.st-content .valpo_50_column .seo_details a,
.contact_form {float: left;background: #ffffff; width: 98%; margin: 1%; font-family: QuicksandBook; font-size: 11px;color: #EC5E24;text-transform: uppercase;}
.contact_card {float: left; margin: 0px 0px 20px 0px;  }
.contact_form input.txt, .contact_form select  {width:100%}
.div_title, .div_title .column_cont {width:96%; float: left}

/*==== Content ====*/
h1, h2, h3, h4, h5, p,
.footer_Social_1, .footer_Social_2, .footer_Social_3, .footer_Social_4, 
.footer_left, .footer_middle, .footer_right,
.valpo_three_column_double, .left_body_content, #the_left2.left_post, #the_right2.right_post, .footer_Social_1, div#social_wrap1, div#social_wrap2 {width:98%}
#content  {max-width: 99%;}
footer .frt {font-size:90%; max-size:12px}
/*FOOTER*/
.homebox_container2 {margin-top:15px; width:98%}


.footer_Social_container {width: 96%; margin: 10px auto}
.footer_Social_1 .valpo_20_column {float: left; width: 18%; margin: 1%;}
.footer_Social_1 .valpo_80_column {float: left; width: 78%; margin: 1%;}  
#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;}
/*NO DISPLAY*/
.resp, #resp, .sociallinks, footer.frt, .right_body_content, .footer_Social_2, .footer_Social_3, .footer_Social_4,  #social_head,  #social_head_home, .search input.btn, input.btn, .search.btn, #sidebar, #case_rgt3  {display: none}
/*==== Content ====*/

/*Homepage*/
.valpo_home_welcome {margin:-150px auto 10px auto; max-width:940px;width:100%; position:relative; z-index:0}
.column_cont {margin: 0; float: left }

.homebox,
.valpo_two_column,
.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%}

/*--Case Study--*/
.flt_left, .flt_left a, .flt_right, .flt_right a {font-size: 90%;}

}/*================== Max-width: 480px==================*/


/*========== HOME SLIDER ==========*/
#home_slider_container {max-height:320px;position: relative;z-index: 1;}

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

#slider_wrapper {zoom: 1; position: relative;}
#slider_wrapper{margin: 20px auto 0 auto;max-width: 940px; width:100%;}.slider_wrap {margin-top:5%; float:left}
#home_slider_container {background: url(assets/js/slider/front_slider.png) no-repeat;backgound-position: center;background-size: 100%;border: none;margin: 30px auto 0px auto;padding: 0 0 50px 0;position: relative;z-index: 1; max-height:320px}
#home_slider_container {height:320px}
/* Browser Resets */
.flex-container a:active, .home_slider a:active, .flex-container a:focus,
.home_slider a:focus  {outline: none;}
.slides, .flex-shadow {margin: 0; padding: 0; list-style: none;} 

.flex-control-nav li, .flex-control-nav li a, .flex-control-paging li a,
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;}

/* home_slider Necessary Styles */ 
.home_slider:hover .flex-next:hover, .home_slider:hover .flex-prev:hover {opacity: 1;}
.home_slider {background: none;position: relative;padding: 0 0 0px 0;zoom: 1;}
.home_slider {margin: 0;padding: 0;width: 100%; max-width: 940px;max-height: 320px;}
.home_slider .slides {zoom: 1;}
.home_slider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.home_slider .slides img {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;}
/*========== HOME SLIDER ==========*/

/**  SEARCH **/
/*======== MEDIA: max-width: 580px========*/
@media (min-width:0px) and (max-width: 580px) {


/*================== RESPONSIVE NAV: Max-width: 580px==================*/
#navigation .primary-nav li.back-drop .static-color ul  {margin:45px 0 -45px 0;text-align: center }
#navigation .primary-nav li.back-drop .static-color ul li { width:100%; text-align: center;}

#navigation .primary-nav li.back-drop .static-color ul li a, 
#navigation .back-drop ul.static-color li a, #navigation .back-drop ul.static-color li#mobi_link a { max-width: 366px; width: 100% font-size: 12px; font-weight: 500; text-shadow: -1px -1px 0 rgba(0, 0, 0, .15); color: #f3f3f3; text-align: center; padding: 10px auto 10px auto;}

/*border-bottom: 1px solid #565656; border-top: 1px solid #565656;*/

.borderradius .static-color ul ul,
#navigation li.back-drop ul.static-color,
.back-drop ul li.last a:hover {-moz-border-radius-bottomleft:0px;-moz-border-radius-bottomright:0px;-webkit-border-bottom-left-radius:0px;-webkit-border-bottom-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;}

/***Margin:0***/
#navigation .back-drop ul .static-color li, 
.back-drop ul .static-color li, ul .static-color, .static-color ul {margin:0;}
#navigation .primary-nav li, #navigation .primary-nav.open, .primary-nav.open{background-color:#121212;filter:alpha(opacity=80);opacity:.80; z-index:900}
#navigation .primary-nav.open {background-color:#121212;filter:alpha(opacity=80);opacity:.80; height:auto;margin-top:50px;width:366px; float: left; margin-left:0; }

/*-----Mobile Menu-------------------------------------------------------------*/
.nav-button {display: block; position: absolute; top: 5px; right: 7px; width: 50px; height: 30px; background: url('../images/menu-icon-large.png'), -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0));background: url('../images/menu-icon-large.png'),    -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0)); background: url('../images/menu-icon-large.png'),     -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0));background: 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: url('../images/close-icon-large.png'), -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0));background: url('../images/close-icon-large.png'),    -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0));background: url('../images/close-icon-large.png'),     -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0)); background: 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 li, .primary-nav li{display:none;width:100%;font-family:HelveticaNeueCondensed;}

/* Navigation Bar -------------------------------------------------------- */
#navigation .primary-nav, 
.primary-nav {width:366px; max-width:100%;float:left; background-image:0 rgba(0,0,0,0));display:block;height:40px;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,0); position:relative; background-color:transparent;top:0;left:0;z-index:998;clear:both;margin:0;padding:0;}

/*Nav Font Color---*/
.back-drop ul.static-color li:hover {background-color:#b8b8b8; width:100%}
#navigation .primary-nav .static-color li a:hover {color:#f3f3f3; font-color:#f3f3f3}
#navigation .primary-nav li a {display:block;width:90%;font-size:14px;font-weight:700;text-shadow:-1px -1px 0 rgba(0,0,0,.15);color:#FFF;text-decoration:none;padding:10px 5%}
#navigation .primary-nav li {border-bottom:1px solid #999999;border-top:1px solid #999999;}
#navigation .primary-nav li a:hover {color:#555659; font-color:#555659}

.primary-nav li a:hover{background-color:rgba(0,0,0,.5);border-top-color:transparent}
#navigation .primary-nav > li:first-child{border-top:1px solid #999999}
#navigation .primary-nav ul, #navigation .primary-nav ul li, .primary-nav.open li{background-color:#121212;filter:alpha(opacity=80);opacity:.80} 
.primary-nav.open li { display: block; }

/*-----Back Drop-------*/
.primary-nav span .resp, .resp {display:none}
.primary-nav > li:hover > a{background-color:#d7d7d7 ;font-size:auto;color:#111;border-bottom-color:#999999}
.primary-nav li.back-drop > a:after{content:"▼";color:rgba(255,255,255,255);float:right;
margin-right:8px;
}
#navigation .primary-nav ul, #navigation .primary-nav ul li, .primary-nav ul li:hover, .back-drop li:hover {background-color:#121212;filter:alpha(opacity=80);opacity:.80}
.primary-nav li a:hover, .back-drop li a:hover{font-color:#f3f3f3}
.primary-nav li ul{display:none;background:rgba(0,0,0,0);filter:alpha(opacity=70);opacity:.70;border-top:0 none;padding:0}
#navigation .primary-nav li ul a{border:0 none;font-size:13px;color:#f3f3f3;padding:10px 0; text-align: center}
.primary-nav li:hover ul{display:block;border-top:0 none}
/*================== RESPONSIVE NAV: Max-width: 580px==================*/


.search {display: block; position: absolute; top: 0px; right: 70px; z-index: 1000;}

li#mobi_link a {display:inline}

#header_rgt h1 { opacity:0;filter:alpha(opacity=0); ;-moz-opacity:0;}


/*Search*/
input#ajaxSearch_input.txt::-webkit-input-placeholder {color: transparent;}
input#ajaxSearch_input.txt:-moz-placeholder {color: transparent;}
input#ajaxSearch_input.txt:-ms-input-placeholder {color: transparent;}
selector::-webkit-input-placeholder {color: transparent;}
/*Search*/
.search input [type=search]{background:#D6EFFC;border:0;width:50px;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s;padding:4px 5px;}
input#ajaxSearch_input.txt {outline:none; border:0}
input#ajaxSearch_input.txt[type=search]{background:#D6EFFC url(../images/search-icon.png) no-repeat 9px center;width:15px;color:transparent;cursor:pointer;-webkit-border-radius:10em;-moz-border-radius:10em;border-radius:10em;padding:9px 10px 9px 22px;}
input#ajaxSearch_input.txt[type=search]:hover{background-color:#D6EFFC;background:#D6EFFC url(assets/templates/valpocreative/images/search-icon.png) no-repeat 9px center;}
input#ajaxSearch_input.txt[type=search]:focus {width:110px;padding-left:32px;color:#000;background-color:#D6EFFC;cursor:auto;margin-left:-70px;}
.search input.btn{display:none;}

#social_head, #social_head_home  {display: none}

.case_study_btm {margin-top:-31px}

.home-box, .homebox1,
.valpo_two_column, .right_footer,
.valpo_full_column .columns_border,
#wrapper_home_footer .valpo_three_column {width:98%; display: inline-block}
.home-box img, .homebox1 img {width:100%}

#wrapper_home_footer .right_footer,
#wrapper_home_footer .left_footer,
#wrapper_home_footer .valpo_two_column {width:98%; display: inline-block}

}/*======== MEDIA: max-width: 580px========*/

/*======== MEDIA:581px to 920px ========*/
@media screen and (min-width:581px) and (max-width: 920px) {

li#mobi_link a {display:inline}

.search input.btn {display:none}
/*Search*/
.search {display: block; position: absolute; top: 5px; right: 12px;}
.search input#ajaxSearch_input.txt {max-width:160px}
.search input#ajaxSearch_input.txt [type=search]:focus {width:130px;background-color:#D6EFFC;margin-left:-80px;-webkit-transition:all .5s;-moz-transition:left;transition:all .5s;}
input{outline:none;}
.search input#ajaxSearch_input.txt[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;font-family:inherit;font-size:100%;background:#D6EFFC;border:0;width:55px;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s;padding:4px 5px;}
.search input#ajaxSearch_input.txt::-webkit-search-decoration,.search input::-webkit-search-cancel-button{display:none;}
.search input#ajaxSearch_input.txt[type=search]:focus {width: 130px;}
}/*======== MEDIA:581px to 920px ========*/

/*======== MEDIA: min-width: 921px ========*/
@media all and (min-width: 921px), all and (min-width: 921px)  {

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

/* Search */
.search { float:right; padding:13px 0px; text-transform:uppercase; font-family: 'HelveticaNeueCondensed'; }
.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: 16px; right: 171px}


}/*=======  SEARCH =======*/

@media all and (min-width: 1000px) {
/* Contact */
.contact_form {float: left;background: #ffffff;padding: 2%;width: 100%; max-width:620px; font-family: QuicksandBook; font-size: 16px;color: #EC5E24;text-transform: uppercase;}
.contact_card {width: 98%; display:block; margin: 5px auto 20px auto; max-width: 660px; padding: 5px 0 20px 0;background: url(/static/assets/images/css/card.png) 100% 100% no-repeat;}

.contact_form select#cfSource,
.contact_form select#cfProject,
.contact_form select#cfbudget {width: 252px}
}

/*========================  RESPONSIVE HEADER LOGOS: 481PX to 920px ========================*/
@media (min-width: 481px) and (max-width: 580px) { 

#logo_main, #logo_small_resp  {margin: 2px 8px 10px 10px; padding: 0px 15px 5px 5px; display: inline;position: relative; z-index:50}

.Valpo_Creative_Branding {background-image:url(http://static4.valpocreative.com/css-sprites/valpocreative/Valpo_Creative_Branding.png);background-color:transparent; background-repeat:no-repeat;}
#main-logo_png, 
#alternate-logo {width: 73px; height: 65px; background-position: -2px -481px;}

/*Search*/

/*---Case Study---*/
.flt_left, .flt_left a, .flt_right, .flt_right a {font-size: 90%;}
#lft_topcont {background-size: 100%;max-height: 344px; height: auto}
#lft_topcont {background-size: 100%;height: 344px; max-width: 420px;background: url(http://static.valpocreative.com/assets/images/monitor_420.jpg) no-repeat;margin: 1% auto;}
#lft_topcont img {width:auto; height:auto; max-width:386px}


/*Homepage*/
.valpo_home_welcome {margin:-130px auto 10px auto; max-width:940px;width:100%; position:relative; }

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

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

#logo_main,
#logo_small_resp { float:left;padding:2px 5px 10px 5px; margin: 6px 0 10px 0px; display:inline;position:relative;z-index:10;}
.Valpo_Creative_Branding {background-image:url(http://static4.valpocreative.com/css-sprites/valpocreative/Valpo_Creative_Branding.png);background-color:transparent; background-repeat:no-repeat;}
#main-logo_png, 
#alternate-logo {width: 80px; height: 99px;background-position: -2px -380px; }
#header_rgt {width:80%; z-index: 100; position: absolute; margin: 0px 0px 0px 20%; display: inline;}

/*Homepage*/
.valpo_home_welcome {margin:-90px auto 10px auto; max-width:940px;width:100%; position:relative; }

/*---Case Study---*/
#lft_topcont {display:block}
#lft_topcont {background-size: 100%; max-width: 650px;max-height: 647px; min-height: 498px; background: url(http://static.valpocreative.com/assets/images/ipad.jpg) no-repeat;margin: 1% auto 1% auto;}
#lft_topcont img {margin:60px 0 0 42px;width:100%; height:auto; max-width:379px}




#wrapper_home_footer .valpo_three_column {width:48%; display: inline-block}
.home-box, .homebox1 {width:100%}


#wrapper_home_footer .right_footer,
#wrapper_home_footer .left_footer,
#wrapper_home_footer .valpo_two_column {width:98%; display: inline-block}

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


/*======== MEDIA: 0 to 820px ========*/
@media all and (min-width:0px) and (max-width:820px) {
.contact_form {float: left;background: #ffffff;padding: 1%;margin:1%; width: 96%; max-width: 620px; font-family: QuicksandBook; font-size: 16px;color: #EC5E24;text-transform: uppercase;}
.contact_card {display: block;margin: 0px auto 20px auto;} /**float: left; margin: 0px 1px 20px 2px;**/

.submission_page_content {margin-left:-2%}




}/***WIDTHS: 0PX to 820px***/

@media all and (min-width:703px) and (max-width:834px) {
contact_card valpo_75_column select {width: 98%; max-width:227px}
}


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

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

/*======== MEDIA: 721PX to 850px ========*/
@media all and (min-width: 721px) and (max-width: 851px) { 

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

#logo_small_resp { float:left;padding:0px 6px 10px 6px; margin:10px 0px; display:inline;position:relative;z-index:10;}
.Valpo_Creative_Branding {background-image:url(http://static4.valpocreative.com/css-sprites/valpocreative/Valpo_Creative_Branding.png);background-color:transparent; background-repeat:no-repeat;}
#main-logo_png {width: 90px; height: 111px; background-position: -2px -267px;}
#alternate-logo {width: 80px; height: 99px;background-position: -2px -380px; }

.contact_form {float: left;background: #ffffff; margin: 1% 1% 1% -1%; width: 98%; font-family: QuicksandBook; font-size: 12px;color: #EC5E24;text-transform: uppercase;}
.contact_card {display: block; max-width: 640px; width:98%; padding: 5px 1% 20px 1%; margin: 3px auto}
/** float: left; padding: 5px 16% 20px 5px; auto-margin **/

.contact_form select#cfSource,
.contact_form select#cfProject,
.contact_form select#cfbudget {min-width:199px; max-width: 311px; width:100%}

/*Homepage*/
.valpo_home_welcome {margin:-60px auto 10px auto; max-width:940px;width:100%; position:relative; }

.su_cont,
.pint_cont {display:none}

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

}/***WIDTHS: 721PX to 850px***/


/***Mobile Queries WIDTH: 851px to 920px***/
@media all and (min-width: 851px) and (max-width: 920px) { 
.Valpo_Creative_Branding {background-image:url(http://static4.valpocreative.com/css-sprites/valpocreative/Valpo_Creative_Branding.png);background-color:transparent; background-repeat:no-repeat;}
#main-logo_png {width: 116px; height: 116px; background-position: -2px -149px;}
#alternate-logo {width: 80px; height: 99px;background-position: -2px -380px;}

/*Homepage*/
.valpo_home_welcome {margin:-50px auto 10px auto; max-width:940px;width:100%; position:relative; }

/*Case Studies*/
#lft_topcont {background-size: 100%; max-width: 460px; height: 376px;background: url(http://static.valpocreative.com/assets/images/monitor_460.jpg) no-repeat;margin: 1% auto 1% auto ;}
#lft_topcont img {max-width:100%;} 

}/*========================  RESPONSIVE HEADER LOGOS: 481PX to 920px ========================*/

/*======== RESPONSIVE HEADER LOGOS: 921PX to 960px ========*/
@media all and (min-width: 921px) and (max-width: 960px) { 
#logo_small_resp { float:left;padding:2px 5px 8px 10px; margin:10px 0px; display:inline;position:relative;z-index:10;}
#logo_main { float: left; padding: 0px 25px 0 25px; display: inline; position: relative; z-index: 50;}
.Valpo_Creative_Branding {background-image:url(http://static4.valpocreative.com/css-sprites/valpocreative/Valpo_Creative_Branding.png);background-color:transparent; background-repeat:no-repeat;}
#main-logo_png {width: 116px; height: 116px; background-position: -2px -149px;}
#alternate-logo {width: 151px; height: 55px; background-position: -2px -548px; }

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


/*Contact*/
.contact_form {float: left;background: #ffffff;padding: 2%;width: 62%; max-width: 620px; font-family: QuicksandBook; font-size: 16px;color: #EC5E24;text-transform: uppercase;}
.contact_card {display: block; width: 66%; max-width: 660px; padding: 0px 18% 20px 0px;margin: 0px auto 20px auto;background: url(http://static.valpocreative.com/assets/images/css/card.png) 100% 100% no-repeat;}
/**float: left; margin: 0px 0px 20px;**/

/*Homepage*/
.valpo_home_welcome {margin-top:-30px}


/*Case Studies*/
.case_study_wrapper {margin-left:-2%}
#lft_topcont {background-size: 100%; max-width: 460px; height: 376px; background: url(http://static.valpocreative.com/assets/images/monitor_460.jpg) no-repeat;margin: 1% auto 1% auto ;}
#lft_topcont img {background-size:100%;max-width: 426px;}
#lft_btmcont img {background-size:100%;} 

}/***WIDTHS: 921PX to 960px***/ 


/*======== MEDIA: 961px to 990px ========*/
@media all and (min-width: 961px) and (max-width: 990px) { 
#navigation ul li a {padding: 15px 30px}
#logo_small_resp { float:left;padding:2px 0px 5px  10px; margin:10px 0px; display:inline;position:relative;z-index:50;}
#logo_main { float: left; padding: 0px 25px 0 25px; display: inline; position: relative; z-index:50}
.Valpo_Creative_Branding {background-image:url(http://static4.valpocreative.com/css-sprites/valpocreative/Valpo_Creative_Branding.png);background-color:transparent; background-repeat:no-repeat;}
#main-logo_png {width: 114px; height: 147px; background-position: -2px -0px;}
#alternate-logo {width: 151px; height: 55px; background-position: -2px -548px; }

.Valpo_Creative_Branding #main-logo_png {width: 114px; height: 147px; position: relative; z-index: 1; background: url(/static/assets/images/logo.png) no-repeat;}

/* Contact */
.contact_form {float: left;background: #ffffff;padding: 2%;width: 92%; font-family: QuicksandBook; font-size: 16px;color: #EC5E24;text-transform: uppercase;}
.contact_card {float: left;width: 96%; padding: 0px 18% 20px 0px; margin: 0px 0px 20px ;}



/*Homepage*/
.valpo_home_welcome {margin-top:-30px}

/*Case Studies*/
#lft_topcont {width: 100%; max-width: 480px; height: 396px;background: url(http://static.valpocreative.com/assets/images/monitor_480.jpg) no-repeat;margin: 1% auto 1% 2% ;}
#lft_topcont img {width: 100%; max-width: 446px;}

}/***Mobile Queries WIDTH: 961px to 990px***/

/*======== MEDIA: 991px to ALL========*/
@media all and (min-width: 991px) {
.valpo_home_welcome { padding:10px 0px 0px 0px; margin: 20px auto; position:relative; font-family: 'QuicksandBook'; color:#414042; max-width:940px; width:100% }

.Valpo_Creative_Branding #main-logo_png {width: 114px; height: 147px; position: relative; z-index: 1; background: url(/static/assets/images/logo.png) no-repeat;}
#logo_small_resp {float:left; margin:10px 0px; padding:2px 0px 5px 18px; display:inline;position:relative;z-index:50;}
#logo_main { float: left; padding: 0px 25px 0 35px; display: inline; position: relative; z-index:50}

.Valpo_Creative_Branding {background-image:url(http://static4.valpocreative.com/css-sprites/valpocreative/Valpo_Creative_Branding.png);background-color:transparent; background-repeat:no-repeat;}
#main-logo_png {width: 114px; height: 147px; background-position: -2px -0px; background-image:url(http://static4.valpocreative.com/css-sprites/valpocreative/Valpo_Creative_Branding.png);background-color:transparent; background-repeat:no-repeat;}
#alternate-logo {width: 141px; height: 38px;background-position: -2px -637px; background-image:url(http://static4.valpocreative.com/css-sprites/valpocreative/Valpo_Creative_Branding.png);background-color:transparent; background-repeat:no-repeat;}

/* Contact */
.contact_form {float: left;background: white;padding: 18px;width: 620px;font-family: QuicksandBook;font-size: 16px;color: #EC5E24;text-transform: uppercase;}
.contact_card {float: left;width: 653px;padding: 0px 250px 20px 4px;margin: 0px 1% 20px 1%;background: url(http://static.valpocreative.com/assets/images/css/card.png) 100% 100% no-repeat;}

#lft_topcont { width:512px; height:419px; background:url(/static/assets/images/monitor.jpg) no-repeat; margin: 10px 0 10px 15px; }


/*** Footer ***/
.home_box_column {margin: 0px auto; width: 100%;}
.homebox {float:left; width:300px; margin:0px 20px 0px 0px; display:inline;}
.home-box {float:left; width:300px; margin:0px 24px 0px 0px; display:inline; text-align:left; }
.homebox1 {float:left; width:300px; margin:0px 0px 0px 0px; display:inline;}

}/*======================= RESPONSIVE HEADER LOGOS: 991PX to ALL =======================*/

/* OTHER */
/*======== MEDIA: 851px to 999px ========*/
@media all and (min-width: 851px) and (max-width: 999px) {
/* Contact */
.contact_form {float: left;background: #ffffff;padding: 2%;width: 100%; max-width:620px; font-family: QuicksandBook; font-size: 16px;color: #EC5E24;text-transform: uppercase;}
.contact_card {float: left;width: 100%; max-width: 660px; padding: 5px 18% 20px 5px;margin: 5px 0px 20px;background: url(http://static.valpocreative.com/assets/images/css/card.png) 100% 100% no-repeat;}

.contact_form select#cfSource,
.contact_form select#cfProject,
.contact_form select#cfbudget {margin-left: 10px;max-width: 311px;width: 99.2%;}
}/***WIDTHS: 851px to 999px***/ 

@media all (min-width:2500px) {
#blackbg {
position: relative;
background: url(../images/topbg_large.gif) no-repeat center top;
height: 75px;right: 0px;width: 100%;top: 0px;z-index: 5;}
}


/*Home Footer Responsive----------------*/
#wrapper_home_footer { float: left; width: 980px; background: #ffffff; padding: 10px 11px; font-size: 0.85em;}
#wrapper_internal_footer{float:left;width:980px;font-size:.85em;padding:10px 11px}

.homesections_internal_cont {float: left; width:98%; padding: 32px 20px 10px 10px; }
#homesections_internal_resp { float: left; width: 960px; font-size: .85em;}
#footer_container{ width:100%; max-width: 960px; margin: 0 auto; }
#pre_footer_Social_container{width: 98%;max-width: 960px;margin: 0 auto;}
.footer_Social_container{font-family:LucidaGrandeRegular;float:left;background:#F0F1F2;font-size:12px;line-height:1.5em;margin:20px 0 15px 0;padding:10px; width:940px;}

.left_Social_1 {float: left; margin: 1% 0; padding-right:6px; }
.right_Social_1 {margin: 1.1% 1% 1% .8% }

.left_Social_2 {float: left; margin: 3%;padding:0 0 5px 5px;}
.right_Social_2 { float: left; margin: 3%;padding:0 0 5px 5px; margin: -1% -1% 1% 0}
#lr_Social_4 {padding: 10px}

.left_Social_4 {float: left; margin: 2%;padding:0 5px 5px 5px;}
.right_Social_4 {float: left;margin: -27% -11% 0% 17%;padding: 5px;}

.footer_Social_container a {color: #414042; line-height: 1em;}
/****end Resp Footer****/

/*****Slider*****/
#slider_container { float:left; width:940px; height: auto; height:320px; position:relative; z-index:1; padding:10px 0px 85px 0px; background:url(/static/assets/images/css/slider_shadow.png) no-repeat center bottom; }

/*******************Homepage Sections************/
.homesections { float:left; width:940px; background:#FFFFFF; padding:32px 32px 10px 32px; font-size:.85em; }
.homebox_container {background:url(../images/dot.gif) repeat-x bottom; width:940px; float:left; padding:0px 0px 20px 0px;}




.home-box p, .homebox p, .homebox1 p, .homebox1 a, .home-box  a, .home-box strong{ margin:10px 0px; letter-spacing: normal;font-family: LucidaGrandeRegular; font-size:0.85em; color: #414042; }
.home-box h4, .home-box h3, .homebox1 h5 {font-size : 1.5em;margin: 10px 0px;color: #414042; }

.homebox strong, .homebox1 strong { font-size:13px;}

.valpo_full_column .columns_border,
.columns_border {max-width:460px; width:99%}

.valpo_100_column {float:left;width:100%}
/********************Mian container************/

/**Layout**/
.front_rotator, .response_container {margin: 0 auto}
.response_container {padding-right: 1%; padding-left: 1%; margin: 5px auto}

.valpo_response {padding: 0 1em}
.column_cont {margin-right:1em; margin-left:12px; }
.content { float:left; width:940px; margin:10px 0px; display:inline; padding:0px 0px; }

/**About - Layout2**/
.valpo_page_content, #valpo_page_content, #about_valpo {float:left; width:99%; padding: 15px 10px 15px 1px; margin:10px auto; max-width:960px}

/*** Responsive Layout*****/
#dsk_mode, .dsk_mode {display:none}    /*NO Display on Desktop Screen*/

#valpo_content p, .valpo_content p, 
#valpo_page_content p, 
.responsive-container p,
#about_valpo p,
.about_valpo p,
.page_content p,
.valpo_full_layout p,
.valpo_full_layout ul li p,
.valpo_full_layout ul li,
.valpo_design p,
.valpo_design em,
#valpo_design p {float: left; line-height: 1.3em; margin: 10px 0px; font-size: 13px;letter-spacing: normal;font-family: LucidaGrandeRegular; text-align: left}

.valpo_styles em,
.valpo_styles p {line-height: 1.3em; margin: 10px 0px; font-size: 13px;letter-spacing: normal;font-family: LucidaGrandeRegular; float: left; text-align: left}

.valpo_styles .valpo_design span, .valpo_styles .valpo_design span.variation {display: block; margin:15px auto}

.valpo_styles h2,
.valpo_design h2 { font-family: 'LucidaGrandeBold';font-size: 22px; font-weight:bold; color:#414141; margin-top:10px;line-height:1em;margin-bottom:10px;
}

.valpo_design h3, 
.valpo_design h4, 
.valpo_design h5, 
.valpo_design strong,
.valpo_design strong.variation
{ font-family: 'LucidaGrandeBold';font-size: 18px; font-weight:bold; color:#757679; display: block; margin-top:1em;line-height:1.6em;margin-bottom:1.2em;}


#sitemap_links li strong.sitemap_links a,
span.download_links a,
.download_links h3,
.download_links h3 a 
{ font-family: 'LucidaGrandeBold';font-size: 22px; font-weight:bold; color: #ED1C24;  margin-top:8px;line-height:1;margin-bottom:4px; }

#bottom_column_conts {margin-bottom: .2%;}
#bottom_column_conts_last {margin-bottom: 2em;}

/**Services - Layout3**/
.valpo_services p {font-family: 'LucidaGrandeRegular'; font-size: 13px; color: #414042}
.valpo_services p {margin: 20px auto}
#valpo_cs_testimonial span {font-family: 'QuicksandBook';font-weight: 600;font-size: 13px; margin: 5px auto 10px auto; color: #ed1c24; text-transformation: uppercase}
#valpo_cs_testimonial {height:85px}
/**Layout4**/

.valpo_cont_layout {float:left; text-align: left; margin:12px 1px 4px 1px; padding:3px 4px; }

#valpo_grids .row p {padding-right:1em; color:#414141}

#case_rgt3 h2,
#case_rgt3 h3, #case_rgt3 h4, #case_rgt3 h5, #case_rgt3 h6,
#about_valpo h1,  #about_valpo.page_content h4, .valpo_content h2, #valpo_content h2, 
#about_valpo .page_content h2, #valpo_grids .row h2,
#valpo_content .about_valpo h3, 
#valpo_content .about_valpo h4, #about_valpo .page_content h4,
#valpo_content .about_valpo h5, #about_valpo .page_content h5,
.page_content #about_valpo h6, #valpo_content .about_valpo h6, #valpo_content .about_valpo h5, .about_valpo h5,
.page_content #about_valpo h3, .about_valpo h3, .page_content h6,
.page_content #about_valpo h4, .about_valpo h4, .page_content span.about_valpo
{font-family: 'QuicksandBook'; font-size:22px; line-height: 1.3em;margin: 10px 0px; width:100%;clear: both;color:#eb6025;}

.about_valpo ul#sitemap_links li  a {display: inline; text-decoration: none;  cursor:pointer}
.about_valpo ul#sitemap_links li a:hover {color: #414141; font-style: italic;}
li ul #sitemap_links {margin-left:30px}


#valpo_content h3, #valpo_content h4, #valpo_content h5, 
 #valpo_content h6,
 #valpo_content  .page_content h3,
.page_content #valpo_content h5, h6 {}

.contact_style h1 {font-family:HelveticaNeueCondensed; font-size:14px; font-weight:200; font-style:italic; color:#eb6025;}
.contact_style h5 {color:#ED1C24}
.contact_style ul li {z-index:3}

#pr_checker_results,
#valpo_content .about_valpo span, 
span.page_content .about_valpo span, #sitemap_links li a,

 #valpo_content h1  {font-family: 'QuicksandBook'; font-size:20px; margin:10px 0px 10px 0px; color:#eb6025; display: inline;}

/**Valpo Media Kit**/
.valpo_design h1,
#valpo_design h1, .valpo_page_content #valpo_design h1 { font-family: 'LucidaGrandeBold';font-size: 22px; padding-right:1em;  
color:#414141; margin-top:8px;line-height:1;margin-bottom:4px; display: inline;
}

#valpo_content  #valpo_design h1 {float: left; font-family: 'LucidaGrandeBold'; font-size: 22px; margin: 5px auto; color: #414141;display: inline }


#valpo_content .row .slot-0-1 #valpo_design h5,
#valpo_content .row .slot-0-1-2 #valpo_design h6,
#valpo_content .row .slot-6 #valpo_design span,
#valpo_content .row .slot-7 #valpo_design span
 {float: left; font-family: 'LucidaGrandeBold';font-size:18px; margin:5px 0px; color:#414141; padding-right: 1em;}

#valpo_design h3, h4,h5,
.valpo_page_content #valpo_design span,
 .valpo_page_content #valpo_design h3, 
 .valpo_page_content #valpo_design h4,
 .valpo_page_content #valpo_design h5 {margin: 0px 0px 0.5em 0px;}

#valpo_content ul, .about_valpo ul { list-style: none; padding-left: 1em; text-indent: -1em; padding-top:3px; padding-bottom:3px;line-height:20px}
#valpo_content ul li, .about_valpo ul li { content: "\00BB \0020"; }
#valpo_content ul li:before, .about_valpo ul li:before { content: "\00BB \0020"; }
.about_valpo li {line-height: 1.05em; margin: 10px 0px; font-size: 13px; font-weight:normal; letter-spacing: normal; font-family: 'LucidaGrandeRegular'; z-index: 2;
}
/**Layout5**/
.welcome {float:left;width:940px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; position:relative; z-index:10;}

.valpo_home_welcome p,
.valpo_home_welcome a,
.welcome p { line-height: 1.3em; margin:10px 0px; font-size:13px; letter-spacing: normal; font-family: 'LucidaGrandeRegular';}

.valpo_home_welcome h2,
.welcome h2 {font-family: 'QuicksandBook'; font-weight:800; font-size:30px; margin:5px 0px; color:#eb6025; display: inline; z-index:0 }
.welcome h3 {color: #ED1C24; font-family: 'QuicksandBook'; font-size: 22px; margin: 5px 0;}
.welcome h4 { font-family: 'LucidaGrandeBold';font-size:16px; margin:5px 0px; color:#ed1c24; display: inline  }
.welcome span{ font-style: normal; color: #414042; }

/**Layout-template**/
.valpo_welcome {width:960px; float:left; padding:0px 0px 0px 0px; margin: 0 0 1% 0; position:left; z-index:0; font-family: 'QuicksandBook'; color:#414042; max-width:98%;  }
.valpo_home_welcome {position:relative; font-family: 'QuicksandBook'; color:#414042; max-width:100%; width:940px; text-align:left; position:relative;}
.welcome_top_content  {margin: 20px auto;max-width: 940px;width: 100%;}

.welcome_top_content  p {float:left;tex-align:left}

#valpo_welcome_gap {margin:0 0px 30px 0px;}
.welcome_title, .valpo_body_content {margin-left: 1em; display: inline}

/**Layout-template**/
.valpo_full_layout,
.valpo_content, #valpo_content {float:left; width: 100%; max-width:960px; margin: 10px auto; text-align: left;}/**position:relative;**/

/*---valpo_full_layout---*/
.valpo_full_layout span a,
.valpo_full_layout .seo_packages_head_container span a,
.valpo_full_layout span a{font-family: 'QuicksandBook';font-weight: 800;font-size: 20px; margin: 14px 0 20px 0; padding: 8px 0; color: #ed1c24; text-transformation: uppercase}

.valpo_full_layout h4, .valpo_full_layout h5, .valpo_full_layout h6,
.valpo_full_layout span,
.valpo_full_layout b,
.valpo_full_layout strong,
.valpo_full_layout ul li span {font-weight: bold; display: inline}

.valpo_full_layout em {padding: 0 10px 0 30px; margin: 10px auto; line-height: 1em; font-family: LucidaGrandeRegular; font-weight: normal; display: inline}

.seo_packages_head_container {max-width:940px; margin: 20px auto; padding: 0; width:100%; text-align:left}
.seo_packages_head_container h1 {font-weight:800; color:#ED1C24; display: inline}

#seo_packages_selections_lft {float:left; 65%; padding: 10px 0}
#seo_packages_selections {float: right; width: 24%; padding:0 0 10px 0; position: relative; alpha(opacity=96); opacity: .80;}

.seo_index_menu { margin: 3px 0px 3px 30px; }
.seo_index_menu ul.about_valpo li a,
.seo_index_menu ul li a {font-family: 'LucidaGrandeBold', Arial, Helvetica, sans-serif;color: #414042;font-size: .85em; font-weight:800; line-height: 1em; margin: 5px auto}
/*---valpo_full_layout---*/

span.valpo_welcome {font-family: 'QuicksandBook'; font-size:22px; margin:9px 0px; color:#eb6025;}

.valpo_welcome h3,
.valpo_welcome h2,
.valpo_welcome h1 { float: left; margin: 10px auto; font-family: 'QuicksandBook'; font-size:28px; color:#eb6025;line-height: 1em; max-width: 98%;}

.pagecont { margin:-60px 0px 0px 0px;}
.content_left{ float:left; width:700px; }
.sidebar{float:left; width:280px; }
.sidebar_news {}

/* Twitter Widget */
.twitter_widget_cont {float: left;text-align: left;width: 92%;border-top: 1px dashed;color: #717171;padding:4px; position: relative; min-height:72px} 

#twitter_widget .twitter_widget_cont:nth-child(odd) { background-color: #F1F2F2 }
#twitter_widget .twitter_widget_cont :nth-child(even) {background-color: #FFFFFF }
span.tweet_logo {float: left;margin: 13px 10px 0px 7px;padding: 5px; min-height: 52px; position: absolute; left:2px}  
.tweet_logo img {width:32px; height:32px}
.latest_tweets {font-family: LucidaGrandeRegular,Arial,Helvetica,sans-serif; font-size: 13px;letter-spacing: normal;color: #414141;width: 82%;font-size: 13px; letter-spacing: -0.5px; line-height: 1.3em; background-color: transparent; position: absolute; margin:10px 10px 10px 60px; float: left; text-align: left; min-height:78px;
}
#twitter_widget .twitter_widget_cont span.latest_tweets a,
#twitter_widget .twitter_widget_cont span.latest_tweets a:link,
#twitter_widget .twitter_widget_cont span.latest_tweets {background: none; background-color: transparent}
#twitter_widget .twitter_widget_cont span.latest_tweets a, #twitter_widget .twitter_widget_cont span.latest_tweets a:link {color:#ed1c24}
span.widget_meta { position: absolute; bottom: 0; margin:21px 0 5px 64px; padding-top:3px; float: left; line-height: 1.2em; font-size: 10px;}
.widget_meta a, .widget_meta a:link {color: #eb6025}

/*****Delicious*****/
#delicious_container{float:right;width:440px;margin:10px 0px; max-width:100%}
delicious-posts { margin: 1em; border: 3px solid #ddd; padding: 0.5em; max-width:100%}
.delicious-posts ul, .delicious-posts li, .delicious-banner {width: 440px; font-family: "Lucida Sans Unicode", "Lucida Grande",  margin: 0; padding: 10; color: #414042}
.delicious-post { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; border-top: 1px dashed; padding: 0.25em; font-size: 11px; border-color: #414042; }
.delicious-odd {font-family: "Lucida Sans Unicode", "Lucida Grande";  background-color: #F1F2F2 }
.delicious-banner a { font-family: "Lucida Sans Unicode", "Lucida Grande";font-size: 16px }

.design_rgtdiv a,
.delicious-posts a:hover {color: #414042; text-decoration: none}
.delicious-posts a { text-decoration: none; color: #ED1C24; display: block; padding: 0.3em }
.delicious-post a { color: #414042 }
/****************Home Request**************/
.holder { float:left; width:940px; }
.homerequest{ float:left; width:470px; margin:10px 0px; background:url(../images/doth.gif) repeat-x top; }
.homerequest div{ float:left; width:470px; background:url(../images/dotv.gif) repeat-y left; }
.homerequest div div{ float:left; width:470px; background:url(../images/dotv.gif) repeat-y right; }
.homerequest div div div{ float:left; width:422px; background:url(../images/doth.gif) repeat-x bottom; padding:24px; }
.homerequest p{ margin:0px 0px 10px 0px;}

.design_rgtdiv a,
#vcm p, #vcm b, strong, em, b, a, a:hover, a:link, visited, a.active, .cs_links a, .cs_links a:link, .cs_links a:visited  {font-size:inherit ;line-height: inherit;letter-spacing: normal; font-family: 'LucidaGrandeRegular'; font-weight: normal;color: #414042; }

.vcm, #vcm a:link {font-color: #414042; }

/**SPRITES**/
.case-serv-prop { background-image: url(http://static4.valpocreative.com/css-sprites/valpocreative/case-serv-prop-sprite.png); background-color: transparent; background-repeat: no-repeat;} 
#case-st_png { height: 195px; width: 318px; background-position  : -0px -0px;} 
#serv_png { height: 195px; width: 318px; background-position  : -318px -0px;} 
#prop_png { height: 195px; width: 300px; background-position  : -636px -0px; 
} 
.about-sprite{background-image:url(http://static4.valpocreative.com/css-sprites/valpocreative/about-sprite.png);background-color:transparent;background-repeat:no-repeat;}
#top-logo_png{height:38px;width:141px;background-position:0 0;}
#foot-logo_png{height:53px;width:46px;background-position:-141px 0;}
#branding_png{height:264px;width:604px;background-position:-187px 0;}
#work-together_jpg{height:96px;width:940px;background-position:-791px 0;
}
.development-services-sprite{background-image:url(http://static4.valpocreative.com/css-sprites/valpocreative/development-services-sprite.png);background-color:transparent;background-repeat:no-repeat;}
#web-development-process_png{height:241px;width:938px;background-position:-1122px 0;}
#services-brand_visibility_png{height:379px;width:374px;background-position:-374px 0;}
#services-social_integration_png{height:278px;width:374px;background-position:0 0;}
#services-design_development_png{height:379px;width:374px;background-position:-748px 0;}
#services-video_marketing_png{height:278px;width:374px;background-position:-2060px 0;
}
.case-studies-sprites{background-image:url(http://static4.valpocreative.com/css-sprites/valpocreative/case-studies-sprite.jpg);background-color:transparent;background-repeat:no-repeat;}
#farthingevents_jpg{height:273px;width:476px;background-position:0 0;}
#kenneth_jpg{height:273px;width:476px;background-position:-476px 0;}
#website_screenshots-krs_jpg{height:513px;width:568px;background-position:-952px 0;}
#website_screenshots-farthingevents_jpg{height:1468px;width:568px;background-position:-1520px 0;
}
.sprites { background-image: url(http://static4.valpocreative.com/css-sprites/valpocreative/social-sprite.png); background-color: transparent; background-repeat: no-repeat;} 
#facebook_png, #fb_png { height: 45px; width: 45px; background-position  : -0px -0px;} 
#twitter_png, #tw_png { height: 45px; width: 45px; background-position  : -45px 0px; } 
#linkedin_png, #link_png { height: 45px; width: 45px; background-position  : -90px 0px;} 
#rssfeed_png, #rss_png { height: 45px; width: 45px; background-position  : -135px 0px;
} 

/*== Social Header ==*/
.facebook_sm, .facebook_sm:hover, .gplus_sm, .gplus_sm:hover, .twitter_sm:hover, .twitter_sm, .rss_feed_sm, .rss_feed_sm:hover
{ display: block; background: url('http://static4.valpocreative.com/css-sprites/valpocreative/social_head_sprite.png') no-repeat; }
.gplus_sm {background-position: -2px -34px; width: 32px; height: 32px;}
.gplus_sm:hover {background-position: -2px -0px; width: 32px; height: 32px;}
.facebook_sm {background-position: -36px -34px; width: 32px; height: 32px;}
.facebook_sm:hover {background-position: -36px -0px; width: 32px; height: 32px;}
.twitter_sm:hover {background-position: -36px -68px; width: 32px; height: 32px;}
.twitter_sm {background-position: -36px -102px; width: 32px; height: 32px;}
.rss_feed_sm:hover {background-position: -2px -68px; width: 32px; height: 32px;}
.rss_feed_sm {background-position: -2px -102px; width: 32px; height: 32px;}


.cs-testimonial {background-image:url(http://static4.valpocreative.com/css-sprites/valpocreative/cs-testimonial-sprite.png); background-color:transparent;background-repeat:no-repeat;}
#dev-cs_png{height:55px;width:106px;background-position:0 0;}
#testimonials_png{height:55px;width:100px;background-position:-106px 0;
}

.seo_packages_sprite { background-image: url(http://static4.valpocreative.com/css-sprites/valpocreative/seo-package-sprite.png); background-color:transparent;background-repeat:no-repeat;}
#seo_packages_sprite_seo-packages { background-position: -2px -0px; width: 163px; height: 150px; }
#seo_packages_sprite_basic,
#seo_packages_sprite_bronze { background-position: -2px -396px; width: 165px; height: 120px; }
#seo_packages_sprite_silver { background-position: -2px -152px; width: 165px; height: 120px; }
#seo_packages_sprite_gold { background-position: -2px -274px; width: 165px; height: 120px; }

#seo_packages_sprite_checkmark-basic,
#seo_packages_sprite_checkmark-bronze { background-position: -2px -686px; width: 100px; height: 42px; }
#seo_packages_sprite_checkmark-silver { background-position: -2px -774px; width: 100px; height: 42px; }
#seo_packages_sprite_checkmark-gold { background-position: -2px -730px; width: 100px; height: 42px; }

#seo_packages_sprite_2500 { background-position: -2px -574px; width: 123px; height: 54px; }
#seo_packages_sprite_1000 { background-position: -2px -518px; width: 123px; height: 54px; }
#seo_packages_sprite_500 { background-position: -2px -630px; width: 123px; height: 54px; }
#seo_packages_sprite_question-mark { background-position: -127px -518px; width: 20px; height: 20px; }


.question_markqmark-blue3, .question_markqmark-blue, .question_markqmark-black
{ display: block; background: url('http://static3.valpocreative.com/assets/scripts/temp/qmark-spr.png') no-repeat; }
 
.question_markqmark-blue3 { background-position: -2px -0px; width: 30px; height: 30px; }
.question_markqmark-blue { background-position: -2px -32px; width: 20px; height: 20px; }
.question_markqmark-black { background-position: -2px -54px; width: 20px; height: 20px; }

/*---SEO Package Letters---*/
.seo-packages-a-b-c { background-image: url(http://static4.valpocreative.com/css-sprites/valpocreative/seo-packages-a-b-c.png); background-color:transparent;background-repeat:no-repeat;}
#package_A_gold { background-position: -2px -0px; width: 160px; height: 41px; }
#package_B_silver { background-position: -2px -43px; width: 160px; height: 41px; }
#package_C_bronze { background-position: -2px -86px; width: 160px; height: 41px; }

/** REMOVE **/
/*---COLUMNS---*/
#seo_packages_column,
#3div_columns_1,
#3div_columns_2,
#3div_columns_3 {float:left; width:32%; padding:10px; text-align:center;}
.3div_border_r {border-right: 1px dashed #d7d7d7; border-right-style: dashed; }
.3div_columns_cont {padding: 10px}

.svc_cnt {float:right; width:38%;}
.svc_cnt  p {font-size:14px;color:#ed1c24;font-family: 'HelveticaNeueCondensed';text-decoration:uppercase}

.seo_packages_top_cont {float:right; width:35%; margin: 10px 0 0 0}

/*--Social Header--*/
#social_head  {float: right; alpha(opacity=88); opacity: .80; width:190px; position:absolute; right:0px; margin-bottom:-16px; margin-top:16px}

/*---Effects---*/
div#fb_social_head:hover img,
div#twitter_social_head:hover img,
div#in_social_head:hover img,
div#rss_social_head:hover img 
{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);-moz-opacity: 0.3;
filter:alpha(opacity=30);-moz-opacity:0.3;opacity:0.3; cursor:pointer
}

.transparents, .valpo_info {zoom: 0.5; filter: alpha(opacity=0); opacity: 0.0; font-size:8px}
#valpo_info {font-size: 4px; zoom: 0.5; filter: alpha(opacity=0); opacity: 0.0;}
.transparents h1 {font-size: 4px; zoom: 0.5; filter: alpha(opacity=0); opacity: 0.0;}
#valpo_info h2 {font-size: 4px; zoom: 0.5; filter: alpha(opacity=0); opacity: 0.0;}
.transparents h2 {font-size: 4px; zoom: 0.5;filter: alpha(opacity=0); opacity: 0.0;}
#valpo_info h3 {font-size: 4px; zoom: 0.5; filter: alpha(opacity=0); opacity: 0.0;}
.transparents h3 {font-size: 4px; zoom: 0.5; filter: alpha(opacity=0); opacity: 0.0;}
#valpo_info h4 {font-size: 4px; zoom: 0.5; filter: alpha(opacity=0); opacity: 0.0;}
.transparents h4 {font-size: 4px; zoom: 0.5; filter: alpha(opacity=0); opacity: 0.0;}

/ *-- Comment Form --*/
#commentform #submit, .red-button{-moz-box-shadow:inset 0 1px 0 0 #ff2828;-webkit-box-shadow:inset 0 1px 0 0 #ff2828;box-shadow:inset 0 1px 0 0 #ff2828;background:0;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000',endColorstr='#ff0000');background-color:#ff0000;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;display:inline-block;color:#e0dde0;font-family:arial;font-size:15px;font-weight:bold;text-decoration:none;text-shadow:1px 1px 0 #ffffff;padding:9px 10px;}
#commentform #submit:hover, .red-button:hover{background:0;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000',endColorstr:#ff0000);background-color:#ff0000;}

#commentform #submit:active, .red-button:active{position:relative;top:1px;}

.jot-form textarea { box-sizing: border-box; height: 250px; margin: 1px 0 13px 0; font-size: 16px; color: #EC5E24; background: white url(http://static.valpocreative.com/assets/images/css/contact-form/valpo-cmt-logo.png) 110% 125% no-repeat; padding: 3px; width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing:    border-box;
    -webkit-transition: all 0.3s ease;
     -moz-transition:    all 0.3s ease;
    -ms-transition:     all 0.3s ease;     -o-transition:      all 0.3s ease; }

.jot-form  textarea:focus { background-position: 130% 195%; font-family: 'QuicksandBook'; font-size: 16px; color: #EC5E24;}
#author { background: white url(http://static.valpocreative.com/assets/images/css/contact-form/icon-name.png) 6px center no-repeat; top: 0; left: 0; }
#email { background: white url(http://static.valpocreative.com/assets/images/css/contact-form/icon-email.png) 6px center no-repeat; left:34%; top: 0px;}
#url { background: white url(http://static.valpocreative.com/assets/images/css/contact-form/icon-website.png) 6px center no-repeat; right: 0; top: 0px;}

/*========= Contact Forms =========*/
.contactform { float:left; width:660px; padding:0px 280px 20px 0px; margin:0px 0px 20px 0px; background:url(/static/assets/images/css/card.png) no-repeat bottom right; }
.contact_freelancer_form { float:left; width:82%; padding:0px 8% 2% 3%; margin:0px 0px 2% 0px; }
.contact { float:left; background:#FFFFFF; padding:2%; width:100%; max-width:620px; font-family: 'QuicksandBook'; font-size:16px; color:#ec5e24; text-transform:uppercase; }

#SEO_package_order_form { float:left; width:930px; max-width:98%; padding:10px; margin:1%; }
#SEO_order_form { float:left; background:#FFFFFF; padding:10px; width:99%; font-family: 'QuicksandBook'; font-size:16px; color:#ec5e24; text-transform:uppercase; max-width:930px}

#seo-order-grid,
.website_analysis_contact { margin:0px auto; max-width:940px; width: 98%; display: block}

#website_analysis_contact { margin:20px auto; background:#FFFFFF; padding:1%; width:98%; max-width:940px; font-family: 'QuicksandBook'; font-size:16px; color:#ec5e24; text-transform:uppercase; }
 #website_analysis_contact select { text-transform:none; padding: 5px; width: 98%; background: none repeat scroll 0 0 #E6E7E7; border: 1px solid #7F9DB9; }
#website_analysis_contact textarea.txt { background:#e6e7e7; padding:5px; width:98%; height:240px; border:0px; margin:0px 0px; }

#freelancer_contact {  float:left; background:#FFFFFF; padding:30px; width:850px; max-width: 99%; font-family: 'QuicksandBook'; font-size:16px; color:#ec5e24; text-transform:uppercase; }
#freelance_cell_padding {padding: 10px 0 0 0}
#freelance_thank_you_note { background: #ffffff; float: left; width: 900px; margin: 110px 0 900px 20px; padding: 50px 0}
#freelance_thank_you_note p {align:center}

.contactform p, .contact_freelancer_form p { font-family: 'LucidaGrandeBold'; font-size:20px; margin:5px 0px; color:#ed1c24; margin:5px 0px; }
.contactform p a, .contact_freelancer_form p a{ font-size:12px; color:#ed1c24; }
.contact td{ padding:0px 10px; }
.contact td td{ padding:5px 5px; }
.contact input.txt{ background:#e6e7e7; padding:5px; width:200px; border:0px; margin:0px 0px; }
.contact textarea.txt { background:#e6e7e7; padding:5px; width:250px; height:240px; border:0px; margin:0px 0px; }
.contact select { text-transform:none; padding: 5px; width: 208px; background: none repeat scroll 0 0 #E6E7E7; border: 1px solid #7F9DB9; }

/*--------- SEO Contact Form ---------*/
.valpo_15_column,.valpo_35_column,
.valpo_40_column { font-family: 'QuicksandBook'; font-size: 16px; color: #EC5E24; text-transform: uppercase;}

#SEO_order_form textarea.txt, .contact_form textarea.txt {height:99%;width:98%;}
#SEO_order_form select, 
.contact_form select,
#website_analysis_contact select {padding: 5px; text-transform: none; background: none 0px 0px repeat scroll #E6E7E7; border: 1px solid #7F9DB9; border-image: initial;}

#SEO_order_form input.txt, 
#SEO_order_form textarea.txt, .contact_form input.txt, 
.contact_form textarea.txt,  #website_analysis_contact textarea.txt, #website_analysis_contact input.txt {border: 0px;background: #E6E7E7; padding: 5px;} 

#SEO_order_form input.txt, .contact_form input.txt {margin-left:10px; max-width: 311px; width: 99.2%} 
.contact_form select {margin-left:10px; max-width: 321px; width: 100%} 

#SEO_order_form select#cfCurrentcms, #SEO_order_form select#cfState {margin-left:10px; max-width: 321px; width: 100%}
select#cfFtpaccess,
select#cfTimetocall {margin-left:10px;width: 210px; max-width: 96%} 
#SEO_order_form select {margin-left:10px; width: 100%} 

input#vericode {max-width:100px}
.vericode_img img {width:100%; height:auto; max-width:148px; max-height: 60px}

.grid_cont {float: left; margin: 1% 0 1% 0}

.contact_form input.txt,
.contact_form select#cfProject,
.contact_form select#cfbudget,
.contact_form select#cfSource, .contact_form select#cfProject, .contact_form select#cfbudget {max-width:99%}
/*========= Contact Forms =========*/


/*****Footer*****/
.footer_social { font-family: 'LucidaGrandeRegular'; float:left; background:#f0f1f2; width:890px; padding:25px; margin:20px 0px; font-size:12px;line-height: 1.50em; }
.footer_social a {color:#414042;}

.footer_Social_4 p {margin-right:-5px}
.footer_Social_1 p {margin: 5px  0; line-height:1em}

.footer_Social_container p span,
.footer_social p span{font-size:20px;color:#ed1c24;font-family: 'HelveticaNeueCondensed';}
.footer { float:left; width:940px; background:#ed1c24; color:#FFFFFF; padding:10px 31px; font-family: 'LucidaGrandeRegular'; font-size: .85em; max-width: 96%} 
.footer a {font-size: .85em; color:#FFFFFF;}
.footer frt  {font-size: .80em; color:#FFFFFF;}
.footerlinks {text-align:center; max-width:1004px; width:100%; float:left; padding:10px 0px; font-size:9px; overflow: hidden}
.footer_links {display:block; margin:auto;  padding:3px 0px}
.footerlinks a { color:#414042;padding:0px 10px; }

/*inner page */
#header_rgt p {float:right;margin:5px 0px;}
#logo_small { float:left;padding:2px 0px 0px 0px;display:inline;position:relative;z-index:10; }

#logo_main {float:left; padding:0px 25px 0px 15px; display:inline;position:relative;z-index:50;}
#logo_small_resp {float:left; margin:10px 0px; padding:0px 0px 6px 10px; display:inline;position:relative;z-index:50;} /** padding: 2px 0px 6px 15px; **/

#inner_top_content{float:left;width:940px;height:320px;position:relative;z-index:1;padding:10px 0px 85px 0px;background:url(../images/doth.gif) repeat-x bottom;}
.page_content { float: left; padding:20px 0px 20px 0px; background:url(../images/doth.gif) repeat-x bottom; }
.page_content h2{ padding:0px 0px 10px 0px; }
#page_btmcontent{margin: 20px auto; }
#inner_content { float:left; }
#inner_content h2,
#inner_top_content h2{ color: #ED1C24; font-family: 'QuicksandBook'; font-size: 38px; margin: 5px 0; }

/*Case Studies*/
#inner_content p { font-size: 0.85em; }
#homesections_internal { float:left; width:940px; font-size:.85em;}

/*== Box Hover ==*/
.showcasebox{background-size:100%;}
.showcase_box_hover a {display: block; margin-right: auto; margin-left: auto}

.showcasebox {background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; width: 100%; max-width: 276px;max-height: 156px;min-height: 120px; height: auto; position: relative;overflow: hidden;margin: 2px}

.caseboxcontainer .showcase_box_hover {top: 156px; left: 0; text-shadow: none !important;}
.box_title, .box_title a {padding: 3px 0 6px 0; font-size: 15px;font-family: 'Oswald', sans-serif;font-weight: normal;color: #fff; font-color: #ffffff;line-height: 1.3em;display: block; margin-right: auto; margin-left:auto; text-align:center}
.showcase_box_hover {color: #ffffff; float: left; position: relative;background: rgb(51,152,182); background: #ED1C24; height: 80px; width: 100%; padding-top: 12px;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8;}                    
.showcasebox:active{border-top-width:7px;border-bottom-width:5px}
.caseboxcontainer .showcase_box_hover{top:156px;left:0;text-shadow:none !important}
::-moz-selection{color:#fff;color:rgb(255,255,255);background:#ED1C24}                            
::selection{color:#fff;color:rgb(255,255,255);color:rgb(255,255,255);background:#ED1C24}
.showcasebox img{position:absolute;top:0;left:0;border:0;}
.showcasebox img{max-width:100%}
/*== Box Hover ==*/

.case_study_wrapper {width: 100%;max-width: 980px;margin: 10px auto;}

.div_top{ background:url(../images/redgrad_small.jpg); color: #FFFFFF; font-family: 'QuicksandBook'; float: left; margin-bottom: 5px; padding: 10px; text-align: center; width: 281px;} 
.div_btm { padding: 10px 10px 0 10px; background:url(../images/pagebg.png); float: left; width: 281px; min-height: 140px; max-height: 180px; height: auto}


.case_study {position: relative}
.case_study {height: 264px;width: 100%;max-width: 300px;float: left;margin: 10px 5px 10px 5px;}
.case_study img{float: left; height: auto; width: 100%; max-height:157px; max-width:280px}


.valpo_three_column .case_study strong,
.case_study strong, .div_btm strong {text-align:center; display: block; }
.case_study strong {line-height: 1.05em; margin: 10px auto; font-size: 13px;letter-spacing: normal;font-family: LucidaGrandeRegular; color: #ED1C24; text-align:center; }

/*----CASE STUDY SHADOW----*/
.case_study_btm {max-width:281px; height:auto;margin:0 0 -10px 0;padding:10px}
.case_study_btm {background:url(http://static.valpocreative.com/assets/images/case-studies/case_studies_shadow.png) no-repeat left bottom; width: 100%; height:39px; position:absolute; bottom: 0px; left:0; padding:10px;margin:0 1% 0 1%}
/*--------*/

/* PR RANK CHECKER */
#pr_checker_container {padding: 20px; margin: 5px auto; border: 8px solid #F0F1F2; background: #F0F1F2; -moz-border-radius: 8px; -webkit-border-radius: 8px; }

#pr_checker_container input.meta_tag_analyzer,
#pr_checker_container input#pr_checker_input {border-radius: 5px; font-size: 1.2rem; color: #414141;-webkit-box-shadow: 0 1px 1px #BFBFBF; background: #d3d3d3; text-shadow: #0F0F0F 0 1px 0; width: 50%}

#pr_checker_results {font-family: HelveticaNeueCondensed; font-size:18px; margin:25px auto;  padding: 10px 30px; color:#eb6025; display: inline;font-weight: normal;}
#pr_checker_results span.pr_check_description {line-height: 1.3em; font-weight: bold; color:#414141}
input#pr_checker_button {-moz-box-shadow:inset 0px 1px 0px 0px #e8e8e8;-webkit-box-shadow:inset 0px 1px 0px 0px #e8e8e8;box-shadow:inset 0px 1px 0px 0px #e8e8e8;background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #6e6e6e), color-stop(1, #474547) );background:-moz-linear-gradient( center top, #6e6e6e 5%, #474547 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6e6e6e', endColorstr='#474547');background-color:#6e6e6e;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;border:1px solid #fffcff;display:inline-block;color:#cccccc;font-family:arial;font-size:15px;font-weight:bold;padding:6px 24px;text-decoration:none;text-shadow:1px 1px 0px #5c595c;}
input#pr_checker_button:hover {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #474547), color-stop(1, #6e6e6e) );background:-moz-linear-gradient( center top, #474547 5%, #6e6e6e 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#474547', endColorstr='#6e6e6e');background-color:#474547;}
input#pr_checker_button:active {position:relative;top:1px;}


/*---- Back to top Button ----*/
#google_translate_container {position:fixed;top:0px;left:0px;z-index:11}
#toTop{display:none;text-decoration:none;position:fixed;bottom:10px;right:10px;overflow:hidden;width:41px;height:41px;border:none;text-indent:100%;background:url(../images/up_button.png) no-repeat}
#toTopHover{background:url(../images/up_button.png) no-repeat;width:41px;height:41px;display:block;overflow:hidden;float:left;opacity:0;-moz-opacity:0;filter:alpha(opacity=0)}
#toTop:active,#toTop:focus{outline:none}

.mb {line-height: 1.3em; margin:9px 0}
.lr {margin-left:-1px;margin-right:-3px width:190px}
.center_txt h2,
#center_txt, .valpo_styles .center_txt p, .center_txt p, p.center_txt {text-align: center}

.valpo_styles {margin-top:10px; display: inline}

.pad2 {padding: 2%}
.pad3 {padding: 30px}

.footer_Social_container p.nt10,
.nt10 {margin-top:-10px}

.top_frame10,
.spacer10t {margin-top: 10px}
.spacer10tb {padding: 10px 0}

.left_frame10,
.spacer10l {margin-left: 10px}
#spacer15t, .spacer15t {margin: 15px 0 0 0}
#spacer15b, .spacer15b {margin: 0 0 15px 0}

#spacer15bp, .spacer15bp {padding: 0 0 15px 0}
#spacer30brp, .spacer30brp {padding: 0 30px 30px 0}
#spacer30br, .spacer30br {margin: 0 30px 30px 0}

#spacer15tb {margin: 15px auto}

.top_frame30,
#spacer3t,  {margin-top:30px}
.spacer3b {margin: 0 0 30px 0}
#spacer3tb {margin: 30px 0}

.left_frame0  {margin-left: 0px}
.left_frame20  {margin-left: 20px}

.left_frame30,
.spacer3l {margin-left: 30px}
.spacer3lr {margin: 0 30px }
.spacer15lr {margin: 0 15px }


.relati {position: relative}
.absol_right,
.absol {position: absolute; right: 0}
.absol_left {position: absolute; left: 0}
.absol_left_10 {position: absolute; top: 10px; left: 10px}


.fancybox-effects-a img,
.case_studies_hover img, #case_studies_hover img  {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);-moz-opacity: 1;}
.fancybox-effects-a img,
.case_studies_hover img, #case_studies_hover img  {filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
.fancybox-effects-a:hover img,
.case_studies_hover:hover img, #case_studies_hover:hover img  {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);-moz-opacity: 0.3;}
.fancybox-effects-a:hover img,
.case_studies_hover:hover img, #case_studies_hover:hover img  {filter:alpha(opacity=30);-moz-opacity:0.3;opacity:0.3;}


.div_title .column_cont,
.div_title { font-family: 'HelveticaNeueCondensed'; background:#D1D2D4;text-transform:uppercase; font-size: 15px; min-height:16px; float:left; width:923px;padding:10px; max-width:98%}
.div_title { width:96% ;padding:10px; display: inline;}
.div_title a {font-family: 'HelveticaNeueCondensed'; color:#414042;}

#case_lft3 {background:#FFFFFF; float:left; max-width: 585px;margin-top: 10px; width:99%}
#case_rgt3 { padding: 1.5%; max-width: 340px; float: left; width:100%}
#lft_topcont3 { width:512px; height:419px; background:url(/static/assets/images/monitor.jpg) no-repeat; margin: 10px 0 10px 25px; text-align:center}

#case_rgt3 p {margin-top:10px; line-height:1.25em}

#case_lft{background:#FFFFFF; float:left; width: 585px;margin-top: 10px; max-width:99%}
#case_rgt { padding: 3%; width: 310px; float: left; max-width:99%}
#lft_topcont_white { background color:#ffffff; margin: 10px 10px 30px 10px; max-width:99%} /* width: 575px;*/


/***----------Mobile Queries----------***/

/*--button links color----*/
#buttons_style a.active, #buttons_style a:link {font-weight: normal;color: #f3f3f3}

/*---Buy Now Buttons ---*/
.buy_now_button_bronze{-moz-box-shadow:inset 0 1px 0 0 #ffffff;-webkit-box-shadow:inset 0 1px 0 0 #ffffff;box-shadow:inset 0 1px 0 0 #ffffff;background:0;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce7c32',endColorstr='#ce7c32');background-color:#ce7c32;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;border:1px solid #dcdcdc;display:inline-block;color:#d7d7d7;font-family:arial;font-size:15px;font-weight:bold;text-decoration:none;text-shadow:1px 1px 0 #ffffff;padding:6px 24px;}
.buy_now_button_bronze:hover{background:0;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce7c32',endColorstr='#ce7c32');background-color:#ce7c32;}
.buy_now_button_silver{-moz-box-shadow:inset 0 1px 0 0 #ffffff;-webkit-box-shadow:inset 0 1px 0 0 #ffffff;box-shadow:inset 0 1px 0 0 #ffffff;background:0;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#918b88',endColorstr='#918b88');background-color:#918b88;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;border:1px solid #dcdcdc;display:inline-block;color:#d7d7d7;font-family:arial;font-size:15px;font-weight:bold;text-decoration:none;text-shadow:1px 1px 0 #ffffff;padding:6px 24px;}
.buy_now_button_silver:hover{background:0;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#918b88',endColorstr='#918b88');background-color:#918b88;}
.buy_now_button{-moz-box-shadow:inset 0 1px 0 0 #ffffff;-webkit-box-shadow:inset 0 1px 0 0 #ffffff;box-shadow:inset 0 1px 0 0 #ffffff;background:0;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c643',endColorstr='#f3c643');background-color:#f3c643;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;border:1px solid #dcdcdc;display:inline-block;color:#d7d7d7;font-family:arial;font-size:15px;font-weight:bold;text-decoration:none;text-shadow:1px 1px 0 #ffffff;padding:6px 24px;}
.buy_now_button:hover{background:0;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c643',endColorstr='#f3c643');background-color:#f3c643;}
.buy_now_button_bronze:active,.buy_now_button_silver:active,.buy_now_button:active{position:relative;top:1px;}


/* ---Social Buttons--- */
.share-this {float:left; width:98%; margin:1% -4% 1% 0; }
#social_buttons {width:370px; height:35px;float:left; margin: 10px -18px 10px -10px; padding: 0 4px 0 0;}

div#social_wrap1{width: 71.5%; float:left}
div#social_wrap2{width: 28.4%; float:right}

div.gp_cont{ width:31%; float:left}
div.fb_cont{width:33%;float:right;}
div.tw_cont{width:36%;float:left}

div.su_cont{width:49%;float:left}
div#spacer_cont{width:2%;float:left}
div.pint_cont{width:49%;float:left}
/* ---Social Buttons--- */

#lft_topcont img {padding: 17px;}
#lft_btmcont img {background-size:100%;} 

#lft_btmcont {width: 98%; margin: 1%;float:left}
#lft_btmcont {width: 99%; margin: 10px auto;float:left;}

/* End of inner page */
/*accordion page */

.accordion { float: left; margin: 20px 0px 20px 0px; width: 100%; max-width:950px}

.design_lftdiv { font-family: 'HelveticaNeueCondensed'; float:left; width:380px; }
.design_rgtdiv { font-family: 'HelveticaNeueCondensed';float:left; width:550px;}
.design_rgtdiv h2 {font-family: 'QuicksandBook'; padding: 6px; color:#EB6025} 

.seo_lftdiv { font-family: 'HelveticaNeueCondensed'; float:left; width:250px; }
.seo_rgtdiv { font-family: 'HelveticaNeueCondensed';float:left; width:680px;}

#seo_packages_column span {font-family: 'QuicksandBook'; font-weight: normal; text-transform:uppercase; font-size: 24px; margin: 5px 0px; color: #ED1C24;}

.checkmark {background:url(../images/check-mark.png);width: 40px; height: 40px; display: block;}

.border_img { background:url(../images/doth.gif) repeat-x top;height: 2px;margin: 10px 0;}
#rotate { float: left;background:url(../images/doth.gif) repeat-x top; padding: 10px 0px 0px 0px; width: 949px; max-width:99%}
#rotator ul li {width: 100%; height:auto}

.rotate_cont {float: left; width: 838px;}
.rotate_btn{ float: right; padding: 7px; width: 81px; }

#red1, .red1 a:link, .red1 a:visited, .red1 a:hover, .red1 h3 a:link, .red1 h3 a:visited, .red1 h3 a:hover, .red1 h4 a:link, .red1 h4 a:visited, .red1 h4 a:hover, .red1 h5 a:link, .red1 h5 a:visited, .red1 h5 a:hover, .red1 h3, h4, h5 {font-family: 'LucidaGrandeBold'; font-size: 14px; font-weight:normal; margin: 5px 0px; color: #ED1C24;}
#red2, .red2 a:link, .red2 a:visited, .red2 a:hover, .red2 h3,h4,h5 a:link, .red2 h3,h4,h5 a:visited, .red2 h3,h4,h5 a:hover, .red2 h3, h4, h5 {font-family: 'LucidaGrandeBold'; font-size: 16px; font-weight:normal; margin: 5px 0px; color: #ED1C24;}
#red3, .red3 a:link, .red3 a:visited, .red3 a:hover, .red3 h3,h4,h5 a:link, .red3 h3,h4,h5 a:visited, .red3 h3,h4,h5 a:hover, .red3 h3, h4, h5 {font-family: 'LucidaGrandeBold'; font-size: 20px; font-weight:normal; margin: 5px 0px; color: #ED1C24;}
#red4, .red4 a:link, .red4 a:visited, .red4 a:hover, .red4 h3,h4,h5 a:link, .red4 h3,h4,h5 a:visited, .red4 h3,h4,h5 a:hover, .red4 h3, h4, h5 {font-family: 'LucidaGrandeBold'; font-size: 24px; font-weight:normal; margin: 5px 0px; color: #ED1C24;}

#red1b, .red1b a:link, .red1b a:visited, .red1b a:hover, .red1b h3,h4,h5 a:link, .red1b h3,h4,h5 a:visited, .red1b h3,h4,h5 a:hover, .red1b h3, h4, h5 {font-family: 'LucidaGrandeBold'; font-size: 14px; font-weight:bold; margin: 5px 0px; color: #ED1C24;}
#red2b, .red2b a:link, .red2b a:visited, .red2b a:hover, .red2b h3,h4,h5 a:link, .red2b h3,h4,h5 a:visited, .red2b h3,h4,h5 a:hover, .red2b h3, h4, h5 {font-family: 'LucidaGrandeBold'; font-size: 16px; font-weight:bold; margin: 5px 0px; color: #ED1C24;}
#red3b, .red3b a:link, .red3b a:visited, .red3b a:hover, .red3b h3,h4,h5 a:link, .red3b h3,h4,h5 a:visited, .red3b h3,h4,h5 a:hover, .red3b h3, h4, h5 {font-family: 'LucidaGrandeBold'; font-size: 20px; font-weight:bold; margin: 5px 0px; color: #ED1C24;}
#red4b, .red4b a:link, .red4b a:visited, .red4b a:hover, .red4b h3,h4,h5 a:link, .red4b h3,h4,h5 a:visited, .red4b h3,h4,h5 a:hover, .red4b h3, h4, h5 {font-family: 'LucidaGrandeBold'; font-size: 24px; font-weight:bold; margin: 5px 0px; color: #ED1C24;}

.orange1 a:link, .orange1 a:visited, .orange1 a:hover, .orange1 h3 a:link, .orange1 h3 a:visited, .orange1 h3 a:hover, .orange1 h4 a:link, .orange1 h4 a:visited, .orange1 h4 a:hover, .orange1 h5 a:link, .orange1 h5 a:visited, .orange1 h5 a:hover, .orange1 h3, h4, h5 {font-family: 'LucidaGrandeBold'; font-size: 14px; font-weight:normal; margin: 5px 0px; color: #ED1C24;}
.orange2 a:link, .orange2 a:visited, .orange2 a:hover, .orange2 h3 a:link, .orange2 h3 a:visited, .orange2 h3 a:hover, .orange2 h4 a:link, .orange2 h4 a:visited, .orange2 h4 a:hover, .orange2 h5 a:link, .orange2 h5 a:visited, .orange2 h5 a:hover, .orange2 h3, h4, h5 {font-family: 'LucidaGrandeBold'; font-size: 16px; font-weight:normal; margin: 5px 0px; color: #ED1C24;}
.orange3 a:link, .orange3 a:visited, .orange3 a:hover, .orange3 h3 a:link, .orange3 h3 a:visited, .orange3 h3 a:hover, .orange3 h4 a:link, .orange3 h4 a:visited, .orange3 h4 a:hover, .orange3 h5 a:link, .orange3 h5 a:visited, .orange3 h5 a:hover, .orange3 h3, h4, h5 {font-family: 'LucidaGrandeBold'; font-size: 20px; font-weight:normal; margin: 5px 0px; color: #ED1C24;}
#orange4 h3, h4, h5 , .orange4 h3, h4, h5 {font-family: 'QuicksandBook'; font-size: 24px; font-weight:normal; margin: 5px 0px; color: #eb6025;}

/* End of accordion page */

.gallery { margin:2px auto; max-width: 940px; width:100%}

/*-- CROSS BROWSER COMPATABILITY --- */
.rounded-corners {
    behavior: url(assets/js/border-radius.htc);
    border-radius: 20px;
}

.box_round {
  -webkit-border-radius: 12px; /* Safari 3-4, iOS 1-3.2, Android ≤1.6 */
          border-radius: 12px; /* Opera 10.5, IE9+, Safari 5, Chrome, Firefox 4+, iOS 4, Android 2.1+ */

  /* useful if you don't want a bg color from leaking outside the border: */
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}

.box_rgba {  background-color: transparent;  background-color: rgba(180, 180, 144, 0.6);  /* Firefox 3+, Safari 3+, Opera 10.10+, Chrome, IE9+ 
}

.box_rotate {
  -webkit-transform: rotate(7.5deg);  /* Safari 3.1+, Chrome 
     -moz-transform: rotate(7.5deg);  /* Firefox 3.5-15 
      -ms-transform: rotate(7.5deg);  /* IE9+ 
       -o-transform: rotate(7.5deg);  /* Opera 10.5-12.00 
          transform: rotate(7.5deg);  /* Firefox 16+, Opera 12.50+ 
}

.box_scale {
  -webkit-transform: scale(0.8);  /* Safari 3.1+, Chrome 
     -moz-transform: scale(0.8);  /* Firefox 3.5+ 
      -ms-transform: scale(0.8);  /* IE9+ 
       -o-transform: scale(0.8);  /* Opera 10.50+ 
          transform: scale(0.8);
}

.box_3dtransforms {
  -webkit-perspective: 300;  /* Safari 4+, Chrome 12+ 
     -moz-perspective: 300;  /* Firefox 10+ 
      -ms-perspective: 300;  /* IE10+ 
          perspective: 300;
  -webkit-transform: rotateY(180deg);  -webkit-transform-style: preserve-3d;
     -moz-transform: rotateY(180deg);     -moz-transform-style: preserve-3d;
      -ms-transform: rotateY(180deg);      -ms-transform-style: preserve-3d;
          transform: rotateY(180deg);          transform-style: preserve-3d;
}

.box_transition {
  -webkit-transition: all 0.3s ease-out;  /* Safari 3.2+, Chrome */
     -moz-transition: all 0.3s ease-out;  /* Firefox 4-15 */
       -o-transition: all 0.3s ease-out;  /* Opera 10.5–12.00 */
          transition: all 0.3s ease-out;  /* Firefox 16+, Opera 12.50+ */
}