/************************************************
*
* Dubyts Communications
* http://www.dubytscom.com
* (c) 2009, All Rights Reserved.
* 
* Updated August 2009
*
* Website designed by Dubyts Communications
* http://www.dubytscom.com

************************************************/

/*
* Typography colors

#b0b0b0; 	grey1
#696969; 	grey2
#3d3d3d;  	grey3
#171717;	grey4
#f78626; 	orange1
#e07214;	orange2
#41617f; 	blue1
#012a52;	blue2
#00203c;	blue3

Background colors
#000; 		black
#f8f8f8; 	grey1
#ccc; 		grey2
#a4a4a4; 	grey3
#5f5f5f; 	grey4
#474747;	grey5
#f88f29;	orange

#fff; 		white
#f9f9f9; 	white1

*/

/*reset*/

body, p, ul, ol, li, h1, h2, h3, h4, h5, h6,
form, fieldset, label, legend, pre, code, address {margin:0;padding:0;border:0;}

html, body		{height:100%;background-color:#474747;}
blockquote		{border-bottom:1px solid#ccc;padding-bottom:20px;}
p 				{margin-top: 1.4em;margin-bottom: 1.4em; } 
a				{color:#33F;text-decoration:underline;font-family:Verdana, Geneva, sans-serif;font-size:1em;line-height:1.6em;font-weight:bold;}
a:hover			{color:#39F;text-decoration:underline;}
.clear			{clear:both;}
.push			{height:90px;background:url(../images/back.gif) repeat-y;}/*same height as footer*/
.space			{line-height:1.6em;}

/*structure*/

#container		{width:1020px;background-color:#fff;padding:0;color:#171717;height:auto !important;min-height:100%;margin: 0 auto -90px; /* the bottom margin is the negative value of the footer's height */}
#header			{width:1020px;height:115px;background:url(../images/back.gif) repeat-y;color:#f78626;}
#player			{width:1020px;height:290px;border-top: 1px solid #000;border-bottom: 1px solid #000;color:#f78626;margin:0 auto;}
#mainBody		{background:#fff url(../images/back.gif) repeat-y; width:1020px; margin:0 auto;}
#mainContent	{width:665px; float:left; font-family:Verdana, Geneva, sans-serif;font-size:0.8em;line-height:1.3em;color:#3d3d3d;margin:0 auto;}
#mainContent ul	{padding-left:20px;}
#mainContent li	{padding:3px 0 3px 0px;}
#wideBox		{float:left;width:570px; color:#3d3d3d; padding:15px 15px; margin-left:47px; margin-right:15px;background-color:#f8f8f8;border: 1px solid #e5e5e5;}
#rightContent	{width:335px;float:left;font-family:Arial, Helvetica, sans-serif;font-size:0.8em;line-height:1.4em;color:#3d3d3d;margin-top:40px;}
#longBox		{width:250px;float:left;font-family:Arial, Helvetica, sans-serif;font-size:0.8em;line-height:1.4em;color:#3d3d3d;background-color:#f8f8f8;border: 1px solid #e5e5e5;
				margin-top:105px;padding:15px 15px;margin-left:20px;}	
#longBox a		{font-size: 1.2em; color:#41617f; font-weight: normal; font-family:Tahoma, Geneva, sans-serif; text-decoration:none;}
#longBox a:hover{text-decoration:underline;}
#longBox ul		{padding-left:20px;}
#feature		{width:540px;float:left;font-family:Verdana, Geneva, sans-serif;font-size:0.9em;color:#3d3d3d;border: 1px solid #ccc;margin-top:40px;
				margin-left:47px; padding: 20px 30px 20px 20px;/*padding-right:50px;padding-top:20px;*/}
#feature img	{float:left; padding-right:20px;/*padding:0 30px 100px 30px;*/}

#footer			{width:1020px;height:90px;margin: 0 auto;background: #010e1b url(../images/footerBk.gif) repeat-x;font-family:Arial, Helvetica, sans-serif;font-size:0.8em;
				font-weight:bold;color:#fff;text-align:center;line-height:2em;}
#footer p		{padding-top: 1.4em;}
#footer a		{font-family:Arial, Helvetica, sans-serif;font-size:1em;font-weight:bold;color:#fff;}
#footer a:hover	{text-decoration:underline;}
#publicationsBox{width:310px;float:left;font-family:Arial, Helvetica, sans-serif;font-size:0.8em;line-height:1.4em;color:#3d3d3d;background-color:#f8f8f8;
				border: 1px solid #e5e5e5;padding-bottom:20px;margin-left:20px;}
#mainContent a	{font-size: 1.0em; color:#eb6e04; font-weight: bold; font-family:Verdana, Geneva, sans-serif; padding-top:10px;text-decoration:underline;}
#mainContent a:hover{font-size: 1.0em; color:#ff8722; font-weight: bold; font-family:Verdana, Geneva, sans-serif; padding-top:10px;text-decoration:underline;}
#contactBox		{float:left;background: #fff url(../images/contact_box.gif) no-repeat; margin:20px 0 20px 47px; width:604px; height:85px; padding:0;}



/*classes*/

.col1			{float:left;width:260px; color:#3d3d3d;padding:15px 15px;margin-left:47px;margin-right:15px;background-color:#f8f8f8;border: 1px solid #e5e5e5;}
.col2{float:left;font-family:Verdana, Geneva, sans-serif;width:260px; color:#3d3d3d;padding:15px 15px;background-color:#f8f8f8;border: 1px solid #e5e5e5;}
.borderRight	{float:left;border-right: 1px solid #e5e5e5;width:250px; padding-right:25px;}
.noBorderLeft	{float:right;font-family:Verdana, Geneva, sans-serif;width:250px; color:#3d3d3d;padding-right:15px;}
.publicationsBack{width:335px;float:left;font-family:Arial, Helvetica, sans-serif;font-size:0.8em;line-height:1.4em;color:#3d3d3d;}

/********************* Typography **************************/

h1 {background:transparent url(../images/dubytsLogo.gif) no-repeat  30px 36px;float:left;width:274px;height:87px;text-indent:-9999px;padding-bottom:28px;}/*logo*/
h2 {font-size: 1.8em; color:#41617f; font-weight: bold; font-family:Tahoma, Geneva, sans-serif; padding-top:35px; padding-bottom:43px; margin-left:47px; line-height:1.2em;}/*main titles*/
h3 {font-size: 1.2em; color:#5b88b3; font-weight: bold; font-family:Verdana, Geneva, sans-serif;}/*sub headings*/
h4 {font-size: 1.4em; color:#41617f; font-weight: normal; font-family:Tahoma, Geneva, sans-serif;padding-bottom:10px;padding-top:10px;}/*blue normal weight*/
h5 {font-size: 1.4em; color:#696969; font-weight: bold; font-family:Verdana, Geneva, sans-serif; padding:15px 0 10px 0;}/*grey bold weight*/

.largeSubHeading		{font-size: 1.8em; color:#f78626; font-weight: bold; font-family:Verdana, Geneva, sans-serif; padding-top:10px;}
.blueBold				{font-size: 1.1em; color:#5b88b3; font-weight: bold; font-family:Verdana, Geneva, sans-serif;}


/********************* Backgrounds ***************************/

.smallBoxesBk			{width:233px; margin: -16px 0 20px 25px;font-family:Verdana, Geneva, sans-serif;font-size:0.85em;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;
						padding:5px 20px 10px 25px;border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
.creativeExcellenceHeader{background: #fff url(../images/creativeExcellence2.gif) no-repeat; width:288px; height:67px;margin-left:20px;}
.flawlessExecutionHeader{background: #fff url(../images/flawlessExecution2.gif) no-repeat; width:288px; height:67px;margin-left:20px;}
.mission				{background: #fff url(../images/mission.gif) no-repeat; width:258px; height:107px;margin:0 0 15px 20px;padding:55px 12px 0 18px /*less text*/}
.mandate				{background: #fff url(../images/mandate.gif) no-repeat; width:258px; height:112px;margin:0 0 15px 20px;padding:50px 12px 0 18px}
.worldWide				{background: #fff url(../images/worldWide.gif) no-repeat; width:258px; height:122px;margin:0 0 15px 20px;padding:40px 12px 0 18px}

.generateDemandBox		{text-indent:-9999px;display:block; width:287px; height:66px;padding-top:15px;margin-left:20px;}
.generateDemandBox a	{background: #fff url(../images/generateDemand.gif) no-repeat; width:287px; height:66px;display:block;}
.generateDemandBox a:hover	{background: #fff url(../images/generateDemand_over.gif) no-repeat; width:287px; height:66px;display:block;}

.creativeExcellenceBox	{text-indent:-9999px;display:block; width:287px; height:68px;padding-top:15px;margin-left:20px;}
.creativeExcellenceBox a	{background: #fff url(../images/creativeExcellence.gif) no-repeat; width:287px; height:68px;display:block;}
.creativeExcellenceBox a:hover	{background: #fff url(../images/creativeExcellence_over.gif) no-repeat; width:287px; height:66px;display:block;}

.flawlessExecutionBox	{text-indent:-9999px;display:block; width:287px; height:68px;padding-top:15px;margin-left:20px;}
.flawlessExecutionBox a	{background: #fff url(../images/flawlessExecution.gif) no-repeat; width:287px; height:68px;display:block;}
.flawlessExecutionBox a:hover	{background: #fff url(../images/flawlessExecution_over.gif) no-repeat; width:287px; height:66px;display:block;}

/******************** Main Navigation *************************/
ul#nav {	
width:1020px;
list-style:none;
height:48px;
margin:0 auto;
}
ul#nav li {
display:inline;
}
ul#nav li a {
		height:48px;
		float:left;
		text-indent:-9999px;
		text-decoration:none;
}
ul#nav li.home a {
		width:91px;
		background:url(../images/mainNav.gif) no-repeat 0 0;
}
ul#nav  li.home a:hover {
		background-position:0 -48px;
}
ul#nav  li.home a.current{
		background-position:0 -96px;
}
ul#nav li.aboutus a {
		width:100px;
		background:url(../images/mainNav.gif) no-repeat -91px 0;
}
ul#nav  li.aboutus a:hover {
		background-position:-91px -48px;
}
ul#nav  li.aboutus a.current{
		background-position:-91px -96px;
}
ul#nav li.aboutyou a {
		width:114px;
		background:url(../images/mainNav.gif) no-repeat -191px 0;/*adding more goes to left*/
}
ul#nav  li.aboutyou a:hover {
		background-position:-191px -48px;
}
ul#nav  li.aboutyou a.current{
		background-position:-191px -96px;
}
ul#nav li.bizsolutions a {
		width:170px;
		background:url(../images/mainNav.gif) no-repeat -305px 0;
}
ul#nav  li.bizsolutions a:hover {
		background-position:-305px -48px;
}
ul#nav  li.bizsolutions a.current{
		background-position:-305px -96px;
}
ul#nav li.assocsolutions a {
		width:195px;
		background:url(../images/mainNav.gif) no-repeat -475px 0;
}
ul#nav  li.assocsolutions a:hover {
		background-position:-475px -48px;
}
ul#nav  li.assocsolutions a.current{
		background-position:-475px -96px;
}
ul#nav li.portfolio a {
		width:101px;
		background:url(../images/mainNav.gif) no-repeat -670px 0;
}
ul#nav  li.portfolio a:hover {
		background-position:-670px -48px;
}
ul#nav  li.portfolio a.current{
		background-position:-670px -96px;
}
ul#nav li.services a {
		width:159px;
		background:url(../images/mainNav.gif) no-repeat -771px 0;
}
ul#nav  li.services a:hover {
		background-position:-771px -48px;
}
ul#nav  li.services a.current{
		background-position:-771px -96px;
}
/*ul#nav li.publications a {
		width:159px;
		background:url(../images/mainNav.gif) no-repeat -771px 0;
}
ul#nav  li.publications a:hover {
		background-position:-771px -48px;
}
ul#nav  li.publications a.current{
		background-position:-771px -96px;
}*/
ul#nav li.contact a {
		width:90px;
		background:url(../images/mainNav.gif) no-repeat -930px 0;
}
ul#nav  li.contact a:hover {
		background-position:-930px -48px;
}
ul#nav  li.contact a.current{
		background-position:-930px -96px;
}
/******************** Header Navigation **********************/
ul#headerIcons {	
width:600px;
list-style:none;
height:70px;
padding-top:36px;
margin-left:400px;
}
ul#headerIcons li {
display:inline;
}
ul#headerIcons li a {
		height:34px;
		float:left;
		text-indent:-9999px;
		text-decoration:none;
		width:542px;
		margin-right:13px;/*right margin added to add more room*/

}
ul#headerIcons li.signup a {
		width:210px;
		background: url(../images/HeaderIcons.gif) no-repeat 0 0;
}
ul#headerIcons li.signup a:hover {
		background-position:0 -37px;
}
ul#headerIcons li.resources a {
		width:240px;
		background:url(../images/HeaderIcons.gif) no-repeat -210px 0;
}
ul#headerIcons li.resources a:hover {
		background-position:-210px -37px;
}
ul#headerIcons li.twitter a{
		width:40px;
		background:url(../images/HeaderIcons.gif) no-repeat -450px 0;
}
ul#headerIcons li.twitter a:hover {
		background-position:-450px -37px;
}
ul#headerIcons li.facebook a{
		width:53px;
		background:url(../images/HeaderIcons.gif) no-repeat -490px 0;
}
ul#headerIcons li.facebook a:hover {
		background-position:-490px -37px;
}

/*************** Testimonials Button ************************/

.testimonials			{text-indent:-9999px;display:block; width:288px; height:45px;padding-top:15px;margin:auto;}
.testimonials a			{background: url(../images/testimonialsButton.gif) no-repeat 0 0; width:288px; height:46px;display:block;margin:0 auto;}
.testimonials a:hover	{background: url(../images/testimonialsButton.gif) no-repeat; width:288px; height:46px;background-position:0 -46px;display:block;margin:0 auto;}
.testimonials a:active	{background: #fff url(../images/testimonialsButton.gif) no-repeat; width:288px; height:46px;background-position:0 -91px;display:block;margin:0 auto;}


/********************* Publications ************************/

.publicationsHeader 	{width:300px;height:40px;background-color: #778da1;-moz-border-radius-topright:20px;color:#fff;font-family:Tahoma, Geneva, sans-serif; font-size:1.8em;
						line-height:40px;padding-left:20px;margin-left:47px;margin-top:30px;}
.publicationsHeaderRight{width:250px;height:40px;background-color: #778da1;-moz-border-radius-topright:20px;color:#fff;font-family:Tahoma, Geneva, sans-serif; font-size:1.8em;line-height:40px;
						padding-left:20px;margin-top:30px;margin-left:20px;}
.company				{font-size:0.85em;}
.click					{float:left;font-size:0.85em;color:#5b88b3;width:240px;padding-bottom:10px;}


/*----------------- Publicatons Gallery -----------------*/
.publicationsLink 		{list-style: none;margin: 0;padding: 0;}
.publicationsLink li 	{padding: 10px;margin-right:25px;margin-bottom:40px;float: left;position: relative;width: 250px;height: 130px;}
.publicationsLink li:hover img {border-color: #000;}
.publicationsLink img 	{background: #fff;border: solid 1px #ccc;padding: 5px;}
.publicationsLink em 	{color: #41617f;font-family:Tahoma, Geneva, sans-serif;font-size:0.9em;font-weight: bold;font-style:normal;padding: 2px 10px;display: block;position: absolute;text-align:center;top: 150px;}
.publicationsLink a 	{text-decoration: none;}
.publicationsLink a:hover em {border-color: #c25b08;}
