body{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	background:url(../images/bg.jpg) repeat;
}
p{
	margin:0;
	padding:0;
}
a, a img{
	border:0;
	outline:none;
	color:#555555;
	text-decoration:none;
}
h1{
	font-family:Calibri, arial;
	font-size:24px;
	color:#0181bb;
	font-weight:bold;
	padding:5px 0 10px 3px;
	float:left;
	width:100%;
	margin:0;	
}
#wrapper{
	width:1000px;
	margin:auto;
}
/*Header Starts Here*/
#header{
	margin:auto;
	height:70px;
	width:1000px;
}
#logo{
	width:465px;
	height:77px;
	float:left;
	margin:10px 0 0 3px;
	border:#FF0000 solid 0px;
}
.header_rgt{
	width:316px;
	float:right;
	margin:10px 0 0 0;
}
.header_lftcrv{
	background:url(../images/ph_lft_crv.png) no-repeat;
	width:7px;
	height:82px;
	float:left;
}
.header_midbg{
	background: url(../images/phone_bg.png) repeat-x;
	height:72px;
	float:left;
	width:90%;
	font-family:Calibri, Arial;
	font-size:14px;
	color:#333;
	padding:15px 0 0;
}
.header_midbg a{
	font-weight:bold;
	}
.header_midbg a:hover{
	color:#002c6b;
	font-weight:bold;
	text-decoration:underline;
	}
.header_midbg span{
	font-size:20px;
	color:#002c6b;
}
.header_rgtcrv{
	background:url(../images/ph_rgt_crv.png) no-repeat;
	width:7px;
	height:82px;
	float:left;
}
.ph_icon{
	width:70px;
	height:62px;
	float:left;
	margin:0px 8px 0 10px;
}

/*Header Ends Here*/

/*Navigation Starts Here*/

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

#nav_bg{
	background:url(../images/nav_bg.jpg) repeat-x;
	width:100%;
	float:left;
	height:56px;
	padding:5px 0 0 0;
	margin:0;
}

/* ######### Matt Black Strip Main Menu Bar CSS ######### */

.mattblackmenu{
	width:1000px;
	height:53px;
	margin:auto;
}
.mattblackmenu ul{
	margin: 0;
	padding: 0;
	font-size:12px;
	font-weight:bold;
	list-style-type: none;
	overflow: hidden;
	width: 100%;
}

.mattblackmenu li{
	display: inline;
	margin: 0;

}

.mattblackmenu li a{
	float: left;
	display: block;
	text-decoration: none;
	margin: 0;
	padding:19px 22px;/*padding inside each tab*/
	border-right: 1px solid #dbdbdb; /*right divider between tabs*/
	color:#0d87bd;
}

.mattblackmenu li a:visited{
	color: 0d87bd;
}

.mattblackmenu li a:hover{
	background:#515151;
	color:#FFF; /*background of tabs for hover state */
}

.mattblackmenu a.selected{
	background:#515151; 
	color:#FFF;/*background of tab with "selected" class assigned to its LI */
}
/* ######### Drop Down DIVs CSS ######### */


.ddsubmenustyle, .ddsubmenustyle div{ /*topmost and sub DIVs, respectively*/
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0;
	top: 0;
	list-style-type: none;
/*		background: white;
border: 1px solid #dbdbdb;
*/	visibility: hidden;
	z-index: 100;
}

.ddsubmenustyle ul{
	margin:-1px 0 0 0px;
	padding: 0;
	position: absolute;
	left: 0;
	top: 0;
	list-style-type: none;
	border: 0px none;
}

.ddsubmenustyle li a{
	display: block;
	width: 200px; /*width of menu (not including side paddings)*/
	color: #FFF;
	background-color:#515151;
	text-decoration: none;
	padding: 4px 5px  4px 15px;
	line-height:22px;
	border-bottom:1px solid #666;

}

* html .ddsubmenustyle li{ /*IE6 CSS hack*/
	display: inline-block;
	width: 200px; /*width of menu (include side paddings of LI A*/
}

.ddsubmenustyle li a:hover{
	background-color: #FFF;
	color: #0D87BD;
}

/* ######### Neutral CSS  ######### */

.downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/
	padding-left: 10px;
	border: 0;
}

.rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/
	position: absolute;
	padding-top: 5px;
	left: 100px;
	border: 0;
}

.ddiframeshim{
	position: absolute;
	z-index: 500;
	background: transparent;
	border-width: 0;
	width: 0;
	height: 0;
	display: block;
}

/*Navigation Ends Here*/

#banner_bg{
	width:989px;
	padding:7px 6px 0px 5px;
	float:left;
	height:200px;
	background:url(../images/bnr_shdw.png) no-repeat;
	border:#FF0000 solid 0px;
}

#lft_container{
	width:693px;
	float:left;
	margin:0 3px 0 0;
}

.icns_bg{
	background:url(../images/icns_bg.jpg) no-repeat;
	width:692px;
	height:156px;
	float:left;
	margin:4px 0 0 0;
}
.icns_bg img{
	margin:10px 0 0 10px;
}
.rgt_container{
	width:293px;
	float:left;
	border:1px solid #dddddd;
	padding:5px 5px 5px 4px;
	background:#FFF;
}
.getquote{
	width:293px;
	float:left;
	height:55px;
	margin:0 0 10px 0;
}
.input{
	background:#FFF;
	border:1px solid #dddbdc !important;
	height:14px;
	border:none;
	margin:2px 0 8px 20px;
	padding:5px 0 5px 8px;
	color:#999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
.input1{
	background:#FFF;
	border:1px solid #dddbdc !important;
	height:14px;
	border:none;
	margin:2px 0 8px 0px;
	padding:5px 0 5px 8px;
	color:#999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
.required{
	background:#e6e6e6;
	padding:10px 5px 0 9px;
	margin:15px 0 0 0px;
	width:95.5%;
	height:22px;
	float:left;
	color:#cb0000;
}

.testimonial_bg{
	width:238px;
	height:158px;
	float:left;
	margin:0 0 0 3px;
	background:url(../images/testimonial_bg.png) no-repeat;
	padding:10px 15px 0 25px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color:#696969;
	line-height:24px;
	font-style:italic;
}
.client_name{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#cb0000;
	padding:0px 0 0 0;
	text-align:right;
}
#footer{
	background:#4d5051;
	height:132px;
	width:100%;
	float:left;
/*	font-size:11px;*/
	padding:10px 0;
	margin:5px 0;
	line-height:22px;
}
#footer span{
	color:#9f9f9f;
	font-weight:bold;
}
.footer{
	margin:auto;
	width:1000px;
}
.footer_lft{
	background:#363636;
	border:1px solid #2f2f2f;
	width:728px;
	float:left;
	height:114px;
	color:#7d7d7d;
	padding:8px;
	margin:0 8px 0 0;
}
.footer_services{
	width:60%;
	float:left;
}
.footer h2{
	color:#FFF;
	font-family:Calibri, arial;
	font-size:24px;
	margin:0;
	padding:0 0 10px 0;
	font-weight: normal;
	width:100%;
}
.footer_icns{
	width:40%;
	float:right;
}
.footer_icns img{
	margin:5px 10px 5px 0;
}
.footer_rgt{
	background:#363636;
	border:1px solid #2f2f2f;
	width:228px;
	padding:8px;
	float:left;
	height:114px;
}
.hdng{
	color:#acfe54;
	font-family:Calibri;
	font-size:18px;
	padding:0 0 10px 0;
}
.linkedin{
	background:#2d2d2d url(../images/linkedin.png) no-repeat 3%;
	padding:8px 5px 5px 40px;
	color:#ddd;
	margin:5px 0;
	font-weight:bold;
	font-size:12px;
}
.linkedin a{
	color:#ddd;
	}
.linkedin:hover{
	background:#2d2d2d url(../images/linkedin_hover.png) no-repeat 3%;
	padding:8px 5px 5px 40px;
	color:#ddd;
	margin:5px 0;
	font-weight:bold;
	font-size:12px;
}
.facebook{
	background:#2d2d2d url(../images/facebook.png) no-repeat 3%;
	padding:8px 5px 5px 40px;
	color:#ddd;
	margin:5px 0;
	font-weight:bold;
	font-size:12px;
}
.facebook a{
	color:#ddd;
	}
.facebook:hover{
	background:#2d2d2d url(../images/facebook_hover.png) no-repeat 3%;
	padding:8px 5px 5px 40px;
	color:#ddd;
	margin:5px 0;
	font-weight:bold;
	font-size:12px;
}
.btm_footer{
	background:url(../images/btmfooter_bg.jpg) repeat-x;
	float:left;
	height:37px;
	width:100%;
}
.footer_links{
	color:#333333;
	font-size:11px;
	width:65%;
	float:left;
	padding:8px 0;
}
.footer_links a{
	padding:0 6px;
}
.footer_links a:hover{
	color:#0f6f9c;
}
.copyright{
	color:#7d7d7d;
	font-size:11px;
	float:right;
	padding:8px 0;
}


pre{
		display:block;
		font:12px "Courier New", Courier, monospace;
		padding:10px;
		border:1px solid #bae2f0;
		background:#e3f4f9;	
		margin:.5em 0;
		width:987px;
		}	
			
    /* image replacement */
        .graphic, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */

	#content{
		position:relative;
		}			

/* Easy Slider */

	#slider{}	
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:987px;
		height:266px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn{ 
	display: block;
    height: 62px;
    left: 126px;
    position: absolute;
    top: 270px;
    width: 49px;
		}	
	#nextBtn{ 
		/*left:696px;*/	
	left:1086px;

	}														

	#prevBtn a, #nextBtn a{  
		display:block;
		width:49px;
		height:62px;
		background:url(../images/btn_prev.png) no-repeat 0 0;	
		}	
	#nextBtn a{ 
		background:url(../images/btn_next.png) no-repeat 0 0;	
		}												

/* // Easy Slider */

.content{
	padding:15px 10px 15px 15px;
	width:96%;
	line-height:22px;
	float:left;
	margin:0 0 10px 0;
	background: url(../images/tabd_bg.jpg) repeat-x bottom #FFF;
	border:1px solid #DDD;
}
.content p{
	padding:20px 0 0;
	}
.content h1{
	font-size:24px;
	color:#0181bb;
	font-weight:bold;
	padding:0px 0 15px 0px;
	float:left;
	width:100%;
	margin:0;
}
.content h2{
	font-size:16px;
	color:#007a1f;
	font-weight:normal;
	padding:15px 0 10px 0px;
	float:left;
	width:100%;
	margin:0;
}

.content2{
	padding:15px 10px 15px 15px;
	width:97%;
	line-height:22px;
	float:left;
	margin:0 0 10px 0;
	background: url(../images/tabd_bg.jpg) repeat-x bottom #FFF;
	border:1px solid #DDD;
}
.content2 p{
	padding:20px 0 0;
	}
.content2 h1{
	font-size:24px;
	color:#0181bb;
	font-weight:bold;
	padding:0px 0 15px 0px;
	float:left;
	width:100%;
	margin:0;
}
.content2 h2{
	font-size:16px;
	color:#007a1f;
	font-weight:normal;
	padding:15px 0 10px 0px;
	float:left;
	width:100%;
	margin:0;
}

.abutus{
	float:right;
	margin:-10px 0 0 10px;
}
#sm_banner_bg{
	width:989px;
	padding:5px 6px 0 5px;
	float:left;
	height:197px;
	background:url(../images/sm_bnr_shdw.png) no-repeat;
}
.sm_banner{
	background:url(../images/banner_sm.jpg) no-repeat;
	width:989px;
	height:168px;
}
.form_bg{
	background:#FFF;
	border:3px solid #ededed;
	width:40%;
	margin:20px;
	padding:20px 15px 15px;
	float:left;
}
.field_bg{
	width:47%;
	float:left;
	margin:5px 15px 10px 0;
}
.adress{
	width:80px;
	color:#007a1f;
	font-weight:bold;
	float:left;
}
.adress_txt{
	width:250px;
	color:#000;
	font-weight:normal;
	float:left;
}


/******************************************************** Portfolio ****************************************************************/
.portfolio_container{
	width:100%;
	float:left;
	background:url(../images/portfolio_bg.jpg) repeat-x #FFF;
}
.portfolio_container p{
	color:#666;
	line-height:22px;
	padding:15px 0 0 0;
}
.portfolio_container h2{
	font-family:Calibri, arial;
	font-size:25px;
	color:#242833;
	font-weight:bold;
	padding:0px 0 5px 0px;
	float:left;
	width:100%;
	margin:0 0 10px 0;
	background:url(../images/dot_bdr.jpg) repeat-x bottom;
}
.logos{
	float:left;
	margin:0px 10px 0 0;
}
.portfolio_container h3{
	font-family:Calibri, arial;
	font-size:28px;
	color:#333;
	font-weight:bold;
	padding:10px 0 5px 0px;
	float:left;
	line-height:50px;
	width:100%;
	margin:0 0 10px 0;
	background:url(../images/dot_bdr.jpg) repeat-x bottom;
}
h3{
	font-family:Calibri, arial;
	font-size:32px;
	color:#0181bb;
	font-weight:normal;
	padding:10px 0 0px 0px;
	float:left;
	width:100%;
	margin:0;	
}
.portfolio_nav{
	margin:2px 0 0 0;
	padding:0;
	height:32px;
	float:right;
	background:url(../images/portfolio_nav_bg.jpg) repeat-x;
	border:1px solid #e1e1e1;
}
.portfolio_nav ul{
	margin:0;
	padding:0;
}
.portfolio_nav li{
	margin:0;
	float:left;
	list-style:none;
	font-size:12px;
	line-height:31px;
	font-weight:bold;
}
.portfolio_nav li a{
	padding:9px 30px;
	text-align:center;
	color:#000;
	height:33px;
}
.portfolio_nav li a:hover{
	background:url(../images/portfolio_nav_hover.jpg) repeat-x;
	color:#FFF;
}
.portfolio_nav .active{
	background:url(../images/portfolio_nav_hover.jpg) repeat-x;
	color:#FFF;
}
.portfolio_content{
	background:url(../images/dot_bdr.jpg) repeat-x bottom;
	width:95%;
	margin:15px 0 15px 35px;
	float:left;
	padding:0 0 15px 0;
}
.profolio_lft{
	width:35%;
	float:left;
}
.profolio_lft img{
	margin:0 0 5px 0;
}
.profolio_rgt{
	width:65%;
	float:left;
}
.appstore_btn{
	width:161px;
	height:54px;
	float:left;
	margin:15px 0 0 0;
}

.sitemap{
	width:320px;
	float:left;
}
.sitemap ul{
	margin:0;
	padding:0;
}
.sitemap li{
	background:url(../images/sitemap_listbg.jpg) repeat-x;
	width:100%;
	list-style:url(../images/sitemap_arw.png) inside;
		margin:5px 0 0 15px;
	padding:4px 10px;
	font-weight:bold;
}
.sitemap li a{
	color:#047cb9;
	font-weight:bold;
}
.sitemap li a:hover{
	color:#000;
	text-decoration:underline;
}
.sitemap li ul{
	margin:10px 0 0 0;
	padding:0
}

.sitemap li ul li{
	margin:0 0 0 35px;
	padding:0 0 0;
	font-size:11px;
	list-style: square;
	background:none;
	line-height:24px;
	font-weight:normal;
}
.sitemap li ul li a{
	font-weight:normal;
	color:#000;
}
.sitemap li ul li a:hover{
	text-decoration:underline;
}


/******************* 18 Jan  ******************/

.clear{	clear:both;}

.port_bg{border: 1px solid #fff;-moz-border-radius: 7px ; -webkit-border-radius: 7px ; border-radius: 7px;  background:#f5f6fa; width:950px; margin:5px 0;
/* Add the drop shadow */
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .6);-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .6); box-shadow: 0 0 3px rgba(0, 0, 0, .6); }

.port_lt{border: #FF0000 solid 0px; width:395px; float:left; padding:5px 5px; margin:5px 5px;}

.port_rt{border: #000 solid 0px; width:510px; float:right; padding:5px 5px; margin:5px 5px 5px 8px;}

.text{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#666666; text-align:justify; padding:0 10px 0 0; line-height:25px;}

.port_rt_img1{background:url(../images/quarterly_img.png) no-repeat; width:485px; height:394px; border:#FF0000 solid 0px; padding-left:10px; float:right;} 

.port_rt_img2{background:url(../images/quarterly_customer_img.png) no-repeat; width:485px; height:394px; border:#FF0000 solid 0px; padding-left:10px; float:right;} 

.port_rt_img3{background:url(../images/threadspark_img.png) no-repeat; width:485px; height:394px; border:#FF0000 solid 0px; padding-left:10px; float:right;} 

.port_rt_img4{background:url(../images/training_img.png) no-repeat; width:485px; height:394px; border:#FF0000 solid 0px; padding-left:10px; float:right;} 


/*
	PAGE STRUCTURE
*/
#page-wrap 									{ width: 500px; margin: 0px 0px 0 10px; position: relative; min-height: 400px;
											  background:url(../images/bg2.png) top center no-repeat; border:#FF0000 solid 0px; }

/*
	SLIDER
*/
.slider-wrap								{ width: 419px; position: absolute; top: 33px; left: 40px; }			
.stripViewer .panelContainer 
.panel ul									{ text-align: left; margin: 0 15px 0 30px; }
.stripViewer								{ position: relative; overflow: hidden; width: 419px; height: 285px; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 419px; }
.stripNavL, .stripNavR, .stripNav			{ display: none; }
.nav-thumb 									{ border: 1px solid black; margin-right: 5px; }
#movers-row									{ margin: -43px 0 0 62px; }
#movers-row div								{ width: 20%; float: left; }
#movers-row div a.cross-link 				{ float: right; }
.photo-meta-data							{ background: url(images/transpBlack.png); padding: 10px; height: 30px; 
											  margin-top: -50px; position: relative; z-index: 9999; color: white; }
.photo-meta-data span 						{ font-size: 13px; }
.cross-link									{ display: block; width: 62px; margin-top: -14px; 
											  position: relative; padding-top: 15px; z-index: 9999; }
.active-thumb 								{ background: transparent url(images/icon-uparrowsmallwhite.png) top center no-repeat; }



.port_lt2{border: #FF0000 solid 0px; width:500px; float:left; padding:5px 5px; margin:5px 5px;}

.port_rt2{border: #000 solid 0px; width:400px; float:right; padding:5px 5px; margin:5px 5px 5px 8px;}


/*gallery*/
ul.imglist {
	list-style-type:none;
}
ul.imglist li{
	float:left;
	margin:0 0;
	width:160px;
	height:160px;
	margin:10px;
	padding:0px;
}
ul.imglist li img{
	width:160px;
	height:160px;
	border:1px solid #fff;
	padding:0px;
}

.text2{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-align:right;}



#gallery {position:relative; width:686px; margin:40px auto; padding:10px; border:6px solid #fff; background:#AAA}
#images {border:2px solid #9ac1c9; height:225px; background:#eef5f6; margin-bottom:20px}
#image {position:relative; width:672px; height:375px; padding:5px; border:2px solid #666; background:#FFF url(images/loading.gif) center center no-repeat}
#image img {position:absolute; top:5px; left:5px}
#thumbwrapper {margin-top:10px; padding:5px 0; width:682px; height:100px; border:2px solid #666; background:#FFF}
#thumbarea {position:relative; overflow:hidden; height:100px; width:682px; }
#thumbs {position:absolute; list-style:none; margin-left:5px; height:100px; width:10000px; border-right:5px solid #FFF}
#thumbs li {float:left; margin-right:5px; cursor:pointer}
.imgnav {position:absolute; height:375px; width:20%; z-index:100; height:375px; width:20%; z-index:100; outline:none; cursor:pointer}
#previmg {left:0; background:url(images/left.gif) left center no-repeat; border-left:5px solid #FFF}
#previmg:hover {opacity:1; filter:alpha(opacity=100)}
#nextimg {right:0; background:url(images/right.gif) right center no-repeat; border-right:5px solid #FFF}
#nextimg:hover {opacity:1; filter:alpha(opacity=100)}





.port_lt3{border: #FF0000 solid 0px; width:433px; float:left; padding:5px 5px; margin:5px 5px;}

.port_rt3{border: #000 solid 0px; width:450px; float:right; padding:5px 5px; margin:5px 5px 5px 8px;}

.port_lt4{border: #FF0000 solid 0px; width:450px; float:left; padding:5px 5px; margin:5px 5px;}

.port_rt4{border: #000 solid 0px; width:433px; float:right; padding:5px 5px; margin:5px 5px 5px 8px;}