﻿body
{
}


.style1
{
	width: 1008px;
}
.style2
{
	height: 84px;
	background-color: Black;
}
.style4
{
	width: 942px;
	height: 84px;
}
.style5
{
}
.style6
{
	width: 100%;
	height: 76px;
}
.style7
{
	width: 163px;
	height: 23px;
}
.style8
{
	width: 1002px;
	height: 400px;
}
.style9
{
	height: 32px;
}
.style10
{
	width: 675px;
	vertical-align: top;
}






.ddcolortabs ul
{
	font: normal 11px Arial, Verdana, sans-serif;
	margin: 0px;
	padding: 0px 70px;
	list-style: none;
	height: 21px;
}

.ddcolortabs li
{
	display: inline;
	margin: 0 0;
	padding: 0;
	text-transform: uppercase;
}


.ddcolortabs a
{
	float: left;
	color: white;
	
	margin: 5px 0px 0 0;
	padding: 0px 0 0px 40px;
	text-decoration: none;
	letter-spacing: 0px;
}

.ddcolortabs a span
{
	float: left;
	display: block;
	padding: 4px 8px 4px 7px;
}

.ddcolortabs a span
{
	float: none;
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv_a
{
	position: absolute;
	top: 0px; /*THEME CHANGE HERE*/
	border-top-width: 0px; /*Top border width. Should match height of .ddcolortabsline above*/
	border-bottom-width: 0;
	visibility: hidden;
	z-index: 100;
	margin-top: -4px;
}


.dropmenudiv_a a
{
	width: auto;
	display: block;
	border-top: 0 solid #678b3f;
	border-bottom: 0px solid #678b3f; /*THEME CHANGE HERE*/
	padding: 0px 0;
	text-decoration: none;
}

* html .dropmenudiv_a a
{
	/*IE only hack*/
	width: 100%;
}

.dropmenudiv_a a:hover
{
	/*THEME CHANGE HERE*/
	color: white;
}

.bottom
{
	color: #A9AAAB;
	font-size: 8pt;
	font-family: "verdana";
	text-decoration: none;
}

a:link.bottom
{
	color: #A9AAAB;
	font-size: 8pt;
	font-family: "verdana";
	text-decoration: none;
}

a:active.bottom
{
	color: #A9AAAB;
	font-size: 8pt;
	font-family: "verdana";
	text-decoration: none;
}
a:visited.bottom
{
	color: #A9AAAB;
	font-size: 8pt;
	font-family: "verdana";
	text-decoration: none;
}
a:hover.bottom
{
	color: #000000;
	text-decoration: none;
	font-size: 8pt;
	font-family: "verdana";
}


.text
{
	color: #767A7D;
	line-height: 12pt;
	font-size: 8pt;
	font-family: "verdana";
	text-decoration: none;
}

a
{
	color: #A55A00;
	font-size: 8pt;
	font-family: "verdana";
	text-decoration: none;
}

a:link
{
	color: #A55A00;
	font-size: 8pt;
	font-family: "verdana";
	text-decoration: none;
}

a:active
{
	color: #A55A00;
	font-size: 8pt;
	font-family: "verdana";
	text-decoration: none;
}
a:visited
{
	color: #A55A00;
	font-size: 8pt;
	font-family: "verdana";
	text-decoration: none;
}
a:hover
{
	color: #6F9500;
	text-decoration: none;
	font-size: 8pt;
	font-family: "verdana";
}

.head
{
	font-weight: bold;
	font-size: 10pt;
	color: #A9AAAB;
	line-height: 20px;
	padding-top: 0px;
	font-family: Verdana;
	text-align: center;
}

.parahead
{
	font-weight: bold;
	padding-right: 10px;
	padding-left: 10px;
	color: #333333;
	line-height: 20px;
	padding-top: 20px;
	font-family: Verdana;
	text-align: left;
}

.paratxt
{
	padding-right: 50px;
	padding-left: 10px;
	font-size: 9pt;
	line-height: 150%;
	padding-top: 20px;
	color: #333333;
	font-family: Verdana;
	text-align: justify;
	vertical-align: top;
}
.paratxt1
{
	padding-right: 50px;
	padding-left: 10px;
	font-size: 9pt;
	line-height: 150%;
	color: #333333;
	font-family: Verdana;
	text-align: justify;
	vertical-align: top;
}


.leftmenu
{
	color: #A55A00;
	font-size: 8pt;
	font-family: "verdana";
	text-decoration: none;
}

a:link.leftmenu
{
	color: #A55A00;
	font-size: 8pt;
	font-family: "verdana";
	text-decoration: none;
}

a:active.leftmenu
{
	color: #A55A00;
	font-size: 8pt;
	font-family: "verdana";
	text-decoration: none;
}
a:visited.leftmenu
{
	color: #A55A00;
	font-size: 8pt;
	font-family: "verdana";
	text-decoration: none;
}
a:hover.leftmenu
{
	color: #6F9500;
	text-decoration: none;
	font-size: 8pt;
	line-height: 30px;
	font-family: "verdana";
}

/*Image Slider*/



/* ----------------IMAGE SLIDER------------- */
#SlideItMoo_outer
{
	width: 942px;
	margin: 0px auto 0px; /*background:#000000;  	background:url(../iphone/images/bg.png)  center; */
	display: block;
	position: relative;
	padding: 0px 25px 0px;
	border-bottom: 0px #000000 solid;
	top: 0px;
	left: 0px;
	height: 95px;
}
/* create custom forward-backward buttons for this container */
#SlideItMoo_outer .SlideItMoo_forward, #SlideItMoo_outer .SlideItMoo_back
{
	display: block;
	position: absolute;
	cursor: pointer;
	width: 55px;
	height: 95px;
	bottom: 0px;
	right: 0px;
	background: url(../iphone/images/arrow-next-20090608.gif) no-repeat center;
}
#SlideItMoo_outer .SlideItMoo_back
{
	left: 0px;
	background: url(../iphone/images/arrow-previous-20090608.gif) no-repeat center;
}

/* the width is set to show the number of thumbnails that will be visible */
#SlideItMoo_inner
{
	position: relative;
	overflow: hidden;
	/*width: 880px;  set a display width to make the slider look good in case js is disabled */
	width: 835px;
	margin: 0px auto 0px;
	padding: 0px 0px 0px; /*background:#000000;*/
	background: url(../iphone/images/bg.png) center;
	display: block;
	top: 0px;
	left: 0px;
	height: 95px;
}
/* the thumbnails container; set a width on it so everything will be fine */
#SlideItMoo_items
{
	display: block;
	position: relative;
	padding: 6px 0px 0px;
	top: 0px;
	left: 0px;
	width: 900px;
	color:#ffffff
}
/* single element design */
#SlideItMoo_items div.SlideItMoo_element
{
	display: block;
	position: relative;
	float: left;
	font-family:Verdana;
	margin: 0px 10px 0px;
	font-size: 10px;
	line-height: 14px;
	width: 74px;
	text-align: center;
	color: #000000;
}



#SlideItMoo_items a
{
	padding: 0px;
	margin:3px 0px 3px;
	clear: both; /*background:#000000;*/
	display:inline-block
}

#SlideItMoo_items a img
{
	border: none;
}

a img
{
	border: none;
}

.item
{
	font-size: 10px;
	color: #626262;
}

a:link.item
{
	font-size: 10px;
	color: #626262;
}

a:active.item
{
	font-size: 10px;
	color: #626262;
}
a:visited.item
{
	font-size: 10px;
	color: #626262;
}
a:hover.item
{
	width:74px;
	font-size: 10px;
	/*background:#e2e2e2;*/
	background: url(../iphone/images/hoverbg.png) ;
	color: #000000;
}

.item1
{
	font-size: 10px;
	color: #626262;
}

a:link.item1
{
	font-size: 10px;
	color: #626262;
}

a:active.item1
{
	font-size: 10px;
	color: #626262;
}
a:visited.item1
{
	font-size: 10px;
	color: #626262;
}
a:hover.item1
{
	width:74px;
	font-size: 10px;
	color: #000000;
}






/*-----------------------------*/


.ddcolortabs .home
{
	width: 88px;
	background: url(../images/top-menu.png) no-repeat 0px -21px;
	height: 23px;
}
.ddcolortabs .home:hover
{
	BACKGROUND: url(../images/top-menu.png) no-repeat 0px 0px
}

.ddcolortabs .service
{
	width: 88px;
	MIN-HEIGHT: 23px; BACKGROUND: url(../images/top-menu.png) no-repeat 4px -214px;
	height: 23px;
}
.ddcolortabs .service:hover
{
	BACKGROUND: url(../images/top-menu.png) no-repeat 0px -184px
	
}

.ddcolortabs .selected .service
{
	/*currently selected tab*/
	background: url(../images/top-menu.png) no-repeat 0px -243px
}

.sub-menu-iphone {
	WIDTH: 138px; BACKGROUND: url(../images/top-menu.png) no-repeat 0px -282px; HEIGHT: 25px
}
.sub-menu-iphone:hover {
	BACKGROUND: url(../images/top-menu.png) no-repeat left -422px
}

.sub-menu-blackberry {
	WIDTH: 138px; BACKGROUND: url(../images/top-menu.png) no-repeat 0px -307px; HEIGHT: 25px
}
.sub-menu-blackberry:hover {
	BACKGROUND: url(../images/top-menu.png) no-repeat 0px -447px
}

.sub-menu-android {
	WIDTH: 138px; BACKGROUND: url(../images/top-menu.png) no-repeat 0px -332px; HEIGHT: 25px
}
.sub-menu-android:hover {
	BACKGROUND: url(../images/top-menu.png) no-repeat 0px -472px
}

.sub-menu-windows{
	WIDTH: 138px; BACKGROUND: url(../images/top-menu.png) no-repeat 0px -359px; HEIGHT: 25px
}
.sub-menu-windows:hover {
	BACKGROUND: url(../images/top-menu.png) no-repeat 0px -499px
}

.sub-menu-web {
	WIDTH: 138px; BACKGROUND: url(../images/top-menu.png) no-repeat 0px -385px; HEIGHT: 25px
}
.sub-menu-web:hover {
	BACKGROUND: url(../images/top-menu.png) no-repeat 0px -525px
}

.sub-menu-bottom {
	WIDTH: 150px; DISPLAY: block; BACKGROUND: url(../images/top-menu.png) no-repeat 0px -408px; HEIGHT: 11px
}

.sub-menu-top {
	WIDTH: 150px; DISPLAY: block; BACKGROUND: url(../images/top-menu.png) no-repeat 1px -586px; HEIGHT: 18px
}

.ddcolortabs .about {
	WIDTH: 88px; BACKGROUND: url(../images/top-menu.png) no-repeat 2px -66px; HEIGHT: 23px
}

.ddcolortabs .about:hover
{
	BACKGROUND: url(../images/top-menu.png) no-repeat 0px -42px
}

.ddcolortabs .selected .about
{
	/*currently selected tab*/
	background: url(../images/top-menu.png) no-repeat -3px -558px
}

.sub-menu-top1 {
	WIDTH: 170px; DISPLAY: block; BACKGROUND: url(../images/top-menu.png) no-repeat -150px -586px; HEIGHT: 18px
}


.sub-menu-about {
	WIDTH: 170px; BACKGROUND: url(../images/top-menu.png) no-repeat -150px -226px; HEIGHT: 25px
}
.sub-menu-about:hover {
	BACKGROUND: url(../images/top-menu.png) no-repeat -150px -398px
}

.sub-menu-client {
	WIDTH: 170px; BACKGROUND: url(../images/top-menu.png) no-repeat -150px -252px; HEIGHT: 24px
}
.sub-menu-client:hover {
	BACKGROUND: url(../images/top-menu.png) no-repeat -150px -424px; 
}

.sub-menu-methodology {
	WIDTH: 170px; BACKGROUND: url(../images/top-menu.png) no-repeat -150px -278px; HEIGHT: 25px
}
.sub-menu-methodology:hover {
	BACKGROUND: url(../images/top-menu.png) no-repeat -150px -450px
}

.sub-menu-management {
	WIDTH: 170px; BACKGROUND: url(../images/top-menu.png) no-repeat -150px -303px; HEIGHT: 25px
}
.sub-menu-management:hover {
	BACKGROUND: url(../images/top-menu.png) no-repeat -150px -475px
}

.sub-menu-bottom1 {
	WIDTH: 170px; DISPLAY: block; BACKGROUND: url(../images/top-menu.png) no-repeat -150px -330px; HEIGHT: 11px
}




.ddcolortabs .partners {
	WIDTH: 88px; BACKGROUND: url(../images/top-menu.png) no-repeat 2px -112px; HEIGHT: 23px
}
.ddcolortabs .partners:hover {
	BACKGROUND: url(../images/top-menu.png) no-repeat 2px -88px
}

.ddcolortabs .contact {
	WIDTH: 88px; BACKGROUND: url(../images/top-menu.png) no-repeat 2px -159px; HEIGHT: 23px
}
.ddcolortabs .contact:hover {
	BACKGROUND: url(../images/top-menu.png) no-repeat 2px -135px
}
