@charset "utf-8";
/* CSS Document */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	background-color: #FFFFFF;
	text-align: center;
	margin: 0px;
	padding: 0px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	letter-spacing: normal;
	word-spacing: normal;
	white-space: normal;
	background-image: url(images/body-back.jpg);
	background-repeat: repeat-x;
	background-position: top;
}

#online-support{
	width: 240px;
	height: 420px;
	margin-right: auto;
	margin-left: auto;
}

A {
	color: #333333;
	text-decoration: none
}

A:hover {
	text-decoration: underline;
	color: #CC0000;
}

div, h1, h2, h3, h4, p, form, label, input, textarea, img, span  {
margin : 0;
padding : 0;
} 

ol {
	margin: 0px;
	padding: 0px;
}

ul {
	margin: 0px;
	padding: 0px;
}

input, textarea, select, checkbox{
	margin: 0px;
	padding: 0px;
	border: 1px solid #CCCCCC;
}

.input{
	height: 20px;
}

h1{
	text-align: left;
	font-size: 18px;
	font-weight: bold;
	color: #254B72;
	font-family: "Trebuchet MS";
	text-decoration: none;
	margin: 0px;
}


/* <-----------------Header Block Start----------------> */

#header{
	width: 900px;
	margin: auto;
	padding: 0px;
	height: 105px;
	position: relative;
}

#header #left {
	DISPLAY: block;
	WIDTH: 16px;
	POSITION: absolute;
	HEIGHT: 105px;
	background-image: url(images/header-top-left.gif);
	background-repeat: no-repeat;
	float: left;
	left: 0px;
}
#header #right {
	DISPLAY: block;
	WIDTH: 16px;
	POSITION: absolute;
	HEIGHT: 105px;
	background-image: url(images/header-top-right.gif);
	background-repeat: no-repeat;
	left: 884px;
}

#header #back {
	DISPLAY: block;
	WIDTH: 868px;
	POSITION: absolute;
	HEIGHT: 105px;
	background-image: url(images/header-top-back.gif);
	background-repeat: repeat-x;
	left: 16px;
}

#header #back #logo {
	DISPLAY: block;
	WIDTH: 342px;
	POSITION: absolute;
	HEIGHT: 90px;
	background-image: url(images/web-junction.gif);
	background-repeat: no-repeat;
	top: 4px;
	left: 0px;
	color: #FFFFFF;
}

#header #back #contacts {
	DISPLAY: block;
	WIDTH: 400px;
	HEIGHT: 50px;
	top: 8px;
	font-weight: bold;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #353636;
	padding-top: 10px;
	padding-left: 20px;
	float: right;
	text-align: right;
}

#header #back #contacts .con{
	DISPLAY: block;
	WIDTH: 400px;
	HEIGHT: 23px;
	float: right;
	text-align: right;
	background-image: url(images/contact-bg.jpg);
	background-position: 115px 0px;
	background-repeat: no-repeat;
	line-height: 28px;
	margin-top: 5px;
}


#header #back .top-menu {
	WIDTH: 336px;
	POSITION: absolute;
	HEIGHT: 38px;
	right: 0px;
	background-image: url(images/top-nav.gif);
	bottom: 0px;
}

#header #back .top-menu ul {
	list-style-type: none;
}

#header #back ul li{
	font-weight: bold;
	float: left;
	margin-right: 0px;
	margin-left: 14px;
	display: inline;
	line-height: 28px;
	padding-top: 9px;
}

/* <-----------------Header Block End----------------> */


/* <-----------------Banner Block Start----------------> */

#head-image{
	background-image: url(images/header-image.jpg);
	height: 186px;
	width: 900px;
	margin: auto;
	padding: 0px;
}
/* <-----------------Banner Block End----------------> */

/* <-----------------Navigation Block Start----------------> */

#navigation-block{
	height: 49px;
	width: 900px;
	padding: 0px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	position: relative;
	background-image: url(images/nav-back.gif);
	background-repeat: repeat-x;
}

#navigation-block #left-area {
	background-image: url(images/nav-left.gif);
	height: 49px;
	width: 12px;
	float: left;
}

#navigation-block #right-area {
	background-image: url(images/nav-right.gif);
	height: 49px;
	width: 12px;
	display: block;
	float: right;
}


#navigation-block #nav-area {
	height: 42px;
	width: 875px;
	display: block;
	position: absolute;
	left: 15px;
	top: 4px;
}

#navigation-block #nav-area ul {
	list-style-type: none;
}

#navigation-block #nav-area ul li {
	float: left;
	margin-left: 3px;
	display: inline;
}

.nav-brake {
	WIDTH: 4px;
	background-image: url(images/brake.jpg);
	background-repeat: no-repeat;
	background-position: 0px bottom;
	height: 42px;
}

.home {
	WIDTH: 136px;
	background-image: url(images/nav-home-over.png);
	background-repeat: no-repeat;
	height: 42px;
	background-position: 0px 0px;
}

.about-us {
	WIDTH: 136px;
	background-image: url(images/nav-about-over.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.services {
	WIDTH: 136px;
	background-image: url(images/nav-service-over.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.portfolio {
	WIDTH: 136px;
	background-image: url(images/nav-portfolio-over.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.support-us {
	WIDTH: 136px;
	background-image: url(images/nav-support-over.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.contact-us {
	WIDTH: 136px;
	background-image: url(images/nav-contact-over.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

/* <-----------------Navigation Block End----------------> */




/* <-----------------Content Block Start----------------> */

#content-block{
	width: 900px;
	background-color: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
	clear: none;
	height: auto;
	background-image: url(images/content-top.png);
	background-repeat: no-repeat;
	background-position: top;
	margin-top: 10px;
	padding-top: 17px;
}

#content-block #center-cont{
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #dcdcde;
	border-left-color: #dcdcde;
	padding-right: 17px;
	padding-left: 17px;	
	height: auto;
}

/* <-----------------Content Block Left area Start----------------> */


#content-block #left-cont{
	float: left;
	width: 293px;
}


.web-designer {
	background-image: url(images/hire-web-designer-over.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 84px;
}

.gra-designer {
	background-image: url(images/hire-graphic-designer-over.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 84px;
	margin-top: 10px;
}


.web-developer {
	background-image: url(images/hire-php-programer-over.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 84px;
	margin-top: 10px;
}

.flash-designer {
	background-image: url(images/hire-flash-designer-over.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 84px;
	margin-top: 10px;
}

#live-chat {
	background-image: url(images/online-support.jpg);
	background-repeat: no-repeat;
	background-position: center 0px;
	height: 114px;
	margin-top: 10px;
}

/* <-----------------Content Block Left area End----------------> */

/* <-----------------Content Block Right area Start----------------> */

#content-block #right-cont{
	float: right;
	width: 550px;
	padding-top: 8px;
	background-image: url(images/content-right-top.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#content-block #right-cont .welcome-block{
	width: 550px;
	background-image: url(images/content-right-bottom.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-color: #eeeeee;
	padding-bottom: 8px;
	text-align: justify;
}


#content-block #right-cont .welcome-block H1{
	font-size: 18px;
	font-weight: bold;
	font-family: "Trebuchet MS";
	color: #000000;
	text-decoration: none;
	margin-right: 15px;
	margin-left: 15px;
}

#content-block #right-cont .welcome-block P{
	font-family: "Trebuchet MS";
	margin-right: 15px;
	margin-left: 15px;
}

.heading{
	font-size: 15px;
	color: #333333;
}

.read-more {
	text-decoration: none;
	font-family: "Trebuchet MS";
	text-align: right;
	font-size: 14px;
	color: #990000;
	font-weight: bold;
	margin-right: 15px;
}

.read-more A{
	text-decoration: none;
	font-family: "Trebuchet MS";
	text-align: right;
	font-size: 14px;
	color: #003366;
	font-weight: bold;
}

.read-more A:hover{
	color: #990000;
	font-family: "Trebuchet MS";
	text-decoration: none;
}

#content-block #right-cont .tab-top-block{
	width: 267px;
	background-image: url(images/content-colum-top.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 8px;
	margin-top: 15px;
	float: left;
}

#content-block #right-cont .tab-center-block{
	text-align: justify;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #d6d6d6;
	border-left-color: #d6d6d6;
}

#content-block #right-cont .tab-center-block p{
	margin-right: 18px;
	margin-left: 18px;
	margin-top: 14px;
	color: #4D4D4D;
}

.client-header{
	background-image: url(images/client-speak-icon.jpg);
	background-repeat: no-repeat;
	background-position: right 2px;
	height: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #494949;
	margin-right: 14px;
	margin-left: 14px;
}

.instatnt-query{
	background-image: url(images/instant-query.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 20px;
	height: 159px;
	padding-left: 40px;
	margin-right: 15px;
	padding-top: 15px;
}

.instatnt-query .input-text{
	float: left;
	width: 60px;
	line-height: 20px;
}

.instatnt-query .input{
	float: right;
	width: 125px;
}

.instatnt-query input{
	width: 125px;
}

.submitbutton {
	background-image:url(images/submit.gif);
	width:42px;
	height:17px;
	border:0;
	background-repeat: no-repeat;
	color: #FFFFFF;
	background-position: center;
}

.submit {
	width:65px;
	height:24px;
	cursor:pointer;
	border:0;
	background:url(images/s-but2.gif) 0 0 no-repeat;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	padding-bottom:4px;
	line-height:24px;
}
.submit:hover {
	width:65px;
	height:24px;
	cursor:pointer;
	border:0;
	background:url(images/s-but1.gif) 0 0 no-repeat;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	padding-bottom:4px;
	line-height:24px;
}

#content-block #right-cont .tab-bottom-block{
	background-image: url(images/content-colum-bottom.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 10px;
}

.brake{
	height: 4px;
	font-size: 4px;
}

#portfolio{
	height: 185px;
	width: 900px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
}

#content-block #bottom-block {
	WIDTH: 900px;
	background-image: url(images/content-bottom.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 17px;
	float: left;
}

/* <-----------------Content Block End----------------> */

/* <-----------------Footer Block Start----------------> */

#footer {
	WIDTH: 900px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	height: 300px;
	overflow: hidden;
}

#footer .center-block{
	background-image: url(images/footer-gallery.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	WIDTH: 900px;
	background-color: #535353;
	color: #CCCCCC;
	text-align: left;
	padding-top: 10px;
	height: 300px;
	overflow: hidden;
}

.fotter-div{
	WIDTH: 900px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #464646;
	padding-top: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #626262;
}

.fotter-div-left{
	color: #CCCCCC;
	margin-left: 20px;
	display: inline;
	float: left;
	WIDTH: 125px;
}

.fotter-div-left H4{
	font-size: 14px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	text-decoration: none;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	line-height: 20px;
}

.fotter-div-right{
	WIDTH: 735px;
	color: #CCCCCC;
	float: right;
	padding-right: 10px;
	text-align: justify;
}

.fotter-div-right ul{
	list-style-type: disc;
	list-style-position: inside;
}

.fotter-div-right li{
	text-decoration: none;
	float: left;
	margin-left: 8px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	padding-right: 8px;
	display: inline;
	margin-top: 5px;
}

.fotter-div-right A{
	text-decoration: none;
	color: #9B9B9B;
}

.fotter-div-right A:hover{
	text-decoration: none;
	color: #FFFFFF;
}

.fotter-div-main-link{
	WIDTH: 850px;
	color: #F4F4F4;
	margin-right: auto;
	margin-left: auto;
}

.fotter-div-main-link ul{
	list-style-type: disc;
	list-style-position: inside;
}

.fotter-div-main-link li{
	text-decoration: none;
	float: left;
	margin-left: 8px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #F4F4F4;
	padding-right: 8px;
	display: inline;
	margin-top: 5px;
}

.fotter-div-main-link A{
	text-decoration: none;
	color: #F4F4F4;
}

.fotter-div-main-link A:hover{
	text-decoration: underline;
	color: #F4F4F4;
}

/*------------------------------------------------validation --------------------*/
.xhtml {
	text-decoration: none;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
}


a.css:link {
	text-decoration: none;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	background-color: #71882c;
	margin: 0px;
	height: 20px;
	width: 100px;
	border: 1px dotted #FFFFFF;
	padding-right: 20px;
	padding-left: 20px;
}

a.css:hover {
	text-decoration: none;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	background-color: #0099FF;
	margin: 0px;
	height: 20px;
	width: 100px;
	border: 1px dotted #FFFFFF;
	padding-right: 20px;
	padding-left: 20px;
}
/*------------------------------------------------validation--------------------*/

/*-----------------------Left Nav--------------------*/

.border {
	border: 1px solid #D7D7D7;
}