body{
background:#efefef;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:0;
color:#58585a;

}
p{
margin:0;
padding:0;
}

h1,h2{
color:#e92b9b;
font-size:18px;
font-weight:normal;
margin:0 0 8px 0;
}

textarea{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
a, a:visited, a:active{
color:#e92b9b;
text-decoration:none;
}
a:hover{
text-decoration:underline;
color:#e92b9b
}

#wrapper{
width:985px;
padding:0 25px 50px 25px;
margin:auto;
clear:both;
background: #fff;

}

.clear{
margin:0;
padding:0;
width:0;
height:0;
line-height:0;
overflow:hidden;
clear:both;
}

#header{
width:985px;
padding:0;
margin:auto;
float:left;
height:120px;
clear:both;
}

#header .logo{
float:left;
margin:18px 0 0 0;
}

.pg-container{
width:985px;
float:left;
padding:0;
margin:0;
clear:both;
}
/**********************
Navigation styles
**********************/
#nav{
width:365px;
padding:0;
margin:39px 0 0 0;
float:right;
line-height:1px;
height:19px;
overflow:hidden;
}

#nav ul{
margin:0;
padding:0;
float:left;
}

#nav ul li{
list-style:none;
margin:0;
padding:0;
float:left;
line-height:1px;
display:block;
height:19px;
overflow:hidden;
}

#nav ul li a{
float:left;
display:block;
height:19px;
overflow:hidden;
text-indent:-9999px;
background:url(../images/h02-nav.gif) no-repeat;
}
#nav ul li.nav-about a{
width:62px;
background-position:0 0;
}
#nav ul li.nav-approach a{
width:96px;
background-position:-62px 0;
}
#nav ul li.nav-services a{
width:86px;
background-position:-158px 0;
}
#nav ul li.nav-work a{
width:59px;
background-position:-244px 0;
}
#nav ul li.nav-contact a{
width:62px;
background-position:-303px 0;
}

#nav ul li.nav-about a:hover{
background-position:0 -21px;
}
#nav ul li.nav-approach a:hover{
background-position:-62px -21px;
}
#nav ul li.nav-services a:hover{
background-position:-158px -21px;
}
#nav ul li.nav-work a:hover{
background-position:-244px -21px;
}
#nav ul li.nav-contact a:hover{
background-position:-303px -21px;
}

/* sub nav */

#sub-nav{
width:180px;
padding:0 50px 25px 0;
float:left;
height:150px;
}

#sub-nav ul{
margin:0;
padding:0;
}

#sub-nav ul li{
margin:0;
padding:8px 0 8px 0;
list-style:none;
}

#sub-nav li a{
color:#0081a2;
text-decoration:none;
font-size:18px;
font-weight:normal;
}

#sub-nav li a:hover{
text-decoration:underline;
}

#sub-nav ul li ul li{
margin:0;
padding:4px 0 4px 0;
list-style:none;
}

#sub-nav ul li ul li a{
color:#58585a;
text-decoration:none;
font-size:14px;
font-weight:normal;
}


/************************************
Homepage styles
*************************************/
#home-top{
width:985px;
float:left;
padding:0 0 30px 0;
margin:0 0 30px 0;
clear:both;
background:url(../images/home-horiz-line.gif) no-repeat bottom;
}

#home-top-l{
width:491px;
float:left;
padding:0 97px 0 0;
}

#home-top-l strong{
background:#dceff5;
font-weight:normal;
padding:1px;
color:#0081a2;

}

#home-top-r h2{
margin:10px 0 1px 0;
padding:0;
font-size:18px;
font-weight:normal;
color:#515151;
}

#home-top-r h2 a{
color:#515151;
text-decoration:none;
}

#home-top-r h2 a:hover{
color:#e92b9b;
text-decoration:none;
}

#home-top-r{
width:377px;
float:left;
background:#dceff5;
padding:10px 10px 15px 10px;
}

#home-top-r-pic{
width:377px;
float:left;
height:143px;
overflow:hidden;
margin-bottom:20px;
}

#home-top-r-pic ul{
  margin:0;
  padding:0;
}

#home-top-r-pic ul li{
  list-style:none;
  margin:0;
  padding:0 5px 0 0;
  background:#f5fbfd;
  width:372px;
  line-height:16px;
}

#home-top-r-pic ul li h2{
margin:7px 0 5px 0;
padding:0;
font-size:16px;
  }

#home-top-r-pic ul li img{
  float:left;
  padding:0 6px 0 0;
  border:5px solid #f5fbfd;
  height: 133px;
  overflow:hidden;
}

#home-top-l p{
line-height:20px;
font-size:13px;
}

#home-intro-txt{
background:url(../images/home-intro-text.gif) no-repeat;
text-indent:-9999px;
height:189px;
overflow:hidden;
float:left;
width:491px;
}

#home-do-stream{
background:#f6f6f7;
padding:12px;
width:300px;
font-size:12px;
float:left;
min-height:350px;
}

#home-do-stream h3{
text-indent:-9999px;
background:url(../images/home-do-stream.gif) no-repeat;
overflow:hidden;
width:209px;
height:26px;
margin:0;
padding:0 0 20px 0;
}

#home-do-stream ul{
margin:0;
padding:0;
}

#home-do-stream a{
color:#e92b9b;
text-decoration:none;
}

#home-do-stream a:hover{
color:#e92b9b;
text-decoration:underline;
}

#home-do-stream ul li{
list-style:none;
margin:0;
padding:0 0 12px 0;
}

a.stream-date{
color:#58585a !important;
}

#home-insights{
padding:12px;
width:300px;
font-size:12px;
float:left;
margin:0 0 0 40px;
min-height:350px;
color:#58585a;
line-height:20px;
}

.blog-title{
font-size:18px;
color:#58585a;
font-weight:normal;
text-decoration:none;
}

#home-insights h3{
text-indent:-9999px;
background:url(../images/home-insights.gif) no-repeat;
overflow:hidden;
width:150px;
height:26px;
margin:0;
padding:0 0 20px 0;
}

#home-products{
padding:12px;
width:220px;
font-size:12px;
float:left;
margin:0 0 0 40px;
min-height:350px;
line-height:20px;
}

#home-products h3{
text-indent:-9999px;
background:url(../images/home-products.gif) no-repeat;
overflow:hidden;
width:174px;
height:26px;
margin:0;
padding:0 0 20px 0;
}

/*************************
footer styles
***************************/

#footer{
background:url(../images/footer_bkg.jpg) no-repeat;
width:985px;
padding:20px 25px 25px 25px;
margin:auto;
height:85px;
clear:both;
color:#989898;
font-size:12px;
}

#footer a,#footer a:active,#footer a:visited{
color:#989898;
text-decoration:none;
}

#footer a:hover{
color:#989898;
text-decoration:underline;
}

#footer #footer-left{
float:left;
width:450px;
}

#footer #footer-right{
float:right;
text-align:right;
width:450px;
}

#footer #footer-ppp{
text-indent:-9999px;
background:url(../images/footer-ppp.gif) no-repeat;
width:300px;
height:33px;
margin-bottom:13px;
}

.reach-us{
font-size:14px;
padding:5px 0 22px 0;
}

.pink{
color:#e92b9b;
}

/******************************
Subpage Template
*******************************/

#sub-intro{
text-indent:-9999px;
height:195px;
overflow:hidden;
float:left;
width:523px;
}

#sub-rt-box{
width:396px;
overflow:hidden;
float:right;
background:url(../images/sub-rt-bkg.gif) no-repeat;
height:195px;
}

#sub-rt-approach{
width:396px;
overflow:hidden;
float:right;
background:url(../images/sub-rt-approach.jpg) no-repeat;
height:195px;
}

#sub-rt-services{
width:396px;
overflow:hidden;
float:right;
background:url(../images/sub-rt-services.jpg) no-repeat;
height:195px;
}
#sub-rt-contact{
width:396px;
overflow:hidden;
float:right;
background:url(../images/sub-rt-contact.jpg) no-repeat;
height:195px;
}

#sub-rt-contactp{
width:396px;
overflow:hidden;
float:right;
background:url(../images/sub-rt-contactp.jpg) no-repeat;
height:195px;
}

#sub-rt-work1{
width:396px;
overflow:hidden;
float:right;
background:url(../images/sub-rt-work1.jpg) no-repeat;
height:195px;
}

#sub-rt-work2{
width:396px;
overflow:hidden;
float:right;
background:url(../images/sub-rt-work2.jpg) no-repeat;
height:195px;
}

#sub-rt-work3{
width:396px;
overflow:hidden;
float:right;
background:url(../images/sub-rt-work3.jpg) no-repeat;
height:195px;
}



#sub-rt-box-txt{
padding:25px;
float:left;
width:172px;
line-height:18px;
}


#sub-rt-box-txt h2{
color:#58585a
}

#sub-txt{
float:left;
width:700px;
line-height:20px;
}

.app-row{
width:700px;
float:left;
padding-bottom:20px;
}

.app-pic{
float:left;
width:283px;
}

.app-txt{
float:left;
width:350px;
font-size:12px;
line-height:17px;
}
.app-txt h2{
font-size:30px;
font-weight:bold;
margin:0;
padding:20px 0 15px 0;
color:#58585a;
}

#sub-work{
float:left;
width:750px;
line-height:20px;
margin:0;
padding:0;
}

#sub-work ul{
margin:0;
padding:0;
}

#sub-work p{
clear:both;
}
#sub-work ul li{
display:block;
list-style:none;
border:1px solid #f1f1f1;
width:214px;
float:left;
height:270px;
overflow:hidden;
padding:4px;
margin:0 25px 25px 0;
font-size:12px;
color:#999999;
line-height:16px;
}

#sub-work ul li h2{
color:#333 !important;
padding:10px 0 0px 0 !important;
font-size:16px;
font-weight:bold;
}

.twimage{
  float:left;
  margin:0 5px 0 0;
  border:1px solid #999;
}

/******************************************************************************
DO CMS ADMIN STYLES
*******************************************************************************/
.admin-edit{
font-size:10px;
padding:4px;
background:#ffcfd4;
border:1px dashed #e2808a;
color:#000;
width:85px;
display:inline;
line-height:12px;
z-index:99999;
}
.admin-edit a, .admin-edit a:visited,.admin-edit a:active, .admin-edit a:hover{
font-size:10px !important;
color:#000 !important;
text-decoration:underline !important;
font-weight:normal !important;
padding:0;
margin:0;
}

.highlight{
background:#dddddd;
}