body{
margin-top:0px;
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
}

#outerWrapper{
	width:100%;
	height:100%;
}

#wrapper{
	width:994px;
	border:#333333 0px solid;
	border-top: 0px;
}

a{color: #006699; text-decoration:none;}
a:hover{text-decoration:underline;}

#HomeLeftLinks li{
	padding-top:3px;
	padding-left:3px;
	padding-bottom:3px;
	list-style:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	border-left:#CCCCCC 1px dotted;
	border-bottom:#CCCCCC 1px dotted;
	text-align:left;
}

#HomeLeftLinks li a{
	color:#333333;
}

#header{
	height:73px;
	background-image:url(images/header-bg-others.jpg);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
}

#im{
	float:right;
	width:112px;
	height:24px;
	background-image: url(images/im.jpg);
	margin-top:40px;
}

#navHome{
	height:42px;
	background-color:#629495;
	background-image:url(images/bg-header.jpg);
	background-position:right;
	background-repeat:no-repeat;
}

#nav{
	height:42px;
	background-color:#629495;
}

#navButtons{
	float:left;
	width:504px;
}

.navButtonText{
	margin-top:14px;
	float:left;
	width:92px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	text-align:center;
}

.navButtonText a{
	color:#FFFFFF;
}

.navButtonText a:hover{
	color:#333333;
	text-decoration:none;
}

.navButtonSpacer{
	float:left;
	width:11px;
	height:42px;
	background-image: url(images/nav-spacer.jpg);
	background-repeat:no-repeat;
}

#navBg{
	float:left;
	width:259px;
	height:42px;
	background-image:url(images/nav-bg.jpg);
	background-repeat:no-repeat;
}

#intro{
	height:175px;
	background-image:url(images/intro-bg-new.jpg);
	background-repeat:no-repeat;
	text-align:left;
}

#introLeft{
	width:284px;
	height:175px;
	float:left;
}

#introServices{
	height:175px;
	width:994px;
	background-image:url(images/bg-services.jpg);
	background-repeat:repeat-x;
	text-align:left;
}

#introPortfolio{
	height:175px;
	width:994px;
	background-image:url(images/bg-portfolio.jpg);
	background-repeat:repeat-x;
	text-align:left;
}

#introTestimonials{
	height:175px;
	width:994px;
	background-image:url(images/bg-testimonials.jpg);
	background-repeat:repeat-x;
	text-align:left;
}

#introContact{
	height:175px;
	width:994px;
	background-image:url(images/bg-contact.jpg);
	background-repeat:repeat-x;
	text-align:left;
}

#cms_box{
	float:left;
	width:243px;
	height:175px;
	background-color: #666666;
	background-image:url(images/bg-home-right.jpg);
	background-position:right;
	background-repeat:no-repeat;
}

#people_box{
	float:left;
	width:243px;
	height:182px;
/*	background-image:url(images/intro-bg-people.jpg);
	background-repeat:no-repeat;
*/}

.intro_boxes{
	float:left;
	width:315px;
	padding: 17px 25px 25px 35px;
}

#intro_spacer{
	float:left;
	width:1px;
	height:90px;
	margin-top:40px;
	background-color:#CCCCCC;
}

#dbdev_title{
	width:246px;
	height:30px;
	background-image:url(images/dbdev-title.jpg);
	background-repeat:no-repeat;
}

#cms_title{
	width:177px;
	height:30px;
	background-image:url(images/cms-title.jpg);
	background-repeat:no-repeat;
}

#consulting_title{
	width:125px;
	height:30px;
	background-image:url(images/consulting-title.jpg);
	background-repeat:no-repeat;
}

.intro_text{
	margin-left:3px;
	margin-top:8px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
}

.readmore a{
	color:#CCCCCC;
}

#content{
	float:left;
	width:994px;
	background-color:#F4F4F4;
	margin-top:8px;	
}

#leftNav{
	float:left;
	width:199px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
}

#leftContent{
	float:left;
	width:299px;
	height:340px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:11px;
	color:#333333;
	background-color:#F4F4F4;
}

#leftContentOthers{
	float:left;
	width:235px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:11px;
	color:#333333;
	background-color:#F4F4F4;
}

#leftContentText{
	padding-top:10px;
	padding-left:10px;
}

#PortfolioCatList{
	padding:0;
	margin:0;
	list-style-type:none;
}

#PortfolioCatList li{		
	list-style-image:url(images/list-arrow.gif);
	list-style-position:inside;
	margin-top:5px;
}

#PortfolioCatList li a{
	color:#333333;
	text-decoration:none;
}

#PortfolioCatList li a:hover{
	text-decoration:underline;
}


#ServiceCatList{
	padding:0;
	margin:0;
	font-size:10px;
	font-weight:bold;	
	list-style-type:none;
}

#ServiceCatList li{		
	list-style-image:url(images/list-arrow.gif);
	list-style-position:inside;	
	line-height:30px;
	
	background-repeat: no-repeat;
	background-position:20px 0;	
}

#ServiceCatList li a{
	margin:0px;
	padding:0px;
	color: #666666;
	text-decoration:underline;
}

#ServiceCatList li a:hover{
	text-decoration:none;
}

#ServiceSubCat li{		
	list-style-image:none;
	list-style-position:inside;	
	list-style-type: disc;
}

#leftContentTextHeading{
	font-size:14px;
	color:#457C8A;
	font-weight:bold;
	padding-bottom:5px;
}

#leftContentMSN{
	margin-top:10px;
	height:35px;
	background-image:url(images/ico_msn.jpg);
	background-repeat:no-repeat;
	padding-left:45px;
	padding-top:5px;
	margin-bottom:5px;
	border-bottom: 1px solid #999999;
}

#leftContentGtalk{
	height:27px;
	background-image:url(images/ico_gtalk.jpg);
	background-repeat:no-repeat;
	padding-left:45px;
	padding-top:13px;
	margin-bottom:5px;
	border-bottom: 1px solid #999999;
}

#leftContentSkype{
	height:35px;
	background-image:url(images/ico_skype.jpg);
	background-repeat:no-repeat;
	padding-left:45px;
	padding-top:13px;
	margin-bottom:5px;
	border-bottom: 1px solid #999999;
}

#leftContentYM{
	height:27px;
	background-image:url(images/ico_ym.jpg);
	background-repeat:no-repeat;
	padding-left:45px;
	padding-top:13px;
	margin-bottom:5px;
	border-bottom: 1px solid #999999;
}

#midContent{
	float:left;
	width:530px;
	height:auto;
	text-align:left;
	padding:0px 10px 10px 20px;
	background-color:#FFFFFF;
	border-right: 1px dotted #999999;
/*	background-image:url(images/leftcontent-bg.jpg);
	background-repeat:no-repeat;
*/}

#rightContent{
	float:left;
	width:198px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:11px;
	color:#333333;
	background-color:#F4F4F4;
	border-left: 0px dotted #999999;
}

#rightCMS{
	width:150px;
	height:150px;
	background-image:url(images/cms-logos-right.jpg);
	margin-left:20px;
	margin-top:15px;
}

#overviewImg{
	width:200px;
	height:30px;
/*	margin:15px 20px 0px 25px;
*/	background-image: url(images/overview.gif);
	background-repeat:no-repeat;
}

#PageTitleImg{
	width:400px;
	height:30px;
}

#overviewText{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
/*	margin:5px 20px 20px 25px;
*/	color:#333333;
}

#featuredImg{
	width:178px;
	height:30px;
	margin:0px 0px 0px 10px;
	background-image: url(images/featured.gif);
}

#featuredProject{
	width:194px;
	height:154px;
	margin-left:15px;
	margin-top:10px;
	background-image: url(images/featuredProject_FlexPath.jpg);
	background-repeat:no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	border:#999999 1px solid;
}

#featuredProjectText{
	width:201px;
	margin-left:15px;
}

#customozationImg{
	width:200px;
	height:52px;
/*	margin:15px 20px 0px 25px;
*/	background-image: url(images/cms-cust-title.jpg);
	background-repeat:no-repeat;
}

#cmsLogos{
	width:200px;
	height:185px;
/*	margin:15px 20px 0px 25px;
*/	background-image: url(images/cms-logos.jpg);
	background-repeat:no-repeat;
}

#footer{
	background-color:#CCCCCC;
	color:#333333;
	height:35px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

#footerLinks{
	float:right;
	width:350px;
	padding-top:10px;
}

#footerLinks a{
	margin-top:10px;
	color:#333333;
}

#footerLinks a:hover{
	color:#000000;
	text-decoration:underline;
}

#copyright{
	float:left;
	width:350px;
	margin-top:10px;
	color:#333333;
}

#services_title{
	width:259px;
	height:61px;
	background-image:url(images/title_services.jpg);
	background-repeat:no-repeat;
	margin-left:25px;
	margin-bottom:3px;
}

#services_tagline{
	width:377px;
	height:175px;
	background-image:url(images/tagline-services.jpg);
	background-repeat:no-repeat;
	background-position:center;
	margin-left:70px;
	float:left;
}

#services_right{
	width:690px;
	height:175px;
	margin-right:20px;
	background-image:url(images/bg-services-right.jpg);
	float:right;
}

#portfolio_title{
	width:213px;
	height:70px;
	background-image:url(images/title_portfolio.jpg);
	margin-left:25px;
	float:left;
}

#portfolio_right{
	width:690px;
	height:175px;
	background-image:url(images/bg-portfolio-right.jpg);
	background-repeat:no-repeat;
	float:right;
}

#testimonials_title{
	width:278px;
	height:70px;
	background-image:url(images/title_testimonials.jpg);
	margin-left:25px;
	float:left;
}

#testimonials_right{
	width:690px;
	height:175px;
	background-image:url(images/bg-testimonials-right.jpg);
	background-repeat:no-repeat;
	float:right;
}


#contact_title{
	width:235px;
	height:170px;
	background-image:url(images/title_contact.jpg);
	margin-left:25px;
	float:left;
}

#contact_right{
	width:690px;
	height:175px;
	background-image:url(images/bg-contact-right.jpg);
	background-repeat:no-repeat;
	float:right;
}

#HeaderSubText{
	width:215px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	padding-left:30px;
	text-align:justify;
}

#HeaderSubLinks{
	width:250px;
	height:111px;
}

#menu{
	padding:0;
	margin:0;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #FFFFFF;	
	list-style-type:none;
}

#menu li{
	padding-top:4px;
	padding-bottom:3px;
	padding-left:20px;
	margin-left:10px;
	list-style:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #FFFFFF;		
}

#ServicesSubLinks{
	width:250px;
	padding-left:8px;
	padding-top:5px;
}

.ServiceList{
	padding:0;
	margin:0;	
	list-style-type:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #333333;
}

.ServiceList li{
	padding-top:3px;
	list-style:none;	
	border-bottom:#CCCCCC 0px dotted;
}

.ServiceList li a{
	color:#000000;
}

.ServiceList li a:hover{
	color:#000000;
	text-decoration:none;
}

.RightLinks{
	width:188px;
	height:20px;
	padding-top:4px;
	padding-left:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	border-top:#666666 1px dotted;
}

.RightLinks a{
	color:#333333;
}

.RightLinks a:hover{
	color: #FF6600;
	text-decoration:none;
}

#stpi{
	margin-left:18px;
	margin-top:5px;
	margin-bottom:10px;
	font-size:9px;
	font-weight:bold;
}

#stpiLogo{
	width:95px;
	height:46px;
	background-image:url(images/stpi.gif);
	background-repeat:no-repeat;
	margin-top:5px;
	margin-left:32px;
	margin-bottom:20px;
	border: 1px #666666 solid;
}

.fields {
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#container {
	display:block;
	position:relative;
	width:600px;
	margin:0px auto 0px;
	background:#FFF;
	padding:20px;
	font-size:12px;
	line-height:18px;
}

#container p{
	clear:both; 
	float:none;
	margin:10px 0px 10px;
}

span.explain { display:block; font-size:10px; color:#999999; }

.paging_div{
width:500px; height:auto;text-align:right;padding:15px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;
}

.paging{
width:auto; height:auto; padding:4px; margin:0px 3px 0px 3px; vertical-align:middle; 
float:right; color:#FFFFFF; background-color:#3D717E; text-align:center; cursor:pointer;
}

.paging:hover{background-color:#629495;}

.portfolio_name{
margin-top:10px;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold;color:#666666;
}

.portfolio_name a{
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold;color:#666666; text-decoration:none;
}

.portfolio_name a:hover {
color:#333333; text-decoration:underline;
}

.portfolio_img_div{
width:215px; height:auto; float:left; padding:15px; margin-top:10px; margin-bottom:20px; text-align:center;
}

.portfolio_img{
border:#CCCCCC solid 1px;
}

.portfolio_img:hover{
border:#467B89 solid 1px; cursor:pointer;
}

