/* CSS Document */
body{
	margin:0px;
	padding:0px;
	text-decoration: none;
	font-size: 13px;
	color: #4D4D4D;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.text {
	line-height: 20px;
	text-align: justify;
	font-size: 13px;
	color: #333333;
}
h1 {
	font-family:'TitilliumText22L-Thin', Verdana, Geneva, sans-serif;
	font-size: 22px;
	font-weight: normal;
	color: #00639c;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	font-size: 22px;
	font-style: normal;
}

.contact-us {
	font-family:'TitilliumText22L-Thin', Verdana, Geneva, sans-serif;
	font-size: 22px;
	font-weight: normal;
	color: #00639c;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	font-size: 22px;
	font-style: normal;
}

h2 {
	font-family:'TitilliumText22L-Thin' ,Verdana, Geneva, sans-serif;
	font-size: 25px;
	font-weight: bold;
	color: #0370b8;
	text-decoration: none;
	margin: 0px;
	background-image: url(../images/headingbg.jpg);
	background-position: left top;
	background-repeat: repeat-x;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #C9D5E9;
}
h3 {
	font-family:'TitilliumText22L-Thin' ,Verdana, Geneva, sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	text-transform: uppercase;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
h4 {
	font-family:'TitilliumText22L-Thin' ,Verdana, Geneva, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}


.sonitek-international{
	font-family:'TitilliumText22L-Thin' ,Verdana, Geneva, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}


h5 {
	font-family:'TitilliumText22L-Thin' ,Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #035992;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}
h6 {
	font-family:'TitilliumText22L-Thin', Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #3e7ca9;
	text-decoration: none;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}

h7 {
	font-size: 15px;
	font-weight: bold;
	color: #3e7ca9;
	text-decoration: none;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
p {
	color: #4D4D4D;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 22px;
	text-decoration: none;
}
.bestprojects {
	font-size: 11px;
	color: #666;
	padding-top: 5px;
	padding-right: 6px;
	padding-bottom: 5px;
	padding-left: 6px;
}


.headingright {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #035992;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}

.heading-new{
	font-size: 20px;
	font-weight: none;
	color: #0370b8;
	text-decoration: none;
	margin: 0px;
}

.heading2 {
	
	font-size: 30px;
	color: #000000;
	text-decoration: none;
}


.redtext {
	
	font-size: 13px;
	font-weight: bold;
	color: #D20000;
	text-decoration: none;
}
.text2 {
	
	font-size: 13px;
	font-weight: bold;
	color: #035992;
	text-decoration: none;
}


.text2-new {
	
	font-size: 14px;
	font-weight: none;
	color: #035992;
	text-decoration: none;
}


#topbg {
	background-image: url(../images/toplinebg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height: 5px;
	margin: 0px;
	padding: 0px;
}
.topline {
	background-image: url(../images/topline.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.topbuttbg {
	background-color: #9DB7D0;
	background-image: url(../images/topbuttbg.jpg);
	background-repeat: repeat-x;
}
.whitetext {
	color: #FFFFFF;
	text-decoration: none;
}
.navbg {
	background-image: url(../images/navbg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 38px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
}
.dotline {
	background-image: url(../images/dotlinebg.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	height: 2px;
}
.new1 ul {
	padding: 0px;
	color: #4c4c4c;
	text-decoration: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
 
}
.new1 li {
	line-height: 20px;
	color: #000000;
	font-size: 13px;
	text-decoration: none;
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 10px 7px;
	padding-left: 30px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 4px;
	list-style-type: none;
	margin: 0px;
}
.new1 li a{
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #0370B8;
	font-size: 12px;
	text-decoration: none;
	margin: 0px;
	list-style-type: none;
}
.new1 li a:hover{
	color: #000000;
	text-decoration: none;
	padding-left: 0px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	list-style-type: none;
	font-weight: bold;
}
.new4 ul {
	padding: 0px;
	color: #000000;
	text-decoration: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
 
}
.new4 li {
	line-height: 20px;
	
	color: #000000;
	font-size: 13px;
	text-decoration: none;
	background-image: url(../images/bullet.jpg);
	background-repeat: no-repeat;
	background-position: 10px 6px;
	padding-left: 30px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	list-style-type: none;
	margin: 0px;
}
.new4 li a{

	color: #000000;
	font-size: 13px;
	text-decoration: none;
	margin: 0px;
	list-style-type: none;
	font-weight: normal;
}
.new4 li a:hover{
	color: #0368AB;
	text-decoration: none;
	padding-left: 0px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	list-style-type: none;
	font-weight: normal;
}
.link1 {

	font-size: 12px;
	font-weight: bold;
	color: #00639C;
	text-decoration: none;
}
.link1:hover {

	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.link2 {

	font-size: 13px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: underline;
}
.link2:hover {

	font-size: 13px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.rightboxbg {
	background-image: url(../images/rightboxbg.jpg);
	background-repeat: repeat-y;
}
.twitterboxbg {
	background-image: url(../images/twitterboxbg.jpg);
	background-repeat: repeat-y;
	text-decoration: none;
	padding-left: 5px;
}
.bottomborder {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d6d7d7;
}
.rightheadingbg1 {
	background-image: url(../images/rightheadingbox.jpg);
	background-repeat: no-repeat;
	height: 33px;
	width: 266px;
	position: relative;
	left: -10px;
}
.form1 {
	background-image: url(../images/formbg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 190px;
	border: 1px solid #bdbdbd;
	height: 20px;
	padding-left: 5px;
}
.form2 {
	background-image: url(../images/formbg2.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	border: 1px solid #B6C8DA;
	padding-left: 5px;
	background-color: #dae3ec;
	line-height: 20px;
}
.form3 {
	padding-left: 5px;
	background-color: #4680AB;
	line-height: 20px;
	color: #FFFFFF;
	border: 1px solid #6A9FBF;
	width: 250px;
}
.navdotline {
	background-image: url(../images/navdotline.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height: 1px;
}
.copy {
	font-size: 11px;
	color: #B5CEDF;
	text-decoration: none;
}
.copylink {
	font-size: 11px;
	color: #B5CEDF;
	text-decoration: none;
}
.copylink:hover {
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}
.new2 ul {
	padding: 0px;
	color: #FFFFFF;
	text-decoration: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
 
}
.new2 li {
	line-height: 20px;

	color: #FFFFFF;
	font-weight: normal;
	font-size: 13px;
	text-decoration: none;
	background-image: url(../images/arrow2.gif);
	background-repeat: no-repeat;
	background-position: 10px 6px;
	padding-left: 25px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	list-style-type: none;
	margin: 0px;
}
.new2 li a{

	color: #FFFFFF;
	font-size: 13px;
	text-decoration: none;
	margin: 0px;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 0px;
	list-style-type: none;
	padding-left: 2px;
}
.new2 li a:hover{
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 2px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 0px;
	list-style-type: none;
	background-color: #0E5582;
}
.footerbg {
	background-color: #4781A7;
	background-image: url(../images/footerbg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.line {
	background-image: url(../images/border_bg.gif);
	background-repeat: repeat-x;
	height: 20px;
	background-position: left center;
}


.topnav ul{
	margin: 0px;
	padding: 0px;
	font-family: Tahoma, Geneva, sans-serif;
}

.topnav ul li{

	font-size:13px;
	text-decoration:none;
	font-weight:normal;
	color:#000000;
	display:inline;
	list-style-type: none;
	background-image: url(../images/topnavmiddline.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 10px;
	padding-left: 10px;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.topnav  ul li a{

	font-size:13px;
	text-decoration:none;
	font-weight:normal;
	color:#000000;
	display:inline;
	text-align: left;
	list-style-type: none;
	padding-right: 8px;
	padding-bottom: 11px;
	padding-left: 8px;
	padding-top: 11px;
	
}

.topnav  ul li a:hover{
	text-decoration:none;
	color:#FFFFFF;
	display:inline;
	text-align: left;
	list-style-type: none;
	background-color: #4680AB;
	
}


.new3 ul {
	padding: 0px;
	color: #0370B8;
	text-decoration: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
 
}
.new3 li {
	line-height: 20px;

	color: #000000;
	font-weight: normal;
	font-size: 13px;
	text-decoration: none;
	background-image: url(../images/border_bg.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-left: 10px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
	list-style-type: none;
	margin: 0px;
}
.new3 li a{
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #0370B8;
	font-size: 13px;
	text-decoration: none;
	margin: 0px;
	list-style-type: none;
	font-weight: bold;
}
.new3 li a:hover{
	color: #000000;
	text-decoration: none;
	padding-left: 0px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	list-style-type: none;
	font-weight: bold;
}
.sideimg {
	background-image: url(../images/sideimg.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.icon {
	margin: 0px;
	padding: 0px;
	float: right;
	height: 227px;
	width: 50px;
	position: fixed;
	top: 200px;
	overflow: hidden;
	z-index: 100;
	right: 0px;
}
.portfoliobg {
	background-image: url(../images/portfoliobg.gif);
	background-repeat: repeat-x;
	background-position: center top;
	height: 97px;
}
.rightborder {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #8CB6EA;
}

.web-development{
	background-repeat: no-repeat;
	height: 122px;
}

.web-mobile{
	height: 122px;
}

.web-cms{
	height: 122px;
}

.web-seo{
	background-repeat: no-repeat;
	height: 122px;
}
.mobiletext {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	line-height: 22px;
	font-weight: normal;
	color: #4d4d4d;
	text-decoration: none;
}

.mobiletext a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	line-height: 22px;
	font-weight: normal;
	color: #4780AB;
	text-decoration: none;
}

.mobiletext a:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	line-height: 22px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
.mobilebanner {
	background-image: url(../images/mobile/headerimg3.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 254px;
	width: 641px;
}
.mobilebannanimation {
	float: right;
	height: 157px;
	width: 331px;
	margin-top: 20px;
	padding: 0px;
	margin-right: 45px;
	margin-bottom: 0px;
	margin-left: 0px;
}


.images-portfolio1{
	background-image:url(../images/port-footer.jpg);
	background-repeat:no-repeat;
	width:216px;
	height:73px;
	font-size:10px;
	text-transform:uppercase;
	line-height:15px;}
	
	




* html img,
* html .png{
    behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
        this.src = "images/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
        this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
    );
}
.blocks {
	height: 30px;
	width: 130px;
	line-height: 30px;
	padding-right: 10px;
	padding-left: 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-left-color: #CCC;
	margin-bottom: -1px;
	background-color: #FFF;
	margin-left: 10px;
	font-size: 13px;
	color: #226695;
	font-weight: bold;

}
/*Example CSS for the two demo scrollers*/

#pscroller1{
	width: 265px;
	padding: 5px;
	border: 1px solid #EBEBEB;
	float: right;
}

.bgpsc {
	background-image: url(../images/heading_testimonial.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 21px;
	padding-left: 20px;
	padding-top: 10px;
	margin-top: 10px;
}

#pscroller2{
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
#pscroller2 p{
	text-align: justify;
	margin: 0px;
	padding: 0px;
}


#pscroller2 a{
text-decoration: none;
}

.someclass{ //class to apply to your scroller(s) if desired
}
.borderimg {
	padding: 3px;
	border: 1px solid #CCC;
}

@font-face {
    font-family: 'HelveticaNeueLTStd35Thin';
    src: url('helveticaneueltstd-th-webfont.eot');
    src: url('helveticaneueltstd-th-webfont.eot?#iefix') format('embedded-opentype'),
         url('helveticaneueltstd-th-webfont.woff') format('woff'),
         url('helveticaneueltstd-th-webfont.ttf') format('truetype'),
         url('helveticaneueltstd-th-webfont.svg#HelveticaNeueLTStd35Thin') format('svg');
    font-weight: normal;
    font-style: normal;

}

.webdevlopment-new{
font-size:28px;
color:#14abf9;}

.text-header {
	line-height: 20px;
	text-align: justify;
	font-size: 15px;
	color: #787878;
}

.org-text{
	font-size:25px;
	color:#f39802;
}

.web-deb-img{
	background-image:url(http://img843.imageshack.us/img843/1884/headerwebdevelopment2.jpg); 
	background-repeat:no-repeat; 
	height:256px; 
	width:960px;}



.small-heading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #494f57;
	text-decoration: none;
	font-weight: bold;
}
.content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #494f57;
	text-decoration: none;
}
.banner-bg {
	background-image: url(../images/banner-bg.jpg);
	background-repeat: repeat-x;
}
.small-heading2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #494f57;
	text-decoration: none;
}
.border-webitepager {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #ebebeb;
	border-bottom-color: #ebebeb;
}
.blue-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #2173af;
	text-decoration: none;
}
.gray-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #b0b0b0;
	text-decoration: none;
}