/* CSS Document */

body {
	margin:0;
	padding:0;
	color:#C4C4C4;
	font:normal 12px/19px Verdana, Arial, Helvetica, sans-serif, "Lucida Sans Unicode";
	background-color:inherit;
}
div, img, p, ul, a, ol, form, input, label, h1, h2, h3 {
	margin:0;
	padding:0;
}
a, a:focus {
	outline:none;
	text-decoration:none;
}
img {
	border:none;
}
ul {
	list-style:none;
}
input, textarea, select {
	font:13px Verdana, Arial, Helvetica, sans-serif, "Lucida Sans Unicode";
	color:#3C3C3C;
	background-color:inherit;
}
.spacer {
	font-size:0;
	line-height:0;
	clear:both;
}

/*-------------- topContainer start ---------------*/
#topContainer{
	background:url(../images/red-pattern-new.gif) 0 0 repeat-x;
	height:499px;
	margin:0 auto;
 }
.headerMain{
	overflow:hidden;
	height:100%;
	background:url(../images/header-topbg2.jpg) 50% 0 no-repeat;
}
.headerTop{
	padding-top:33px;
	height:131px;
}
.top{
	width:1004px;
	margin:0 auto;
}
.headerTop div.logo{
	padding-left:50px;
	float:left;
	width:auto;
}
.headerTop p{
	width:230px;
	padding-top:24px;
	padding-right:62px;
	float:right;
	font-size:13px;
	line-height:20px;
	font-weight:normal;
	color:#FFF4F5;
	background-color:inherit;
	text-align:right;
}
.headerTop p span{
	font-weight:bold;
	color:#FF8D94;
	background-color:inherit;
}
.headerTop p a{
	color:#FFF4F5;
	background-color:inherit;
}
.headerTop p a:hover{
	text-decoration:underline;
}
.nav{
	height:40px;
	margin:27px 0 0;
	width:1004px;
	float:left;
	padding:0 0 0 0;
}
.nav div.menu{
	width:957px;
	background:url(../images/nav-bg.png) 0 0 no-repeat;
	height:40px;
	padding:0 23px 0 24px;
}
.nav div.menu ul{
	padding:12px 0 0;
	height:24px;
	float:left;
	width:auto;
}
.nav div.menu ul li{
	float:left;
	width:auto;
	background:url(../images/nav-divider.gif) 100% 50% no-repeat;
	padding-right:6px;
	margin:0 3px 0 0;
}
.nav div.menu ul li a{
	padding:0 0 0 13px;
	display:block;
	float:left;
	width:auto;
}
.nav div.menu ul li a span{
	font:bold 13px/24px Verdana, Arial, Helvetica, sans-serif, "Lucida Sans Unicode";
	color:#FF8180;
	background-color:inherit;
	float:left;
	width:auto;
	padding:0 13px 0 0;
	cursor:pointer;
}
.nav div.menu ul li a:hover, .nav div.menu ul li a.hover{
	background:url(../images/menu-left.gif) 0 0 no-repeat;
}
.nav div.menu ul li a:hover span, .nav div.menu ul li a.hover span{
	background:url(../images/menu-right.gif) 100% 0;
	color:#fff;
	background-color:inherit;
}
.nav div.menu ul li.noImg{
	background-image:none;
}
.nav div.menu ul li a.hover span{
	cursor:text;
}
.nav div.menu div.google{
	background:url(../images/google-search-bg.gif) 0 0 no-repeat;
	width:128px;
	height:24px;
	float:right;
	margin-top:8px;
	padding:0 12px 0 62px;
}
.nav div.menu div.google input.txtBox2{
	width:116px;
	border:0;
	margin-top:4px;
	float:left;
}
.nav div.menu div.google input.btnSearch{
	float:right;
	width:auto;
	margin:6px 0 0;
}
.headerBot{
	background:url(../images/header-bottom-bg.jpg) 0 0 no-repeat;
	width:909px;
	height:229px;
	margin:0 auto;
	padding:55px 58px 51px 37px;
	
}
.headerBot div.who{
	width:365px;
	float:left;
	padding-top:15px;
}
.headerBot div.who h2{
	font-size:26px;
	line-height:26px;
	color:#C2C2C2;
	background-color:inherit;
	font-weight:normal;
}
.headerBot div.who p.txt1{
	padding:15px 0;
}
p.rm{
	background:url(../images/read-more1.png) 0 0 no-repeat;
	width:101px;
	height:27px;
	text-align:center;
}
p.rm a, p.rm2 a{
	font:bold 12px/27px Verdana, Arial, Helvetica, sans-serif, "Lucida Sans Unicode";
	color:#424141;
	background-color:inherit;
}
p.rm a span, p.rm2 a span{
	color:#B5070D;
	background-color:inherit;
}
p.rm a:hover, p.rm a:hover span,
p.rm2 a:hover, p.rm2 a:hover span
{
	color:#000;
	background-color:inherit;
}
.fade{
	width:412px;
	height:208px;
	float:right;
	background:url(../images/fade-image-container.gif) 0 0 no-repeat;
	padding:10px;
}
/*-------------- topContainer end ---------------*/

/*-------------- bodyContainer start ---------------*/
#bodyContainer{
	background:url(../images/black-pattern.gif) 0 0 repeat;
	margin:0 auto;
}
#bodyContainer div.body{
	width:1004px;
	margin:0 auto;
	overflow:hidden;
	height:100%;
}
#bodyContainer div.body div.left{
	width:681px;
	float:left;
}
div.left div.leftTop {
	border-top:#E5CE8E solid 13px;
	background:url(../images/left-panel-bottom-curve.jpg) 0 100% no-repeat #F0E3BA;
	color:#1D2435;
	font-size:12px;
	line-height:19px;
	padding:27px 0 8px 17px;
	overflow:hidden;
	height:100%;
}
div.left div.leftTop div.tech, div.left div.leftTop div.seo {
	width:222px;
	float:left;
}
div.left div.leftTop div.seo{
	width:207px;
}
div.left div.body div.leftTop div.tech h2, div.left div.body div.leftTop div.seo h2{
	padding-bottom:16px;
}
div.left div.leftTop div.tech p.techTxt1, 
div.left div.leftTop div.tech p.techTxt2, 
div.left div.leftTop div.seo p.techTxt3{
	width:153px;
	padding-bottom:24px;
	padding-top:6px;
}
div.left div.leftTop div.tech p.techTxt2{
	width:173px;
}
div.left div.leftTop div.seo p.techTxt3{
	width:170px;
}
div.left div.leftTop div.imageContainer{
	width:654px;
	float:left;
	margin:71px 0 0;
	border-top:#E9DDB5 solid 6px;
	padding-top:24px;
}
div.left div.leftTop div.imageContainer ul li{
	float:left;
	margin-right:12px;
	width:auto;
}
div.left div.leftTop div.imageContainer ul li.noMargin{
	margin:0;
}
p.rm2{
	background:url(../images/read-more2.gif) 0 0 no-repeat;
	width:79px;
	height:24px;
	text-align:center;
}
p.rm2 a{
	font-size:10px;
	line-height:24px;
}
div.left div.leftBot{
	background:url(../images/left-bottom-bg.gif) 0 0 no-repeat;
	padding:30px 0 0 24px;
}
div.left div.leftBot ul{
	width:170px;
	float:left;
}
div.left div.leftBot ul li{
	font-size:11px;
	line-height:20px;
}
div.left div.leftBot ul li a{
	color:#BBBBBB;
	background-color:inherit;
	text-decoration:underline;
}
div.left div.leftBot ul li a:hover{
	color:#fff;
	background-color:inherit;
	text-decoration:none;
}
div.left div.leftBot p.botTxt{
	width:225px;
	float:left;
	font-size:11px;
	line-height:18px;
	color:#A3A3A3;
	background-color:inherit;
}
div.left div.leftBot p.botTxt span{
	color:#D4D4D4;
	background-color:inherit;
	font-size:15px;
	display:block;
}
div.left div.leftBot p.botTxt a{
	color:#A3A3A3;
	background-color:inherit;
	text-decoration:underline;
}
div.left div.leftBot p.botTxt a:hover{
	text-decoration:none;
}
div.left div.leftBot p.copy{
	font-size:10px;
	line-height:17px;
	padding:18px 0 0;
}
div.left div.leftBot p.copy a{
	color:#C4C4C4;
}
div.left div.leftBot p.copy a:hover{
	text-decoration:underline;
}
#bodyContainer div.body div.right{
	border-top:#88BBAA solid 13px;
	background:url(../images/right-panel-bottom-curve.gif) 0 100% no-repeat #B9D9CF;
	padding:29px 0 0 0;
	margin:0 0 0 681px;
	color:#000;
	position:relative;
}
#bodyContainer div.body div.right h2 {
	background:url(../images/request-quote.gif) 38px 0 no-repeat;
	width:249px;
	height:20px;
	text-indent:-2000000px;
	padding-bottom:19px;
}
#bodyContainer div.body div.right img {
	display:block;
	float:left;
	margin:0;
	padding:0;
}
#bodyContainer div.body div.right div.form{
	width:233px;
	overflow:hidden;
	height:100%;
	padding-bottom:22px;
	padding-left:38px;
}
#bodyContainer div.body div.right div.form label.one{
	background:url(../images/textbox-bg.gif) 0 0 no-repeat;
	width:205px;
	height:27px;
	padding:0 14px;
	margin-bottom:8px;
	display:block;
}
#bodyContainer div.body div.right div.form label.one input.txtBox{
	width:205px;
	border:0;
	margin-top:6px;
}
#bodyContainer div.body div.right div.form label.two{
	background:url(../images/textarea-bg.gif) 0 0 no-repeat;
	width:205px;
	height:79px;
	padding:0 14px;
	margin-bottom:12px;
	display:block;
}
#bodyContainer div.body div.right div.form label.two textarea{
	width:205px;
	height:63px;
	border:0;
	margin-top:6px;
}
#bodyContainer div.body div.right div.form label.button {
	display:block;
	height:36px;
}
#bodyContainer div.body div.right div.form label.button input {
	float:right;
	width:94px;
	height:32px;
}
#bodyContainer div.body div.right h2.newsHead {
	background:url(../images/recent-news.gif) 38px 0 no-repeat;
	width:159px;
	height:17px;
	text-indent:-2000000px;
	padding-bottom:19px;
}
#bodyContainer div.body div.right p.newsTxt{
	line-height:17px;
	color:#262626;
	background-color:inherit;
	padding:0 48px 20px 38px;
}
#bodyContainer div.body div.right p.newsTxt strong{
	display:block;
	font:bold 13px/17px Verdana, Arial, Helvetica, sans-serif !important;
	}
#bodyContainer div.body div.right p.newsTxt strong a{
	color:#262626 !important;
	background-color:inherit;
	font-size:11px;
	font-weight:bold;
	text-decoration:none !important;
	line-height:30px;
	font:bold 13px/17px Verdana, Arial, Helvetica, sans-serif !important;
}
#bodyContainer div.body div.right p.newsTxt strong a:hover{
	text-decoration:underline !important;
}
#bodyContainer div.body div.right div.visitCont{
	position:absolute;
	left:38px;
	bottom:0;
	padding:30px 0;
}
#bodyContainer div.body div.right div.visitCont div.visit{
	background:url(../images/visit-bg.gif) 0 0 no-repeat;
	width:213px;
	height:30px;
	padding:6px 16px 0;
}
/*-------------- bodyContainer end ---------------*/

/*-------------- footer start ---------------*/
div.botPattern{
	background:url(../images/left-bottom-bg2.gif) 0 0 no-repeat;
	width:1004px;
	height:24px;
	float:left;
}

#footerContainer{
	background-color:#3F4551;
	padding:28px 0;
	color:#ACACAC;
	margin:0 auto;
}
.footer{
	width:980px;
	margin:0 auto;
	overflow:hidden;
	height:100%;
	padding-left:23px;
}
.footer p{
	font-size:15px;
	line-height:17px;
	float:left;
	width:auto;
	padding-right:22px;
}
.footer p span, .footer p a{
	color:#E3E3E3;
	background-color:inherit;
}
.footer p a:hover{
	text-decoration:underline;
}
/*-------------- footer end ---------------*/

p.respondText{
	font-size:12px;
	line-height:16px;
	color:#cc0000;
	font-weight:bold;
	padding:10px 0 15px;
	}

/*-------------- what-we-do start ---------------*/
#innerTopContainer{
	background:url(../images/red-pattern-new.gif) 0 0 repeat-x;
	height:343px;
	margin:0 auto;
}
.innerHeaderBot{
	background:url(../images/inner-header-bottom-bg.jpg) 0 0 no-repeat;
	width:966px;
	height:125px;
	margin:0 auto;
	padding:28px 0 26px 38px;
}
.innerHeaderBot div.who2{
	width:697px;
	float:left;
}
.innerHeaderBot div.who2 h2{
	font-size:26px;
	line-height:26px;
	color:#C2C2C2;
	background-color:inherit;
	font-weight:normal;
}
.innerHeaderBot div.who2 p.txt1{
	padding:15px 0;
}
.innerHeaderBot p.rm{
	background:url(../images/read-more1.png) 0 0 no-repeat;
	width:101px;
	height:27px;
	text-align:center;
}
.innerHeaderBot p.rm a{
	font:bold 12px/27px Verdana, Arial, Helvetica, sans-serif, "Lucida Sans Unicode";
	color:#424141;
	background-color:inherit;
}
.innerHeaderBot p.rm a span{
	color:#B5070D;
	background-color:inherit;
}
.innerHeaderBot p.rm a:hover, p.rm a:hover span{
	color:#000;
	background-color:inherit;
}
h2.wedo{
	background:url(../images/what-we-do.gif) 0 0 no-repeat;
	width:138px;
	height:17px;
	text-indent:-200000px;
	padding-bottom:17px;
}
h2.weare{
	background:url(../images/who-we-are.gif) 0 0 no-repeat;
	width:138px;
	height:17px;
	text-indent:-200000px;
	padding-bottom:17px;
}
h2.contact{
	background:url(../images/contact.gif) 0 0 no-repeat;
	width:245px;
	height:17px;
	text-indent:-200000px;
	padding-bottom:17px;
}
p.innerTxt1, p.innerTxt2, p.innerTxt4{
	color:#1D2435;
	background-color:inherit;
	padding-bottom:30px;
	width:633px;
}
p.innerTxt2{
	padding-bottom:22px;
}
p.innerTxt4{
	padding-bottom:30px;
}
p.innerTxt3, p.innerTxt5{
	color:#1D2435;
	background-color:inherit;
	width:633px;
	padding:20px 0 0;
}
p.innerTxt5{
	padding:0;
}
p.innerTxt3 a{
	font-weight:bold;
	color:#1D2435;
	background-color:inherit;
}
p.innerTxt3 a:hover{
	text-decoration:underline;
}
h2.webhosting{
	background:url(../images/web-hosting.gif) 0 0 no-repeat;
	width:120px;
	height:18px;
	text-indent:-200000px;
	padding-bottom:17px;
}
h2.webdesign{
	background:url(../images/web-design.gif) 0 0 no-repeat;
	width:145px;
	height:18px;
	text-indent:-200000px;
	padding-bottom:17px;
}
h2.webdev{
	background:url(../images/web-development.gif) 0 0 no-repeat;
	width:172px;
	height:19px;
	text-indent:-200000px;
	padding-bottom:17px;
}
h2.ecom{
	background:url(../images/e-commerce.gif) 0 0 no-repeat;
	width:120px;
	height:15px;
	text-indent:-200000px;
	padding-bottom:17px;
}
h2.cms{
	background:url(../images/cms.gif) 0 0 no-repeat;
	width:41px;
	height:14px;
	text-indent:-200000px;
	padding-bottom:17px;
}
h2.branding{
	background:url(../images/branding.gif) 0 0 no-repeat;
	width:89px;
	height:19px;
	text-indent:-200000px;
	padding-bottom:17px;
}
h2.hosting{
	background:url(../images/hosting.gif) 0 0 no-repeat;
	width:73px;
	height:18px;
	text-indent:-200000px;
	padding-bottom:17px;
}
h2.seo{
	background:url(../images/serch-engine.gif) 0 0 no-repeat;
	width:267px;
	height:18px;
	text-indent:-200000px;
	padding-bottom:17px;
}
ul.weDoTxt, ul.weDoTxt2{
	padding-bottom:30px;
	width:636px;
}
ul.weDoTxt li, ul.weDoTxt2 li{
	background:url(../images/arrow.gif) 0 7px no-repeat;
	padding:0 0 10px 14px;
	color:#1D2435;
	background-color:inherit;
}
ul.weDoTxt2{
 	padding:0;
}
div.mobile{
	padding:18px 30px 23px 38px;
	background-color:#CEE9E0;
	color:#262626;
	line-height:17px;
	margin-bottom:26px;
}
div.mobile p.mobiletxt1{
	padding-bottom:22px;
}
div.mobile p.mobiletxt2{
	padding-bottom:22px;
	font-weight:bold;
	color:#000;
	background-color:inherit;
}
h2.mobileRepair{
	background:url(../images/mobile-repair.gif) 0 0 no-repeat !important;
	width:236px;
	height:19px;
	padding-bottom:14px !important;
	text-indent:-20000px;
}
div.mobile p.mobiletxt3{
	line-height:17px;
	font-style:italic;
	color:#262626;
	background-color:inherit;
}
div.mobile p.mobiletxt3 a{
	color:#AC0000;
	background-color:inherit;
	font-weight:bold;
}
div.mobile p.mobiletxt3 a:hover{
	text-decoration:underline;
}
/*-------------- what-we-do end ---------------*/

/*--------------case studies---------------------*/

h2.casestudies{
	background:url(../images/case-studies.gif) 0 0 no-repeat;
	width:122px;
	height:14px;
	text-indent:-200000px;
	padding-bottom:24px;
}
#caseleft{
	width:633px;
	float:left;
}
.studies{
	width:309px;
	float:left;
	padding-bottom:28px;
}
.studies1{
	width:309px;
	float:right;
}
img.bor{
	border:solid 9px #E5CE8E;
}
p.nametxt{
	color:#535353;
	background-color:inherit;
	font:bold 12px/18px Arial, Helvetica, sans-serif;
	padding:19px 0 0 0;
}
p.nametxt a{
	color:#535353;
	background-color:inherit;
}
p.nametxt a:hover{
	text-decoration:underline;
}
a.next{
	background:url(../images/next-butt.gif) no-repeat 0 0;
	width:50px;
	height:24px;
	display:block;
	text-indent:-20000px;
	float:left;
}
a.prev{
	background:url(../images/prev-butt.gif) no-repeat 0 0;
	width:50px;
	height:24px;
	display:block;
	text-indent:-20000px;
	float:left;
	margin-right:4px;
}
/*--------------case studies---------------------*/

h2.thankyou{
	background:url(../images/thankyou.gif) no-repeat 0 0;
	width:99px;
	height:14px;
	text-indent:-20000px;
}

/*--------------blog---------------------*/
div.blogContainer{
	width:633px;
	padding-bottom:40px;
}
div.date{
	padding:0 36px 13px 0;
	position:relative;
	overflow:hidden;
	height:100%;
}
div.date h2{
	background:url(../images/date-bg.gif) 0 0 no-repeat;
	width:55px;
	height:59px;
	float:left;
	font-size:11px;
	line-height:13px;
	color:#fff;
	background-color:inherit;
	text-transform:uppercase;
	text-align:center;
}
div.date h2 span{
	display:block;
	font-size:17px;
	line-height:30px;
}
div.date div.dateHeading{
	width:auto;
	float:left;
	padding-left:18px;
}
div.date div.dateHeading p{
	color:#1D2435;
	background-color:inherit;
	padding-top:7px;
}
div.date div.dateHeading p span{
	display:block;
	font-family:Helvetica, Arial, Helvetica, sans-serif;
	font-size:24px;
	line-height:24px;
	font-weight:bold;
	color:#AC0000;
	background-color:inherit;
}
div.comment{
	position:absolute;
	right:10px;
	top:0;
	width:76px;
	height:46px;
}
div.comment p{
	background:url(../images/comment-icon.gif) 50% 0 no-repeat;
	width:62px;
	margin:0 auto;
	display:block;
	color:#000;
	background-color:inherit;
	text-align:center;
}
div.comment p span{
	color:#F0E3BA;
	background-color:inherit;
	display:block;
	padding-bottom:8px;
}
div.post{
	height:18px;
	background-color:#D9B868;
	color:#fff;
	padding-left:9px;
}
div.post p{
	background:url(../images/post-icon.gif) 0 2px no-repeat;
	padding-left:22px;
	font-size:11px;
	line-height:16px;
}
div.blogTxtCont{
	padding-top:16px;
}
div.blogTxtCont p{
	line-height:20px;
	color:#414141;
	background-color:inherit;
	padding-bottom:9px;
}
div.blogTxtCont p span,
div.blogTxtCont p u{
	color:#6C080C;
	background-color:inherit;
}
div.blogTxtCont a{
	display:block;
	background:url(../images/more-bg.gif) 0 0 no-repeat;
	width:37px;
	height:18px;
	text-align:center;
	font-size:10px;
	line-height:18px;
	color:#fff;
	background-color:inherit;
}
div.blogTxtCont a:hover{
	background:url(../images/more-bg-hover.gif) 0 0 no-repeat;
}
div.pagination{
	width:240px;
	float:right;
}
div.pagination ul{
	height:25px;
}
div.pagination ul li{
	float:left;
	width:auto;
}
div.pagination ul li a.pre,
div.pagination ul li a.nxt{
	font-size:12px;
	line-height:25px;
	color:#8E4600;
	background-color:inherit;
	margin-right:8px;
}
div.pagination ul li a.pre:hover,
div.pagination ul li a.nxt:hover{
	color:#000;
	background-color:inherit;
}
div.pagination ul li a.nxt{
	margin:0;
}
div.pagination ul li.number{
	height:23px;
	width:140px;
	background-color:#8E4600;
	color:#F0E3BA;
	border:#BE6E1F solid 1px;
	margin-right:8px;
}
div.pagination ul li.number a{
	display:block;
	width:28px;
	height:23px;
	float:left;
	color:#F0E3BA;
	background-color:inherit;
	text-align:center;
	line-height:23px;
}
div.pagination ul li.number a:hover{
	color:#F0E3BA;
	background-color:#6A2C00;
}
div.blogRightInner{
	padding-bottom:30px;
}
div.blogRightInner h2.archive,
div.blogRightInner h2.catagory,
div.blogRightInner h2.impLink{
	background:url(../images/archive.gif) 38px 0 no-repeat !important;
	width:180px;
	height:18px;
	text-indent:-2000000px;
	padding-bottom:19px;
}
div.blogRightInner h2.catagory{
	background:url(../images/categories.gif) 38px 0 no-repeat !important;
	height:23px;
}
div.blogRightInner h2.impLink{
	background:url(../images/importaint-link.gif) 38px 0 no-repeat !important;
	height:23px;
}
div.blogRightInner ul{
	padding:0 0 0 38px;
}
div.blogRightInner ul li{
	background:url(../images/arrow2.gif) 0 50% no-repeat;
	padding:0 0 0 10px;
}
div.blogRightInner ul li a{
	line-height:24px;
	color:#2B2B2B;
	background-color:inherit;
}
div.blogRightInner ul li a:hover{
	color:#86342F;
	background-color:inherit;
}
	
/*--------------blog---------------------*/