/* Universal Tags
--------------------------------------------------*/

html > body * {
	outline:none;
}
body {
	margin:0;
	padding:0 0 0px 0;
	background: #FFFFFF url(../images/black-full-repeater.gif) top left repeat-x;
	color:#535353;
	font: normal 12px Arial, Helvetica, sans-serif;
	line-height:18px;
}
h1, h2, h3, h4, h5, h6, form, label, input, legend, textarea, select, ul, ol, li, dl, dt, dd, p, div {
	margin:0px;
	padding:0px;
}
p {
	padding-bottom:7px;
}
h2 {
	font-size:14px;
	color:#464646;
	padding:19px 0 0px 8px;
	margin:0px;
}
h3 {
	font-size:14px;
	color:#464646;
	font-weight:bold;
	border-bottom:#dedede solid 1px;
	padding:0px 0 2px 1px;
	vertical-align:middle;
	margin-bottom:5px;
}

img {
	border:none;
	margin: 0px;
	padding: 0px;
}
a {
	text-decoration:underline;
	color:#ed5f00;
}
a:hover {
	text-decoration:none;
	color:#ed5f00;
}
.float-left {
	float:left;
}
.float-right {
	float:right;
}
.textbox {
	font-family:tahoma;
	font-size:11px;
	color:#666666;
	border:1px solid #b8b8b8;
	vertical-align:middle;
	height:14px;
	padding:2px 0 0 2px;
	background:url("../images/textbox-repeater.gif") left top repeat-x;
}
ul.list {
	margin:0px;
	padding:0px;
	list-style-type:none;
}
ul.list li {
	background:url(../images/brown-arrow.gif) left 13px no-repeat;
	padding:0px 0 0 11px;
	float:left;
	width:265px;
}
ul.list li.first {
	background:url(../images/brown-arrow.gif) left 8px no-repeat;
}
ul.list li.no-bg {
	background:none;
	padding:0;
}
ul.list li.no-bg a img {
	padding:0 8px 4px 0;
}
ul.list li a {
	padding:7px 0;
	float:left;
	width:265px;
	text-decoration:none;
	color:#565656;
	background:url(../images/bottom-dotted-repeater.gif) bottom left repeat-x;
}
ul.list li.first a {
	padding:1px 0 7px 0;
}
ul.list li a:hover {
	color:#daa000;
}



ul.listse {
	margin:0px;
	padding:0px;
	list-style-type:none;
}
ul.listse li {
	background:url(../images/brown-arrow.gif) left 8px no-repeat;
	padding:0px 0 0 11px;
	width:265px;
}

ul.listse li a {
	padding:7px 0;
	width:265px;
	text-decoration:none;
	color:#565656;
}
ul.listse li a:hover {
	color:#daa000;
}
.blue-text {
	color:#1e3e80;
}
.margin-top25 {
	margin:25px 0 0 0;
}
.red{
color:#FF0000;
font-stretch:extra-expanded;
}
/* Layout Tags
--------------------------------------------------*/
#page-wrapper {
	width:941px;
	margin:0px auto;
	padding:0px;
}
#navigation {
	float:left;
	width:889px;
	height:40px;
	padding:7px 0 0 52px;
}
#navigation a {
	color:#c5c5c5;
	font:bold 12px Arial, Helvetica, sans-serif;
	text-decoration:none;
	float:left;
	padding:12px 30px 0 30px;
}
#navigation a:hover, #navigation a.active {
	color:#ffffff;
	background:url(../images/active-link-arrow.gif) top center no-repeat;
}
#content-wrapper {
	float:left;
	width:941px;
	background:url(../images/shadow-repeater.gif) top left repeat-y;
}
#header {
	float:left;
	width:941px;
	height:89px;
	background:url(../images/top-base.jpg) top left no-repeat;
}
#logo {
	float:left;
	padding:15px 0 0 37px;
	font-size:13px;
	line-height:30px;
	font-weight:bold;
}
#logo span {
	font-size:26px;
}
a.links {
	padding:10px 0 0 0;
	color:#111111;
	text-decoration:none;
}
a.links:hover {
	color:#111111;
	text-decoration:none;
}
#right-link {
	float:right;
	padding:46px 8px 0 0px;
}
#icon-link {
	float:left;
	width:66px;
	padding:5px 0 7px 10px;
	_padding:5px 0 10px 10px;
	background:#303030 url(../images/icon-link-bg.gif) left top no-repeat;
}
#icon-link a {
	padding:0 5px;
}
#icon-link a img {
	vertical-align:middle;
}
#flash-area {
	float:left;
	width:925px;
	padding:0px 8px;
}
/* Content Area Tags
--------------------------------------------------*/
#content-area-home {
	float:left;
	width:925px;
	padding:0px 8px;	
	position:relative;
}
#content-area {
	float:left;
	width:925px;
	padding:0px 8px;
	background:url(../images/rep-left-area.gif) left top repeat-y;
	position:relative;
}
#content-left {
	float:left;
	width:585px;
	position:relative;
	padding:13px 11px 10px 10px;
}
/*------------------------------------Content Navigation--------------------------*/
.home-tab-container {
	width:585px;
	float:left;
	text-align:left;
	background-color:#FFFFFF;
}
.home-tab-bottom {
	float:left;
	width:585px;
	height:12px;
	overflow:hidden;
	background:url("../images/home-tab-bottom.jpg") left top no-repeat;
}
.home-tab-topimage {
	float:left;
	width:585px;
	height:11px;
	overflow:hidden;
	background:url("../images/home-tab-top.jpg") left top no-repeat;
}
.tab-content-box {
	float:left;
	width:536px;
	padding:0px 20px 0 21px;
	border-left:4px solid #000000;
	border-right:4px solid #000000;
	background:#fff url(../images/tab-gradient.gif) bottom left repeat-x;
}
.tab-content-sec {
	float:left;
	width:536px;
	padding:12px 0 7px 0;
	border-bottom:1px dotted #b8b8c2;
}
.tab-heading {
	color:#b28c00;
	background:url(../images/round-arrow.gif) right -4px no-repeat;
	padding:0 30px 10px 0;
	font-weight:bold;
}
.home-tab-top {
	padding:0 0 0 10px;
	float:left;
	width:505px;
}
/*------------------------------------Right Column--------------------------*/
#content-right {
	float:right;
	width:295px;
	padding:21px 11px 10px 13px;
	background:url(../images/shadow-divider.gif) left 21px no-repeat;
}
.right-box {
	float:left;
	width:295px;
	background:url(../images/light-yellow-repeater.gif) top left repeat-x;
}
.box-top {
	float:left;
	width:295px;
}
.right-box-top {
	float:left;
	width:265px;
	font:bold 18px "Trebuchet MS";
	height:30px;
	color:#000000;
	padding:10px 0 0 20px;
	background:url(../images/light-yellow-left-curve.gif) top left no-repeat;
}
.right-box-right {
	float:right;
	width:10px;
	height:40px;
	background:url(../images/light-yellow-right-curve.gif) top right no-repeat;
}
.right-box-content {
	float:left;
	width:276px;
	padding:0px 0 0 19px;
	background:url(../images/speaker-img.jpg) top right no-repeat;
}
/* Footer Area Tags
--------------------------------------------------*/
#footer {
	float:left;
	width:925px;
	padding:0 0 8px 0;
	font-size:12px;
	color:#9a9a9a;
	background:#e8e8e8 url(../images/footer-repeater.gif) left bottom repeat-x;
}
#footer-left {
	float:left;
	padding:15px 0 0 18px;
	line-height:25px;
}
#footer-left a {
	color:#868585;
	text-decoration:none;
	margin:0 2px;
	border-bottom:1px dotted #868585;
}
#footer-left a:hover {
	border:none;
	color:#3e3e3e;
}
#footer-right {
	float:right;
	padding:13px 18px 0 0;
}
#bottom-curve {
	float:left;
	width:925px;
	padding:0 8px 15px 8px;
	background:url(../images/content-bottom-curve.gif) left bottom no-repeat;
}
/* Inner Pages CSS
--------------------------------------------------*/
#banner-area {
	float:left;
	width:925px;
	padding:0px 8px;
}
#banner-collarge {
	width:925px;
	height:226px;
	background:url(../images/banner-image.jpg) top left no-repeat;
}
#banner-aboutus {
	width:925px;
	height:226px;
	background:url(../images/banner-image.jpg) top left no-repeat;
}
#banner-mission {
	width:925px;
	height:226px;
	background:url(../images/mission-statement.jpg) top left no-repeat;
}
#banner-management {
	width:925px;
	height:226px;
	background:url(../images/management-team.jpg) top left no-repeat;
}
#banner-director {
	width:925px;
	height:226px;
	background:url(../images/director.jpg) top left no-repeat;
}
#banner-career {
	width:925px;
	height:226px;
	background:url(../images/career-banner.jpg) top left no-repeat;
}
#banner-case-study {
	width:925px;
	height:226px;
	background:url(../images/case-studies.jpg) top left no-repeat;
}
#banner-domain {
	width:925px;
	height:226px;
	background:url(../images/domain.jpg) top left no-repeat;
}
#banner-news {
	width:925px;
	height:226px;
	background:url(../images/news.jpg) top left no-repeat;
}
#banner-contactus {
	width:925px;
	height:226px;
	background:url(../images/contact-us.jpg) top left no-repeat;
}
#banner-tech {
	width:925px;
	height:226px;
	background:url(../images/technology-articles-banner.jpg) top left no-repeat;
}
#banner-server {
	width:925px;
	height:226px;
	background:url(../images/server.jpg) top left no-repeat;
}
#banner-clients {
	width:925px;
	height:226px;
	background:url(../images/clients.jpg) top left no-repeat;
}
#banner-methodology {
	width:925px;
	height:226px;
	background:url(../images/methodology.jpg) top left no-repeat;
}
#banner-frameworks {
	width:925px;
	height:226px;
	background:url(../images/frameworks.jpg) top left no-repeat;
}
#banner-testimonials {
	width:925px;
	height:226px;
	background:url(../images/testimonials.jpg) top left no-repeat;
}
#bredcrum {
	float:right;
	padding:160px 31px 0 0;
	text-align:right;
}
.page-title {
	font:bold 20px "Trebuchet MS";
	border-bottom:1px solid #eae9eb;
	padding:0 0 5px 30px;
}
.bredcrum-link {
	color:#cea200;
	padding:2px 0 0 0;
}
.active-bredcrum {
	color:#000000;
}
.brown-link {
	color:#cea200;
	text-decoration:none;
}
.brown-link:hover {
	color:#f7b500;
}
/* Inner Pages Left Column CSS
--------------------------------------------------*/
#inner-left-col {
	float:left;
	width:225px;
	padding:0px 8px 10px 0px;
	background:url(../images/left-menu-bg-rep.jpg) left top repeat-y;
}
#subnav {
	float:left;
	width:225px;
	/*background:url(../images/subnav-top-curve.gif) top left no-repeat;*/
padding:7px 0 0 0;
}
#subnav-content {
	float:left;
	width:180px;
	height:168px;
	padding:46px 15px 30px 30px;
	background:url(../images/bgmenu-aboutus.jpg) left top no-repeat;/*url(../images/subnav-repeater.gif) */
}
ul.subnav {
	margin:0px;
	padding:0px;
	list-style-type:none;
}
ul.subnav li {
	background:url(../images/brown-arrow.gif) left 13px no-repeat;
	padding:0px 0 0 0px;
	float:left;
	width:161px;
}
ul.subnav li a {
	float:left;
	width:128px;
	text-decoration:none;
	color:#000;
	padding:7px 11px;
	background:url(../images/bottom-dotted-repeater.gif) bottom left repeat-x;
}
ul.subnav li a.active, ul.subnav li a.active:hover {
	color:#b68f00;
	border:#CCCCCC 1px solid;
	font-weight:bold;
	background:#ededed url(../images/linkarrow.jpg) right center no-repeat;
	text-decoration:none;
	height:15px;
	margin:5px 0;
	padding:7px 11px;
}
ul.subnav li a:hover {
	color:#b68f00;
	padding:7px 11px;
}
#subnav-bottom {
	float:left;
	width:205px;
	/*background:url(../images/subnav-bottom-curve.gif) top left no-repeat;*/
height:27px;
	overflow:hidden;
}
.left-box {
	float:left;
	width:195px;
	padding:8px 0 0 10px;
}
.left-box-top {
	float:left;
	width:205px;
	background:url(../images/light-yellow-repeater.gif) top left repeat-x;
}
.box-topleft {
	float:left;
	width:180px;
	font:bold 18px "Trebuchet MS";
	height:30px;
	color:#000000;
	padding:10px 0 0 15px;
	background:url(../images/light-yellow-left-curve.gif) top left no-repeat;
}
.box-topright {
	float:right;
	width:10px;
	height:40px;
	background:url(../images/light-yellow-right-curve.gif) top right no-repeat;
}
.left-box-content {
	float:left;
	width:175px;
	padding:0px 15px 0 15px;
}
.left-box-content p {
	padding-bottom:5px;
	_padding-bottom:0px;
}
.dotted-border {
	width:175px;
	background:url(../images/bottom-dotted-repeater.gif) center left repeat-x;
	padding:2px 0;
}
/* Inner Pages Right Column CSS
--------------------------------------------------*/
#inner-right-col {
	float:right;
	width:632px;
	padding:21px 30px 10px 30px;
}
#inner-right-col p {
	padding-bottom:15px;
}
/* Sliding Menu CSS
--------------------------------------------------*/
.arrowlistmenu {
	width: 175px; /*width of accordion menu*/
}
.arrowlistmenu .menuheader { /*CSS class for menu headers in general (expanding or not!)*/
	font: normal 11px Arial;
	color:#565656;
	background: url(../images/brown-arrow.gif) left 4px no-repeat;
	margin-bottom: 10px; /*bottom spacing between header and rest of content*/
	padding: 0px 0 6px 12px; /*header text is indented 10px*/
	cursor: hand;
	cursor: pointer;
	border-bottom:1px dotted #b8b8c2;
}
.arrowlistmenu .openheader { /*CSS class to apply to expandable header when it's expanded*/
	background:url(../images/down-arrow.gif) left 4px no-repeat;
	color:#1e3e80;
	font-weight:bold;
}
.arrowlistmenu ul { /*CSS for UL of each sub menu*/
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}
.arrowlistmenu ul li {
	padding-bottom: 2px; /*bottom spacing between menu items*/
}
.arrowlistmenu ul li .opensubheader { /*Open state CSS for sub menu header*/
	background: url(../images/brown-arrow.gif) 3px 9px no-repeat;
	color:#565656;
	font-weight:bold;
}
.arrowlistmenu ul li .closedsubheader { /*Closed state CSS for sub menu header*/
	background: url(../images/down-arrow.gif) 3px 10px no-repeat;
}
.arrowlistmenu ul li a {
	color: #565656;
	background:#e7eefb;
	display: block;
	padding: 2px 0;
	margin-left:6px; /*link text is indented 19px*/
	text-decoration: none;
	font-weight: bold;
	border-bottom: 1px dotted #dadada;
	font-size: 90%;
}
.arrowlistmenu ul li a { /*hover state CSS*/
	background:url(../images/bulet.gif) 5px 10px no-repeat;
	padding-left:12px;
}
.arrowlistmenu ul li a:hover { /*hover state CSS*/
	background:#f1f1f1 url(../images/bulet.gif) 5px 10px no-repeat;
	padding-left:12px;
	color:#b68f00;
}
.arrowlistmenu ul li a.subexpandable:hover { /*hover state CSS for sub menu header*/
	background: #e5e5e5 url(../images/down-arrow.gif) 3px 10px no-repeat;
}
/* press realase Pages Right Column CSS
--------------------------------------------------*/
#inner-press-col {
	float:right;
	width:683px;
	padding:21px 4px 10px 5px;
}
.press-tab {
	width:682px;
	float:left;
}
.press-tab-left {
	background:url(../images/press-tap-left.jpg) left top no-repeat;
	width:10px;
	height:58px;
	float:left;
}
.press-tab-right {
	background:url(../images/press-tap-right.jpg) left top no-repeat;
	width:10px;
	height:58px;
	float:left;
}
.press-tab-center {
	background:url(../images/press-tap-rep.jpg) left top repeat-x;
	width:662px;
	height:58px;
	float:left;
}
.press-tab-center ul {
	width:662px;
	list-style-type:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:center;
	color:#808080;
	vertical-align: middle;
}
.press-tab-center li {
	float: left;
}
.press-tab-center a {
	display: block;
	height:34px;
	width:80px;
	padding-top:25px;
	color:#808080;
	text-decoration: none;
}
/*.press-tab-center a:hover {
	color: #000 ;
	text-decoration: none;
}*/
.press-tab-center a:hover {
	color: #000;
	width:80px;
	font-weight:bold;
	background:url(../images/press-tap-current.jpg) center bottom no-repeat;
	height:34px;
	padding-top:25px;
	text-decoration: none;
	vertical-align:middle;
}
.press-tab-center a.current {
	color: #000;
	width:80px;
	font-weight:bold;
	background:url(../images/press-tap-current.jpg) center bottom no-repeat;
	height:34px;
	padding-top:25px;
	text-decoration: none;
	vertical-align:middle;
}
.tab-month {
	width:662px;
	height:17px;
	padding-top:10px;
	float:left;
	padding-left:20px;
	color:#909090;
}
.tab-month ul {
	width:662px;
	height:17px;
	float:left;
	color:#909090;
}
.tab-month li {
	width:54px;
	height:17px;
	float:left;
	color:#909090;
	list-style: none;
	text-align:center;
}
.tab-month li a {
	text-decoration:none;
	color:#909090;
}
.tab-month li a:hover {
	text-decoration:none;
	font-weight:bold;
}
.tab-month li a.current {
	text-decoration:none;
	font-weight:bold;
	color:#FF9900;
}
.new-area {
	padding:20px;
	width:630px;
	float:left;
}
.new-area ul {
	width:630px;
	color:#000;
	padding:0px;
}
.new-area li {
	width:610px;
	color:#000;
	padding:0px 0 12px 20px;
	margin-bottom:20px;
	background:url(../images/cal.jpg) left top no-repeat;
	border-bottom: 1px dotted #b8b8c2;
	text-align:left;
	list-style:none;
}
.new-area li span {
	color:#b68f00;
	font-weight:bold;
	line-height:20px;
	text-align:left;
}
.new-area li a {
	text-decoration:none;
	color:#b68f00;
}
.new-area li a:hover {
	text-decoration:none;
	font-weight:bold;
}
.new-area li strong {
	color:#1e3e80;
	font-weight:bold;
	font-size:14px;
	line-height:20px;
	text-align:left;
}

/*Site map
--------------------------------------------------*/
.sitemap-list ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
	width:265px;
	float:left;
}

.sitemap-list ul li {
	padding:5px 0 5px 11px;
}

.sitemap-list ul li ul li {

	padding:0px 0 5px 11px;

}
.sitemap-list ul li ul li  ul li{
		padding:0px 0 3px 11px;
		

}

.sitemap-list ul li a{
	padding:0px 0 0px  11px;
	background:none;
	color:#b68f00;
	
}
.sitemap-list ul li ul li a{
	padding:0px 0 5px 11px;
	background:url(../images/brown-arrow.gif) left 7px no-repeat;
	color:#737373;
	;
}
.sitemap-list ul li ul li ul li a{
	padding:0px 0 5px 11px;
	background:none;
	color:#737373;
	font-size:10px
}
.sitemap-list a  {
	padding:7px 0;
	list-style:none;
			padding:0px 0 0 11px;
	text-decoration:none;
}

.sitemap-list a:hover {
	color:#000;
}

/* press realase Pages left Column CSS
--------------------------------------------------*/
#press-left-col {
	float:left;
	width:233px;
	background:url(../images/left-menu-bg-rep.jpg) left top repeat-y;
}
#press-left-top {
	float:left;
	width:233px;
	background:url(../images/left-menu-bg-top.jpg) left top no-repeat;
}
#press-left-cont {
	float:left;
	width:195px;
	padding:31px 18px 200px 20px;
	background:url(../images/left-menu-bg-bottom.jpg) left bottom no-repeat;
}
/* Sliding Menu CSS
--------------------------------------------------*/
.clints-logo {
	background:url(../images/clints-logo/bg-logo.jpg) left top no-repeat;
	width:141px;
	padding: 4px 4px 4px 4px;
	height:98px;
	margin-right:10px;
	float:left;
}
.clints {
	width:632px;
	float:left;
	margin-bottom:10px;
}
.clints-content {
	width:471px;
	padding: 5px 0px 0px 0px;
	float:left;
}
.paging {
	float:right;
	margin:0px;
	padding:0px 14px 0 0;
	width:205px;
}
.paging ul {
	float:right;
	margin:0px;
	padding:0px;
	list-style: none;
}
.paging li {
	display: inline;
	margin:0px;
	padding:0px;
}
.paging a {
	float:left;
	margin-left:2px;
	display: block;
	font-size:11px;
	color:#868585;
	font-weight:bolder;
	text-decoration: none;
	text-align:center;
	padding:1px 3px;
	border:1px solid #868585;
}
.paging a:hover, .paging a.higligth {
	font-size:11px;
	color:#000;
	border:1px solid #868585;
}
ul.lists {
	padding:9px 8px 9px 11px;
	margin:0px;
	list-style-type:none;
}
ul.lists li {
	padding:4px 0 4px 14px;
	margin:0px;
	color:#000;
	background:url(../images/key-bullet.jpg) left 9px no-repeat;
}
ul.lists li a {
	padding:0px 0 4px 0px;
	display:block;
	color:#ec7d06;
	background:url(../images/border-list.gif) left bottom repeat-x;
	text-decoration:none;
}
ul.lists li a:hover {
	color:#1e3e80;
	text-decoration:none;
}
ul.list-job {
	padding:0px 8px 9px 11px;
	margin:0px;
	list-style-type:none;
}
ul.list-job li {
	padding:4px 0 4px 14px;
	margin:0px;
	color:#000;
	background:url(../images/bulet-1.gif) left 9px no-repeat;
}

.contact-col {
	float:left;
	width:632px;

}
.contact{
	width:280px;
	float:left;
	padding:0 10px;
	}
	.contact-email{
	width:280px;
	float:left;
	padding:0 10px;
	margin-left:10px;
	}
	
	.contact-form {
	float:left;
	width:612px;
	padding:0 10px;
	padding-top:10px;

}
.txtbox{
	background:url(../images/text-box-rep.jpg) left top repeat-x;
	border:#bbbbbb 1px solid;
	padding-top:1px;
	height:15px;
	padding-left:5px;
	font-size:11px;
	}
	.txtbox-area{
	background:url(../images/reptext-area.jpg) left top repeat-x;
	border:#bbbbbb 1px solid;
	padding-top:1px;
	height:55px;
	padding-left:5px;
	font-size:11px;
	}