body {
background: url(/images/site-bg.jpg) repeat-x left top #e0e0e0;
font: Normal 12px/18px Arial;
color: #000;
}

/*Reset Styles*/

body, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, dl, dt, dd, ol, ul, li, fieldset, form, input, label, table, caption, tr, td, img {
margin:0;
padding:0;
border:0;
}

:focus{ outline: none;}
.clear { clear:both; }
.left { float:left; }
.right { float:right; }
.center{ text-align: center;}
.required { color:#cc0000; }

h1, h2, h3, h4, h5, h6{
	padding: 25px 20px 6px 11px;
	font-weight: Normal;
	clear: both;
	line-height: 20px;
	color: #000;
}

h1{font-size: 20px;}
h2{font-size: 18px;}
h3{font-size: 17px; font-weight: bold;}
h4{font-size: 16px; font-weight: bold;}
h5{font-size: 15px; font-weight: bold;}
h6{font-size: 14px; font-weight: bold;}

p{
	padding: 8px 20px 7px 12px;
	clear: both;
}

ul{
	padding: 12px 0 10px 26px;
	list-style: square;
}

ul li{padding: 0 0 3px 14px;}

a:link, a:active, a:visited{color: #fa9822;	text-decoration: underline;}
a:hover{color: #087eba;}

/* Wrapper =========================================== */
#wrapper{
	width: 1002px;
	margin: 0 auto;
	background: url(/images/page-bg-rep.jpg) repeat-y left top;
}

#page-top{
	width: 954px;
	float: left;
	padding: 0 24px 27px 24px;
	background: url(/images/page-top.jpg) no-repeat left top;
}

/* Header =========================================== */
#header{
	width: 954px;
	float: left;
}

.logo{
	float: left;
	margin: 35px 0 10px 10px;
}

ul.top-nav{
	float: right;
	padding: 17px 0 0 0;
	list-style-type: none;
}

ul.top-nav li{
	padding: 0 0 0 10px;
	float: left;
	font: normal 14px Arial;
}

ul.top-nav li a:link, ul.top-nav li a:visited, ul.top-nav li a:active{
	float: left;
	color: #000;
	text-decoration: none;
}

ul.top-nav li span{
	float: left;
	padding: 7px;
	cursor: pointer;
}

ul.top-nav li a:hover{
	background: url(/images/top-btn-left.jpg) no-repeat left top;
	color: #fff;
}

ul.top-nav li a:hover span{
	background: url(/images/top-btn-right.jpg) no-repeat right top;
}

ul.top-nav li.selected a:link, ul.top-nav li.selected a:visited, ul.top-nav li.selected a:active{
	background: url(/images/top-btn-left.jpg) no-repeat left top;
	color: #fff;
}

ul.top-nav li.selected span{background: url(/images/top-btn-right.jpg) no-repeat right top;}

ul.clientlogin{
	float: right;
	padding: 2px 0 0 0;
	list-style-type: none;
}

ul.clientlogin li{
	padding: 0 5px 2px 0;
	float: left;
	font: bold 11px Arial;
}

ul.clientlogin li a:link, ul.clientlogin li a:visited, ul.clientlogin li a:active{
	float: left;
	color: #000;
	text-decoration: none;
}

ul.clientlogin li span{
	float: left;
	padding:6px 9px 7px 9px;
	cursor: pointer;
}

ul.clientlogin li a:hover{
	background: url(../images/top-btn-left1.jpg) no-repeat left top;
	color: #fff;
	text-decoration:underline;

}

ul.clientlogin li a:hover span{
	background: url(../images/top-btn-right1.jpg) no-repeat right top;
}

ul.clientlogin li.selected a:link, ul.clientlogin li.selected a:visited, ul.clientlogin li.selected a:active{
	background: url(../images/top-btn-left1.jpg) no-repeat left top;
	color: #fff;
}

ul.clientlogin li.selected span{background: url(../images/top-btn-right1.jpg) no-repeat right top;}


.banner{
	width: 954px;
	float: left;
	margin: 27px 0 0 0;
	padding: 0 0 30px 0;
}

.bannerimg{	float: left;}

.banner form{
	width: 257px;
	float: right;
	padding: 0 0 19px 0;
	background: url(/images/header-form-bg.jpg) no-repeat left top;
}

.ph-no{
	float: left;
	margin: 26px 0 0 13px;
}

.banner form ul{
	width: 225px;
	float: left;
	padding: 18px 16px 0 16px;
	list-style-type: none;
}

.banner form ul li{
	padding: 0 0 13px 0;
	background: url(/images/header-form-input-bg.jpg) no-repeat right top;
	float: left;
	width: 225px;
}

.banner form label{
	font: bold 14px Arial;
	color: #fff;
	float: left;
	padding: 6px 0 0 0;
}

.banner form input{
	width: 152px;
	height: 17px;
	float: right;
	background: none;
	border: none;
	margin: 0 8px 0 0;
	display: inline;
	padding: 6px 0 0 0;
	font: normal 14px Arial;
}

.banner form input.submit-btn{
	padding: 0;
	margin: 1px 0 0 0;
	width: 169px;
	height: 38px;
}

.banner form ul li.bgnone{ background: none;}

/* Mid Content ========================================= */
.mid-content{
	width: 954px;
	float: left;
	background: url(/images/mid-content-btm-bg-rep.jpg) repeat-x left bottom #fff;
}

.mid-content ul{
	width: 950px;
	float: left;
	background: url(/images/mid-content-top-bg.jpg) no-repeat left top;
	list-style-type: none;
	padding: 20px 0 21px 4px;
}

.mid-content ul li{
	padding: 0;
	float: left;
	background: url(/images/mid-box-top.jpg) no-repeat left top;
	width: 294px;
	margin: 0 0 0 16px;
	display: inline;
}

.box-btm-bar{float: left;}

.mid-content h2{
	font: normal 18px Arial;
	color: #454545;
	text-transform: uppercase;
	padding: 18px 10px 6px 12px;
}

.mid-content h2 span{ color: #036aa2;}

.mid-content p{	padding: 5px 15px 15px 15px;}

a.blue-btn:link, a.blue-btn:visited, a.blue-btn:active{
	background: url(/images/blue-btn-left-bar.jpg) no-repeat left top;
	float: right;
	text-decoration: none;
	color: #fff;
	font: bold 12px Arial;
	margin: 5px 18px 0 30px;
	display: inline;
}

a.blue-btn span{
	background: url(/images/blue-btn-right-bar.jpg) no-repeat right top;
	float: left;
	padding: 8px 12px;
	cursor: pointer;
}

a.blue-btn:hover{ color: #93d6fb;}

/* listing ===================================== */
ul.listing{
	width: 954px;
	float: left;
	list-style-type: none;
	padding: 0;
	margin: 30px 0 0 0;
}

ul.listing li{
	padding: 0 13px 0 0;
	width: 228px;
	float: left;
	background: url(/images/list-top-bg.jpg) no-repeat left 27px;
}

ul.listing li.lastlist{ padding: 0;}

ul.listing h5{
	background: url(/images/list-hed-bg.jpg) no-repeat left top;
	color: #f6851f;
	padding: 9px 0;
	text-align: center;
	float: left;
	width: 228px;
	margin: 0 0 10px 0;
}

ul.listing p{
	padding: 4px 18px;
	text-align: justify;
}

ul.listing p.italik{
	font-style: italic;
	padding: 4px 10px 4px 12px;
}

ul.listing strong{
	color: #307ea8;
	padding: 6px 0 24px 16px;
	float: left;
}

ul.listing ul{
	list-style-type: none;
	padding: 0 0 40px 0;
	float: left;
	width: 208px;
	margin: 0 0 0 20px;
	display: inline;
}

ul.listing ul li{
	background: url(/images/arrow-bull.jpg) no-repeat left 9px;
	padding: 3px 10px 3px 17px;
	width: 181px;
	float: left;
}

span.orange-btn{
	width: 228px;
	float: left;
	background: url(/images/list-btm-bg.jpg) repeat-x left bottom;
	padding: 0 0 2px 0;
}

span.orange-btn a:link, span.orange-btn a:visited, span.orange-btn a:active{
	text-align: center;
	float: left;
	text-transform: uppercase;
	text-decoration: none;
	font: bold 12px Arial;
	color: #fff;
	width: 170px;
	margin: 0 0 0 21px;
	display: inline;
	padding: 10px 8px;
	background: url(/images/orange-btn.jpg) no-repeat left top #ef7f0b;
}

span.orange-btn a:hover{color: #723b01;}

.mm-banner{
	float: left;
	margin: 12px 0 12px 28px;
}

.contact-img{
	float: left;
	margin: 12px 0 38px 20px;
}

/* footer Slider ==================================== */
.featuredWorkWrapper{
	position: relative; 
	width: 978px;
	margin: 0 auto;
	padding: 22px 0;
}

.headerImage{
	position: absolute; 
	top: 0px; 
	left: 0px; 
	display: none; 
	z-index: 5; 
	opacity: 0; 
	width: 980px; 
	height: 331px;
}

.headerImage h2{
	font: normal 30px Georgia;
	color: #fff;
}

.headerImage h2.red {
	color: #9a0707;
	font-family:Arial, Helvetica, sans-serif;
}

.headerImage h2.tissot {
	color: #e9e9e9;
	font-family:Arial, Helvetica, sans-serif;
}

.headerImage h2 span.time {
	color: #1638b0;
}

.headerImage h2.fontarial {
	font-family:Arial, Helvetica, sans-serif;
}

.headerImage h2 span.blue{
	color: #c1e3f2;
}

.headerImage p{color: #e1e0e0;}


.textOverlay{
	position: absolute;
	height: 258px; 
	width: 309px; 
	top: 20px; 
	left: 23px;
	background: url(/images/trans-black-bg.png) no-repeat left top;
}


.featuredWorkWrapper #nav{
	position: absolute; 
	z-index: 20; 
	margin: 217px 0 0 45px;
}

.featuredWorkWrapper #nav a:link, .featuredWorkWrapper #nav a:visited, .featuredWorkWrapper #nav a:active{
	display: block; 
	float: left; 
	background-color: #fff; 
	color: #333; 
	text-align: center; 
	height: 25px; 
	line-height: 25px; 
	width: 25px; 
	margin: 0 5px 0 0; 
	text-decoration: none; 
	font-size: 13px; 
	font-weight: bold; 
	border: 1px solid #b3bbbf;
}
.featuredWorkWrapper #nav a.activeSlide:link,
.featuredWorkWrapper #nav a.activeSlide:visited,
.featuredWorkWrapper #nav a.activeSlide:active{
	background-color: #036ea4; 
	color: #fff; 
	border-color: #b3bbbf;
}

.slideshow{
	width: 980px; 
	height: 300px; 
	overflow: hidden;
	position: relative;
}

/* Footer ===================================================== */
#footer{
	width: 1002px;
	margin: 0 auto;
}

.footer-inner{
	background: url(/images/page-bg-rep.jpg) repeat-y left top;
	width: 938px;
	float: left;
	padding: 14px 32px 18px 32px;
}

#footer span{
	float: left;
	padding: 0 20px 0 0;
}

#footer ul{
	list-style-type: none;
	padding: 0;
	float: right;
}

#footer li{
	float: left;
	padding: 0 9px 0 17px;
	background: url(/images/footer-list-bull.jpg) no-repeat left 6px
}

#footer li a:link, #footer li a:visited, #footer li a:active{
	text-decoration: none;
	color: #000;
}

#footer li a:hover{
	color: #144d6d;
	text-decoration: underline;
}

#footer li.active-link a:link, #footer li.active-link a:visited, #footer li.active-link a:active{
	text-decoration: underline;
	color: #144d6d;
}

#footer li.ff-list{background: none;}

/* Hosting page styles ======================================================================== */
.hosting{
	width: 954px;
	height: 226px;
	background: url(/images/hosting-page-banner.jpg) no-repeat left top;
}

.hosting p{
	font: normal 24px Arial;
	color: #fff;
	width: 485px;
	float: left;
	padding: 107px 0 0 15px;
	text-transform: uppercase;
}

.hosting p span{
	text-transform: none;
	color: #006399;
	font-size: 26px;
	line-height: 57px;
}

.aboutus{
	width: 954px;
	height: 226px;
	background: url(/images/bnr_aboutus.jpg) no-repeat left top;
}

.design{
	width: 954px;
	height: 226px;
	background: url(/images/bnr_design.jpg) no-repeat left top;
}

.ecommerce{
	width: 954px;
	height: 226px;
	background: url(/images/bnr_ecommerce.jpg) no-repeat left top;
}

.seo{
	width: 954px;
	height: 226px;
	background: url(/images/bnr_seo.jpg) no-repeat left top;
}

.notfound{
	width: 954px;
	height: 226px;
	background: url(/images/bnr_error.jpg) no-repeat left top;
}

.banner h1{
	font: normal 24px Arial;
	color: #fff;
	width: 485px;
	float: left;
	padding: 107px 0 0 15px;
	text-transform: uppercase;
}

.banner h2{
	text-transform: none;
	color: #006399;
	font-size: 26px;
	/* line-height: 27px; */
}

.main-content{
	width: 926px;
	float: left;
	background: url(/images/main-content-bg.jpg) no-repeat left top #fff;
	padding: 20px 19px 0 9px;
}

/* Content Left */
.content-left{
	width: 658px;
	float: left;
}

ul.v-content{
	list-style-type: none;
	float: left;
	width: 658px;
	padding: 0;
}

ul.v-content li{
	float: left;
	width: 658px;
	padding: 0 0 32px 0;
}

ul.v-content li.zero-pad{ padding: 0;}

ul.v-content h6{
	width: 658px;
	float: left;
	background: url(/images/v-content-hed-bg.gif) no-repeat left top;
	padding: 0;
	color: #454545;
	text-transform: uppercase;
}

ul.v-content h6 span{
	float: left;
	padding: 9px 0 9px 38px;
	background: url(/images/v-content-hed-bull.gif) no-repeat 9px 13px;
}

ul.v-content h6 strong{color: #0369a0;}

ul.v-content img{
	float: left;
	margin: 0 19px 0 28px;
}

ul.v-content p{
	float: right;
	text-align: justify;
	padding: 15px 8px 0 0;
	clear: none;
	width: 512px;
	color: #3e3e3e;
}

ul.v-content p i{text-decoration: underline;}

ul.v-content-list{
	list-style-type: none;
	padding: 3px 0 0 18px;
	width: 620px;
	float: left;
}

ul.v-content-list li{
	width: 567px;
	border: 1px solid #e1e1e1;
	padding: 1px 15px 1px 36px;
	margin: 2px 0 3px 0;
	background: url(/images/gold-bull.jpg) no-repeat 14px 6px #f9f9f9;
}

a.orange-btn-d:link, a.orange-btn-d:visited, a.orange-btn-d:active{
	float: left;
	background: url(/images/orange-btn-left-bar.jpg) no-repeat left top;
	font: bold 12px Arial;
	color: #fff;
	text-decoration: none;
}

a.orange-btn-d span{
	float: left;
	background: url(/images/orange-btn-right-bar.jpg) no-repeat right top;
	padding: 7px 10px 8px 10px;
}

a.orange-btn-d:hover{ color: #613503;}


/* Content Right */
.content-right{
	width: 234px;
	float: right;
}

ul.v-right-content{
	list-style-type: none;
	padding: 0;
	float: left;
	width: 234px;
}

ul.v-right-content li{
	width: 234px;
	float: left;
	padding: 0;
	background: url(/images/right-content-box-top.gif) no-repeat left top;
}

ul.v-right-content h2{
	color: #454545;
	padding: 12px 10px;
	text-transform: uppercase;
}

ul.v-right-content h2 span{
	color: #036aa2;
}

a.center-btn:link, a.center-btn:visited, a.center-btn:active{
	margin: 10px 50px 0 0;
}

.small-buss-img{
	border: 1px solid #e9e9e9;
	margin: 20px 0 0 0;
}

ul.v-right-content h6{
	color: #454545;
	padding: 10px 10px 8px 38px;
	background: url(/images/right-content-h6-bull.jpg) no-repeat 18px 16px;
}

ul.v-right-content h6 span{
	color: #036aa2;
}

.inner-box{
	float: left;
	width: 198px;
	margin: 0 0 0 18px;
	padding: 6px 0 0 0;
	display: inline;
	background: url(/images/right-content-inner-box.jpg) no-repeat left top;
}

.inner-box h5{
	font: bold 12px Arial;
	color: #0369a1;
	padding: 18px 10px 0 11px;
}

.inner-box h5 span{
	color: #fff;
	border: 1px solid #b87c20;
	background: url(/images/one-btn-bg.jpg) repeat-x left top #ef7f0b;
	padding: 2px 3px
}

.inner-box h5 strong{
	text-decoration: underline;
	padding: 0 0 0 12px
}

.inner-box p{
	float: right;
	width: 142px;
	padding: 6px 10px 0 0;
}

/* Online Form ============== */
.online-form{
	width: 1002px;
	margin: 0 auto;
	padding: 13px 0;
}

.online-form-inner{
	width: 1002px;
	float: left;
	padding: 15px 0;
	background: url(/images/page-bg-rep.jpg) repeat-y left top;
}

.form-container{
	width: 878px;
	float: left;
	border: 1px solid #dbdbdb;
	margin: 0 0 0 39px;
	display: inline;
	padding: 15px 21px 15px 23px;
	background: url(/images/form-container-bg.jpg) repeat-x left top #fff;
}

.big-icon{
	float: right;
	margin: 21px 0 0 0;
}

form.contact-form{
	width: 618px;
	float: left;
	display: inline;
	margin: 0 0 0 0;
	border-right: 1px solid #d4d4d4;
}

form.contact-form h2{
	color: #454545;
	padding: 0 0 0 20px;
	background: url(/images/form-hed-bull.jpg) no-repeat left 5px;
}

form.contact-form h2 span{color: #036aa2;}

form.contact-form p{ padding: 10px 40px 7px 0; color: #3e3e3e;}

form.contact-form ul{
	list-style-type: none;
	padding: 8px 0 0 0;
	float: left;
	width: 580px;
}

form.contact-form li{
	width: 257px;
	float: left;
	background: url(/images/input-txt-bg.gif) no-repeat left 24px;
	padding: 0 0 20px 0;
}

form.contact-form li label{
	float: left;
	color: #3e3e3e;
	padding: 0 0 0 3px;
}

form.contact-form li label span{ color: #ba7703;}

form.contact-form li input{
	width: 240px;
	height: 20px;
	background: none;
	border: none;
	margin: 10px 0 0 8px;
	float: left;
	color: #2d759d;
}

form.contact-form li.xtra-marjin{
	margin: 0 0 0 63px;
	display: inline;
}

form.contact-form li.txt-area{
	width: 578px;
	background: url(/images/textarea-bg.gif) no-repeat left 24px;
}

form.contact-form textarea{
	width: 560px;
	height: 77px;
	float: left; 
	margin: 10px 0 0 7px;
	font: normal 13px Arial;
	background: none;
	border: none;
	color: #2d759d;
}

form.contact-form li.captcha-image{
	clear: all;
	background: none;
	padding: 6px 0 0 0;
	width: 578px;
}

form.contact-form li.form-blue-btn{
	background: none;
	padding: 6px 0 0 0;
	width: 578px;
}

form.contact-form li span.form-btn{
	background: url(/images/blue-btn-left-bar.jpg) no-repeat left top;
	float: right;
	padding: 0;
}

form.contact-form li input.submit-btn{
	background: url(/images/blue-btn-right-bar.jpg) no-repeat right top;
	float: left;
	height: 30px;
	width: auto;
	margin: 0;
	font: bold 12px Arial;
	color: #fff;
	padding: 0 12px;
	cursor: pointer;
}

form.contact-form li input.submit-btn:hover{ color: #8dd5fc;}




.form-container2{
	width: 818px;
	float: left;
	border: 1px solid #dbdbdb;
	margin: 20px 0 0 39px;
	display: inline;
	padding: 15px 21px 15px 23px;
	background: url(/images/form-container-bg.jpg) repeat-x left top #fff;
}

form.quibber-form{
	width: 800px;
	float: left;
	display: inline;
	margin: 0 0 0 0;
	/* border-right: 1px solid #d4d4d4; */
}

form.quibber-form ul{
	list-style-type: none;
	padding: 8px 0 0 0;
	float: left;
	width: 580px;
}

form.quibber-form li{
	width: 257px;
	float: left;
	background: url(/images/input-txt-bg.gif) no-repeat left 24px;
	padding: 0 0 20px 0;
}

form.quibber-form li label{
	float: left;
	color: #3e3e3e;
	padding: 0 0 0 3px;
}

form.quibber-form li label span{ color: #ba7703;}

form.quibber-form li input{
	width: 240px;
	height: 20px;
	background: none;
	border: none;
	margin: 10px 0 0 8px;
	float: left;
	color: #2d759d;
}

form.quibber-form li.xtra-marjin{
	margin: 0 0 0 63px;
	display: inline;
}

form.quibber-form li.txt-area{
	width: 578px;
	background: url(/images/textarea-bg.gif) no-repeat left 24px;
}

form.quibber-form textarea{
	width: 560px;
	height: 77px;
	float: left; 
	margin: 10px 0 0 7px;
	font: normal 13px Arial;
	background: none;
	border: none;
	color: #2d759d;
}

form.quibber-form li.captcha-image{
	clear: all;
	background: none;
	padding: 6px 0 0 0;
	width: 578px;
}

form.quibber-form li.form-blue-btn{
	background: none;
	padding: 6px 0 0 0;
	width: 578px;
}

form.quibber-form li span.form-btn{
	background: url(/images/blue-btn-left-bar.jpg) no-repeat left top;
	float: right;
	padding: 0;
}

form.quibber-form li input.submit-btn{
	background: url(/images/blue-btn-right-bar.jpg) no-repeat right top;
	float: left;
	height: 30px;
	width: auto;
	margin: 0;
	font: bold 12px Arial;
	color: #fff;
	padding: 0 12px;
	cursor: pointer;
}

form.quibber-form li input.submit-btn:hover{ color: #8dd5fc;}