/* CSS Document */
body{
	background:#FFFFFF;
	padding-top:10px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#6b6b6b;
	}
form, ul, li, img, h1, h2, h3, h4, h5, p{
	margin:0;
	padding:0;
	}
/*a, a:active, a:visited{
	color:#4A83A8;
	text-decoration:none;
	}
a:hover{
	text-decoration:underline;
	}*/
img {
	border:0px;
	}
h1{
	font-size:16px;
	font-weight:normal;
	}
h2{
	font-size:13px;
	font-weight:normal;
	float: left;
	clear: both;
	}
h2.pr{
	font-size:14px;
	font-weight:normal;
	float: left;
	clear: both;
	padding:0px 0px 10px 0px;
	}
h3{
	font-size:12px;
	font-weight:normal;
	}
h4{
	font-size:12px;
	font-weight:normal;
	}
h5{
	font-size:12px;
	font-weight:normal;
	}
.page{
	width:900px;
	margin:auto;
	}
.clear{
	clear:both;
	}
.right-float{
	float:right;
	}
.left-float{
	float:left;
	}
#header_wraper{
	height:64px;
	width:auto;
	}
#logo{
	width:150;
	height:47px;
	float:left;
	}
.top-right-container{
	float:right;
	padding-right:48px;
	padding-top:30px;
	}
.top-link-container{
	color:#6b6b6b;
	float:right;
	width:438px;
	}
.top-link a:link, .top-link a:active, .top-link a:visited {
	font-size:11px;
	color:#6b6b6b;
	text-decoration:none;
	}
.top-link a:hover{
	text-decoration:underline;
	}
.top-search-bg{
	margin-top:14px;
	width:134px;
	height:23px;
	float:right;
	background:url(../images/top-search-img.jpg)
	}
.top-search-text-box{
	width:105px;
	border:0px;
	height:16px;
	margin:2px 0px 0px 5px;
	}
#mid-body-bg{
	background:url(../images/main-bg.jpg) repeat-x top;
	}
#mid-top-nav-container{
	padding:17px 0px 0px 40px;
	float:left;
	width:500px;
	font-size:16px;
	color:#f17f28;
	}
#mid-top-nav-container-portfolio{
	padding:17px 0px 0px 0px;
	float:left;
	width:500px;
	font-size:16px;
	color:#f17f28;
	}

.mid-top-nav a:link, .mid-top-nav a:visited, .mid-top-nav a:active{
	font-size:16px;
	color:#f17f28;
	text-decoration:none;
	padding-bottom:10px;
	display:block;
	float:left;
	}
.seperator{
	padding:0 7px;
	float:left;
	}
.mid-top-nav a:hover{	
	}
.mid-top-nav a.active-nav{
	color:#4A83A8;
	}
#mid-body-container{
	padding:0px 0px 0px 30px;
	height:600px;
	background-image: url(../images/main-bg.jpg);
	background-repeat: repeat-x;
	}
#mid-body-bottom-container{
	width:auto;
	float:left;
	margin-top:7px;
	padding-right: 0px;
	}
#mid-body-bottom-container-contact{
	width:840px;
	float:left;
	margin-top:7px;
	padding-right: 30px;
	}
#mid-body-bottom-container-sm{
	width:870px;
	float:left;
	margin-top:7px;
	padding-right: 0px;
	}

#mid-body-bottom-container-portfolio{
	width:870px;
	float:left;
	margin-top:7px;
	padding-right: 0px;
	}
#flash-container{
	margin:0px 30px 0px 0px;
	float:left;
	}
#inner_text_wrapper{
	margin:0px 30px 0px 0px;
	float:left;
	}
#right-container-contact{
	margin:0px 0px 0px 0px;
	float:left;
	width:245px;
	padding:0px 0px 0px 0px;
	}
#right-container-sm{
	margin:0px 0px 0px 0px;
	float:left;
	width:auto;
	padding:0px 0px 0px 0px;
	}
#mid-body-right-container{
	margin:0px 0px 0px 0px;
	float:left;
	width:auto;
	padding:0px 0px 0px 0px;
	}
#mid-body-right-container a:link, #mid-body-right-container a:visited, #mid-body-right-container a:active{
	color:#6B6B6B;
	text-decoration:none;
	}
#mid-body-right-container a:hover{
	text-decoration:underline;
	}
#mid-body-right-container-inner a:link, #mid-body-right-container-inner a:visited, #mid-body-right-container-inner a:active{
	color:#6B6B6B;
	text-decoration:none;
	}
#mid-body-right-container-inner a:hover{
	text-decoration:underline;
	}
#mid-body-right-container-inner{
	margin:0px 0px 0px 0px;
	float:left;
	width:auto;
	padding:7px 0px 0px 30px;
	}
#free-seo-main{
	width:226px;
	height:auto;
	float:left;
	}
.free-seo-main-mid{
	width:auto;
	height:68px;
	border-left:1px #f48025 solid;
	border-right:1px #f48025 solid;
	background:#FFFFFF;
	}
.free-seo-heading{
	font-size:16px;
	color:#f17f28;
	margin:0px 0px 0px 10px;
	}
.free-seo-mid-text{
	padding:0px 0px 0px 10px;
	padding-top:5px;
	width:auto;
	float:left;
	}
.free-seo-arrow-shape{
	margin:0px 0px 0px 20px;
	padding-top:5px;
	width:auto;
	float:left;
	}
.color-blue{
	color:#1d5a80;
	}
.color-orange{
	color:#f48025;
	}
.mid-space{
	line-height:12px;
	}
#social-media-main{
	width:226px;
	height:auto;
	float:left;
	margin:17px 0px 0px 0px;
	}
#social-media-main2{
	width:226px;
	height:auto;
	float:left;
	margin:17px 0px 0px 0px;
	}
#mid-right-nav ul{
	list-style:none;
	padding:14px 0px 0px 0px;
	width:226px;
	}
#mid-right-nav ul li{
	text-align:left;
	border-bottom:1px dashed #c3c3c3;
	height:19px;
}
#mid-right-nav ul li a:link, #mid-right-nav ul li a:visited, #mid-right-nav ul li a:active {
	text-decoration:none;
	color:#6b6b6b;
	background:url(../images/shape-arrow.jpg) right no-repeat;
	width:226px;
	display:block;	
}
.right_links{
	width:226px;
	}
#mid-right-nav ul li a:hover{
	background:url(../images/shape-arrow-blue.png) right no-repeat;
	color:#333333;
}
.active{
	background:#b58845;
}

#callout_box{
	background:url(../images/callout-top-img.png) no-repeat;
	width:226px;
	height:auto;
	float:left;	
	}
	
.callout-heading{
	font-size:18px;
	color:#1d5a80;
	margin:15px 0px 0px 20px;
	}
.callout-mid-text{
	font-size:11px;
	padding:0px 15px 0px 0px;
	margin-top:12px;
	width:204px;
	float:left;
	border-left:0px solid #f2f2f2;
	border-right:0px solid #f2f2f2;
	}
.callout-mid-text h4 a:link, .callout-mid-text h4 a:active, .callout-mid-text h4 a:visited{
	color:#4A83A8;
	text-decoration:none;
	}
.callout-mid-text h4 a:hover{
	text-decoration:underline;
	}
.callout-mid-text-contact{
	font-size:11px;
	padding:0px 15px 0px 25px;
	margin-top:12px;
	width:204px;
	float:left;
	border-left:0px solid #f2f2f2;
	border-right:0px solid #f2f2f2;
	}
.callout-mid-text-contact h4 a:link, .callout-mid-text-contact h4 a:active, .callout-mid-text-contact h4 a:visited{
	color:#4A83A8;
	text-decoration:none;
	}
.callout-mid-text-contact h4 a:hover{
	text-decoration:underline;
	}
.callout-bottom-name{
	font-size:12px;
	color:#1d5a80;
	text-align:right;
	font-weight:bold;
	padding:15px 0px 0px 0px;
	}
.clients-heading{
	font-size:16px;
	color:#f17f28;
	padding:12px 0px 0px 0px;
	}
#clients-container{
	margin:6px 0px 0px 0px;
	}
#clients-header_wraper{
	border-left:1px #e8e9ea solid;
	border-right:1px #e8e9ea solid;
	height:97px;
	background:#FFFFFF;
	width:824px;
	}
#clients-header_wraper img{
	margin:0px 19px;
	top:0px;
	vertical-align:middle;
	}
.clients-show-all{
	margin:0px 0px 10px 20px;
	background:url(../images/clients-arrow-shape.jpg) no-repeat right;
	width:225px;
	}
.clients-list a:link, .clients-list a:visited, .clients-list a:active{
		color:#f48025;
		text-decoration:none;
		}
.clients-list a:hover{
	text-decoration:underline;
	}
	
	
#nav-base{
	width:825px;
	color:#fff;
	background:url(../images/bottom-top-shape.jpg) no-repeat;
	height:29px;
}
#nav-base a{
	color:#fff;
	text-decoration:none;
	}
#nav-base a:hover{
	color:#fffff;
	text-decoration:underline;
	}
#nav-base ul{
	margin:0px;
	padding:0px;
	float:left;
	}
#nav-base li{
	display:block;
	float:left;
	}
#nav-base ul li a{
	line-height:29px;	
	}
#nav-base ul li a {
	margin:0px 15px;
	float:left;
	cursor:pointer;
	}
#nav-base span{
	height:29px;
	}
#nav-base ul li.active {
	background:url(../Images/bottom-arrow.jpg) center bottom no-repeat;
	line-height:24px;
	}
#nav-base ul li.active a{
	color:#ffffff;
	}
#popular-search{
	line-height:29px;
	float:right;
	padding:0px 20px;
	}
#bottom-container{
	height:auto;
	margin:20px 0px 0px 0px;
	}
#bottom-container-body{
	background:#e2e2e2;
	height:102px;
	width:825px;
	}
#bottom-container-body-text{
	padding:12px 30px 0px 34px;
	}
.read-more{
	margin:10px 0px 0px 34px;
	background:url(../images/bottom-read-more-arrow.jpg) no-repeat right;
	width:70px;
	}
.read-more-link a:link, .read-more-link a:visited, .read-more-link a:active{
		color:#1d5a80;
		text-decoration:none;
		}
.read-more-link a:hover{
	text-decoration:underline;
	}
#footer-container{
	clear:both;
	width:auto;
	height:auto;
	padding:20px 0px 20px 0px;
	text-align:center;
	font-size:11px;
	}
.mail-link a:link, .mail-link a:visited, .mail-link a:active{
		color:#f48025;
		text-decoration:none;
		}
.mail-link a:hover{
	text-decoration:underline;
}

#inner-mid-box-content p{
	color:#666666;
	font-size:12px;
	margin:0px;
	padding:0px;
}
#client-box-container-pr{
	background:url(../images/client-box-containe-pr-img.jpg) repeat-x;
	float:left;
	height:170px;
	padding:1px 0 0 0;
	}
#clients-container-pr{
	padding:15px 0px 0px 0px;
	background-color:#FFF;
	}
#pr-box{
	width:808px;
	height:auto;
	margin:0px 0px 0px 12px;
}
#pr-box-heading{
	width:123px;
	height:auto;
	background:url(../images/pr-heading-bg.jpg) no-repeat;
	text-align:center;
	line-height:33px;
	font-size:16px;
	color:#f17f28;
	padding-bottom:10px;
}
#pr-box-content{
	padding:10px 0px 0px 10px;
}
#pr-box-content a:link, #pr-box-content a:active, #pr-box-content a:visited{
	color:#6b6b6b;
	text-decoration:none;

}
#pr-box-content a:hover{
	color:#6b6b6b;
	text-decoration:underline;
}
.date{
	font-size:12px;
	color:#1b5b81;
	font-weight:bold;
}
.pr-more{
	font-size:12px;
	color:#1b5b81;
	font-weight:bold;
	text-decoration:underline;
}
.pr-more a:link, .pr-more a:active, .pr-more a:visited {
	text-decoration:underline;
	color:#1b5b81;
}
.pr-more a:hover {
	text-decoration:underline;
	color:#1b5b81;
}
#pr-left-shape{
	background:url(../images/pr-left-shape.jpg) no-repeat;
	float:left;
	height:170px;
	width:7px;
	}
#pr-right-shape{
	background:url(../images/pr-right-shape.jpg) no-repeat;
	float:left;
	height:170px;
	width:7px;
	}



/*---------------------scrolling css start-------------------------------*/
#scrollingContainer2{height:90px;}
#scrollingContent2{}
/*---------------------scrolling css end-------------------------------*/





/* inner page start*/

#main-content-bar h1{
	/*background:url(../images/about-headingbar.png);*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#1d5a80;
	width:460px;
	height:20px;
	padding:6px 0px 0px 10px;
	margin:12px 0px 0px 0px;
	float:left;
}
#main-content-bar h2{
	/*background:url(../images/bullet1.png) no-repeat 10px 16px;*/
	font-size:13px;
	color:#1D5A80;
	padding:10px 0 0 10px;
	}
	

#main-content h3 ul{
	list-style-image:url(../images/bullet1.png);
	color:#1d5a80; 	
	margin:10px 0px 0px 0px;
	float:left;
	font-weight:normal;
	font-size:13px;
}
#main-content h3 ul li{
	margin:0px 0px 0px 20px;
}

#main-content-gray{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	margin:10px 0px 30px 0px;
	float:left;
	width:554px;
	line-height:16px;
	padding:0 0 0 10px;
}	
#main-content-gray a:link, #main-content-gray a:visited, #main-content-gray a:active{
	color:#4A83A8;
	text-decoration:none;
	}
#main-content-gray a:hover{
	text-decoration:underline;
	}
	
#main-content-gray-sm{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	margin:10px 0px 30px 0px;
	float:left;
	width:454px;
	line-height:16px;
	padding:0 30px 0 10px;
}	
#main-content-gray-sm a:link, #main-content-gray-sm a:visited, #main-content-gray-sm a:active{
	color:#4A83A8;
	text-decoration:none;
	}
#main-content-gray-sm a:hover{
	text-decoration:underline;
	}

#main-content-gray ul{
padding-left:20px;
	}
#main-content-gray ul li{
	list-style-image:url(../images/bullet1.png);
	padding:2px 0 0 0;
	}

#inner-mid-body-bottom-container{
	width:auto;
	float:left;
	margin:17px 0px 0px 0px;
	}

#Web-Development-content {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#315870;
	text-decoration:none;
}
#inner-mid-box {
	width:825px;
	height:auto;
	margin-top:40px;
}
#inner-mid-box-portfolio {
	width:870px;
	height:auto;
	margin-top:0px;
	float:left;
	padding:0 0 0 0px;
}
#inner-mid-box-content {
	width:413px;
	height:auto;
	float:left;
	padding:0px 0px 0px 40px;
}
#inner-mid-box-img {
	width:372px;
	height:auto;
	float:left;
}
.heading {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#315870;
	text-decoration:none;
}
.sub-heading {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	font-weight:bold;
}
.read-more1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	margin:5px 0px 0px 0px;
	background:url(../images/read-more-arrow1.png) no-repeat right;
	width:70px;
	}
.read-more1-link a:link, .read-more1-link a:visited, .read-more1-link a:active{
		color:#1d5a80;
		text-decoration:none;
		}
.read-more1-link a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration:underline;
	}
/* inner page end*/


/*#############################################################################*/
/* Drop Down menu CSS starts */

a.menuButton, div.menu, div.menu a.menuItem, div.menu a.menuItemLast { 
	color: #ffffff;	
	}
.menuItemborder{
	}
div.menu a.menuItem { 
    color: #ffffff; 
    cursor: default; 
    display: block; 
    padding: 0 20px 0 0.5em; 
    text-decoration: none; 
    white-space: nowrap; 
	cursor: hand;
	font-size:12px;	   
	background-color:#4a83a8;	   
	line-height:26px;
	border-bottom:1px #D0DCE6 dotted;	  
	} 
div.menu a.menuItemLast { 
	color: #ffffff; 
    cursor: default; 
    display: block; 
    padding: 0 20px 0 0.5em; 
    text-decoration: none; 
    white-space: nowrap; 
	cursor: hand;
	font-size:12px;	   
	background-color:#4a83a8;
	line-height:26px;
	} 
div.menu a.menuItem:hover, div.menu a.menuItemLast:hover, div.menu a.menuItemHighlight {
	/*background-color: #ee7f28; #2f536b; Dark Blue Color*/
	color: #ffffff;
	cursor: pointer;
	line-height:26px;
	background:url(../images/drop-down-hover-gred.jpg) #f69446;
	} 
div a.menuButton {
	background-color: transparent; 
	color: #ffffff; 
    cursor: default; 
	left: 0px; 
    margin: 1px; 
    padding: 2px 6px 2px 6px; 
    position: relative; 
    text-decoration: none; 
    top: 0px; 
    z-index: 100; 
	}  
div a.menuButton:hover { 
	background-color: transparent; 
	color: #cccccc; 
	} 
 div a.menuButtonActive , a.menuButtonActive:hover { 
	/*background:url(../images/select-1.gif) left top no-repeat;
	background:url(../images/mainbtbg_org.gif) left top no-repeat;
	padding-left:5px;
	padding-right:5px;
	padding-top:6px;
	padding-bottom:5px;	*/  
	color:#4A83A8;	
	}
div.menu {
	left: 0px;
	padding:0 0 5px 0;
	position: absolute;
	top: 0px;
	z-index: 101;
	font-size:13px;
	visibility: hidden;
	/*border-bottom:#4A83A8 solid 5px;
	background-color:#F58025; 	*/
	} 
div.menu.last {
	 margin-left:-100px;
	}

/* Drop Down menu CSS ends */
/*#############################################################################*/

.contact-bg{
	width:100px;
	height:27px;
	line-height:27px;
	background:url(../images/contact-bg.gif) no-repeat;
	padding-left:10px;
	font-weight:bold;
	color:#ffffff;
}
.contact-bg a:link, .contact-bg a:visited, .contact-bg a:active{
	color:#ffffff;
	text-decoration:none;
	}
.contact-bg a:hover{
	text-decoration:underline;
	}
.clients-cat-heading{
	font-weight:bold;
	border-bottom:1px solid #ededed; 
	color:#FF6600;
	font-size:14px;
	}
.plugins-header{
	float:right; 
	padding:0px 0px 0px 10px;
	}
#plugins-container{
	float:right; 
	border:0px #330099 solid; 
	width:200px; 
	padding:14px 50px 0px 0px;
	}
#client-box-left-shape{
	background:url(../images/client-box-left-shape.jpg) no-repeat;
	float:left;
	height:100px;
	width:7px;
	}
#client-box-container{
	background:url(../images/client-box-container-img.jpg) repeat-x;
	float:left;
	height:100px;
	padding:1px 0 0 0;
	}
#client-box-right-shape{
	background:url(../images/client-box-right-shape.jpg) no-repeat;
	float:left;
	height:100px;
	width:7px;
	}
#client-page-table table tr td.clients-logo-border{
	border:1px solid #ededed;
	height:50px;
	width:124px;
	}
.clients-logo-border1 {
	border:1px solid #ededed;
	height:80px;
	width:124px;
	}
#main-content-gray div.contact-bg a {
	color:#ffffff;
	}
.press-back-btn{
	width:76px;
	height:27px;
	line-height:27px;
	background:url(../images/press-back-btn.gif) no-repeat;
	padding-left:10px;
	font-weight:bold;
	color:#ffffff;
	float:left;
	text-align:center;
	margin:12px 0px 0px 0px;
}
.press-back-btn a:link, .press-back-btn a:visited, .press-back-btn a:active{
	color:#ffffff;
	text-decoration:none;
	}
.press-back-btn a:hover{
	text-decoration:underline;
	}
.input_fld {
	border:1px solid #e2e2e2;
	margin:4px 0;
	height:20px;
	}
#ppc-banner{
	width:200px;
	height:auto;
	float:right;
	padding:0px 50px 0px 0px;
	text-align:center;
}
#ppc-charter{
	width:auto;
	height:auto;
	padding:23px 0px 0px 0px;
}