/***************************************************************
 * IRDS Inc. SETTINGS
 **************************************************************/

* {
	padding : 0px;
	margin : 0px;
}

body {
	font-family : trebuchet ms, arial, verdana, sans-serif;
	color : #333333;
	font-size : 12px;
	background : #EEEEEE;
}

a {
	color : #3C8DCB;
	text-decoration : none;
}

a:hover {
	color : #225799;
}

h1 {
	float : left;
	width : 520px;
	color : #225799;
	font-size : 24px;
	padding : 30px 0px 5px;
}

h2 {
	color : #84A23B;
	font-size : 24px;
	padding : 10px 20px;
	border-bottom : 1px solid #F1F1F1;
}

h3 {
	color : #84A23B;
	font-size : 20px;
	padding : 5px 10px;
	margin-top : 164px;
}

h4 {
	color : #84A23B;
	font-size : 18px;
	padding-bottom : 10px;
}

h5 {
	color : #84A23B;
	font-size : 16px;
	padding : 0px 0px 10px 10px;
}

p {
	padding-bottom : 15px;
}

form {
	float : left;
	min-width : 380px;
}

img {
	border : none;
}

.error-message {
	padding : 10px 0px;
}

.status-message {
	min-height : 42px;
	margin : 0px 10px 10px;
}

.error, .success, .warning {
	padding : 10px;
    margin : 0px;
    border : 1px solid;
}

.error {
    color : #D8000C;
	background : #FFBABA;
}

.success {
    color : #4F8A10;
	background : #DFF2BF;
}

.warning {
    color : #9F6000;
	background : #FEEFB3;
}

.left {
	float : left;
}

.right {
	float : right;
}

.clearboth {
	clear : both;
}

.input-message {
	display : block;
	height : 16px;
	color : #002459;
	font-size : 10px;
	font-weight : normal;
	margin-bottom : 5px;
}

.input-error {
	color: #D8000C;
}

#input-error {
	float : left;
	display : none;
	height : 28px;
	line-height : 28px;
	margin-left : 5px;
}

/***************************************************************
 * WRAPPERS
 **************************************************************/

.wrapper {
	position : relative;
	padding : 0px 10px 20px;
}

#container {
	width : 1000px;
	padding : 0px;
	margin : 0px auto;
}

#container .box {
	position : relative;
	float : left;
	background : #F8F8F8;
}

#container .box.white {
	background : #FFFFFF;
}

#container .box.vertical {
	width : 200px;
	background : #EEEEEE;
	margin : 10px 0px;
}

#container .box.heading {
	width : 720px;
	height : 200px;
	margin-bottom : 20px;
}

#container .box span.tl,
#container .box span.tr,
#container .box span.bl,
#container .box span.br {
	position : absolute;
	width : 10px;
	height : 10px;
	background : transparent url(../../../images/corners.png) no-repeat scroll;
}

#container .box span.tl {
	top : 0px;
	left : 0px;
	background-position : 0px -10px;
}

#container .box.vertical span.tl,
#container .box.button span.tl,
#container .box.heading span.tl {
	background-position : 0px -30px;
}

#container .box span.tr {
	top : 0px;
	right : 0px;
	background-position : -10px -10px;
}

#container .box.vertical span.tr,
#container .box.button span.tr,
#container .box.heading span.tr {
	background-position : -10px -30px;
}

#container .box span.bl {
	bottom : 0px;
	left : 0px;
	background-position : 0px -20px;
}

#container .box.vertical span.bl,
#container .box.button span.bl,
#container .box.heading span.bl {
	background-position : 0px -40px;
}

#container .box span.br {
	bottom : 0px;
	right : 0px;
	background-position : -10px -20px;
}

#container .box.vertical span.br,
#container .box.button span.br,
#container .box.heading span.br {
	background-position : -10px -40px;
}

#container .box.heading div {
	background : #000000;
	opacity : 0.1;
	height : 36px;
	display : block;
}

/***************************************************************
 * HEADER
 **************************************************************/

#header {
	min-width : 1000px;
	padding-top : 10px;
	background : transparent url(../../../images/header-bg.gif) repeat-x scroll;
}

#title {
	width : 980px;
	height : 60px;
	margin : 0px auto;
}

#title,
#breadcrumbs {
	padding-bottom : 10px;
}

#logo {
	float : left;
	width : 150px;
	height : 60px;
	margin-right : 10px;
	background : transparent url(../../../images/logo.png) no-repeat scroll;
}

#authentication {
	position : absolute;
	top : -10px;
	right : 10px;
	float : right;
}

#authentication div {
	 position : absolute;
	 top : 0px;
	 right : 428px;
	 width : 400px;
}

#authentication a,
#authentication span {
	float : left;
	display : block;
	color : #FFFFFF;
	padding : 0px 10px;
	margin : 5px 0px;
	border-right : 1px solid #4E4E4E;
	border-left : 1px solid #686868;
}

#authentication a.first,
#authentication span.first {
	border-left : none;
}

#authentication a.last,
#authentication span.last {
	border-right : none;
}

#authentication a.email {
	padding-left : 0px;
}

#authentication span.email {
	padding-right : 0px;
}

#authentication a:hover {
	color : #A0CA25;
}

/***************************************************************
 * MENU
 **************************************************************/

#menu {
	position : relative;
	list-style-type : none;
	width : 984px;
	height : 60px;
	margin : 0px 8px 10px;
	background : transparent url(../../../images/menu-bg.gif) no-repeat scroll;
	z-index : 4;
}

#menu li {
	float : left;
}

#menu li.arrow {
	background : transparent url(../../../images/menu-arrow-down.gif) no-repeat 12px top scroll;
}

#menu li.arrow.selected {
	background : transparent url(../../../images/menu-bg-hover.gif) no-repeat -288px 0px scroll;
}

#menu li.first.selected {
	background-position : -590px 0px;
}

#menu li.selected {
	background : transparent url(../../../images/menu-bg-hover.gif) no-repeat -20px 0px scroll;
}

#menu li:hover,
#menu li.selected:hover {
	background : transparent url(../../../images/menu-bg-hover.gif) no-repeat -20px 0px scroll;
}

#menu li.first:hover,
#menu li.first.selected:hover {
	background : transparent url(../../../images/menu-bg-hover.gif) no-repeat -590px 0px scroll;
}

#menu li.first.arrow:hover {
	background-position : 0px 0px;
}

#menu li.arrow:hover,
#menu li.arrow.selected:hover {
	background : transparent url(../../../images/menu-bg-hover.gif) no-repeat -288px 0px scroll;
}

#menu li.first.arrow.selected {
	background-position : 0px 0px;
}

#menu li a {
	display : inline-block;
	height : 60px;
	line-height : 57px;
	color : #FFFFFF;
	font-size : 16px;
	font-weight : bold;
	padding : 0px 20px;
	background : transparent url(../../../images/menu-separator.gif) no-repeat right top scroll;
}

#menu li.active a {
	color : #A0CA25;
}

#menu li.arrow a {
	padding-left : 30px;
}

#menu li.last {
	padding : 15px 20px 0px;
}

#menu li.last,
#menu li.last:hover {
	background : transparent;
}

#menu li.last input.search-input {
	float : left;
	width : 257px;
	height : 25px;
	color : #777777;
	font-size : 12px;
	padding : 6px 0px 0px 5px;
	border : none;
	background : transparent url(../../../images/menu-input-bg.gif) no-repeat scroll;
}

#menu li.last input.search-image {
	float : right;
}

#menu li .dropdown {
	position : absolute;
	top : 49px;
	left : 2px;
	display : none;
	width : 980px;
	z-index : 5;
}

#menu li .content {
	position : relative;
	list-style-type : none;
	width : 960px;
	height : 36px;
	padding : 0px 10px;
	margin : 0px;
	background : transparent url(../../../images/submenu-bg.gif) no-repeat scroll;
}

#menu li .content li {
	position : relative;
	float : left;
	height : 36px;
}

#menu li .content li:hover {
	background : none;
}

#menu li .content li a {
	font-size : 12px;
	height : 18px;
	line-height : 18px;
	color : #FFFFFF;
	padding : 0px;
	margin : 13px 0px 5px;
	background : none;
}

#menu li .content li a.drop img {
	 vertical-align : middle;
	 margin-right : 5px;
	 border : none;
}

#menu li .content li.active a {
	height : 28px;
	line-height : 28px;
	padding : 0px;
	margin : 8px 0px 0px;
	background : transparent url(../../../images/submenu-hover-bg-b.gif) no-repeat top right scroll;
}

#menu li .content li.active a.drop {
	background : transparent url(../../../images/submenu-hover-dropdown-bg-b.gif) no-repeat top right scroll;
}

#menu li .content li a span {
	display : block;
	cursor : pointer;
	height : 18px;
	padding : 0px 10px;
	border-left : 1px solid #C8DD7F;
	border-right : 1px solid #629110;
}

#menu li .content li a.first span {
	border-left : none;
}

#menu li .content li a.last span {
	border-right : none;
}

#menu li .content li.active a span {
	color : #A0CA25;
	height : 28px;
	padding : 0px 11px;
	border-left : none;
	border-right : none;
	background : transparent url(../../../images/submenu-hover-bg-a.gif) no-repeat top left scroll;
}

#menu li .content li.active a.drop span {
	background : transparent url(../../../images/submenu-hover-dropdown-bg-a.gif) no-repeat top left scroll;
}

#menu li .content li.active a.first span,
#menu li .content li a.first span:hover {
	padding : 0px 11px 0px 10px;
}

#menu li .content li.active a.last span,
#menu li .content li a.last span:hover {
	padding : 0px 10px 0px 11px;
}

#menu li .content li .sub-content {
	position : absolute;
	top : 36px;
	left : 0px;
	display : none;
	width : 200px;
	padding : 10px 0px;
	background : #575757;
}

#menu li .content li.active .sub-content a,
#menu li .content li .sub-content a {
	display : block;
	height : 18px;
	line-height : 18px;
	padding : 5px 0px;
	margin : 0px 10px;
	border-top : 1px solid #686868;
	border-bottom : 1px solid #4E4E4E;
	background : none;
}

#menu li .content li .sub-content a.first {
	border-top : none;
}

#menu li .content li .sub-content a.last {
	border-bottom : none;
}

#menu li .content li .sub-content a:hover {
	color : #A0CA25;
	height : 18px;
	line-height : 18px;
	padding : 5px 0px;
	margin : 0px 10px;
	background : none;
}

#breadcrumbs,
#breadcrumbs a {
	color : #777777;
}

/***************************************************************
 * CONTENT
 **************************************************************/

#content {
	display : inline-block;
}

#content-container {
	width : 940px;
	margin : 10px 20px;
}

#forms {
	float : left;
	margin : 10px 0px;
}

/**/
#content input.text {
	width : 300px;
	height : 16px;
	font-size : 12px;
	padding : 7px 5px;
	border : none;
	background : transparent;
}

#content select {
	width : 300px;
	font-size : 14px;
	margin : 6px 5px;
	border : none;
	background : #FFFFFF;
}

#content textarea,
#content textarea.large {
	overflow : auto;
	width : 300px;
	height : 93px;
	font-size : 12px;
	margin : 7px 5px;
	border : none;
	background : transparent;
	resize : none;
}

#content textarea.large {
	width : 710px;
	height : 255px;
}

#content p.text,
#content p.select {
	padding-bottom : 0px;
	background : transparent url(../../../images/content-input-bg.gif) no-repeat scroll;
}

#content p.textarea {
	padding-bottom : 0px;
	background : transparent url(../../../images/content-textarea-bg.gif) no-repeat scroll;
}

#content p.textarea-large {
	padding-bottom : 0px;
	background : transparent url(../../../images/content-textarea-large-bg.gif) no-repeat scroll;
}

#content p.checkbox {
	padding-bottom : 0px;
}

#content p.button {
	position : relative;
	font-weight : bold;
	padding-bottom : 0px;
	margin-bottom : 15px;
	background : #225799;
}

#content p.button input {
	display : block;
	color : #FFFFFF;
	font-weight : bold;
	padding : 5px 10px 5px 8px;
	border : none;
	background : none;
}

#content p.empty {
	padding : 0px 10px;
}

#content .gridview-pager {
	border-top : 1px solid #DADADA;
}

#content .gridview-pager div {
	padding : 5px;
}

#content .gridview-pager select {
	width : auto;
	font-size : 12px;
	margin : 0px;
	border : 1px solid #DADADA;
}

#content .gridview-pager option {
	padding : 0px 5px;
}

#content .gridview-margin {
	margin-bottom : 10px;
}

#content .blurb {
	padding : 0px 10px 10px;
}

#left-content {
	float : left;
	width : 200px;
}

#left-content ul {
	list-style-type : none;
}

#left-content ul li {
	position : relative;
}

#left-content ul li a {
	display : block;
	height : 18px;
	color : #84A23B;
	font-size : 14px;
	font-weight : normal;
	padding : 10px;
	border-top : 1px solid #DDDDDD;
}

#left-content ul li.first a {
	border : none;
}

#left-content ul li a.selected {
	color : #669933;
	font-weight : bold;
	background : transparent url(../../../images/icon-arrow-right.gif) no-repeat 0px center scroll;
}

#left-content ul ul {
	display : none;
	margin-bottom : 7px;
}

#left-content ul ul li a {
	display : block;
	color : #3C8DCB;
	font-size : 12px;
	font-weight : normal;
	padding : 3px 20px;
	border : none;
}

#left-content ul li a:hover {
	color : #225799;
}

#left-content .min-max {
	position : absolute;
	top : 14px;
	right : 10px;
	cursor : pointer;
}

#right-content {
	float : left;
	width : 720px;
	margin : 10px 0px 0px 20px;
}

#right-content ul {
	padding : 0px 0px 11px 30px;
}

#right-content li ul {
	padding-bottom : 0px;
}

#right-content li {
	padding : 4px 0px;
}

#right-content li ul li {
	padding-bottom : 0px;
}

#right-content .item {
	width : 720px;
	margin-bottom : 10px;
}

#right-content .image {
	width : 222px;
	height : 160px;
	padding : 24px 19px;
	margin-right : 10px;
	background : transparent url(../../../images/portfolio-bg.jpg) no-repeat scroll;
}

#right-content .image a {
	display : block;
}

#right-content .body {
	width : 450px;
	min-height : 208px;
}

#right-content .title,
#right-content .link {
	height : 30px;
	line-height : 30px;
}

#right-content .title {
	width : 359px;
}

#right-content .link {
	width : 80px;
	text-align : right;
	padding-right : 10px;
	border-left : 1px solid #DADADA;
}

#right-content .description {
	width : 100%;
	padding-top : 10px;
	border-top : 1px solid #DADADA;
}
/**/

#right-content .about {
	background : transparent url(../../../images/logo-about.jpg) no-repeat scroll;
}

#right-content .admin {
	background : transparent url(../../../images/logo-admin.jpg) no-repeat scroll;
}

#right-content .commitment {
	background : transparent url(../../../images/logo-commitment.jpg) no-repeat scroll;
}

#right-content .team {
	background : transparent url(../../../images/logo-team.jpg) no-repeat scroll;
}

#right-content .news {
	background : transparent url(../../../images/logo-news.jpg) no-repeat scroll;
}

#right-content .careers {
	background : transparent url(../../../images/logo-careers.jpg) no-repeat scroll;
}

#right-content .contact {
	background : transparent url(../../../images/logo-contact.jpg) no-repeat scroll;
}

#right-content .marketing {
	background : transparent url(../../../images/logo-marketing.jpg) no-repeat scroll;
}

#right-content .branding {
	background : transparent url(../../../images/logo-branding.jpg) no-repeat scroll;
}

#right-content .consulting {
	background : transparent url(../../../images/logo-consulting.jpg) no-repeat scroll;
}

#right-content .strategy {
	background : transparent url(../../../images/logo-strategy.jpg) no-repeat scroll;
}

#right-content .identity {
	background : transparent url(../../../images/logo-identity.jpg) no-repeat scroll;
}

#right-content .messaging {
	background : transparent url(../../../images/logo-messaging.jpg) no-repeat scroll;
}

#right-content .web {
	background : transparent url(../../../images/logo-web.jpg) no-repeat scroll;
}

#right-content .web-design {
	background : transparent url(../../../images/logo-web-design.jpg) no-repeat scroll;
}

#right-content .seo-sem {
	background : transparent url(../../../images/logo-seo-sem.jpg) no-repeat scroll;
}

#right-content .software {
	background : transparent url(../../../images/logo-software.jpg) no-repeat scroll;
}

#right-content .desktop-applications {
	background : transparent url(../../../images/logo-desktop-applications.jpg) no-repeat scroll;
}

#right-content .windows {
	background : transparent url(../../../images/logo-windows.jpg) no-repeat scroll;
}

#right-content .mobile-applications {
	background : transparent url(../../../images/logo-mobile-applications.jpg) no-repeat scroll;
}

#right-content .blackberry {
	background : transparent url(../../../images/logo-blackberry.jpg) no-repeat scroll;
}

#right-content .iphone {
	background : transparent url(../../../images/logo-iphone.jpg) no-repeat scroll;
}

#right-content .web-applications {
	background : transparent url(../../../images/logo-web-applications.jpg) no-repeat scroll;
}

#right-content .ecommerce {
	background : transparent url(../../../images/logo-ecommerce.jpg) no-repeat scroll;
}

#right-content .social-networking {
	background : transparent url(../../../images/logo-social-networking.jpg) no-repeat scroll;
}

#right-content .portfolio {
	background : transparent url(../../../images/logo-portfolio.jpg) no-repeat scroll;
}

#right-content .case-studies {
	background : transparent url(../../../images/logo-case-studies.jpg) no-repeat scroll;
}

#right-content .core-technologies {
	background : transparent url(../../../images/logo-core-technologies.jpg) no-repeat scroll;
}

#images {
	float : right;
	width : 222px;
	height : 160px;
	padding : 24px 19px;
	margin : 10px 0px 10px 10px;
	background : transparent url(../../../images/portfolio-bg.jpg) no-repeat scroll;
}

#images a {
	display : none;
}

#images img {
	width : 222px;
	height : 160px;
}

/***************************************************************
 * INFORMATION
 **************************************************************/

#project {
	margin-right : 20px;
}

#contact div {
	width : 332px;
	height : 158px;
	padding : 15px 20px;
	background : transparent url(../../../images/contact-home.gif) no-repeat scroll;
}

#contact h3 {
	color : #225799;
	font-size : 14px;
	text-transform : none;
	padding : 0px;
	margin-top : 0px;
	margin-bottom : 10px;
}

#contact a {
	color : #FFFFFF;
}

#contact a:hover {
	color : #225799;
}

#contact p {
	color : #FFFFFF;
	font-size : 20px;
	padding : 0px 10px;
}

#contact p.phone {
	font-size : 24px;
}

#contact b {
	color : #225799;
	font-size : 20px;
}

/***************************************************************
 * FOOTER
 **************************************************************/

#footer {
	height : 38px;
}

#footer ul {
	list-style-type : none;
	width : 940px;
	height : 18px;
	margin : 10px 20px;
}

#footer ul li {
	float : left;
	height : 18px;
	margin-right : 10px;
}

#footer ul li.copyright {
	float : right;
	color : #777777;
	margin : 0px;
}

/***************************************************************
 * jQuery LIGHTBOX
 **************************************************************/

#jquery-overlay {
	position : absolute;
	top : 0;
	left : 0;
	z-index : 90;
	width : 100%;
	height : 500px;
}

#jquery-lightbox {
	position : absolute;
	top : 0;
	left : 0;
	width : 100%;
	z-index : 100;
	text-align : center;
	line-height : 0;
}

#jquery-lightbox a img {
	border : none;
}

#lightbox-container-image-box {
	position : relative;
	background-color : #fff;
	width : 250px;
	height : 250px;
	margin : 0 auto;
}

#lightbox-container-image {
	padding : 10px;
}

#lightbox-loading {
	position : absolute;
	top : 40%;
	left : 0%;
	height : 25%;
	width : 100%;
	text-align : center;
	line-height : 0;
}

#lightbox-nav {
	position : absolute;
	top : 0;
	left : 0;
	width : 100%;
	height : 100%;
	z-index : 10;
}

#lightbox-container-image-box > #lightbox-nav {
	left : 0;
}

#lightbox-nav a {
	outline : none;
}

#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	display : block;
	width : 49%;
	height : 100%;
	zoom : 1;
}

#lightbox-nav-btnPrev { 
	left : 0; 
	float : left;
}

#lightbox-nav-btnNext { 
	float : right;
	right : 0; 
}

#lightbox-container-image-data-box {
	overflow : auto;
	width : 100%;
	font : 10px Verdana, Helvetica, sans-serif;
	line-height : 1.4em;
	padding : 0 10px 0;
	margin : 0 auto;
	background-color : #fff;
}

#lightbox-container-image-data {
	color : #666; 
	padding : 0 10px; 
}

#lightbox-container-image-data #lightbox-image-details { 
	float : left; 
	width : 70%; 
	text-align : left; 
}	

#lightbox-image-details-caption {
	font-weight : bold;
}

#lightbox-image-details-currentNumber {
	display : block; 
	clear : left; 
	padding-bottom : 1.0em;	
}			

#lightbox-secNav-btnClose {
	float : right;
	width : 66px; 
	padding-bottom : 0.7em;	
}

/***************************************************************
 * jQuery CAROUSEL
 **************************************************************/

#irdscarousel {
	position : relative;
	list-style-type : none;
	width : 980px;
	height : 360px;
}

#irdscarousel img.irdscarousel-image,
#irdscarousel-previous,
#irdscarousel-next {
	position : absolute;
	display : none;
	cursor : pointer;
	width : 0px;
	height : 0px;
}

#irdscarousel-previous,
#irdscarousel-next {
	top : 95px;
	width : 304px;
	height : 171px;
	z-Index : 2;
}

#irdscarousel-previous {
	left : 0px;
	/*background : transparent url(../../../images/carousel-arrow-left.png) no-repeat scroll;*/
}

#irdscarousel-next {
	left : 676px;
	/*background : transparent url(../../../images/carousel-arrow-right.png) no-repeat scroll;*/
}

#irdscarousel-previous img,
#irdscarousel-next img {
	display : block;
	width : 304px;
	height : 171px;
}

#project-carousel {
	overflow : hidden;
	width : 558px;
	height : 158px;
	margin : 15px;
}

#project-carousel h3 {
	color : #225799;
	font-size : 18px;
	padding : 0px 5px 5px;
	margin-top : 0px;
}

#project-carousel li {
	margin : 0px 5px;
}

#project-carousel a img {
	border : none;
}

#irdscarousel .loading{
	text-align : center;
	padding : 164px 0px;
}

#project-carousel .loading{
	width : 548px;
	text-align : center;
	padding : 50px 0px;
}

.loading span {
	display : inline-block;
	width : 133px;
	height : 32px;
	line-height : 32px;
	font-size : 20px;
	text-align : right;
	background : transparent url(../../../images/loading.gif) no-repeat 0 0 scroll;
}