/*Base on interactive styles*/
@import url('/css/interactive.css');

/*Works Color Scheme*/
body {
	background-color: #ffffff;
	color: #464646;
}
#header {
	background: #1c1c1c;
}
#header h1 a {	
	width: 158px;
	height: 17px;
	background: transparent url('images/header_logo.gif') no-repeat;
}
.topNav li {
	background: url('images/nav_top_doubleBar.gif') no-repeat right bottom;
}
a,
#content a,
#rightColumn a,
#leftNav .active a,
#leftNav .active a:hover,
h1, h2, h3, h4, h5, h6 {
	color: #c45304;
}
#leftNav a.ekflexmenu_link_selected,
#leftNav a.ekflexmenu_link_selected:hover {
	border: 1px solid #c45304;
	color: #c45304;
}
#leftNav ul li a:hover {
	color: #888888;
}
#leftNav ul li a {
	color: #464646;
}
#rightColumn {
	background: url('images/bg_rightColumn.gif');
}
#rightColumn h4 {
	color: #4f4f4f;
}
#footer ul li a {
	background: url('images/nav_bottom_doubleBar.gif') no-repeat right bottom;
}
#footer ul li,
#footer ul li a {
	color: #757575;
}

#footer ul li a:hover {
	color: #111111;
}

/*Works Top Nav Images and Sizes*/
.topNav li.Offerings a,
.topNav li a#eb681eb1b_22_24_button {
	width: 83px;
	background-image: url('images/navitem_offerings.gif');
}
.topNav li.Lab a,
.topNav li a#eb681eb1b_22_28_button {
	width: 37px;
	background-image: url('images/navitem_lab.gif');
}
.topNav li.Clients a,
.topNav li a#eb681eb1b_22_30_button {
	width: 67px;
	background-image: url('images/navitem_clients.gif');
}
.topNav li.Company a,
.topNav li a#eb681eb1b_22_32_button {
	width: 80px;
	background-image: url('images/navitem_company.gif');
}
.topNav li.Blog a,
.topNav a.ekflexmenu_link {
	width: 51px;
	background-image: url('images/navitem_blog.gif');
}
/*hide extraneous ektron stuff*/
.topNav li#eb681eb1b_22_34,
#leftNav li#e0fa05764_22_28,
#leftNav li#e0fa05764_22_30 {
	display: none;
}

/*Gateway page*/

#content.gateway {	
	background: #ffffff url('images/bg_gateway_top.gif') repeat-x;
	width: 100%;
	text-align: center;
}
#content.gateway object { /*fixes FF3 "bug" where an outline surrounds a transparent Flash element once it is clicked*/
	outline: none;
}

/*Showcase area*/
.columnOneOfThree {
	width: 312px;
	padding-right: 5px;
	float: left;	
}
#aboutUs.columnOneOfThree *,
#ntaraLab.columnOneOfThree * {
	display: none;
}
#aboutUs.columnOneOfThree a,
#ntaraLab.columnOneOfThree a {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	width: 312px;
	height: 90px;
	margin: 0;
	padding: 0;
	background: transparent no-repeat;
}
#aboutUs.columnOneOfThree a {
	background-image: url('images/bg_gateway_aboutUs.gif');
}
#ntaraLab.columnOneOfThree a {
	background-image: url('images/bg_gateway_ntaraLabs.gif');
}

/*Blog post widget*/
#blogWidget.columnOneOfThree {
	background: transparent url('images/bg_gateway_blogPosts.gif') no-repeat;
	width: 298px;
	height: 75px;
	padding: 15px 0 0 14px;
}
#blogWidget.columnOneOfThree a {
	color: #ffffff;
	font-size: 9px;
}
#blogWidget.columnOneOfThree a.learnMore {
	display: block;	
	text-transform: lowercase;
	padding-left: 150px;
	padding-bottom: 8px;
	font-size: 10px;	
}
#blogWidget.columnOneOfThree li {
	background: transparent url('images/bg_gateway_blogPostsItems.gif') no-repeat 0 3px;
	padding-left: 12px;
}
#blogWidget.columnOneOfThree h3 {
	display: none;
}
#blogWidget.columnOneOfThree ul {
	list-style: none;
	padding: 0;
	margin: 0;	
}

/*RSS feed page*/
#rssFeedsPage h2.i a {
	background-image: url('/ntaraInteractive/css/images/rssFuse_white.gif');
}
#rssFeedsPage h2.w a {
	background-image: url('/ntaraInteractive/css/images/rssSpark_white.gif');
}


/*Client Page*/
#clientsPage .columnOne{
	width: 168px;
}
#clientsPage .columnTwo{
	width: 376px;
}

/*Product Detail Page*/

.Project_Accolade {
    background: #222;
    height: 100px;
    color: #888;
}

.Project_Accolade h4 {
	color: #cccccc;
}

/*images were matted for dark gray!!*/

/*Work Pages, fix for flash object jumpiness*/
#galleryFlash,
#projectFlash {
	background-color: #ffffff;
}

#projectFlash {
	height: 320px;
}


/*Contact Page*/
ul.contactInfo li.address {
	background-image: url('images/icon_address.gif');
}
ul.contactInfo li.phone {
	background-image: url('images/icon_phone.gif');
}
ul.contactInfo li.email {
	background-image: url('images/icon_email.gif');
}