* {margin:0; padding:0; text-decoration:none; font-weight:normal;font-weight:normal;}
.clear     {clear:both; }
.left      {float:left; }
.right {float:right }
body {background:#fafafa; padding:20px; font:15px arial, sans-serif;color:#666 }
ul   {list-style:none; }
p {line-height:21px; margin-top:5px  }
h2 {font:40px arial, sans-serif; color:#588187;  }
h3 {font-size:26px; color:#b15434;}
strong {font-weight:bold; }

#page-wrap {width:1000px; margin:0 auto; }

a       {color:#00c8e5; }
a:hover {color:#000; }

h1.intro             {font-size:45px; margin-bottom:40px; color:#588187; }


h1 a {text-indent:-9999px; display:block; background:url(http://designprintship.com/images/dpslogov10.png) no-repeat; width:350px; height:60px; margin:0 0 40px 0; float:left; }
.phone                    {height:38px; background:url(images/bubble.png) no-repeat; display:block; float:right; color:#00c8e5; font:30px arial, sans-serif; padding:10px 0 0 80px; }
.phone:hover              {background-position:0 -48px }

.faq                    {height:38px; background:url(images/faq.png) no-repeat; display:block; float:right; color:#00c8e5; font:30px arial, sans-serif; padding:10px 0 0 45px; margin-right:30px }
.faq:hover              {background-position:0 -50px }

.web-header a             { padding:8px; margin:5px; display:block; width:200px;  }
.intro-cards, .intro-web  {font:35px arial, san-serif; margin:0px 0px; width:400px; color:#b15434;}
.intro-cards             {color:#b15434;}
.intro-web               { margin-top:10px}
.get-started             { margin:10px 0 0 0; color:#00c8e5; font:30px arial, sans-serif; background:url(images/arrows.png) no-repeat; height:43px; padding:7px 0 0 55px; display:block;}
.get-started:hover       {background-position:0 -49px; }
.300                     {width:300px; }
.checklist                {margin:10px 0 0 5px; list-style:none;   }
.checklist li             {padding:10px 0 0 0; font-size:18px;  }
.checklist li img          {padding-right:10px; vertical-align:bottom; }
.portfolio-link            {width:300px; position:relative; left:500px; top:-50px; color:#00c8e5; font:30px arial, sans-serif; background:url(images/arrows.png) no-repeat; height:43px; padding:7px 0 0 55px; display:block; }
.portfolio-link:hover       {background-position:0 -49px; }
.top                        {position:relative; top:-50px !important; }

.portfolio-header           {background: rgb(252, 252, 252); /* The Fallback */ background: rgba(240, 240, 240, 0.3); padding:10px; width:300px; margin-left:18px; border:3px solid  #e3e2e2 }

#cu3er-container1, #cu3er-container2 {float:right; width:500px; height:300px; outline:none; margin:0 0 0 30px 0; border:10px solid #eaeaea; }
#cu3er-container2  {margin-top:30px }

#mission           {text-align:justify; }
#mission li        {width:265px;  float:left; margin-left:20px; background: rgb(252, 252, 252); /* The Fallback */ background: rgba(240, 240, 240, 0.3); padding:13px;  border:10px solid  #eaeaea  }
#mission li:hover  {background: rgb(252, 252, 252); /* The Fallback */ background: rgba(252, 252, 252, .9);}

#faq     {margin-top:25px; width:640px }
#faq li  {margin-bottom:9px;  }
.q       {font-size:19px; color:#588187; line-height:26px;}
.a       {padding-bottom:20px; font-size:17px; line-height:22px;}
#quote-container {margin-top:30px; width:900px }
#quote-container li {margin-bottom:9px }
#quote-container img {margin-left:5px; border:5px solid #eaeaea; }
#quote-container strong   {color:#588187 }
.quote                    {background:url(images/quotes.png) no-repeat; padding:10px 0 10px 70px; border-bottom:3px solid #eaeaea  }
.client                   {font-size:15px; border-bottom:3px solid #eaeaea; padding:0 0 8px 0; }

#footer            {float:left; margin-top:20px; }
#footer li         {float:left; margin:20px 30px 10px 0; }
/* background: rgba(240, 240, 240, 0.3); border:10px solid #eaeaea;*/
.portfolio-gallery li {float:left; margin:0 15px 15px 0; }
.thumb             {   }
span.meta             {font-size:11px;  }

a.single_image img, a.single_image            {border:2px solid #bababa; overflow:hidden; float:left;  }
a.single_image:hover                            {border:9px solid #00c8e5; }
a.single_image:hover img                       {margin:-7px;}


.none, a.none, a.none img             {display:none; border:none}


.portfolio-gallery { margin-right:30px; padding:10px; padding-left:0; float:left; }  /*  background: rgb(252, 252, 252