/* CSS RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
strong { font-weight: bold; }
em { font-style: italic; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}
* {
margin: 0;
padding: 0;
}
html {
margin: 0;
padding: 0;
background:url(http://www.carstennewmedia.com/themes/site_themes/default_site/images/bg.jpg) top left no-repeat #D6D7D8;
background-size:140%;
}
body {
padding: 0;
margin: 0;
width:100%;
color: #000;
font: normal 17px "Hiragino Kaku Gothic Std", "ヒラギノ角ゴ Std W8","Archivo Black",  Helvetica, Arial sans-serif;
font-weight:400;
}
a img { border: 0; }
/* Link */
a,
a:link,
a:visited,
a:active {
color:#E6001B;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
/* Typography */
h1, .h1, h1 p {
font: normal 31px "Hiragino Kaku Gothic Std", "ヒラギノ角ゴ Std W8","Archivo Black",  Helvetica, Arial sans-serif;
font-weight:400;
margin: 0 0 5px 0;
padding: 0;
color:#111;
line-height:1.1;
}
h2, .h2, h2 p{
font: normal 17px "Hiragino Kaku Gothic Std", "ヒラギノ角ゴ Std W8","Archivo Black",  Helvetica, Arial sans-serif;
font-weight:400;
margin: -5px 0 0 0;
padding: 0;
color:#373733;
}
h3, .h3, h3 p {
font: normal 17px "Hiragino Kaku Gothic Std", "ヒラギノ角ゴ Std W8","Archivo Black",  Helvetica, Arial sans-serif;
font-weight:400;
margin: 0 0 7px -2px;
padding: 0;
color: #373733;
}
h4, .h4, h4 p {
font: normal 17px "Hiragino Kaku Gothic Std", "ヒラギノ角ゴ Std W8","Archivo Black",  Helvetica, Arial sans-serif;
font-weight:400;
margin: 3px 0 35px 0;
padding: 0;
color:#373733;
}
h5, .h5, h5 {
font: normal 17px "Hiragino Kaku Gothic Std", "ヒラギノ角ゴ Std W8","Archivo Black",  Helvetica, Arial sans-serif;
font-weight:400;
margin: -5px 0 21px 0;
padding: 0;
color:#000000;
}
.links {
font-size: 17px;
margin: 1em 0 0 0;
text-decoration: none;
color: #3a8bc4;
}
p {
font:normal 15px Arial, Helvetica;
margin: 14px 0 21px 0;
line-height:1.4;
padding: 0;
color:#000;
clear:both;
}
div, li {
color: #000;
font: normal 17px "Hiragino Kaku Gothic Std", "ヒラギノ角ゴ Std W8","Archivo Black",  Helvetica, Arial sans-serif;
font-weight:400;
line-height:1.4;
}
ul, ol {
margin: 0 0 11px 14px;
}
li {
margin: 0 0 7px 0;
padding: 5px 0 0 14px;
list-style: outside;
}
.fr {
float:right !important;
}
.fl {
float:left !important;
}
.cb {
clear:both !important;
}
input,
textarea {
color: #666;
font-size: 12px;
line-height: 18px;
}
input[type=text], input[type=password], textarea {
height:23px;
padding: 0;
background: #f9f9f9;
border: 1px solid #ccc;
box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
width:350px;
}
h5.form-success {
color: #000;
clear:both;
float:left;
background:#fc001c;
width:95%;
padding: 6px 0 6px 14px;
font-size:15px;
}
hr {
background:url(http://www.carstennewmedia.com/themes/site_themes/default_site/images/hr-line.png) center left repeat-x;
border:none;
clear:both;
height:49px;
width:100%;
margin:0 0 17px 0 !important;
padding:0;
}
/* =Layout
-------------------------------------------------------------- */
#wrapper {
position:absolute;
top:0;
left:0;
margin: 0 auto;
padding:0;
width:100%;
display:block;
overflow-x:hidden;
}
.mt-bg {
position: fixed;
top: 25%;
left: -20%;
width: 122%;
min-width: 110%;
}
#logo {
position:relative;
float:left;
clear:both;
margin:0 0 2px 0;
}
#main-nav {
position:relative;
float:left;
padding:0;
margin:0;
display:block;
clear:both;
width:100%;
}
#main-nav li.main-li {
list-style: none;
margin:0 0 2px 0;
padding: 0;
float:left;
clear:both;
-moz-box-shadow: 3px 1px 6px #222;
-webkit-box-shadow: 3px 1px 6px #222;
box-shadow: 3px 1px 6px #222;
background:#000;
z-index:999;
position:relative;
}
#main-nav li.main-li a.main-a {
color: #fff;
padding:0 21px 3px 11px;
margin:0;
font-family:"Hiragino Kaku Gothic Std", "ヒラギノ角ゴ Std W8","Archivo Black";	
font-size:26px;
font-weight:400;
text-decoration:none;
display:block;
float:left;
}
#main-nav li.main-li a.main-a:hover {
color: #ddd;
}
#main-nav li.main-li ul {
display:none;
}
#main-nav li.current ul {
display:block;
}
#main-nav li.current {
width:99%;	
}
#main-nav li.main-li ul {
list-style: none;
margin:0;
padding: 0;
float:left;
clear:none;
}
#main-nav li.main-li ul li {
list-style: none;
margin:0 0 2px 0;
padding: 0;
display:inline;
float:left;
clear:none;
-moz-box-shadow: 0px 0px 0px #000;
-webkit-box-shadow: 0px 0px 0px #000;
box-shadow: 0px 0px 0px #000;
background:#000;
}
#main-nav li.main-li ul li a {
color: #fff;
padding:9px 7px 2px 21px;
margin:0;
float:left;
font-family:"Hiragino Kaku Gothic Std", "ヒラギノ角ゴ Std W8","Archivo Black";	
font-size:15px;
font-weight:400;
text-decoration:none;
text-transform:uppercase;
display:block;
}
#main-nav li.main-li ul.images-ul li a {
padding:0;
margin:0;
float:left;
display:block;
}
#main-nav li.main-li ul.images-ul li {
padding:0;
margin:0;
}
#main-nav li.main-li ul li a:hover,
#main-nav li.main-li ul li a.current	  {
color:#E6001B;
}
#main-nav li:hover ul {
display:block;
}
#main-nav li.main-li:hover {
width:99%;	
}
.work-featured-container {
clear:both;
max-width:777px;
margin:0 auto -178px auto;
padding:59px 0 0 0;
position:relative;
text-align:right;
}
.work-featured-container img {
position: fixed;
right: 15%;
max-width: 610px;
max-height: 70vh;
}
.work-featured-description {
max-width:260px;
float:left;
text-align:left;
margin:0 0 0 9px;
min-height:360px;
}
.work-featured-description .arrow-large-right,
.work-featured-description .arrow-large-left {
position: relative;
z-index: 999;
}
#right-nav {
float:right;
margin:13px 7px 0 0;
padding:0;
display:block;
position: relative;
z-index: 999;
}
#right-nav li {
display:inline;
list-style: none;
margin:0 0 0 5px;
padding: 1px 5px 3px 0;
float:right;
position:relative;
font: normal 19px "Hiragino Kaku Gothic Std", "ヒラギノ角ゴ Std W8","Archivo Black",  Helvetica, Arial sans-serif;
font-weight:400;
}
#right-nav li#email-nav {
padding:3px 9px 0 4px !important;
margin: 0;
}
#right-nav li a.right-nav-btn,
a#ajaxauth_logout_link {
color: #fff;
padding:2px 9px 2px 9px ;
margin:2px 0 0 0;
font-family:"Hiragino Kaku Gothic Std", "ヒラギノ角ゴ Std W8","Archivo Black";	
font-size:14px;
font-weight:400;
text-decoration:none;
display:block;
float:left;
background:#000;
-moz-box-shadow: 1px 1px 9px #222;
-webkit-box-shadow: 1px 1px 9px #222;
box-shadow: 1px 1px 9px #222;
}
.work-container {
clear:both;
width:100%;
margin:6px 0 -4px 0;
padding:0;
position:relative;
}
.work-container li {
float:left;
padding:0;
}
.work-onpage {
list-style:none;
clear:both;
margin:0;
padding:0;
float: left;
}
.work-onpage li {
list-style:none;
float:left;
margin:0;
padding:0;
position: relative;
}
.work-onpage li img {
width:100%;
position:relative;
top:0;
left:0;
}
.work-onpage li .media-centered{
position:absolute;
top:50%;
transform: translateY(-50%) translateX(-50%);
left:50%;
}
.refresh-overlay {
background:rgba(0,0,0,.3);
position:absolute;
top:0;
left:0;
text-align:center;
z-index: 99;
opacity:0;
cursor: pointer;
cursor: hand;
}
.refresh-overlay img {
width:39px !important;
height:40px !important;
position:absolute !important;
top:50% !important;
left:50% !important;
transform:translateX(-50%) translateY(-50%) !important;
}
.content-container {
clear:both;
max-width:1024px;
margin:0 auto 0 auto;
padding:39px 0 21px 9px;
position:relative;
text-align:left;
}
.services-seo {
max-width:748px;
width:90%;
float:right;
margin:-235px 0 0 0 ;
padding:0;
position:relative;
}
.mobile-media-query-design {
max-width: 787px;
width: 90%;
float: left;
margin: 47px 0px;
padding: 0;
position: relative;
}
.web-development-technologies {
max-width:387px;
width:90%;
float:left;
margin:28px 0 0 0 ;
padding:0;
}
.arrows-nav {
width:190px;
height:130px;
display:block;
background:#ff0000;	
}
.arrow-large-left a {
display:block;
clear:both;
width:37px;
height:38px;
float:left;
margin:28px 9px 28px 0;
padding:0;
background:url(http://www.carstennewmedia.com/themes/site_themes/default_site/images/arrow-large-left.png) center left repeat-x;
}
.arrow-large-right a {
display:block;
width:37px;
height:38px;
float:left;
margin:28px 9px 28px 0;
padding:0;
background:url(http://www.carstennewmedia.com/themes/site_themes/default_site/images/arrow-large-right.png) center left repeat-x;
}
#work-detail-wrapper .arrow-large-left,
#work-detail-wrapper .arrow-large-right{
float:left;
}
#work-detail-wrapper .arrow-large-left a,
#work-detail-wrapper .arrow-large-right a{
margin:0 9px 28px 0;
display:none;
}
.work-thumbs {
list-style:none;	
padding:0;
margin:4px 0 0 0 !important;
float:left;
color:#fff;
font: normal 9px Helvetica, Arial sans-serif;
}
.work-thumbs li {
list-style: none;
padding: 0 !important;
margin: .5% 0 0 .5% !important;
float: left;
width: 8.5% !important;
position: relative;
}
.work-thumbs img {
width: 100%;
position: absolute;
}
.work-thumbs li a {
width:100%;
}
.work-thumbs li a img {
width:100%;
position: relative;
display:block;
}
.hover-div {
position:relative;
width:100%;
z-index:99;
opacity:0;
}
.hover-div:hover {
opacity:1;
}
#work-detail-container	{
position: relative;
width: 100%;
top: 0;
left: 11px;
}
#work-detail-wrapper {
position: absolute;
top: 0px;
left: 0;
width: 100%;
padding: 28px 0 70px 0;
z-index: 99;
background:url(http://www.carstennewmedia.com/themes/site_themes/default_site/images/lightbox-bg.png) top left repeat;
overflow:hidden;
-moz-box-shadow: 3px 1px 6px #222;
-webkit-box-shadow: 3px 1px 6px #222;
box-shadow: 3px 1px 6px #222;
}
#work-detail-wrapper .btn-close a {
display:block;
width:37px;
height:38px;
float:right;
margin:0 9px 14px 0;
padding:0;
background:url(http://www.carstennewmedia.com/themes/site_themes/default_site/images/btn-close.png) center left no-repeat;
position: relative;
z-index: 9;
}
work-onpage-javascript li {
clear:none !important;
float:left !important;
margin:0 !important;
padding:0 !important;
position:relative !important;
}
.work-onpage-javascript li .flash-blocker {
position:absolute;
top:0;
left:0;	
width:728px;
height:900px;
z-index:999;
}
.work-onpage-javascript li img {
position:relative;
top:0;
left:0;
}
#work-detail-description {
position: relative;
top: 0;
left: 11px;
width: 97%;
overflow: hidden;
}
#work-detail-description h1 {
color:#fff;
font-family:"Hiragino Kaku Gothic Std", "ヒラギノ角ゴ Std W8","Archivo Black";	
font-size:24px;
font-weight:400;
margin:0 0 11px 0;
}
#work-detail-description h2 {
color:#e3ded8;
font-family:"Hiragino Kaku Gothic Std", "ヒラギノ角ゴ Std W8","Archivo Black";	
font-size:13px;
font-weight:400;
margin:0 0 17px 0;
}
#work-detail-description h3 {
color:#e3ded8;
font:normal 13px arial, helvetica;
margin:0 0 21px 0;
}
#work-detail-description .btn {
-moz-box-shadow: 2px 2px 6px #222;
-webkit-box-shadow: 2px 2px 6px #222;
box-shadow: 2px 2px 6px #222; 
float:left;
}
.shad-bot-right {
position:absolute;
bottom:0;
right:0;
z-index:99999999;
background:url(http://www.carstennewmedia.com/themes/site_themes/default_site/images/shad-bot-right.png) bottom right no-repeat;
}
.shad-top-left {
position:absolute;
top:0;
left:0;
z-index:99999999;
background:url(http://www.carstennewmedia.com/themes/site_themes/default_site/images/shad-top-left.png) top left no-repeat;

}
.div-image {
position:absolute;
bottom:0;
right:0;
z-index:99;
}
#login-explanation-wrapper {
display:none;
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
background:url(http://www.carstennewmedia.com/themes/site_themes/default_site/images/lightbox-bg.png) top left repeat;
z-index:999999999;
}
#login-explanation {
position:fixed;
top:50%;
transform: translateY(-50%) translateX(-50%);
left:50%;
padding:60px 60px 55px 60px;
max-width:810px;
width:75%;
-moz-box-shadow: inset 2px 2px 21px #777;
-webkit-box-shadow: inset 2px 2px 21px #777;
box-shadow: inset 2px 2px 21px #777;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
border-radius: 16px;
background: #fff; /* for non-css3 browsers */

background-image: linear-gradient(bottom, rgb(220,221,221) 22%, rgb(255,255,255) 64%);
background-image: -o-linear-gradient(bottom, rgb(220,221,221) 22%, rgb(255,255,255) 64%);
background-image: -moz-linear-gradient(bottom, rgb(220,221,221) 22%, rgb(255,255,255) 64%);
background-image: -webkit-linear-gradient(bottom, rgb(220,221,221) 22%, rgb(255,255,255) 64%);
background-image: -ms-linear-gradient(bottom, rgb(220,221,221) 22%, rgb(255,255,255) 64%);

background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.22, rgb(220,221,221)),
color-stop(0.64, rgb(255,255,255))
);		
text-align:center;
}
ul.login-explanation ,
ul.login-explanation li {
list-style:none;
display:inline;
padding:0;
margin:14px 9px 0 0;
}
#login-explanation p {
padding:0;
margin:21px 0 42px 0;
}
.login-social-btns {
padding:0;
float:left;
margin:0 0 11px -12px;
list-style:none;
}
.login-social-btns li {
position:relative;
float:left;
width:28px;
height:28px;
list-style:none;
overflow:hidden;
margin:17px 7px 11px 0;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
border-radius: 1px;
}
.login-social-btns li:hover,
.login-social-btns.current {
background:#333;
}
.login-social-btns input[type=radio] {
position:absolute;
top:-100px;
left:0;
}
.login-social-btns img {
position:absolute;
top:5px;
left:5px;
}
.login-div-wrapper {
position:absolute;
top:27px;
right:2px;
width:140px;
z-index:99999;
}
.login-form-container {
background:#000;
-moz-box-shadow: 1px 1px 9px #222;
-webkit-box-shadow: 1px 1px 9px #222;
box-shadow: 1px 1px 9px #222;
color: #fff;
padding:14px 17px 21px 21px !important;
width:110px;
font-family:"Hiragino Kaku Gothic Std", "ヒラギノ角ゴ Std W8","Archivo Black" !important;	
font-size:15px;
font-weight:400;
text-decoration:none;
}
.login-form-container h3 {
color: #fff !important;
padding:0;
margin:0 0 9px 0;
font-family:"Hiragino Kaku Gothic Std", "ヒラギノ角ゴ Std W8","Archivo Black" !important;	
font-size:14px;
font-weight:400;
text-decoration:none;
}
.small-white-link {
color: #fff !important;
padding:0;
margin:0;
font:normal 12px arial, Arial, Helvetica, sans-serif;
text-decoration:none;
}
.login-padding {
height:3px;
margin:0;
padding:0;
width:210px;
}
.login_form input[type=text],
.login_form input[type=password]
{
margin:5px 0 14px 0;
padding:0 0 0 7px;
font:14px Arial, Helvetica, sans-serif;
color:#777;
float:left;
height:24px;
border:none;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
max-width:400px;
width:100%;
-moz-box-shadow: inset 2px 2px 6px #999;
-webkit-box-shadow: inset 2px 2px 6px #999;
box-shadow: inset 2px 2px 6px #999;

background: #F0F0F0;		
}
#login-nav:hover .login-div-wrapper{
/* display:block; */
}
.testimonials-nav-logo {
width:30px;
float:left;
padding:0;
margin:7px 9px 7px 0;
}
.testimonials-content h1{
font: normal 25px "Hiragino Kaku Gothic Std", "ヒラギノ角ゴ Std W8","Archivo Black",  Helvetica, Arial sans-serif !important;
font-weight:400;
line-height:1.2!important;
padding:0 49px 0 7px;
}
.testimonials-content h2{
font: normal 16px "Hiragino Kaku Gothic Std", "ヒラギノ角ゴ Std W8","Archivo Black",  Helvetica, Arial sans-serif !important;
font-weight:400;
line-height:1.1!important;
float:right;
margin:19px 17px 0 0;
}
.testimonials-content h3{
font: normal 11px "Hiragino Kaku Gothic Std", "ヒラギノ角ゴ Std W8","Archivo Black",  Helvetica, Arial sans-serif !important;
font-weight:400;
line-height:1.1!important;
float:right;
margin:0 17px 0 0;
}
.testimonials-content .testimonial-logo{
float:right;
margin:9px 29px 0 0;
}
.form-div {
max-width:580px;
width:97%;
float:left;	
margin:0 35px 0 0;
}
.form-div input[type=text] {
margin:11px 0 0 0;
padding:0 0 0 7px;
font:14px Arial, Helvetica, sans-serif;
color:#777;
float:left;
height:36px;
border:none;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
max-width:400px;
width:100%;
-moz-box-shadow: inset 2px 2px 6px #999;
-webkit-box-shadow: inset 2px 2px 6px #999;
box-shadow: inset 2px 2px 6px #999;

background: #F0F0F0;		
}
.form-div input.form-radio,
.form-div input.form-checkbox {
margin:22px 0 0 0;
padding:0 0 0 7px;
float:left;
border:none;
width:19px !important;
}
.form-div textarea {
margin:13px 0 0 0;
padding:7px;
clear:both;
float:left;
height:100px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
max-width:580px;
width:97%;
border:none;
-moz-box-shadow: inset 2px 2px 9px #999;
-webkit-box-shadow: inset 2px 2px 9px #999;
box-shadow: inset 2px 2px 9px #999;
background: #F0F0F0;		
}
.form-div .full-width {	
max-width:500px;
width:97%;
}
.form-div label {
margin:9px 0 0 0;
padding:7px 21px 0 0;
clear:both;
float:left;
width:140px;
}
span.form-required {
color:#CC0000;
}
.form-small {
color:#999;
font-size:11px;
}
.contact-info {
float:left;	
}
.contact-info ul {
list-style:none;
margin:28px 0 0 0;
padding:0;
}
.contact-info li {
list-style:none;
clear:both;
margin:14px 0 0 0;
padding:0;
}
.contact-info li img {
float:left;
margin:14px 21px 0 0;
width:42px;
height:49px;
}
.contact-info li h2 {
float:left;
margin:14px 0 0 0;
}
.contact-info li h3 {
float:left;
margin:26px 0 0 0;
}
/*  -------------- SERVICES DESIGN ----------------*/

.minus-ninety {
-webkit-transform: rotate(-90deg);  /* Saf3.1+, Chrome */
-moz-transform: rotate(-90deg);  /* Firefox 3.5-15 */
-ms-transform: rotate(-90deg);  /* IE9 */
-o-transform: rotate(-90deg);  /* Opera 10.5 */
transform: rotate(-90deg);  /* Firefox 16+ */
zoom: 1;
}
.content-services {
/*background:url(http://www.carstennewmedia.com/themes/site_themes/default_site/images/services-design.png) 250px 140px no-repeat;*/
height:600px;

}
.services-content-container {
min-height:380px;
}
.align-center {
text-align:center !important;
}
.align-right {
text-align:right !important;
}
.dark-grey {
color:#787979;
}
.light-grey{
coor:#BEBFBE
}
.content-services {
padding:60px 0 0 0;
text-align:center !important;
}
.content-services li {
list-style:none;
float:left;
display:block !important;
text-align:left;
}
ul.col-1 {
margin:140px 0 0 0	;
float:right;
width:110px;
position:relative;
height:300px;
}
.content-services li.business-cards {
font-size:33px;
line-height:.9;
position:absolute;
top:101px;
right:-97px;
}
.content-services li.branding-guidelines {
font-size:16px;
line-height:1.2;
position:absolute;
top:61px;
right:-50px;
}
.content-services li.digital-illustration {
font-size:43px;
line-height:1.2;
position:absolute;
top:136px;
right:-206px;
text-align:left;
}
ul.col-2 {
margin:0;
float:right;
width:299px;
height:180px;
position:relative;
}
.content-services li.web {
font-size:35px;
line-height:1.2;
padding:0;
margin:0;
width:300px;
}
.content-services li.design {
font-size:63px;
line-height:1.2;
padding:0 0 0 30px;
margin:-19px 0 0 0;
width:300px;
}
.content-services li.marketing-materials {
font-size:27px;
line-height:.9;
position:absolute;
top:95px;
left:80px;
}
.content-services li.layout {
font-size:33px;
position:absolute;
top:138px;
left:109px;
}
.content-services li.user-experience {
font-size:18px;
line-height:1;
position:absolute;
top:180px;
left:80px;
}
.content-services li.brochures {
font-size:23px;
line-height:1.2;
position:absolute;
top:164px;
left:-9px;
background:none;
}
.content-services li.print-design {
font-size:31px;
line-height:1.2;
position:absolute;
top:210px;
left:21px;
width:400px;
}
.content-services li.identity {
font-size:51px;
line-height:1.2;
position:absolute;
top:190px;
left:156px;
}
ul.col-3 {
margin:120px 0 0 0;
float:right;
width:300px;
height:400px;
position:relative;
}
.content-services li.photo-manipulation {
font-size:14px;
line-height:1.2;
position:absolute;
top:11px;
left:0px;
}
.content-services li.typography {
font-size:25px;
line-height:1.2;
position:absolute;
top:45px;
left:0px;
}
.content-services li.illustration {
font-size:19px;
line-height:1.2;
position:absolute;
top:81px;
left:0px;
}
.content-services li.interactive {
font-size:35px;
line-height:1.0;
position:absolute;
top:101px;
left:0px;
}
.content-services li.production-design {
font-size:26px;
line-height:1.2;
position:absolute;
top:151px;
left:80px;
}
@media only screen and (max-width: 1024px) {
	.work-thumbs li {
	width: 10.5% !important;
	}
	.photo-full	{
	width:99%;
	margin-left:-5px !important;
	}
}
@media only screen and (max-width: 865px) {
	.mt-bg {
	top: auto;
	bottom: 0;
	}
	.work-thumbs li {
	width: 16% !important;
	}
	.work-featured-container {
	padding:29px 0 0 0;
	}
	.work-featured-description {
	max-width:90%;
	float:left;
	text-align:left;
	margin:0 0 21px 5%;
	min-height:auto;
	}
	.work-featured-container img {
	position: relative;
	right: auto;
	left: 50%;
	transform: translateX(-67%);
	width: 130%;
	bottom:auto;
	margin-bottom:49px;
	z-index:9;
	}
	.feature-lunchbucket-creative {
	bottom:-610px !important;
	}
	.non-mobile{
	display:none;
	}
	.break-image {
	clear:both;	
	margin:0;
	}
	#work-detail-container	{
	position:relative;
	width:100%;
	top:0px;
	left:0;
	width:21000px;
	overflow:hidden;
	}
	ul.work-thumbs-javascript {
	min-height:815px !important;
	}
	.mobile-media-query-design {
	float:left;
	margin:28px 0 -9px 0 ;
	padding:0;
	}
	.web-development-technologies {
	}
}
@media only screen and (max-width: 600px) {			
	ul.col-1 {
	margin:-100px 0 0 -145px;
	clear:both;
	float:left;
	width:300px;
	height:400px;
	position:relative;
	}
	ul.col-2 {
	margin:-690px 0 0 25px;
	float:left;
	width:300px;
	height:400px;
	position:relative;
	}
	ul.col-3 {
	margin:390px 0 0 85px;
	float:left;
	width:300px;
	height:300px;
	position:relative;
	}
	.work-thumbs li {
	width: 24% !important;
	margin: .7% 0 0 .8% !important;
	}

	#login-explanation {
	width:95%;
	}
	.work-onpage li .media-centered{
	position:relative;
	top:0;
	transform: translateY(0) translateX(0);
	left:0;
	}
}
/*  -------------- FOOTER ----------------*/
#footer {
background:#000;
width:99%;
height:16px;
float:left;
position:relative; 
z-index:999;
padding:3px 0 0 0;
}
#footer h3{
font-family:"Hiragino Kaku Gothic Std", "ヒラギノ角ゴ Std W8","Archivo Black";	
font-size:10px;
font-weight:400;
color: #fff;
clear:none;
float:left;
margin:0 0 0 9px;
}
#footer img{
float:right;
margin:0 9px 0 0;
}
.shad-under{
float:left;
width:100%;
height:28px;
position:relative;
z-index:999;
background:url(http://www.carstennewmedia.com/themes/site_themes/default_site/images/shad-under.png) top left no-repeat;
}
/* Button */
a.btn, .btn {
color:#ffffff;
text-decoration:none;
text-shadow: #B40012 1px 1px 2px;
margin:0 7px 0 -3px;
padding:7px 42px 8px 14px;
text-align:center;
font: normal 14px "Hiragino Kaku Gothic Std", "ヒラギノ角ゴ Std W8","Archivo Black", Arial, Helvetica;
font-weight:400;
cursor: pointer;
border:none;
-moz-border-radius:18px; /* Firefox */
-webkit-border-radius:18px; /* Safari, Chrome */
border-radius:18px; /* CSS3 */

-moz-box-shadow: 2px 2px 6px #666;
-webkit-box-shadow: 2px 2px 6px #666;
box-shadow: 2px 2px 6px #666; 


background:url(http://www.carstennewmedia.com/themes/site_themes/default_site/images/btn-arrow-right.png) center right no-repeat #DE0016;
background:url(http://www.carstennewmedia.com/themes/site_themes/default_site/images/btn-arrow-right.png) center right no-repeat, -moz-linear-gradient(top, #EE0020 56%, #DE0016 88%); /* FF3.6+ */
background:url(http://www.carstennewmedia.com/themes/site_themes/default_site/images/btn-arrow-right.png) center right no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(56%,#EE0020), color-stop(88%,#DE0016)); /* Chrome,Safari4+ */
background:url(http://www.carstennewmedia.com/themes/site_themes/default_site/images/btn-arrow-right.png) center right no-repeat, -webkit-linear-gradient(top, #EE0020 56%,#DE0016 88%); /* Chrome10+,Safari5.1+ */
background:url(http://www.carstennewmedia.com/themes/site_themes/default_site/images/btn-arrow-right.png) center right no-repeat, -o-linear-gradient(top, #EE0020 56%,#DE0016 88%); /* Opera11.10+ */
background:url(http://www.carstennewmedia.com/themes/site_themes/default_site/images/btn-arrow-right.png) center right no-repeat, -ms-linear-gradient(top, #EE0020 56%,#DE0016 88%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EE0020', endColorstr='#DE0016',GradientType=0 ); /* IE6-9 */
background:url(http://www.carstennewmedia.com/themes/site_themes/default_site/images/btn-arrow-right.png) center right no-repeat, linear-gradient(top, #EE0020 56%,#DE0016 88%); /* W3C */	
}
a.btn:hover {
-moz-box-shadow: 2px 2px 7px #555;
-webkit-box-shadow: 2px 2px 7px #555;
box-shadow: 2px 2px 7px #555; 

background:url(http://www.carstennewmedia.com/themes/site_themes/default_site/images/btn-arrow-right.png) center right no-repeat #F5051D;
background:url(http://www.carstennewmedia.com/themes/site_themes/default_site/images/btn-arrow-right.png) center right no-repeat, -moz-linear-gradient(top, #FF0527 56%, #F5051D 88%); /* FF3.6+ */
background:url(http://www.carstennewmedia.com/themes/site_themes/default_site/images/btn-arrow-right.png) center right no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(56%,#FF0527), color-stop(88%,#F5051D)); /* Chrome,Safari4+ */
background:url(http://www.carstennewmedia.com/themes/site_themes/default_site/images/btn-arrow-right.png) center right no-repeat, -webkit-linear-gradient(top, #FF0527 56%,#F5051D 88%); /* Chrome10+,Safari5.1+ */
background:url(http://www.carstennewmedia.com/themes/site_themes/default_site/images/btn-arrow-right.png) center right no-repeat, -o-linear-gradient(top, #FF0527 56%,#F5051D 88%); /* Opera11.10+ */
background:url(http://www.carstennewmedia.com/themes/site_themes/default_site/images/btn-arrow-right.png) center right no-repeat, -ms-linear-gradient(top, #FF0527 56%,#F5051D 88%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF0527', endColorstr='#F5051D',GradientType=0 ); /* IE6-9 */
background:url(http://www.carstennewmedia.com/themes/site_themes/default_site/images/btn-arrow-right.png) center right no-repeat, linear-gradient(top, #FF0527 56%,#F5051D 88%); /* W3C */	
}
/* Button */
a.btn-small, .btn-small {
color:#ffffff;
text-decoration:none;
text-shadow: #B40012 1px 1px 2px;
margin:0 7px 0 -3px;
padding:1px 38px 2px 7px;
text-align:center;
font: normal 9px "Hiragino Kaku Gothic Std", "ヒラギノ角ゴ Std W8","Archivo Black",  Arial, Helvetica;
font-weight:400;
cursor: pointer;
border:none;
-moz-border-radius:8px; /* Firefox */
-webkit-border-radius:8px; /* Safari, Chrome */
border-radius:8px; /* CSS3 */
-moz-box-shadow: 2px 2px 6px #222;
-webkit-box-shadow: 2px 2px 6px #222;
box-shadow: 2px 2px 6px #222; 
background:url(http://www.carstennewmedia.com/themes/site_themes/default_site/images/question-mark-circle.png) center right no-repeat #DE0016;
background:url(http://www.carstennewmedia.com/themes/site_themes/default_site/images/question-mark-circle.png) center right no-repeat, -moz-linear-gradient(top, #EE0020 56%, #DE0016 88%); /* FF3.6+ */
background:url(http://www.carstennewmedia.com/themes/site_themes/default_site/images/question-mark-circle.png) center right no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(56%,#EE0020), color-stop(88%,#DE0016)); /* Chrome,Safari4+ */
background:url(http://www.carstennewmedia.com/themes/site_themes/default_site/images/question-mark-circle.png) center right no-repeat, -webkit-linear-gradient(top, #EE0020 56%,#DE0016 88%); /* Chrome10+,Safari5.1+ */
background:url(http://www.carstennewmedia.com/themes/site_themes/default_site/images/question-mark-circle.png) center right no-repeat, -o-linear-gradient(top, #EE0020 56%,#DE0016 88%); /* Opera11.10+ */
background:url(http://www.carstennewmedia.com/themes/site_themes/default_site/images/question-mark-circle.png) center right no-repeat, -ms-linear-gradient(top, #EE0020 56%,#DE0016 88%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EE0020', endColorstr='#DE0016',GradientType=0 ); /* IE6-9 */
background:url(http://www.carstennewmedia.com/themes/site_themes/default_site/images/question-mark-circle.png) center right no-repeat, linear-gradient(top, #EE0020 56%,#DE0016 88%); /* W3C */	
}
a.btn-small:hover {
-moz-box-shadow: 2px 2px 7px #222;
-webkit-box-shadow: 2px 2px 7px #222;
box-shadow: 2px 2px 7px #222;
background:url(http://www.carstennewmedia.com/themes/site_themes/default_site/images/question-mark-circle.png) center right no-repeat #F5051D;
background:url(http://www.carstennewmedia.com/themes/site_themes/default_site/images/question-mark-circle.png) center right no-repeat, -moz-linear-gradient(top, #FF0527 56%, #F5051D 88%); /* FF3.6+ */
background:url(http://www.carstennewmedia.com/themes/site_themes/default_site/images/question-mark-circle.png) center right no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(56%,#FF0527), color-stop(88%,#F5051D)); /* Chrome,Safari4+ */
background:url(http://www.carstennewmedia.com/themes/site_themes/default_site/images/question-mark-circle.png) center right no-repeat, -webkit-linear-gradient(top, #FF0527 56%,#F5051D 88%); /* Chrome10+,Safari5.1+ */
background:url(http://www.carstennewmedia.com/themes/site_themes/default_site/images/question-mark-circle.png) center right no-repeat, -o-linear-gradient(top, #FF0527 56%,#F5051D 88%); /* Opera11.10+ */
background:url(http://www.carstennewmedia.com/themes/site_themes/default_site/images/question-mark-circle.png) center right no-repeat, -ms-linear-gradient(top, #FF0527 56%,#F5051D 88%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF0527', endColorstr='#F5051D',GradientType=0 ); /* IE6-9 */
background:url(http://www.carstennewmedia.com/themes/site_themes/default_site/images/question-mark-circle.png) center right no-repeat, linear-gradient(top, #FF0527 56%,#F5051D 88%); /* W3C */	
}
/* Button */
a.btn-medium, .btn-medium {
color:#ffffff;
text-decoration:none;
text-shadow: #B40012 1px 1px 2px;
margin:0 7px 0 -3px;
padding:2px 35px 2px 14px;
text-align:center;
font: normal 12px "Hiragino Kaku Gothic Std", "ヒラギノ角ゴ Std W8","Archivo Black",  Arial, Helvetica;
font-weight:400;
cursor: pointer;
border:none;
-moz-border-radius:13px; /* Firefox */
-webkit-border-radius:13px; /* Safari, Chrome */
border-radius:13px; /* CSS3 */
-moz-box-shadow: 2px 2px 6px #222;
-webkit-box-shadow: 2px 2px 6px #222;
box-shadow: 2px 2px 6px #222; 
background:url(http://www.carstennewmedia.com/themes/site_themes/default_site/images/btn-arrow-right-medium.png) center right no-repeat #DE0016;
background:url(http://www.carstennewmedia.com/themes/site_themes/default_site/images/btn-arrow-right-medium.png) center right no-repeat, -moz-linear-gradient(top, #EE0020 56%, #DE0016 88%); /* FF3.6+ */
background:url(http://www.carstennewmedia.com/themes/site_themes/default_site/images/btn-arrow-right-medium.png) center right no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(56%,#EE0020), color-stop(88%,#DE0016)); /* Chrome,Safari4+ */
background:url(http://www.carstennewmedia.com/themes/site_themes/default_site/images/btn-arrow-right-medium.png) center right no-repeat, -webkit-linear-gradient(top, #EE0020 56%,#DE0016 88%); /* Chrome10+,Safari5.1+ */
background:url(http://www.carstennewmedia.com/themes/site_themes/default_site/images/btn-arrow-right-medium.png) center right no-repeat, -o-linear-gradient(top, #EE0020 56%,#DE0016 88%); /* Opera11.10+ */
background:url(http://www.carstennewmedia.com/themes/site_themes/default_site/images/btn-arrow-right-medium.png) center right no-repeat, -ms-linear-gradient(top, #EE0020 56%,#DE0016 88%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EE0020', endColorstr='#DE0016',GradientType=0 ); /* IE6-9 */
background:url(http://www.carstennewmedia.com/themes/site_themes/default_site/images/btn-arrow-right-medium.png) center right no-repeat, linear-gradient(top, #EE0020 56%,#DE0016 88%); /* W3C */	
}
a.btn-medium:hover {
-moz-box-shadow: 2px 2px 7px #555;
-webkit-box-shadow: 2px 2px 7px #555;
box-shadow: 2px 2px 7px #555; 
background:url(http://www.carstennewmedia.com/themes/site_themes/default_site/images/btn-arrow-right-medium.png) center right no-repeat #F5051D;
background:url(http://www.carstennewmedia.com/themes/site_themes/default_site/images/btn-arrow-right-medium.png) center right no-repeat, -moz-linear-gradient(top, #FF0527 56%, #F5051D 88%); /* FF3.6+ */
background:url(http://www.carstennewmedia.com/themes/site_themes/default_site/images/btn-arrow-right-medium.png) center right no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(56%,#FF0527), color-stop(88%,#F5051D)); /* Chrome,Safari4+ */
background:url(http://www.carstennewmedia.com/themes/site_themes/default_site/images/btn-arrow-right-medium.png) center right no-repeat, -webkit-linear-gradient(top, #FF0527 56%,#F5051D 88%); /* Chrome10+,Safari5.1+ */
background:url(http://www.carstennewmedia.com/themes/site_themes/default_site/images/btn-arrow-right-medium.png) center right no-repeat, -o-linear-gradient(top, #FF0527 56%,#F5051D 88%); /* Opera11.10+ */
background:url(http://www.carstennewmedia.com/themes/site_themes/default_site/images/btn-arrow-right-medium.png) center right no-repeat, -ms-linear-gradient(top, #FF0527 56%,#F5051D 88%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF0527', endColorstr='#F5051D',GradientType=0 ); /* IE6-9 */
background:url(http://www.carstennewmedia.com/themes/site_themes/default_site/images/btn-arrow-right-medium.png) center right no-repeat, linear-gradient(top, #FF0527 56%,#F5051D 88%); /* W3C */	
}
/******************************************************************
TEXT SELECTION STYLES
******************************************************************/
/* Safari, Chrome, iPhones, iPads */
::-webkit-selection { 
background: #6fc2f6; 
color:#fff; 
text-shadow : none; 
}
/* Firefox */
::-moz-selection { 
background: #6fc2f6; 
color:#fff; 
text-shadow : none; 
}
/* The Rest of em */
::selection { 
background: #6fc2f6; 
color:#fff; 
color:#fff; 
text-shadow : none; 
}
body {
-webkit-text-size-adjust: 100%;
}
@media only screen and (min-width: 865px) {
	body.fixed #wrapper,
	body.fixed #footer,
	body.fixed .main-li,
	body.fixed .logo-link,
	body.fixed .shad-under,
	body.fixed #right-nav
	{
	position: fixed !important;
	z-index:999;
	}
	body.fixed #right-nav {
	right:0;
	}
	body.fixed #wrapper {
	height: 100vh;
	}
	body.fixed .fixed1 {
	top: 57px;
	}
	body.fixed .fixed2 {
	bottom: 68px;	
	}
	body.fixed .fixed3 {
	bottom: 27px;
	}
	body.fixed #footer {
	bottom:7px;
	}
	body.fixed .shad-under{
	width:100%;
	bottom: -21px;
	}
	body.fixed #top-cover {
	margin: 0;
	padding: 0;
	background:url(http://www.carstennewmedia.com/themes/site_themes/default_site/images/bg.jpg) top left no-repeat #D6D7D8;
	background-size:140%;
	width:100%;
	height:94px;
	position:fixed;
	top:0;
	left:0;
	z-index:991;
	}
	body.fixed .content-ajax {
	padding-top:90px;
	}
}