/* CSS Document */

body {margin:0px; padding:0px; font:normal 12px Arial, Helvetica, sans-serif;}
ul {margin:0px; padding:0px; list-style:none;}
ul li, p {margin:0px; padding:0px;}
/*div	img	{ behavior:url(js/iepngfix.htc);}*/


a img {border:none;}
a {color:#8A0769; text-decoration:none;}
a:hover {color:#8A0769; text-decoration:underline;}	

.float_left {float:left;}
.float_right {float:right;}

.wrapper_outer {width:998px; margin:0 auto;}
.wrapper {width:998px; float:left;}

.header_outer {width:938px; float:left; padding:0px 30px 0 30px;}
.header {width:938px; float:left;}

.chat_iconarea {width:280px; float:right; padding:0px 10px 0 0; text-align:right;}

.top_links {width:280px; float:right; padding:0px 0px 5px 0;}
.top_links img {padding: 0 1px 0 0;}

.chat_withus {font:normal 12px "Trebuchet MS", Arial, Tahoma; color:#116A9C; float:right; padding:4px 5px 0px 0px;}

.menus {width:938px; float:left;}
.menus_left {width:6px; float:left;}
.menus_right {width:6px; float:left;}
.menus_midbg {width:926px; float:left; background:url(../images/menu_midbg.jpg) repeat-x; height:35px; padding:5px 0 0 0;}
.menus_midbg ul {margin:0px; padding:5px; list-style:none; width:646px;}
.menus_midbg ul li{margin:0px; padding:0px 15px;  float:left; font:normal 14px "Trebuchet MS", Arial, Tahoma; color:#FFFFFF;}
.menus_midbg ul li a {color:#FFFFFF; text-decoration:none;}
.menus_midbg ul li a:hover {color:#FBDB39; text-decoration:none;}
.contact_info {width:218px; height:22px; font:normal 12px "Trebuchet MS", Arial, Tahoma; padding:6px 0 0 8px; float:right; background:url(../images/contactinfo_btn.jpg) no-repeat; color:#FFFFFF;}
.contact_info span {color:#FBDB39;}
.contact_info a {color:#ffffff; text-decoration:none;}
.contact_info a:hover {color:#ffffff; text-decoration:underline;}

.flash_area {width:938px; float:left; margin:1px 0px 0px 0px; height:210px; background:url(../images/flasharea.jpg) no-repeat;}
.flash_botstrip {width:975px; margin:0 auto;}

.content_area {width:956px; padding:0 21px; float:left;}
/*.content_area {width:956px; padding:0 0px 0px 30px; float:left;}*/
.contents {width:956px; float:left;}
.left_side {width:500px; float:left;}
/*.news_area {width:480px; float:left; background:url(../images/new.jpg) no-repeat; height:144px; padding:20px 0 0 10px;}*/
.news_area {width:450px; float:left; background:url(../images/new.jpg) no-repeat; height:144px; padding:20px 0 0 50px;}

h1 {margin:0px; padding:0px; font:normal 20px Arial, Helvetica, sans-serif; color:#8D8D85;}
h1 span.skycolor {color:#688CDF; font-size:30px;}
h1 span.darknavy {color:#152C62; font-size:16px;text-transform:capitalize;}
.news {margin:36px 0 0 0; font-size:11px;}
.conten_area {width:445px; float:left; padding:0px 0 0 20px;}
.conten_area p {padding:0 0 20px 0;}
.find_more {color:#8A0769; font-weight:bold; font-style:italic;}
.client_says {width:453px; float:left; padding:20px 0 0 40px;}
.client_content {width:443px; float:left; padding:0px 0 0 10px;}
h2 {margin:0px 0px 10px 0px; padding:0px 0px 5px 0px; font:normal 22px "Trebuchet MS", Arial, Tahoma; color:#6B6B6B; border-bottom:solid 1px #EEEFEF;}
.client_content_row {width:443px; float:left; padding:20px 0 20px 0px; background:url(../images/doted_line.jpg) repeat-x left bottom;}
.client_content_row_bgnone {width:443px; float:left; padding:20px 0 20px 0px;}
.client_col1 { width:70px; float:left;}
.client_col2 { width:363px; float:left; padding:0 0 0 10px; font-size:11px;}
a {color:#8A8A8E; text-decoration:none; font-size:12px;}
a:hover {color:#8A8A8E; text-decoration:underline; font-size:12px;}

.right_side {width:440px; float:left; padding:0 0 0 16px;}
.featured {width:440px; float:left; padding:15px 0;}
.quick_contacts {width:440px; float:left; padding:15px 0;}
.quick_row {width:420px; float:left; padding:5px 0 5px 20px;}
.quick_row_new {width:420px; float:left; padding:5px 0 5px 0px;}
.quick_col1 {width:100px; float:left; padding:5px 0 0 0;}
.quick_col2 {width:320px; float:left;}
.quick_col2 input.textbox {border:solid 1px #D9D7D7; width:170px; height:18px; padding:3px 1px 1px 1px; font:normal 12px Arial, Helvetica, sans-serif;}
.quick_col2 input.textboxbg {border:solid 1px #D9D7D7; width:250px; height:100px; background:url(../images/text_area_bg.jpg) repeat-x left top; padding:1px 1px 1px 1px; font:normal 12px Arial, Helvetica, sans-serif;}
.quick_col2 input.textboxnew {border:solid 1px #D9D7D7; width:170px; height:23px; padding:1px 1px 1px 1px; font:normal 12px Arial, Helvetica, sans-serif;}

.quick_col2 input.textboxbgnew {border:solid 1px #D9D7D7; width:170px; height:100px; background:url(../images/text_area_bg.jpg) repeat-x left top; padding:1px 1px 1px 1px; font:normal 12px Arial, Helvetica, sans-serif;}
.footer_icon_strip {width:998px; float:left; background-color:#F0E3DC; }
.footer_icons {width:210px; float:left; padding:0px 0 0px 30px;}
.icon_img {width:50px; float:left;}
.footer_icon_text {width:160px; float:left; text-transform:uppercase; padding:0px 0 0 0; color:#56595D;}
.h3 {margin:0px; padding:0px; font:bold 17px Arial, Helvetica, sans-serif;}
.footer_icon_text h3 {margin:0px; padding:0px; font:bold 17px Arial, Helvetica, sans-serif;}
.footerbg {width:998px; padding:25px 0 0 0; float:left; background:url(../images/footer-bg.jpg) repeat-x 0 1px; color:#FFFFFF; *padding-top:0px;}
.footerbg_bottom {width:998px; padding:10px 0 10px 0; font-size:10px; float:left; color:#777777; text-align:center; *padding-top:10px;}
.footerbg_bottom a {color:#777777; text-decoration:none;}
.footerbg_bottom a:hover {color:#000000; text-decoration:underline;}

.websolution {color:#817052;}
.websolution a{color:#817052; text-decoration:none;}
.websolution a:hover {color:#817052; text-decoration:none;}
.enterprise {color:#14235D;}
.enterprise a{color:#14235D; text-decoration:none;}
.enterprise a:hover {color:#14235D; text-decoration:none;}
.outsource {color:#BC8A04;}
.outsource a{color:#BC8A04; text-decoration:none;}
.outsource a:hover {color:#BC8A04; text-decoration:none;}

.footerlinks {width:898px; margin:0 auto; padding:0 10px 10px 10px; *padding:0 10px 13px 10px;}
.footerlinks_col1 {width:240px; float:left;  padding:0 9px 0 0;}
.footerlinks_col1_row {widht:240px; padding:5px 0px;}
.footerlinks_col2 {width:238px; float:left;}
.footerlinks_col2_row {width:200px; float:left; padding:0px 0px 0px 8px;}
.footerlinks_col3 {width:418px; float:left; padding:0px 0 0 19px;}
.footerbig_text {font:bold 17px Arial, Helvetica, sans-serif;}
.footer_small_text {font:normal 10px Arial, Helvetica, sans-serif; color:#000000; padding:10px 0 0 0;}
.footer_small_text a {color:#000000; text-decoration:none;}
.footer_small_text a:hover {color:#000000; text-decoration:underline;}

.footerlinks_col1_row a {color:#ffffff; text-decoration:none;}
.footerlinks_col1_row a:hover {color:#ffffff; text-decoration:underline;}
.networks img{
  float:left;
  font-size: 11px;
  padding: 0 8px 8px 8px;
}

.font_uppercase {text-transform:uppercase; font-size:11px;}
.font11 {font-size:11px;}
.fontne {font-size:9px;}
.font10 a{font-size:11px;}
ul.social-bullets {margin:0px; padding:0px; list-style:none;}
ul.social-bullets li{margin:0px; padding:2px 0 2px 15px; background:url(../images/social-bullets.gif) no-repeat left center;}
ul.social-bullets li a {color:#ffffff; text-decoration:none;}
ul.social-bullets li a:hover {color:#FF6603; text-decoration:none;}



/*dropdown menu section*/


/* CSS Document */
/* ######### Style for Drop Down Menu ######### */
.dropmenudiv{
position:absolute;
margin:10px 0 0 -10px;
top: 0px;
left:0px;
border: 1px solid #0083D8; /*THEME CHANGE HERE*/
border-bottom-width: 0;
z-index:100;
background-color: #3173A5;
color:#D4EDFF;
visibility: hidden;
width:auto;
}


.dropmenudiv a{
width: auto;
font-family:verdana;
display: block;
border-bottom: 1px solid #0083D8; /*THEME CHANGE HERE*/
padding: 5px 5px 5px 5px;
text-decoration: none;
color: #D4EDFF;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
text-decoration:none;
color:#FDCE71;}





/*featured projects slider*/

#wall_big {	
	width: 438px;
	height:250px;
	position: relative;
	background:url(../images/featuredbg.jpg) no-repeat;
	}	
	

#bg_portfolio {
	width: 438px; height: 248px;
	position: absolute;
	}	

#screen { 
	position: absolute;
	left: 0px;
	}
	
#screen span{
	display:block;
	float:left;
	width: 460px;
	height: 300px;
}

#prev A {
	height: 48px;
	width: 48px;
	position: absolute;
	left: 10px;
	top: 84px;
	background: url('../images/icon_previous.png') 0px 0px;
	behavior:url(js/iepngfix.htc);
	cursor: pointer;
	}
	
#prev A:hover {
	background: url('../images/icon_previous.png') 0px 0px;	
	behavior:url(js/iepngfix.htc);
	}
	
	
#next A {
	height: 48px;
	width: 48px;
	position: absolute;
	left: 377px;
	top: 84px;
	background: url('../images/icon_next.png') 0px 0px;
	behavior:url(js/iepngfix.htc);
	cursor: pointer;
	}
	
#next A:hover {
	background: url('../images/icon_next.png') 0px 0px;	
	behavior:url(js/iepngfix.htc);
	}	

.mask {
	position: absolute; 
	width:373px;
	height:188px;
	left:30px;
	top:25px;
	overflow: hidden;
}

#arrowButtons {
	position: absolute;
	top: 40px;
	left: 200px;
	z-index: 10000;
	}
	
#nav_screens { 
	margin: 207px 0 0 -68px; 
	width: 438px;
	}

#thumbs7{
	position:relative;
	clear:both;
	width:136px;
	height:22px;
	overflow:hidden;
	float: right;
}

#thumbs7 .thumbs, #thumbs_handles7, #thumbs_mask7{
	position:absolute;
	height:22px;
}

#thumbs7 .thumbs div, #thumbs_handles7 span{
	display:block;
	width:22px;
	height:22px;
	margin:0;
	float:left;
	cursor:pointer;
}

#thumbs7 .thumbs div img{
	float:right;
	padding:0 2px;
}

#thumbs_handles7 span{
height:22px;
	/*background:url(thumb_invisible.gif) no-repeat;*/
}

#thumbs_mask7{
	width:1214px;
	height:22px;
	background:url('../images/thumbs_mask.gif') no-repeat center top;
}


#screen #hscroll DIV { margin: 0; padding: 0; float: left; margin-right: 10px; cursor: pointer; }
.news_text {font:normal 12px Arial, Helvetica, sans-serif;}


/* Listen */
ul#news {
	background:  #fffeb8;
}

ul#portfolio li img{
	border: 0px solid #ccc;
}


.fade{
	margin-bottom: 2em;
}

.fade p{
	margin-bottom: 2em;
	text-align: center;
	width: 100%;
	background: #fff;
}


/**** noscript-Hinweis ****/

div#att {
	background-color: #fffeb8;
	border-bottom: 1px solid;
	height: 2.5em;
	line-height: 2.5em;
	position: absolute;
	top:0;
	width: 100%;
}

div#att p{
	background: transparent url(../images/att.png) no-repeat 0 46%;
	margin: 0;
	display: inline;
	padding: 6px 0 6px 26px;
}
	



/*client says marquee */
#marqueecontainer{
position: relative;
width:253px; /*marquee width */
height: 222px; /*marquee height */
background-color: white;
overflow: hidden;
padding: 2px 2px 2px 4px;
margin-top:5px;

}


/*about us page*/
.aboutus_contents {width:935px; float:left; padding: 13px 0px 10px 15px;}
.aboutus_contents h1 {margin:0px 0px 5px 0px; padding:0px 0px 12px 0px; height:20px; font:normal 25px Arial, Helvetica, sans-serif; color:#8D8D85; /*background:url(../images/logo_icon.jpg*/) no-repeat left bottom;}
.about_left {width:620px; float:left; padding:0 10px 0 0;}
.about_right {width:290px; float:left; padding:0 0 0 8px; }
.text_area {width:620px; float:left;}
.text_area p {padding:0 0 15px 0px;}
ol.orderlist li{ margin:0px; padding:5px 0px;}

.rightbox {width:272px; float:right; margin:0 0 20px 0px;}
.rightbox_boxside {width:235px; float:left;}
.rightbox_boxside_row {width:235px; float:left;}
.right_midbg {width:232px; float:left; background:url(../images/right-box-midbg.jpg) repeat-y; padding:0px 2px 0px 1px;}

.right_midbg ul {margin:0px; padding:0px; list-style:none;}
.right_midbg ul li {margin:0px; padding:0px; display:block; float:left; width:100%; font-weight:bold;}
.right_midbg ul li {margin:0px; padding:0px; display:block; float:left; width:100%; }
.right_midbg ul li a { color:#000000; display:block; padding:16px 0px 0px 35px; height:30px; font-size:14px; text-decoration:none; background:url(../images/icon_bullet.jpg) no-repeat 10px center; font-weight:bold;}
.right_midbg ul li a:hover { color:#000; display:block; padding:16px 0px 0px 35px; height:30px; text-decoration:none; background:#F0E3DC url(../images/over_icon.jpg) no-repeat 10px center; font-weight:bold;}
.right_midbg ul li a.active { color:#000; display:block; padding:16px 0px 0px 35px;height:30px;  text-decoration:none; background:#F0E3DC url(../images/over_icon.jpg) no-repeat 10px center; font-weight:bold;}



.rightcontact {width:225px; float:right; margin:0 0 20px 0px; padding:5px 0 5px 10px; background-color:#F2F2F2; }
.rightcontact_row {width:225px; float:right; padding:5px 0 5px 0px;}
h3.contacthead {margin:0px; padding:0px; font:bold 14px Arial, Helvetica, sans-serif;}
.rightcontact_row input.textbox {border:solid 1px #D9D7D7; width:200px; height:18px; padding:3px 1px 1px 1px; font:normal 12px Arial, Helvetica, sans-serif;}
.rightcontact_row input.textboxbg {border:solid 1px #D9D7D7; width:200px; height:70px; background:#ffffff url(../images/text_area_bg.jpg) repeat-x left top; padding:1px 1px 1px 1px; font:normal 12px Arial, Helvetica, sans-serif;}


.mobile_icon {width:190px; float:right; margin:0 0 5px 0; padding:10px 0 0 45px; height:49px; font-size:18px; font-weight:bold; letter-spacing:2px; background:url(../images/bobbg.jpg) no-repeat;}

.mail_icon {width:180px; float:right; margin:0 0 20px 0; padding:10px 0 0 55px; height:48px; font-size:18px; font-weight:bold; letter-spacing:2px; background:url(../images/email.jpg) no-repeat;}




/*about us new*/

.right_color_box {background-color:#EDEDED; width:275px; float:left; padding:10px 10px 0px 10px;}
.inner_bdr_box {border:solid 1px #D9D9D9; background-color:#ffffff; width:275px; padding:0px; margin:0 0 10px 0; float:left;}

.inner_bdr_box_heading {border-bottom:solid 1px #D9D9D9; padding:10px; font-size:14px;}
.inner_bdr_box_content {padding:10px; float:left; width:255px;}
.inner_bdr_box_row {float:left; width:255px; padding:5px 0 10px 0;}
.inner_box_col1 {width:45px; float:left;}
.inner_box_col2 {width:210px; float:left; color:#376AAC; font-size:13px;}
.inner_box_col2 p {font-size:11px; color:#999999;}
.inner_box_col2 a {color:#376AAC; text-decoration:none; font-size:13px;}
.inner_box_col2 a:hover {color:#1D397E; text-decoration:none; font-size:13px;}

ul.subscribe {margin:0px; padding:0px; list-style:none; float:left;}
ul.subscribe li.blog {margin:0px; padding:5px 0px 5px 25px; background:url(../images/blog.gif) no-repeat left center;}
ul.subscribe li.linkedin {margin:0px; padding:5px 0px 5px 25px; background:url(../images/linkedin_icon.gif) no-repeat left center;}
ul.subscribe li.facebook {margin:0px; padding:5px 0px 5px 25px; background:url(../images/facebook_icon.gif) no-repeat left center;}
ul.subscribe li.twitter {margin:0px; padding:5px 0px 5px 25px; background:url(../images/twitter_icon.gif) no-repeat left center;}
ul.subscribe li.delicious {margin:0px; padding:5px 0px 5px 25px; background:url(../images/delicious_icon.gif) no-repeat left center;}
ul.subscribe li.stack {margin:0px; padding:5px 0px 5px 25px; background:url(../images/stackoverflow_icon.gif) no-repeat left center;}
ul.subscribe li a {color:#000000; text-decoration:none; }
ul.subscribe li a:hover {color:#1D397E; text-decoration:none;}

.mobile_icon_new {width:210px; float:right; padding:10px 0 0 45px; height:49px; font-size:18px; font-weight:bold; letter-spacing:2px; background:url(../images/bobbg_new.jpg) no-repeat;}

.mail_icon_new {width:200px; float:right; padding:10px 0 0 55px; height:48px; font-size:12px; font-weight:bold; background:url(../images/email_new.jpg) no-repeat;}
.client_photo {float:left; width:68px;}
.client_gap {padding:0 0 0 10px; float:left; width:160px;}

.text_area_row {width:620px; float:left;}
.text_area_col1_outer {width:620px; float:left; padding:0 10px 10px 0;}
.text_area_col1_outer_new {width:610px; float:left; padding:0 0px 0px 0;}
.text_area_col1 {width:620px; float:left; padding:5px; border:solid 1px #AAB4BA;}
.text_area_col1_active {width:620px; color:#1D397E; float:left; padding:5px; background-color:#EDEDED; border:solid 1px #AAB4BA;}
.text_area_col1_active_new {width:610px; color:#1D397E; float:left; padding:0px; background-color:#EDEDED; border:solid 1px #AAB4BA;}
/*.text_area_col1_outer {width:290px; float:left; padding:0 10px 10px 0;}
.text_area_col1 {width:278px; float:left; padding:5px; border:solid 1px #AAB4BA;}
.text_area_col1_active {width:278px; color:#1D397E; float:left; padding:5px; background-color:#EDEDED; border:solid 1px #AAB4BA;}*/
.text_area_col1_active .text_area_col1_inner_col2 a {color:#1D397E; text-decoration:none;}
.text_area_col1_inner_col1 {width:50px; float:left;}
/*.text_area_col1_inner_col1 img {padding:1px; border:solid 1px #AAB4BA;}*/
.text_area_col1_inner_col2 {width:218px; float:left; padding:0 0 0 10px; color:#376AAC; font-size:13px;}
.text_area_col1_inner_col2 p {font-size:11px; color:#999999;}
.text_area_col1_inner_col2 a {color:#376AAC; text-decoration:none; font-size:13px;}
.text_area_col1_inner_col2 a:hover {color:#1D397E; text-decoration:none; font-size:13px;}

.aboutbox {background-color:#e2eeff; border:solid 1px #AAB4BA;}
.fill{
line-height:8px;
*line-height:0px;
}
