body{
	margin:0;
	padding:0;
	background:#f7fafd url(/img/page/body-bg.jpg) repeat-x 0 0;
	font:12px/18px Arial, Verdana, Tahoma, sans-serif;
	color:#666;
}

td
{
    vertical-align: top;
}

img{
	border:none;
	display:block;
}
h1{
	margin:0;
	font:20px/30px Arial, Verdana, Tahoma, sans-serif;
	font-weight: bold;
}
h2{
	font:16px/20px Arial, Verdana, Tahoma, sans-serif;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
}
a{
	color:#3f80c4;
}
a:hover{
	text-decoration:none;
}

.AlignLeft { text-align: left; }
.AlignCenter { text-align: center; }
.AlignRight { text-align: right; }
.AlignJustify { text-align: justify; }

.BoldText { font-weight: bold; }
.ItalicizedText { font-style: italic;}
.UnderlinedText { text-decoration: underline; }

.SmallText { font-size: 10px; line-height: 12px; }

.NoWrap { white-space: nowrap; }

.AlignImgRight
{
    float: right;
    text-align: right;
    margin: 0 0 0 15px;
}

.AlignImgLeft
{
    float: left;
    text-align: left;
    margin: 0 15px 0 0;
}

.AlignImgCenter
{
    text-align: center;
    margin: 0 15px 0 15px;
}

/* \/ sections \/ */
#page{
	width:809px;
	margin:0 auto;
	padding:17px 16px 0 15px;
	background:url(/img/page/page-bg.jpg) no-repeat 0 0;
	min-height:500px;
	height:auto!important;
	height:500px;
}
#header{
	width:100%;
	height:47px;
	overflow:hidden;
	background:url(/img/page/header-bg.jpg) no-repeat 0 0;
}
#title{
	width:100%;
	overflow:hidden;
	padding:16px 0 22px;
	width: 811px;
	height: 30px;
}
#nav{
	width:732px;
	height:35px;
	overflow:hidden;
	margin:-1px 0 0;
	padding:0 0 0 77px;
	list-style:none;
	background:url(/img/page/nav-bg.png) no-repeat 0 0;
}
#interior-main{
	width:100%;
	overflow:hidden;
	padding:16px 0 0;
	background:#fff;
}
#footer{
	width:100%;
	overflow:hidden;
	padding:12px 0 16px;
	border-top:1px solid #e3e3e3;
	background:#fff;
	font:10px/14px Verdana, Arial, Tahoma, sans-serif;
	color:#bab9b9;
	text-align:center;
}
/* /\ sections /\ */



/* \/ header \/ */
#header h1 a{
	float:left;
	width:112px;
	height:36px;
	margin:5px 0 0 22px;
	background:url(/img/page/logo-bg.gif) no-repeat 0 0;
	text-indent:-9999px;
	overflow:hidden;
}
#header strong{
	float:left;
	width:212px;
	height:11px;
	margin:16px 0 0 34px;
	background:url(/img/page/slogan-bg.gif) no-repeat 0 0;
	text-indent:-9999px;
	overflow:hidden;
}
#header ul{
	float:right;
	display:inline;
	overflow:hidden;
	margin:14px 25px 0 0;
	padding:0;
	list-style:none;
	line-height:14px;
}
#header li{
	float:left;
	height:17px;
	padding:2px 9px 0;
	margin:0 0 0 -1px;
	border-left:1px solid #ecf3f9;
}
#header li a{
	text-decoration:none;
	color:#3a80c4;
}
#header li a:hover{
	text-decoration:underline;
}
/* /\ header /\ */


/* \/ title \/ */
#title img{
	margin:5px 0 0 67px;
	float:left;
	display:inline;
	overflow:hidden;
}
#title p{
	float:left;
	width:580px;
	display:inline;
	margin:0 0 0 16px;
	color:#fff;
	line-height:18px;
}
/* /\ title /\ */


/* \/ top navigation \/ */
#nav li{
	float:left;
	display:inline;
	margin:2px 0px 0px -12px;
	width:149px;
	height:33px;
}
#nav li.company{
	width:140px;
}
#nav li.contact{
	width:134px;
}
#nav li a{
	float:right;
	height:11px;
	margin:9px 13px 0 0;
	background:url(/img/page/txt-nav-links.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	position:relative;
}
#nav li.home a{
	width:40px;
}
#nav li.services a{
	width:62px;
	background-position:-40px 0;
}
#nav li.portfolio a{
	width:70px;
	background-position:-102px 0;
}
#nav li.company a{
	width:65px;
	background-position:-172px 0;
}
#nav li.contact a{
	width:59px;
	background-position:-237px 0;
}
#nav li.homeActive{
	background:url(/img/page/txt-nav-links-selected.gif) no-repeat 0 0;
}
#nav li.homeActive a{
	width:46px;
	height:13px;
	margin:9px 15px 0 0;
	background:none;
}
#nav li.servicesActive{
	background:url(/img/page/txt-nav-links-selected.gif) no-repeat -149px 0;
}
#nav li.servicesActive a{
	width:75px;
	height:13px;
	margin:9px 15px 0 0;
	background-position:-9999px;
}
#nav li.portfolioActive{
	background:url(/img/page/txt-nav-links-selected.gif) no-repeat -298px 0;
}
#nav li.portfolioActive a{
	width:87px;
	height:13px;
	margin:9px 15px 0 0;
	background-position:-9999px;
}
#nav li.companyActive{
	background:url(/img/page/txt-nav-links-selected.gif) no-repeat -447px 0;
}
#nav li.companyActive a{
	width:81px;
	height:13px;
	margin:9px 15px 0 0;
	background-position:-9999px;
}
#nav li.contactActive{
	background:url(/img/page/txt-nav-links-selected.gif) no-repeat -587px 0;
}
#nav li.contactActive a{
	width:74px;
	height:13px;
	margin:9px 15px 0 0;
	background-position:-9999px;
}
/* /\ top navigation /\ */


/* \/ content area \/ */
#leftcol{
	float:left;
	width:298px;
	background:url(/img/page/leftcol-bg.gif) repeat-y 100% 0;
}
#leftcol .top{
	width:100%;
	overflow:hidden;
	background:url(/img/page/leftcol-top-bg.jpg) no-repeat 0 0;
}
#leftcol .bottom{
	width:100%;
	min-height:210px;
	height:auto!important;
	height:210px;
	background:url(/img/page/bg-leftcol-bottom.gif) no-repeat 100% 100%;
}
#leftcol .head{
	width:100%;
	height:48px;
	overflow:hidden;
}
#leftcol .head h3{
	margin:13px 0 0 27px;
	float:left;
	display:inline;
	width:140px;
	height:14px;
	text-indent:-9999px;
	background:url(/img/page/txt-featured-clients.gif) no-repeat 0 0;
}
#leftcol .head .arrows{
	float:right;
	display:inline;
	margin:10px 7px 0 0;
}
#leftcol .head .arrows a{
	float:left;
	width:19px;
	height:19px;
	margin:0 6px 0 0;
	background:url(/img/page/arrows-bg.gif) no-repeat 0 0;
	text-indent:-9999px;
	overflow:hidden;
}
#leftcol .head .arrows a.next{
	background-position:-19px 0;
}
#leftcol .cont{
	width:278px;
	padding:0 10px;
	overflow:hidden;
}
#leftcol .cont img{
	margin:0 auto;
	border:1px solid #e5e3e3;
}
#leftcol .cont ul{
	width:100%;
	overflow:hidden;
	margin:11px 0 0;
	padding:0;
	list-style:none;
	line-height:21px;
}
#leftcol .cont li{
	width:100%;
	overflow:hidden;
}
#leftcol .cont ul h4{
	margin:0;
	width:70px;
	float:left;
	color:#3a81bd;
	font-size:11px;
	font-weight:normal;
	text-transform:uppercase;
	text-align:right;
}
#leftcol .cont ul p{
	width:189px;
	margin:0 0 0 -1px;
	padding:0 10px 0 1px;
	float:right;
	color:#666;
}

#rightcol{
	float:right;
	width:486px;
}
/* /\ content area /\ */


/* \/ footer \/ */
#footer ul{
	margin:0;
	padding:0;
	list-style:none;
}
#footer li{
	display:inline;
	margin:0 8px;
}
#footer ul a{
	color:#bab9b9;
	text-decoration:none;
}
#footer ul a:hover{
	text-decoration:underline;
}
#footer p{
	margin:4px 0 0;
}
/* /\ footer /\ */



/* \/ home page \/ */
#main{
	width:100%;
	overflow:hidden;
	padding:17px 0 38px;
	background:#fff;
}
#main #flash{
	width:100%;
	overflow:hidden;
}
#main #rightcol h2{
	margin:-4px 0 0 2px;
	float:left;
	display:inline;
	width:304px;
	height:68px;
	background:url(/img/page/txt-empowerment.gif) no-repeat 0 0;
	text-indent:-9999px;
	position:relative;
}

#main #rightcol .cont{
	width:100%;
	float:left;
}
#main #rightcol .cont .text{
	float:left;
	width:275px;
/*
	font-size:12px;
	line-height:21px;
	color:#666;
*/
}
#main #rightcol .cont .text p{
	margin-bottom:0px;
	/* text-indent:36px; */
}
#main #rightcol .cont .news{
	float:right;
	display:inline;
	margin:0 13px 0 0;
	padding:0 0 0 10px;
	width:176px !important;
	overflow: hidden;
}
#main #rightcol .cont .news .newsbox{
	margin:0 0 20px 0;
	padding: 5px;
	border-left:1px solid #cfcfa4;
	border-right:1px solid #cfcfa4;
	background:#f9f9ec;
}
/* /\ home page /\ */



/* \/ interior pages \/ */
#interior-main .background{
	width:100%;
	overflow:hidden;
	padding:0 0 32px;
 	background:url(/img/page/interior-main-bg.gif) repeat-y 191px 0; 
	position:relative;
}
#interior-main .bg-bottom{
	width:100%;
	height:54px;
	position:absolute;
	bottom:-1px;
	left:0;
	background:#fff;
}

#interior-main #leftcol{
	width:192px;
	min-height:553px;
	height:auto!important;
	height:553px;
	background:url(/img/page/leftcol-bg.jpg) no-repeat 0 0;
}
#interior-main #leftcol ul{
	float:left;
	width:180px;
	margin:16px 0 0;
	padding:0;
	list-style:none;
}
#interior-main #leftcol ul li{
	float:left;
	text-indent:0;
	height:auto;
	width:170px;
	background:url(/img/page/subnav-a-bg.gif) no-repeat 0 4px;
	margin:9px 0 0 3px;
	padding:0px 0 8px 10px;
	color:#3f80c4;
}
#interior-main #leftcol ul li a{
	float:left;
	font:12px/15px Arial, Verdana, Tahoma, sans-serif;
    font-weight: bold;
    color: #4085C7;
    text-decoration: none;
    /* text-transform: uppercase; */
	height:9px;
}
#interior-main #leftcol ul li.active{
	background:url(/img/page/subnav-active-bg.gif) no-repeat 0 4px;
}
#interior-main #leftcol ul li.active a{
    color: Red;
}

#interior-main #leftcol ul li a:hover{
    color: Red;
    text-decoration: underline;
}

/*
#interior-main #leftcol .home{
	width:32px;
}
#interior-main #leftcol .home:hover,
#interior-main #leftcol .active .home{
	background-position:0 -9px;
}
#interior-main #leftcol .services{
	width:52px;
	background-position:-32px 0;
}
#interior-main #leftcol .services:hover,
#interior-main #leftcol .active .services{
	background-position:-32px -9px;
}
#interior-main #leftcol .portfolio{
	width:59px;
	background-position:-84px 0;
}
#interior-main #leftcol .portfolio:hover,
#interior-main #leftcol .active .portfolio{
	background-position:-84px -9px;
}
#interior-main #leftcol .company{
	width:56px;
	background-position:-143px 0;
}
#interior-main #leftcol .company:hover,
#interior-main #leftcol .active .company{
	background-position:-143px -9px;
}
#interior-main #leftcol .contact{
	width:51px;
	background-position:-199px 0;
}
#interior-main #leftcol .contact:hover,
#interior-main #leftcol .active .contact{
	background-position:-199px -9px;
}
*/
/*
#interior-main #leftcol .active{
	padding:0;
}
*/

/*
#interior-main #leftcol .sub{
	width:100%;
	float:left;
	margin:5px 0 0;
	background:#fff url(/img/page/subnav-top-bg.gif) no-repeat 100% 0;
	display:none;
}
#interior-main #leftcol .active .sub{
	display:block;
}
#interior-main #leftcol ul ul{
	margin:0;
	padding:0 0 4px;
	background:url(/img/page/subnav-bottom-bg.gif) no-repeat 100% 100%;
}
#interior-main #leftcol ul ul li{
	margin:4px 0 0;
	padding:0;
}
#interior-main #leftcol ul ul a{
	text-indent:0;
	height:auto;
	width:auto;
	background:url(/img/page/subnav-a-bg.gif) no-repeat 0 4px;
	margin:0 0 0 35px;
	padding:0 0 0 13px;
	color:#3f80c4;
}
#interior-main #leftcol ul ul a:hover,
#interior-main #leftcol ul ul li.active a{
	font-weight:bold;
	background:url(/img/page/subnav-active-bg.gif) no-repeat 0 4px;
}
*/

#interior-main .background #rightcol{
	width:573px;
	display:inline;
	margin:0 22px 0 0;
	position:relative;
	z-index:2;
}

#interior-main .background #rightcol h1, #main #rightcol h1
{
    color: #EE3024;
	font: 24px/30px Arial Narrow, Arial, Tahoma, Verdana, sans-serif;
	font-weight: bold;
}

#interior-main .background #rightcol h2
{
	color: #3F80C4;
	font:14px/18px Arial, Verdana, Tahoma, sans-serif;
	font-weight: bold;
	margin: 0;
}


#interior-main .background #rightcol .content{
	width:100%;
	overflow:hidden;
}
#interior-main .background #rightcol .content h3, #main #rightcol h3
{
	float:left;
	width:100%;
	margin:20px 0 0 2px;
	padding:0 0 15px;
	font-size:16px;
	line-height:18px;
	color:#3f80c4;
	font-weight:normal;
}
#interior-main .background #rightcol .content h3 strong{
	color:#ee3024;
}
#interior-main .background #rightcol .content .text{
	float:left;
	display:inline;
	/* margin:0 0 0 4px; */
	width:380px;
	/* font-size:12px;
	line-height:21px;
	color:#666; */
}
#interior-main .background #rightcol .content .text p{
	margin-bottom:5px;
	/* text-indent:36px; */
}
/* /\ interior pages /\ */



/* Page: \/ Portfolio \/ */
#interior-main .background #rightcol .client{
	width:573px;
	overflow:hidden;
	background:url(/img/page/client-bg.gif) repeat-y 0 0;
}
#interior-main .background #rightcol .client-top{
	width:100%;
	overflow:hidden;
	background:url(/img/page/client-top-bg.jpg) no-repeat 0 0;
}
#interior-main .background #rightcol .client-bottom{
	width:100%;
	overflow:hidden;
	background:url(/img/page/client-bottom-bg.gif) no-repeat 0 100%;
}
#interior-main .background #rightcol .client .head{
	width:100%;
	overflow:hidden;
	height:22px;
	margin:10px 0 0;
}
#interior-main .background #rightcol .client .head h3{
	margin:0;
	float:left;
}
#interior-main .background #rightcol .client .head h3 strong{
	float:left;
	width:54px;
	height:14px;
	margin:2px 9px 0 19px;
	text-indent:-9999px;
	background:url(/img/page/txt-client.gif) no-repeat 0 0;
}
#interior-main .background #rightcol .client .head h3 span{
	float:left;
	color:#ffff99;
	font-size:16px;
	line-height:18px;
	font-weight:normal;
}
#interior-main .background #rightcol .client .head .screenshotNumberSet{
	float:right;
	display:inline;
	margin:0 20px 0 0;
	padding:0;
	list-style:none;
	font-size:16px;
	line-height:18px;
}
#interior-main .background #rightcol .client .head .numbers{
	float:left;
}
#interior-main .background #rightcol .client .head .screenshotNumberSet a{
	float:left;
	width:19px;
	height:19px;
	margin:0 0 0 6px;
	text-decoration:none;
	color:#ffff99;
	text-align:center;
	background:url(/img/pages/pages-bg.gif) no-repeat 0 0;
}
#interior-main .background #rightcol .client .head .screenshotNumberSet a:hover,
#interior-main .background #rightcol .client .head .screenshotNumberSet a.active {
	color:#fff;
	background-position:0 -19px;
}

#interior-main .background #rightcol .client .main{
	width:100%;
	height:143px;
	/* overflow:hidden;*/
}
#interior-main .background #rightcol .client .main .logo{
	float:left;
	width:133px;
	/* height:120px; */
	margin:1px 8px 0px 2px;
}
#interior-main .background #rightcol .client .main .logo img{
	margin:0 auto;
}
#interior-main .background #rightcol .client .main .text{
	float:left;
	color:#3b6795;
	width:315px;
/*	height:143px; */
	margin:1px 0px 0px 0px;
/*	line-height:18px; */
/*	margin:19px 0 0; */

}
#interior-main .background #rightcol .client .main .text p{
    margin:0px;
}
#interior-main .background #rightcol .client .main .screenshot{
	float:right;
	overflow:hidden;
	display:inline;
	width:241px;
	height:143px;
	margin:1px 3px 0px 0px;
	padding:0px;
	background:url(/img/pages/screenshot-bg.gif) no-repeat 0 0;
}
#interior-main .background #rightcol .client .main .screenshot img{
	width:240px;
}
#interior-main .background #rightcol .sidebar{
	float:right;
	width:164px;
	padding:8px 11px 10px;
	background:#f9f9ec;
	border-left:1px solid #cfcfa4;
	border-right:1px solid #cfcfa4;
}
#main #rightcol .cont .news h4, #interior-main .background #rightcol .sidebar h4{
	margin:0;
	width:123px;
/*	height:10px; */
/*	text-indent:-9999px; */
    color:#A0A07A;
    font-size:16px;
    font-family: Arial Narrow, Arial, Verdana;
    font-weight:bold;
/*  background:url(/img/page/txt-headers.gif) no-repeat -169px 0; */
}
#interior-main .background #rightcol .sidebar ul.services{
	margin:10px 0 0;
	padding:0 0 8px;
	list-style:none;
	width:100%;
	overflow:hidden;
}
#interior-main .background #rightcol .sidebar ul.services li{
	float:left;
	width:100%;
	padding:0 0 3px;
}

/* Strategic Consulting */
#interior-main .background #rightcol .sidebar ul.services li a{
	float:left;
	padding:0 0 2px 26px;
	color:#616134;
	text-decoration:none;
	background:url(/img/page/ico-services.gif) no-repeat -183px 0;
}
/* ul.services li a:hover, */
#interior-main .background #rightcol .sidebar ul.services li a:hover{
    text-decoration: underline;
}
#interior-main .background #rightcol .sidebar ul.services li a.inactive{
	color:#cfcfa4;
	background-position:0 0;
}

/* Web Design */
#interior-main .background #rightcol .sidebar ul.services li.web-design a{
	background-position:-183px -33px;
}
/* ul.services li.web-design a:hover, */
#interior-main .background #rightcol .sidebar ul.services li.web-design a.inactive{
	background-position:0 -33px;
}

/* Application Development */
#interior-main .background #rightcol .sidebar ul.services li.dev a{
	background-position:-183px -66px;
}
/* ul.services li.dev a:hover, */
#interior-main .background #rightcol .sidebar ul.services li.dev a.inactive{
	background-position:0 -66px;
}

/* Online Marketing */
#interior-main .background #rightcol .sidebar ul.services li.marketing a{
	background-position:-183px -99px;
}
/*ul.services li.marketing a:hover,*/
#interior-main .background #rightcol .sidebar ul.services li.marketing a.inactive{
	background-position:0 -99px;
}
/* .sidebar h4.other{
	width:93px;
	background:url(/img/page/txt-headers.gif) no-repeat -292px 0;
} */


#interior-main .background #rightcol .similar-clients{
	width:573px;
	float:left;
	margin:11px 0 0;
	background:url(/img/page/similar-clients-bg.gif) no-repeat 0 0;
}
#interior-main .background #rightcol .similar-clients h4{
	height:15px;
	margin:7px 0 0 16px;
	font-size:14px;
	color:#ee3024;
	font-weight:normal;
}

#interior-main .background #rightcol .similar-clients .similarClientList{
	width:540px;
	overflow:hidden;
	margin:2px 0 0 16px;
	padding:0;
	list-style:none;
}
#interior-main .background #rightcol .similar-clients .clientScreenshot{
	float:left;
	display:inline;
	margin:0 21px 0 0;
	text-align:center;
	vertical-align:top;
	height:120px;
}
#interior-main .background #rightcol .similar-clients .image{
	width:160px;
	overflow:hidden;
	padding:2px 0 5px;
	background:url(/img/page/similar-shadow-bg.gif) no-repeat 0 0;
}
#interior-main .background #rightcol .similar-clients .image img{
/*
	width:127px;
	height:72px;
*/
}
#interior-main .background #rightcol .similar-clients a{
	color:#3f80c4;
	font-size:11px;
}
#interior-main .background #rightcol .similar-clients a:hover{
	text-decoration:none;
}

/* Page: /\ Portfolio /\ */


div#CCLogosHomepageDiv, div#CCLogosMasterpageDiv
{
    clear: both;
    display: block;
}
div#CCLogosHomepageDiv
{
    padding: 20px 0 0 0;
}
div#CCLogosMasterpageDiv
{
    padding: 20px 0 0 12px;
}

div.CCLogosHeader
{
    font-weight: bold;
}

div.CCLogo
{
    float: left;
    display: inline-block;
    padding: 0 3px 0 0;
}