html, body { margin:0px; padding:0px; background:#efece6; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333; }
* { margin:0px; padding:0px; }
a img { border:0px; }
:focus { outline: 0; }
ol, ul { list-style: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
.alignright { float:right; }
.alignleft { float:left; }
.alignnone { height:0px; font-size:0px; clear:both; line-height:0px; }
img.alignnone {height:auto;}

.spacer { height:12px; font-size:0px; clear:both; line-height:0px; }
.spacer5px { height:5px; font-size:0px; clear:both; line-height:0px; }
.spacer2px { height:2px; font-size:0px; clear:both; line-height:0px; }

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

.wrapper, .header, .middle { width:100%; }
.container { width:974px; margin:0 auto; }
.header { background:#eeebe5 url(../images/header-bg.jpg) left bottom repeat-x;}
.header .container{ position:relative;  height:170px;}
.middle { background:url(../images/pat-bg.jpg) left top repeat;}

.widecolumn { width:618px; }
.narrowcolumn { width:356px; }
.logo { padding:0px; background:url(../images/logo-bg.gif) left top no-repeat; width:355px; height:133px; }
.logo a { width:284px; height:60px; display:block; overflow:hidden; text-decoration:none; color:#000; text-indent:-9999px; background:url(../images/logo-c3media.gif) left top no-repeat; margin:46px auto 0 auto; }
/* navigation */ 
.navigation li{ float:left; background:url(../images/nav-sap.gif) left top no-repeat; width:88px; padding:66px 1px 4px 9px; }
.navigation li.last{ width:70px;}
.navigation li a{ text-decoration:none;  color:#525151;  font-size:22px;  }
.navigation li a span { cursor:pointer; font-size:14px; color:#888888; display:block; }
.navigation li a:hover,.navigation li a.active{ color:#19a4e6; text-decoration:none;}
.navigation li a:hover span, .navigation li a.active span{ color:#888888;}

/* submit flexible */ 
.submit { font-size:11px; float:left; padding-left:29px; background:url(../images/main-btn.png) left top no-repeat; cursor:pointer;}
.submit span { font-size:11px; float:left; padding-right:14px; background:url(../images/main-btn.png) right top no-repeat;  height:22px; padding-bottom:4px; line-height:21px; cursor:pointer; }
.submit span input {  width:auto; overflow:visible; border:0px; color:#fff; height:22px; cursor:pointer; }


.phoneblock{ height:58px; width:258px; text-align:center; background:url(../images/phone-bg.gif) left top no-repeat; color:#898986; font-size:18px;  position:absolute; right:0px; bottom:-20px;}
.phoneblock span{ color:#1e84b3; }
.ph-pad{ padding:22px 0 0 0;} 

.banner{ position:relative; padding:22px 0 20px 0;}
#banner-slider{font-family: Cambria, Georgia, Times, Times New Roman, serif; font-size:18px; color:#fff; font-style:italic; line-height:22px;}
#banner-slider img{ vertical-align:top; background:none;}
#bnr-paging{ position:absolute; z-index:150; right:10px; bottom:50px;}
#bnr-paging a{ font-size:0px; line-height:0px; width:8px; height:8px; background:url(../images/slide-dot.png) left bottom no-repeat; text-indent:-9999px; float:left; margin-right:22px;}
#bnr-paging a.activeSlide{background:url(../images/slide-dot.png) left top no-repeat; }
.home-midbg{ background:url(../images/home-midlebg.jpg) left top repeat-x; padding-bottom:24px;}

.recentblock{ padding:20px 50px 8px 50px; position:relative;}
.projectzoom{ padding-bottom:18px;}
.projectzoom li{ margin-right:58px; position:relative; float:left; }
.projectzoom li.last{ margin-right:0px;}
.projectzoom li a{ display:block;  border:solid 4px #016492;}
.projectzoom li a img{ /*border:solid 4px #016492; */vertical-align:top;} 
.projectzoom li a:hover{ border:solid 4px #034462;} 
.projectzoom li .zoom{ background:url(../images/zoom-icon.jpg) left top no-repeat; width:27px; height:24px; position:absolute; right:4px; top:4px; text-indent:-9999px; z-index:150;}
.recent-title{ padding-bottom:18px;}

.morework{ float:right; bottom:-18px; width:190px;  text-align:center;}
.morework a{ color:#1e84b3; display:block; padding-top:13px; text-decoration:none; font-size:18px; letter-spacing:-0.05em;  background:url(../images/more-bg.png) center top no-repeat; height:30px; }
.morework a:hover{background:url(../images/more-bg.png) center bottom no-repeat; }

.borboxtop{ background:url(../images/bor-boxbg.png) left -26px no-repeat; padding-left:26px;}
.borboxtop span{background:url(../images/bor-boxbg.png) right top no-repeat; font-size:0px; line-height:0px; height:26px; display:block;  }
.borboxbot{ background:url(../images/bor-boxbg.png) left -52px no-repeat; padding-left:26px;}
.borboxbot span{background:url(../images/bor-boxbg.png) right bottom no-repeat; font-size:0px; line-height:0px; height:26px; display:block;  }
.borboxmid{ background:url(../images/borboxl.gif) left top repeat-y; padding-left:4px;}

.serviceblock{padding:0 25px 0 46px !important;}
.borboxmid-content{ background:url(../images/borboxr.gif) right top repeat-y; padding:0 50px 0 46px; }
.service-list dt{ padding-bottom:26px;}
.service-list dd{font-family: Cambria, Georgia, Times, Times New Roman, serif; float:left; width:250px; padding-right:10px; padding-bottom:12px;}
.service-list dd.sec-box{ width:260px;}
.service-list h2{  font-style:italic; color:#007eb6; padding:0 0 4px 37px; line-height:32px; font-size:20px; font-weight:normal;}  
.service-list h2 a{ text-decoration:none; color:#007eb6;}
.service-list p{ color:#333333; font-size:15px; font-weight:normal; line-height:18px; }

.magento-icon{ background:url(../images/service-icon.png) left -14px no-repeat;}
.bespoke-icon{ background:url(../images/service-icon.png) left -136px no-repeat;}
.online-mark-icon{ background:url(../images/service-icon.png) left -259px no-repeat;}
.website-icon{ background:url(../images/service-icon.png) left -75px no-repeat;}
.flash-icon{ background:url(../images/service-icon.png) left -198px no-repeat;}
.print-icon{ background:url(../images/service-icon.png) left -320px no-repeat;}

.testimonials{ margin-top:6px; height:220px; margin-bottom:0px;}
.testi-pera{font-family: Cambria, Georgia, Times, Times New Roman, serif; }
.testi-pera p{ font-size:17px; font-weight:normal; line-height:24px; font-style:italic}
.testi-pera span.lquote{ width:34px; height:26px; display:inline-block; background:url(../images/lquote.gif) left top no-repeat; position:relative; margin-right:5px; top:4px; }





.testi-pera span.rquote{ width:34px; height:26px; display:inline-block; background:url(../images/rquote.gif) left top no-repeat; position:relative; margin-left:5px; margin-bottom:-12px; }
.testi-pera .author{ color:#018cc9; display:block; font-size:15px; padding:16px 0 12px 0;}
.tweet-pera{ font-size:15px; font-family: Cambria, Georgia, Times, Times New Roman, serif; line-height:17px; padding:13px 0px 9px 0px;}
.tweet-pera a{ color: #018CC9; text-decoration: none;}

.footer{ background:#E5E1D6 url(../images/footer-bg.jpg) left top repeat-x; padding:10px 0 15px 0;}
.blogcol{ width:576px; padding-left:42px;}
.bloglist dd{ padding:8px 0 4px 0;}
.bloglist dt{ padding:20px 0 2px 2px;}
.bloglist dd.last .blogpost{ background:none;}
.blogdate{ background:url(../images/blog-date-bg.gif) left top no-repeat; width:52px; height:35px; text-align:center; padding:5px 3px; font-family: Cambria, Georgia, Times, Times New Roman, serif; font-size:14px; margin-right:12px;}
.blogdate span{ display:block; font-size:18px; font-weight:normal; color:#1e84b3; padding-top:1px;}
.blogpost{ width:500px; background:url(../images/blog-line.gif) left bottom repeat-x;  font-family: Cambria, Georgia, Times, Times New Roman, serif; font-size:15px; padding:4px 0 12px 0;}
.post-title{ color:#0f85b8; padding-bottom:2px;}
.blogpost .post-title{ font-size:15px;}
.blogpost .post-title a {color:inherit; text-decoration:none;}

a.readmore{ background:url(../images/readmore-bg.png) left bottom no-repeat; height:26px; width:105px; text-align:center; color:#1e84b3; text-decoration:none;}
a.readmore span{ padding:6px 0 0 0; display:block;}
*+html a.readmore span{ padding:4px 0 0 0; }
a.readmore:hover{background:url(../images/readmore-bg.png) left top no-repeat;}

.socialblock{ width:274px; margin-right:0px; }
.socialblock dt{padding:28px 0 12px 2px;}
.socialblock dd{ background:url(../images/follow-line.gif) right bottom no-repeat; padding:15px 0;}
.socialblock dd.last{ background:none;}
.socialblock dd a{ color:#333333; line-height:44px; padding-left:54px; text-decoration:none;  font-family: Cambria, Georgia, Times, Times New Roman, serif; font-size:15px; display:inline-block;}
.socialblock dd a:hover{ color:#0F85B8;}
.socialblock dd a.twitter{ background:url(../images/social-icon.png) left top no-repeat;}
.socialblock dd a.facebook{ background:url(../images/social-icon.png) left -80px no-repeat;}
.socialblock dd a.linkedin{ background:url(../images/social-icon.png) left -156px no-repeat;}

.copyright{ background:#efece6 url(../images/copyright-bg.jpg) left top repeat-x; overflow:hidden; font-family: Cambria, Georgia, Times, Times New Roman, serif; font-size:14px; color:#79746f;}
.copyright dl{ padding-top:30px;}
.copyright dd{ float:left; padding-bottom:35px; }
.copyright dd.ftlogo{ width:206px; background:url(../images/ft-rowbg.jpg) right bottom no-repeat;}
.copyright dd.phblock{background:url(../images/ft-rowbg.jpg) left bottom no-repeat; width:158px; padding-left:20px; color:#79746f; margin-left:0px; float:right !important;}
.copyright dd.phblock span{ display:block; padding-bottom:5px;}
.mailicon{ background:url(../images/msg-icon.jpg) left 2px no-repeat; padding-left:22px;}
.phoneicon{ background:url(../images/phone-icon.jpg) left 2px no-repeat;  padding-left:22px;}
.copyright a{ color:#79746f; text-decoration:none;}
.copyright a:hover, .copyright a:active , .copyright a.active{ color:#0F85B8; text-decoration:none;}
.reg-textblock{ padding:0 10px 30px 15px; line-height:22px; width:565px;}


/*about us page start here*/
.in-bnr-t{background:url(../images/in-bnr-t.png) no-repeat; width:971px; height:22px;}
.in-bnr-m {background:url(../images/in-bnr-m.png) no-repeat; width:911px; height:364px; padding: 2px 10px 0 50px;}
.in-bnr-b {background:url(../images/in-bnr-b.png) no-repeat; width:971px; height:24px;}
.about-head{padding:8px 0 30px 0!important;}
.about-text{width:523px; font-family:Cambria,Georgia,Times,Times New Roman,serif; font-size:15px; color:#fff;}
.about-text p {padding:0 0 20px 0;}
.about-logo {padding:0px; background:url(../images/about-logo.png) left top no-repeat; width:387px; height:327px;  margin:41px auto 0 auto; }
.about-logo a { width:387px; height:327px; display:block; overflow:hidden; text-decoration:none; color:#000; text-indent:-9999px; background:url(../images/about-logo.png) left top no-repeat; }
.servicebox{ padding-bottom:26px;}

.our-service dt{ padding-bottom:26px;}
.our-service dd{font-family: Cambria, Georgia, Times, Times New Roman, serif; float:left; width:419px; padding-right:36px; padding-bottom:12px;}
.our-service dd.last {padding-right:0px;}
.our-service h2{  font-style:italic; color:#007eb6; padding:0 0 4px 38px; line-height:32px; font-size:20px; font-weight:normal;}  
.our-service h2 a{ text-decoration:none; color:#007eb6;}
.our-service p{ color:#333333; font-size:15px; font-weight:normal; line-height:18px; padding:15px 0 0 0}

/*blog page start here*/
.inner{padding:22px 0 20px 0;}
.widecolumn-in { width:353px;}
.ourblog {margin:0; padding:0px; font-family:Cambria,Georgia,Times,Times New Roman,serif; font-size:15px; color:#333333;}
.our-blog {background:url("../../images/borboxr.gif") repeat-y scroll right top transparent;padding:0 88px 0 46px; }
.ourblog p{padding:0px 0 15px 0; line-height:20px; }
.ourblog p a {color: #018CC9; }
.news{background:url(../images/news-bg.gif) no-repeat; width:264px; height:42px; padding:12px 0 0 15px!important}
.news a { color:#007db9; text-decoration:underline; padding:0 5px 0 0}
.news a:hover { text-decoration:none;}
ul.categ-list{margin:0; padding:20px 0 12px 0;}
ul.categ-list li {margin:0 0 1px 0; width:214px;}
ul.categ-list li a {background:url(../images/categ-list.png) no-repeat 0 -40px ; width:214px; height:27px; display:block; padding:12px 0 0 50px; color:#333; font-size:16px; text-decoration:none;}
ul.categ-list li a:hover {background:url(../images/categ-list.png) no-repeat top left; width:214px; height:27px; display:block; padding:12px 0 0 50px}

.narrowcolumn-in {width:621px;}
.blog-right{ padding-bottom:20px;}
.blog-right .blog-topline {font-family:"Adobe Garamond Pro","Myriad Pro"; color:#54514e; font-size:24px; font-weight:bold; font-style:italic; line-height:26px;}
div.blogpad{ padding:10px 62px 10px 52px;}

/*contact us page start here*/
.btn-signup { float:right}
.btn-signup a {background:url(../images/btn-signup.png) no-repeat top left; width:137px; height:42px; display:block; text-indent:-9999px; }
.btn-signup a:hover {background:url(../images/btn-signup.png) no-repeat 0 -41px; width:137px; display:block; text-indent:-9999px;}
.newsletter {background:url("../../images/borboxr.gif") repeat-y scroll right top transparent;padding:4px 51px 4px 46px;}
.newsletter p{padding:14px 0 5px 0; }
.required {font-size:15px;  color:#0e91cf; font-style:italic}

.btn-send-msg { float:right}
.btn-send-msg a {background:url(../images/btn-send-msg.png) no-repeat top left; width:187px; height:42px; display:block; text-indent:-9999px; }
.btn-send-msg a:hover {background:url(../images/btn-send-msg.png) no-repeat 0 -41px; width:187px; display:block; text-indent:-9999px;}
.touch-box{margin:8px 0 40px 0;}
.top-stript{background:url(../images/get-top-stript.gif) no-repeat; width:252px; height:11px;}
.middle-stript{background:url(../images/get-mid-stript.gif) repeat-y; width:216px; padding:0 18px}
.bot-stript{background:url(../images/get-bot-stript.gif) no-repeat; width:252px; height:11px;}
.touch-box a{ color:#333; text-decoration:none;}	
.touch-box a:hover{ color:#0F85B8; text-decoration:none;}
.privacy-policy dt{ padding-bottom:26px;}
.privacy-policy dd{font-family: Cambria, Georgia, Times, Times New Roman, serif; float:left; padding-right:0px; padding-bottom:12px;}
.privacy-policy dd.last {padding-right:0px;}
.privacy-policy h2{  font-style:italic; color:#007eb6; padding:0 0 4px 38px; line-height:32px; font-size:20px; font-weight:normal;}  
.privacy-policy h2 a{ text-decoration:none; color:#007eb6;}
.privacy-policy p{ color:#333333; font-size:15px; font-weight:normal; line-height:18px; padding:15px 0 0 0}

.magento-icon{ background:url(../images/service-icon.png) left -14px no-repeat;}
.bespoke-icon{ background:url(../images/service-icon.png) left -136px no-repeat;}
.online-mark-icon{ background:url(../images/service-icon.png) left -259px no-repeat;}
.website-icon{ background:url(../images/service-icon.png) left -75px no-repeat;}
.flash-icon{ background:url(../images/service-icon.png) left -198px no-repeat;}
.print-icon{ background:url(../images/service-icon.png) left -320px no-repeat;}

ol.privacy-policy {margin:0px; padding:0px 0 24px 30px!important; }
ol.privacy-policy li {list-style:decimal; list-style-position:outside; padding:0 0 0 0px;}
ol.privacy-policy li span {display:inline-block;}

.privacy{font-size:14px; color:#4b4b4b;}
.multi-title{ font-family:"Adobe Garamond Pro"; font-size:24px; font-weight:bold; font-style:italic; padding:18px 0;}
.privacy-title{ font-family:"Adobe Garamond Pro"; font-size:24px; font-weight:bold; font-style:italic; padding:10px 0 10px 0; color:#6d625a;}
.multi-title-narrow{ font-family:"Adobe Garamond Pro"; font-size:30px; font-weight:bold; font-style:italic; letter-spacing:-0.024em; padding:18px 0 0px 0;}
a.readmore-red{ background:url(../images/readmore-bg.png) left bottom no-repeat; height:26px; width:105px; text-align:center; color:#f11d2c; text-decoration:none;}
a.readmore-red span{ padding:4px 0 0px 0; display:block;}
a.readmore-red:hover{background:url(../images/readmore-bg.png) left top no-repeat; }

.wdboxtop{ background:url(../images/widecolumn-boxbg.png) left -26px no-repeat; padding-left:26px;}
.wdboxtop span{background:url(../images/widecolumn-boxbg.png) right top no-repeat; font-size:0px; line-height:0px; height:26px; display:block;  }
.wdboxbot{ background:url(../images/widecolumn-boxbg.png) left -52px no-repeat; padding-left:26px;}
.wdboxbot span{background:url(../images/widecolumn-boxbg.png) right bottom no-repeat; font-size:0px; line-height:0px; height:26px; display:block;  }
.wdboxmid{ background:url(../images/wdbx-left.png) left top repeat-y; padding-left:4px;}
.wdboxmid-content{ background:url(../images/wdbx-right.png) right top repeat-y; padding:0 32px 0 35px; }
.ncboxtop{ background:url(../images/narrow-boxbg.png) left -26px no-repeat; padding-left:26px;}
.ncboxtop span{background:url(../images/narrow-boxbg.png) right top no-repeat; font-size:0px; line-height:0px; height:26px; display:block;  }
.ncboxbot{ background:url(../images/narrow-boxbg.png) left -52px no-repeat; padding-left:26px;}
.ncboxbot span{background:url(../images/narrow-boxbg.png) right bottom no-repeat; font-size:0px; line-height:0px; height:26px; display:block;  }
.ncboxmid{ background:url(../images/nrbx-left.png) left top repeat-y; padding-left:4px;}
.ncboxmid-content{ background:url(../images/nrbx-right.png) right top repeat-y; padding:0 50px 0 46px; }
.input-filed{ float:left; padding-left:12px;  background:url(../images/text-fieldbg.png) left -42px no-repeat;}
.input-filed input{background:url(../images/text-fieldbg.png) right top no-repeat; padding:6px 12px 6px 0px; font-size:12px; color:#646155; height:30px; line-height:29px; border:0px; font-size:14px;  font-family:Cambria,Georgia,Times,Times New Roman,serif; }
*+html .input-filed input{background:url(../images/text-fieldbg.png) right -1px no-repeat;  line-height:26px; }
.input-filed{ float:left; padding-left:12px;  background:url(../images/text-fieldbg.png) left -42px no-repeat;}
.input-filed input{background:url(../images/text-fieldbg.png) right top no-repeat; padding:6px 12px 6px 0px; font-size:12px; color:#646155; height:30px; line-height:29px; border:0px; font-size:14px;}

.input-filed-focus, .input-filed:focus{ float:left; padding-left:12px;  background:url(../images/text-fieldbg.png) left -126px no-repeat;}
.input-filed-focus input, .input-filed:focus input{background:url(../images/text-fieldbg.png) right -84px no-repeat; }

.block-title{ padding-bottom:14px;}
.search-in{ float:left; margin-left:1px; }
.search-in input{ background:url(../images/search.png) left top no-repeat; width:85px; font-size:0px; color:#E5E1D6; height:43px; border:0px; cursor:pointer;}
.search-in input:hover, .search-in input.hover{ background:url(../images/search.png) left -43px no-repeat; width:85px;}

.wd154{ width:142px;} 
.choospad{ display:block; padding:16px 0 12px 4px;}
.paging{ padding:10px 0 ; font-family: Cambria, Georgia, Times, Times New Roman, serif; font-size:16px;}
/*.new-post{ background:url(../images/paging-bg.png) left -42px no-repeat; width:142px;  color:#333333; text-decoration:none; line-height:42px; padding-left:23px; }*/
.old-post{ background:url(../images/paging-bg.png) left -42px no-repeat; width:112px;  color:#333333; text-decoration:none; line-height:42px; padding-left:53px;}
.old-post:hover{ text-decoration:none; background:url(../images/paging-bg.png) left 0px no-repeat;}
.ns-title{padding:28px 0 18px 2px;}

.signupsmall{ float:left; margin-left:1px; }
.signupsmall input{ background:url(../images/signup-small.png) left top no-repeat; width:85px; font-size:0px; color:#E5E1D6; height:43px; border:0px; cursor:pointer;}
.signupsmall input:hover, .signupsmall input.hover{ background:url(../images/signup-small.png) left -43px no-repeat;}
.signup{ float:left; margin-left:1px; }
.signup input{ background:url(../images/signup.png) left top no-repeat; width:139px; font-size:0px; color:#E5E1D6; height:43px; border:0px; cursor:pointer;}
.signup input:hover, .signup input.hover{ background:url(../images/signup.png) left -43px no-repeat;}

.sendmsg{ float:left; margin-left:1px; }
.sendmsg input{ background:url(../images/send-msg.png) left top no-repeat; width:190px; font-size:0px; color:#E5E1D6; height:43px; border:0px; cursor:pointer;}
.sendmsg input:hover, .sendmsg input.hover{ background:url(../images/send-msg.png) left -43px no-repeat;}

.wd156{ width:156px;} 
.blogbtm .socialblock { width:560px;}
.blogbtm .socialblock dd{ float:left; width:178px; background:none; padding-right:20px; }
.blogbtm .socialblock dd a{ line-height:22px; }
.blogbtm .socialblock dd.last{width:138px; padding-right:0px;}
.nameblock{ display:block; padding:0px 0 5px 3px;}
.wd474{ width:484px;} 
.textareabg{ background:url(../images/textarea-bg.png) left top no-repeat; width:476px; height:128px; padding:15px; display:block;}
.textareabg-focus{ background:url(../images/textarea-bg.png) left -158px no-repeat; width:476px; height:128px; padding:15px; display:block;}
.textareabg textarea{ width:100%; font-size:14px; line-height:18px; font-family: Cambria, Georgia, Times, Times New Roman, serif;  background:none; border:0px; color:#646155; height:120px; overflow:auto;}
.cont-list{ padding-top:20px; margin-left:-4px;}
.cont-list li{ padding-bottom:12px;}

.wd222{ width:230px;} 
.signalign { padding:20px 0 10px 0;}
.archive-title{ padding:8px 0 2px 0;}


/*banner css start here*/
.hudson{/*background:url(../images/our-project.png) no-repeat; */width:975px; height:288px; }
.hudson-inner {width:573px; float:right; padding:38px 52px 0 0; color:#fff; font-size:18px;  position:relative; z-index: 150;}
.hudson-inner p {padding:10px 0;}

.hello{width:975px; height:288px; position:relative;}
.hello-pic{ position:absolute; left:0px; top:0px; z-index: 10; }
.hello-pic img {
	background: transparent;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00e4e1d7,endColorstr=#00e4e1d7)"; /* IE8 */   
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */      
	zoom: 1;

}



.hello-inner {width:461px; float:right; padding:25px 32px 0 0; color:#fff; font-size:18px; margin:0 30px 0 0; position:relative; z-index: 150;}
.hello-inner p {padding:7px 0;}
.hello-inner ul li {background:url(../images/white-round.gif) no-repeat left 10px; color:#fff; padding:0 0 0 10px; margin:0 0 0 15px}


.magento {/*background:url(../images/magento-banner.png) no-repeat; */width:975px; height:288px;}
.magento-inner {width:555px; float:right; padding:32px 0 0 0; color:#fff; font-size:18px; position:relative; z-index:150;}
.magento-inner p {padding:10px 0;}
.mengeto-bg {padding:8px 0 30px 20px !important; display:block}

.privacy-text{ color:#333; line-height:20px;}
.padl15{ padding-left:15px !important;} 
.project-banner{ padding:4px 0 18px 0;}
.raymond{ background:url(../images/cotswold-project-bg.png) left top no-repeat; height:251px; width:975px;}
.harmony{ background:url(../images/cotswold-project-bg.png) left top no-repeat; height:251px; width:975px;}
.proj-pad{ padding:20px 12px 10px 450px;}

.project-banner h2{  padding:12px 0 18px 0;}
.project-banner p{ font-size:14px; color:#fff; font-family: Cambria, Georgia, Times, Times New Roman, serif; line-height:24px; padding-bottom:12px;}
.project-banner p a{ font-size:14px; color:#fff; font-family: Cambria, Georgia, Times, Times New Roman, serif; line-height:24px; padding-bottom:12px;}
.project-btn li{ float:left;  font-family: Cambria, Georgia, Times, Times New Roman, serif; font-size:16px; color:#fff;}
.workblock{ background:url(../images/prj-pjbg.png) left top no-repeat; height:66px; width:283px; margin-right:2px;}

.wr-pad{ padding: 8px 0 8px 38px;}

.webblock{ background:url(../images/prj-pjbg.png) left -66px no-repeat; height:66px; width:218px; }
.webblock a{ color:#fff; text-decoration:none;}
.webblock a:hover{ color:#fdf0e9;}
.portfolio #prev-port{ background:url(../images/next-prev-bg.png) left -50px no-repeat; left:-75px;}
.portfolio #next-port{ background:url(../images/next-prev-bg.png) left 0px no-repeat; right:-75px;}
.portfolio #prev-port:hover{ background:url(../images/next-prev-bg.png) -50px -50px no-repeat; left:-75px;}


.ourwork{ display:inline-block; background:url(../images/our-work.png) left top no-repeat; width:136px; height:59px; float:left;  text-indent:-9999px; font-size:0px; color:#383331;}
.ourwork:hover{background:url(../images/our-work.png) left -59px no-repeat;}
.proj-name{ color:#717171; font-size:15px;  font-family: Cambria, Georgia, Times, Times New Roman, serif; font-size:16px; background:url(../images/ot-proeject-bg.png) left top no-repeat; height:60px; margin-left:-3px; /*cursor:pointer; */margin-top:5px; width:254px; }
.proj-name:hover, .proj-name.hover{background:url(../images/ot-proeject-bg.png) left -60px no-repeat;}
.proj-name span{ display:block; font-size:18px; color:#016492; padding:2px 0 0px 0; }

.project-btn{ padding-top:0px;}
.project-btn li span{ color:#b08671; display:block; padding:3px 0 2px 0;}

.portfolio{ position:relative;}
.portfolio .projectzoom li{ margin-top:26px; }
.portfolio .projectzoom li a{/*overflow:hidden;*/ display:block; /*height:127px;*/}
.portfolio .projectzoom li a:hover{ border:solid 4px #016492; background:#016492; }
.portfolio .projectzoom li .proj-name a, .portfolio .projectzoom li .proj-name a:hover{ border:0px; background:none; color:#016492; text-decoration:none;}

#project-slider{ height:708px; }


.portfolio #prev-port, .portfolio #next-port{ width:50px; height:50px; text-decoration:none; text-indent:-9999px; position:absolute; top:320px;}
.portfolio #next-port:hover{ background:url(../images/next-prev-bg.png) -50px 0px no-repeat; right:-75px;}

.portpading{ padding-bottom:50px; }
.port-paging{ background:url(../images/pagingbg.png) left top no-repeat; width:201px; height:42px; text-align:center; line-height:18px;  font-family: Cambria, Georgia, Times, Times New Roman, serif; font-size:14px; position:absolute; left:50%; margin-left:-100px; top:710px;}
.port-paging .maintext{ display:block; padding:6px 15px; line-height:32px; }
.service-pad{ padding-bottom:35px; padding-top:8px;}

.read-mspace{ margin-top:-15px;}
.mgt-title{ margin:2px 0 0 20px;}
.padt5{ padding-top:5px;}

.learnmore-me{ display:inline-block; background:url(../images/learn-more.png) left top no-repeat; width:144px; height:59px; float:left;  text-indent:-9999px; font-size:0px; color:#383331;}
.learnmore-me:hover{background:url(../images/learn-more.png) left -59px no-repeat;}

.flash-multimedia{ display:block; background:url(../images/flash-and-multimedia.gif) 3px 13px no-repeat; height:25px; text-indent:-9999px; }
.mg-develpment{ display:block; background:url(../images/magento-development-title.gif) 3px 13px no-repeat; height:25px; text-indent:-9999px; }
p.suc-msg {color:#478F11; padding:10px 0px 5px;}
a {color:#018CC9;}