/************************************************
*
* 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: 10px;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		{color:#41617f; font-weight: normal; font-family:Tahoma, Geneva, sans-serif; text-decoration:none;}
#longBox a:hover{text-decoration:underline;}
#longBox ul		{padding-left:3px;}
#feature		{width:550px;float:left;font-family:Verdana, Geneva, sans-serif;font-size:0.9em;color:#3d3d3d;border: 1px solid #ccc;margin-top:0px;
				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;}
#logo			{float:left;width:274px;height:87px;padding-bottom:0px; padding-top:28px; padding-left:30px;}


/*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 {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*/
h2 {font-size: 22px; color:#41617f; font-weight: normal; font-family:Tahoma, Geneva, sans-serif;padding-bottom:10px;padding-top:10px;}/*blue normal weight*/
h3 {font-size: 1.2em; color:#5b88b3; font-weight: bold; font-family:Verdana, Geneva, sans-serif;}/*sub headings*/
h4 {font-size: 1.4em; color:#696969; font-weight: bold; font-family:Verdana, Geneva, sans-serif; padding:15px 0 10px 0;}/*grey bold 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:643px;
list-style:none;
height:70px;
padding-top:36px;
margin-left:325px;
}
ul#headerIcons li {
display:inline;
}
ul#headerIcons li a {
		height:36px;
		float:left;
		text-indent:-9999px;
		text-decoration:none;
		width:643px;
		margin-right:8px;/*right margin added to add more room*/

}
ul#headerIcons li.news a {
		width:80px;
		background: url(../images/HeaderIcons.gif) no-repeat 0 0;
}
ul#headerIcons li.news a:hover {
		background-position:0 -36px;
}
ul#headerIcons li.signup a {
		width:117px;
		background: url(../images/HeaderIcons.gif) no-repeat -80px 0;
}
ul#headerIcons li.signup a:hover {
		background-position:-80px -36px;
}
ul#headerIcons li.resources a {
		width:182px;
		background:url(../images/HeaderIcons.gif) no-repeat -197px 0;
}
ul#headerIcons li.resources a:hover {
		background-position:-197px -36px;
}
ul#headerIcons li.blog a{
		width:40px;
		background:url(../images/HeaderIcons.gif) no-repeat -379px 0;
}
ul#headerIcons li.blog a:hover {
		background-position:-379px -36px;
}
ul#headerIcons li.rss a{
		width:40px;
		background:url(../images/HeaderIcons.gif) no-repeat -419px 0;
}
ul#headerIcons li.rss a:hover {
		background-position:-419px -36px;
}
ul#headerIcons li.twitter a{
		width:40px;
		background:url(../images/HeaderIcons.gif) no-repeat -459px 0;
}
ul#headerIcons li.twitter a:hover {
		background-position:-459px -36px;
}
ul#headerIcons li.facebook a{
		width:40px;
		background:url(../images/HeaderIcons.gif) no-repeat -499px 0;
}
ul#headerIcons li.facebook a:hover {
		background-position:-499px -36px;
}
ul#headerIcons li.linkedin a{
		width:40px;
		background:url(../images/HeaderIcons.gif) no-repeat -539px 0;
}
ul#headerIcons li.linkedin a:hover {
		background-position:-539px -36px;
}

/*************** 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;}


    .example_menu {
        font-size: 90%;
        list-style: none;
        margin: 0;
        padding: 0;
        vertical-align: top;
        width: 230px;
    }
    .example_menu ul {
        display: none;
        list-style: inside;
        margin-left: 19px;
        padding: 0;
    }
    .example_menu li {
        background-image: none;
        margin-left: 0px;
        padding: 0;
    }
    .example_menu ul ul {
        display: inline;
    }
    .example_menu ul ul li a {
        padding-left: 50px;
        width: 190px;
    }
    .example_menu a {
        color: #000;
        cursor: pointer;
        display: block;
        font-weight: bold;
        margin-left: 0;
        padding: 2px 2px 2px 17px;
        width: 200px;
    }
    .example_menu a.expanded {
        background: url(../images/collapse.gif) no-repeat 3px 50%;
    }
    .example_menu a.collapsed {
        background: url(../images/expand.gif) no-repeat 3px 50%;
    }
    .example_menu a:hover {
        text-decoration: none;
    }
    .example_menu ul a {
        border-top: 2px solid #fff;
        color: #000;
        display: block;
        font-weight: normal;
        padding: 2px 2px 2px 10px;
        width: 150px;
    }
    .example_menu ul a:hover {
        background : #f5f5f5;
        text-decoration: underline;
    }
    .example_menu li.active a {
        background: #fff;
    }
    .example_menu li.active li a {
        background: #e8e8e8;
    }
    
#top_headerimage {
		float:left;
		width: 1020px;
		height: 212px;
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
		color:#f78626;
		margin:0 auto;
}    
    
#flash {
		float:left;
		width: 755px;
		height: 212px;
}
#header_video {
		float:right;
		width: 265px;
		height: 212px;
}
#dubyts_news {
		float:left;
		width: 1020px;
		height: 173px;
		background-image: url(../images/home_bar_bkgd.jpg);

}
#dn_nav_bar {
		float:left;
		width: 1020px;
		height: 50px;
		margin-top: 20px;
		padding: 0px;
}
ul#dn_nav {	
width:1020px;
list-style:none;
height:50px;
padding:0px;
margin:0px;
}
ul#dn_nav li {
display:inline;
}
ul#dn_nav li a {
		height:50px;
		float:left;
		text-decoration:none;
}
ul#dn_nav li.dn_nav-1 a {
		width:340px;
		background:url(/images/home_bar_nav.jpg) no-repeat 0 0;
}
ul#dn_nav  li.dn_nav-1 a:hover {
		background:url(/images/home_bar_nav.jpg) no-repeat 0 -50px;
}	
ul#dn_nav li.dn_nav-2 a {
		width:340px;
		background:url(/images/home_bar_nav.jpg) no-repeat -340px 0;
}
ul#dn_nav  li.dn_nav-2 a:hover {
		background:url(/images/home_bar_nav.jpg) no-repeat -340px -50px;
}
ul#dn_nav li.dn_nav-3 a {
		width:340px;
		background:url(/images/home_bar_nav.jpg) no-repeat -680px 0;
}
ul#dn_nav  li.dn_nav-3 a:hover {
		background:url(/images/home_bar_nav.jpg) no-repeat -680px -50px;
}




#dn_column1 {
		float:left;
		width: 340px;
		height: 123px;
}
#dn_column2 {
		float:left;
		width: 340px;
		height: 123px;
}
#dn_column3 {
		float:left;
		width: 340px;
		height: 123px;
}
#dn_column_text {
    height: 70px;
    line-height: 16px;
    padding-left: 104px;
    padding-top: 13px;
    width: 230px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:0.8em;    
}
#ea {
    border: 0 none;
    color: #1E1E1E;
    display: inline;
    float: left;
    font-size: 12px;
    height: 15px;
    margin-left: 0;
    margin-top: 33px;
    padding-top: 0;
    width: 160px;
}


#dn_button
{
	float:left;
	width:320px;
	text-align:right;
       
}
#dn_news_submit {
    float: left;
    padding-left: 8px;
    padding-top: 30px;
    width: 20px;
}
#dn_news_submit a{
    text-decoration: none;
}
#mainBody_home {
    background-color: #FFF;
    float: left;
    margin: 0 auto;
    width: 1020px;
}
#mainBody_top {
    background-image: url(../images/top_slice.jpg);
    float: left;
    margin: 0 auto;
    width: 1020px;
    height: 34px;
}
#mainBody_middle {
    background-image: url(../images/middle_slice.jpg);
    background-repeat: repeat-y;
    float: left;
    margin: 0 auto;
    width: 1020px;
    height: 100%;
}
#mainBody_bottom {
    background-image: url(../images/bottom_slice.jpg);
    float: left;
    margin: 0 auto;
    width: 1020px;
    height: 25px;
}