html{font-size:62.5%;}
body {
  margin:0;
  font:1.4em/1.28 Arial, sans-serif;
  background:#fff url(/custom/framework/body-bg.gif) repeat-x 0 0;
  min-width:975px;
  
}
a {outline: none;color: #00467F;}
a:hover{color:#f58024;}
a.work {color:#fff;}
a.work:hover {text-decoration:none;}
form{display:inline;}
h1, #app #add-client-form h1{
  margin:0 0 0px 0;
        padding:0 0 0 0;
  color:#1668AB;
  font-size:1.95em;
  font-weight:normal;
}

h3{
  font:normal 31px/52px Myriad Pro, Arial, sans-serif;
  margin:0;
  padding:0 0 0 15px;
}
h4{
  clear:both;
  margin:0;
  color:#5e8aaf;
}
h5{margin:0;}

.rss {
  display:block;
  width:36px;
  height:36px;
  float:left;
  background:url('/images/buttons/rss-icon.gif');
  margin-right:8px;
}

p{
  color:#000;
  margin:0;
}

.clear {
  clear: both;
}

#main{
  width:975px;
  overflow:hidden;
  margin:0 auto;
  padding:0 0 107px;
}
#header{
  height:180px;
  overflow:hidden;
  position:relative;
  width:975px;
}
.phone{
  position:absolute;
  top:67px;
  right:45px;
  overflow:hidden;
}
.phone h1, .phone span{
  color:#f3974f;
  display:block;
  text-align:right;
  font: 1.4em/1.28 Arial,sans-serif;
}
.phone strong{
  color:#6b93b3;
  font-size:2.14em;
  line-height:1em;
  display:block;
  text-align:right;
}
#menu{
  position:absolute;
  top:122px;
  /*left:343px;*/
        left:420px;
  margin:0;
  padding:0;
  list-style:none;
}
#menu li{
  float:left;
  padding:0 25px 0 20px;
}
#menu li a{
  display:block;
  font:1.21em/2.33em Arial, sans-serif;
  color:#384d60;
  text-decoration:none;
}
#menu li a:hover{
  color:#f58024;
  background:url(/custom/framework/tip-hover.gif) repeat-x 0 100%;
}
strong.logo1{
  position:absolute;
  top:40px;
  left:42px;
  width:228px;
  height:106px;
}
strong.logo1 a{
  width:228px;
  height:106px;
  display:block;
  overflow:hidden;
  text-indent:-9999px;
  background:url(/custom/framework/logo.gif) no-repeat 0 0;
}
.top-links{
  position:absolute;
  overflow:hidden;
  top:0;
  right:17px;
  float:right;
  background:url(/custom/framework/bg-menu.gif) repeat-x 0 0;
}
.top-links-bg{
  overflow:hidden;
  background:url(/custom/framework/right-menu.gif) no-repeat 100% 0;
}
* html .top-links-bg{width:350px;}
.top-links ul{
  margin:0;
  padding:5px 32px 0 0;
  list-style:none;
  float:left;
  background:url(/custom/framework/left-menu.gif) no-repeat 0 0;
  height:45px;
}
.top-links li{
  float:left;
  padding:0 0 0 32px;
}
.top-links li a{
  display:block;
  line-height:2.34em;
  text-decoration:none;
  color:#6b93b3;
  float:left;
}
.top-links li a:hover{
  color:#f58024;
  background:url(/custom/framework/tip-hover.gif) repeat-x 0 100%;
}
.center{
  width:975px;
  clear:both;
  height:325px;
  background:url(/custom/framework/block.png) no-repeat 0 0;
  position: relative;
}
.h1-block1,
.h1-block2{
  position: absolute;
  top:20px;
  left:96px;
  width:420px;
        z-index: 100;
}
.h1-block2{top:145px;}
.h1-block1 p,
.h1-block2 p{
  font-size:1.43em;
  line-height:1.41em;
  color:#9bd2ff;
}

.center h2 {
  background:url(/custom/framework/h2bg.png) no-repeat 0 0;
  font:3.21em Arial, sans-serif;
  color:#fff;
  padding:0 0 0 60px;
  margin:0;
  width:100%;
}

.center h2 a {
  color:#fff;
        text-decoration: none;
        cursor: pointer;
}

.center h2 a:hover {
  color:#f58024;
        text-decoration: none;
        cursor: pointer;
}

.flash-cont{
  width:385px;
  height:325px;
  position:absolute;
  top:0;
  right:40px;
}
.content-holder{
  width:975px;
  overflow:hidden;
}
/*--------------Portfolio----------------*/
.column1-portfolio{
  float:left;
  width:942px;
  overflow:hidden;
}



.column1{
  float:left;
  width:550px;
  overflow:hidden;
}

.column1 p {
  padding: 0 20px 0 40px;
        line-height: 22px;
}

.column1 p a {
  color:#548ebe;
  text-decoration: underline;
}

.column1 p a:hover {
  color:#f58024;
  text-decoration: underline;
}

.col-block{
  padding:0 0 0 40px;
  width:95%;
  overflow:hidden;
  float:left;
}
a.web-design,
a.web-dev,
a.web-an,
a.search,
a.e-marc,
a.internet-marketing{
  background:url(/custom/framework/web-d.gif) no-repeat 0 0;
  overflow:hidden;
  text-indent:-9999px;
  float:left;
  width:58px;
  height:65px;
  padding:0 0 40px;
}
a.internet-marketing{background:url(/custom/framework/seoicon.gif) no-repeat 0 0;}
a.web-dev{background:url(/custom/framework/web-dev.gif) no-repeat 0 0;}
a.web-an{background:url(/custom/framework/web-an.gif) no-repeat 0 0;}
a.search{background:url(/custom/framework/search.gif) no-repeat 0 0;}
a.e-marc{background:url(/custom/framework/e-marc.gif) no-repeat 0 0;}
.col-block h3{
  margin:0;
  float:left;
  padding:0;
}
.col-block h3 a{
  color:#548ebe;
  font:0.5em/1.1 Arial, sans-serif;
  text-decoration:none;
  display:block;
}
.col-block h3 a:hover{text-decoration:underline; color: #f58024;}
.col-block ul{
  margin:0;
  padding:12px 0 0;
  float:left;
  width:450px;
  list-style:none;
}
.col-block li{
  float:left;
  width:210px;
}
.column2{
  float:right;
  width:392px;
  overflow:hidden;
  padding:27px 0 0 33px;;
}
.column2 h2 {
  color:#5E8AAF;
font-size:1.5em;
font-weight:normal;
line-height:18px;
margin:40px 0 10px;
padding:0 0;}
.column2 h4{
  padding:30px 0 0 9px;
  float:left;
  width:100%;
}
.column2 h4 a{
  font-size:1.3em;;
  color:#5e8aaf!important;
  text-decoration:none;
}
.column2 h4 a:hover{text-decoration:underline;}
.column2 p{
  padding:0 0 0 9px;
  display:block;
  float:left;
}
.column2 .ppc p {padding:0;float:none;}
.column2 a{
  text-decoration:underline;
  color:#5e8aaf;
}
.column2 a:hover{text-decoration:none;}
.bot-right a{
  display:block;
  overflow:hidden;
  margin:0;
  padding:0;
}

/*--------------Portfolio Plug-In ----------------*/

#portfolio{
  float:right;
  width:392px;
  overflow:hidden;
  padding:27px 0 0 33px;
  margin-top: 25px;
}


.portimg {
  float:left;
  }
  
.port-bot-right{
  background:url(/custom/framework/right-bot-con.gif) no-repeat 100% 100%;
  padding:0 15px 11px;
  overflow:hidden;
}

.portinfo {
  margin: 0px;
  width: 400px;
}

.portinfo h5{
  margin:0px 0 0px 0;
  padding:0px 0 0px 0;
  color:#5E8AAF;
  font-size:1.5em;
  font-weight: normal;
}

.portservices {
  color: #999999;
  font-size:10px;
}

.portsite {
  text-align: right;
}

.column3{
  float:left;
  width:942px;
  overflow:hidden;
}

.column3 p {
  padding: 0 20px 0 40px;
        line-height: 22px;
}

.column3 p a {
  color:#548ebe;
  text-decoration: underline;
}

.column3 p a:hover {
  color:#f58024;
  text-decoration: underline;
}






a img{
  border:0;
  display:block;
}
a.site{
  display:block;
  text-align:right;
  padding:0 37px 0 0;
  overflow:hidden;
}
.top-left{
  background:url(/custom/framework/left-top-con.gif) no-repeat 0 0;
  clear:both;
  float:left;
  overflow:hidden;
}
.top-right{
  background:url(/custom/framework/right-top-con.gif) no-repeat 100% 0;
  padding:5px 0 0;
  overflow:hidden;
}
.bot-left{
  background:url(/custom/framework/left-bot-con.gif) no-repeat 0 100%;
  overflow:hidden;
}
.bot-right{
  background:url(/custom/framework/right-bot-con.gif) no-repeat 100% 100%;
  padding:0 11px 11px;
  overflow:hidden;
}
.picture{
  clear:both;
  overflow:hidden;
  padding:10px 0 5px;
  width:100%;
}
#footer{
  width:100%;
  padding:0 0 100px;
  background:url(/custom/framework/footer-bg.gif) repeat-x 0 0;
}
.foot{
  margin:0 auto;
  width:925px;
  background:#c6e9f7 url(/custom/framework/foot-bg.gif) no-repeat 0 0;
  padding:25px 0;
  position:relative;
}
strong.logo2{
  position:absolute;
  right:31px;
  top:-41px;
  width:193px;
  height:100px;
}
strong.logo2 a{
  width:193px;
  height:100px;
  background:url(/custom/framework/logo2.png) no-repeat 0 0;
  overflow:hidden;
  text-indent:-9999px;
  display:block;
}
.foot-block{
  overflow:hidden;
  background:url(/custom/framework/foot-bg2.gif) repeat-y 0 0;
  width:925px;
}
.foot h5 a{
  color:#00467f;
  text-decoration:none;
  font-size:1.55em;
  font-weight:normal;
}
.foot h5 a:hover{text-decoration:underline;}

.foot h5 a.h5blog {position:relative; top:5px;}

.foot-block1{
  width:217px;
  overflow:hidden;
  float:left;
  padding:0 27px;
}
.foot-text{
  clear:both;
  padding:0 0 10px;
}


.foot-text p{
  font-size: 0.8em;
}

.foot-block2{
  width:357px;
  overflow:hidden;
  float:left;
  padding:0 30px 0 20px;
}
.foot-block3{
  width:180px;
  padding:45px 33px 0;
  overflow:hidden;
  float:left;
}

.foot-block3 p a {
  color: #00467f;
        text-decoration: underline;
}

.foot-block3 p a:hover {
  color: #f58024;
        text-decoration: underline;
}

.photo{
  float:left;
  border:1px solid #b3b3b3;
  padding:0;
  overflow:hidden;
  margin:0 20px 20px 0;
}
.photo span{
  border:2px solid #fff;
  display:block;
  overflow:hidden;
  height:34px;
  width:34px;
}
p.posted{color:#878787!important;}
.foot-block2 a{
  text-decoration:underline;
  color:#5e8aaf;
}
.foot-block2 a:hover{text-decoration:none;}
.blog-posts{
  clear:both;
  overflow:hidden;
  padding:15px 0 0;
}
.text{
  overflow:hidden;
  padding:0 50px 0 40px;
}

.text h2, #app #add-client-form h2{
  margin:40px 0 0px 0;
        padding:0px 0 0px 0;
  color:#5E8AAF;
  font-size:1.5em;
  font-weight: normal;
        line-height: 18px;
}

.text p{
        margin:10px 0 10px 0;
  padding:0 0 0px 0;
  line-height:1.43em;
}
.text p a{
  color:#5e8aaf;
  text-decoration:underline;
}
.text p a:hover{text-decoration:none;}

ul.col2-navigation{
  margin:8px 0 28px 7px;
  padding:0;
  list-style:none;
  width:345px;
  overflow:hidden;
}
ul.col2-navigation li{
  width:345px;
  float:left;
}
ul.col2-navigation a{
  width:321px;
  display:block;
  background:url(/custom/framework/li-bg.gif) no-repeat 0 100%;
  line-height:36px;
  color:#5e8aaf;
  text-decoration:none;
  padding:0 0 0 24px;
}
ul.col2-navigation a:hover{background-position:top;}
.center2{
  width:975px;
  clear:both;
  height:150px;
  background:url(/custom/framework/block2.png) no-repeat 0 0;
  position:relative;
}

.center2 span{
  display:block;
  position:absolute;
  top:27px;
  left:54px;
  font-size:1.571em;
  color:#fff;
}

.center2 strong{
  color:#97cfe6;
  font-size:1.59em;
  font-weight:normal;
}
.flash-cont2{
  width:506px;
  height:150px;
  position:absolute;
  top:0;
  right:40px;
  background:url(/custom/framework/flash-cont2.png) no-repeat 0 0;
}
.comment_text p {
margin:5px 0;
}

#featuredRightBox {padding:12px; background:url('/images/framework/featured-rt-bg3.jpg'); margin:0 0 25px 0; width:336px; height:190px;}
#featuredRightBox h4 {float:left; padding:8px; font-size:1.1em;}

#featuredEmailBox {position:relative; left:-14px; padding:15px 0 0 90px; background:url('/images/framework/featured-email-bg.jpg'); margin:0 0 25px 0; width:285px; height:85px;}
#featuredEmailBox h4 {float:left; padding:13px 0 4px 0; font-size:1.1em; color:#3977aa;}
#featuredEmailBox div form {float:left; font-size:11px;}
#featuredEmailBox div form label {}
#featuredEmailBox div form input {float:left; color:#999; margin:0 8px 0 0;padding:1px 1px 1px 2px;}
#featuredEmailBox div form input.emailField {width:184px;}
#featuredEmailBox div form input.submit {margin:1px 0 0 0;}


#ppc-form {border:#D4EFF9 10px solid; padding:5px;}
#ppc-form td {padding:3px;}

/* templates */

.templates{
  overflow:hidden;
  position:relative;
  list-style:none;
  width: 100%;
}
.templates li{
  float:left;
  display:inline;
  margin:0 20px 20px 0;
  width:280px;
  height:250px;
  padding:0 0 20px;
}
.templates li h3{
  margin:0;
  padding:0 0 5px 15px;
  font-size:20px;
  line-height:20px;
}
.templates li h3 a { 
  text-decoration: none;
  color: #00467F;
}
.templates li h3 a:hover {
  text-decoration: underline;
  color: #00467F;
}
.templates li p{
  margin: 0;
  padding:0 0 0 15px;
  line-height:18px;
}
.templates a {
  color: #F36523;
}

/* New Portfolio */

#portfolio-new{list-style-type:none;padding:0;margin:0;width: 925px;}
#portfolio-new li{width: 900px;overflow:hidden;padding: 50px 0 10px 0;}
#portfolio-new p{margin: 15px 0 10px 0;}
#portfolio-new .top-left{float:left;margin-right:50px;}
#portfolio-new .sitelink{float:right;}
#portfolio-new h2 a {
    color: #5E8AAF;
    font-weight: normal;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-decoration:none;
}
#portfolio-new h2{margin:0;padding:0;}
#portfolio-new h2 a:hover{text-decoration:underline;}
#portfolio-new li li{padding:5px 0 0 10px;list-style-type:disc;overflow:visible;}
#portfolio-new li ul{margin:0 0 0 450px;height:100%;}

.social{padding-left: 20px;}
.social a img{display:inline;margin: 8px;}
#footer .social{padding: 10px 0 0 0;margin:0;}
#footer .social a img{display:inline;margin: 0 8px 0 0;padding:0;}

/* New Testimonials - New Video Demo */

#column2 .info {width:100%; overflow:hidden; padding:3px 0 30px 8px;}
#column2 .info .img {float:left; width:92px; margin:3px 11px 0 0; border:1px solid #ba8a4c; display:inline;}
#column2 .info img {display:block;}
#column2 .info .txt {overflow:hidden; height:1%;}
* html #column2 .info .img{margin:0 8px 0 0;}
#column2 .info p {margin:0;}
#column2 .testimonials p{margin: 10px 0 0 0;}

#column2 .video-demo p{margin: 10px 0 0 0;}
#column2 .video-title {margin: 10px 0; font-weight:bold;}
#column2 .video-txt {margin: 5px 0;}

#services span{display:block;padding: 15px 0 15px;}
#services ul{display:inline;padding:0px;}
#services ul li{display:inline;margin:0 15px 0 0;padding: 5px 0 10px 15px;}
#services .logos{margin: 10px 0 5px; padding: 18px 0 0 0;}

#video h2{font-size:14px;margin:10px 0;padding:0;}
#video .list-preview{list-style:none;margin:0;padding:0;width:550px;}
#video .list-preview li{display:inline-block;margin:0 50px 0 0;padding:0 3px 12px 5px;width:215px;height:335px;position:relative;vertical-align:top;overflow:hidden;}
#video .list{list-style:none;margin:0;padding:0;width:550px;}
#video .list li{display:inline-block;margin:0 4px 0 0;padding:0 3px 12px 5px;width:202px;height:115px;position:relative;background:url(/custom/images/bg-list-li.png) no-repeat;}
*+html #video .list li{display:inline;}
#video .list li img{border:1px solid #fff;vertical-align:top;}
#video .text-holder {font-size:14px;line-height:20px;padding: 10px 0 0 2px;}


/* Mini Photo Gallery */

.photo-gallery{clear:both;}
.photo-gallery p.note{font-style:italic;margin:3px;padding:0;font-size:12px;}
.photo-gallery .gallery img{border:1px solid #5e8aaf;margin:5px 10px 10px 0;padding:5px;float:left;}
.photo-gallery ul{margin:0;padding:0;}
.photo-gallery ul li{list-style-type:none;}