/*_________________________Theme Info
Theme Name: IT Six Global Services - Version 2
Description: Version 2 of the IT SIX website
Author: Andy Gongea
Theme URI: http://www.itsix.com/
*/

/*_________________________Color Info
Branding Color: #009595  ( )
Post Title Color: #  ( y)
Text Color: #  ( )
*/

/*_________________________CSS Reset____*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, address, font, img, ins, kbd, q, s, samp, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
body { line-height: 1; color: black; background: white; }
ul { list-style: none; }


/*_________________________Typography____*/
body { font: 62.5%/1.5em Tahoma, Arial, sans-serif; height:100%; background:url(images/background-main.png) repeat-x top center; color:#444; }
body#homepage { font: 62.5%/1.5em Tahoma, Arial, sans-serif; height:100%; background:url(images/background-main1.png) repeat-x top center; color:#444; }
h1, h2 { font:2.6em/1.5em Arial, serif; letter-spacing:-1px; color:#009595;}
h3 { font:400 1.8em Arial, sans-serif; color:#009595; }
h4 { font:400 1.6em Tahoma, sans-serif; color:#009595; }
h5 { font:700 1.3em Tahoma, sans-serif; }
h6 { font:700 1.3em Tahoma, sans-serif; color:#009595; }
p { font:1.3em/1.6em Tahoma, Arial, sans-serif; margin:1em 0 1.5em; }

/*_________________________Typography____*/
a:link 							{ color:#009595; }
a:visited 						{ color:#009595; }
a:hover 							{ }
a:active 						{ }

/*_________________________DropDown Menu____*/
#nav, #nav ul 								{ padding: 0; margin: 0; list-style: none; line-height: 1;}
#nav a 										{ border-right:1px solid #5C5C5C; display: block; color:#fff; text-decoration:none; text-align:center; padding:9px 0 8px; }
#nav ul li 										{ float: left;}
#nav ul li ul									{ position: absolute; background: #444; left: -999em; z-index:999; }
#nav ul li:hover ul, #nav li.sfhover ul 			{ left: auto;}
#nav ul li a:hover, #nav ul li a.highlight:hover	{ background:url(images/nav3.png) repeat-x; color:#fff; }
#nav ul li ul 									{ width:150px }
#nav ul li ul li a 								{ width:140px; padding-left:10px; text-align:left; background:url(images/nav2.png) repeat-x; }
#nav ul li ul li a:hover 							{ background:url(images/nav_hover.png) repeat-x; }
#nav ul li a.highlight							{ background:#f5f5f5; color:#333; }

#nav ul li:hover, #nav ul li.hover { position:static; }




#nav_home, #nav_home a			 			{ width:70px }
#nav_services, #nav_services a				{ width:150px }
#nav_methodology, #nav_methodology a			{ width:110px }
#nav_media, #nav_media a						{ width:70px }
#nav_career, #nav_career a, #nav_career ul 	{ width:90px }
#nav_romaniait, #nav_romaniait a  			{ width:100px }
#nav_presentation, #nav_presentation a 		{ width:105px }
#nav_contact, #nav_contact a					{ width:80px }

/*_________________________Layout____*/
html, body { height: 100%; }

#wrapper 									{ width:960px; /*min-height: 100%;*/ height: auto !important; margin: 0 auto; /*margin: 0 auto -200px;*/ }
	#header 									{ float:left; width:100%; height:140px; overflow:hidden; }
		#logo 								{ float:left; padding:13px 0; }
              #lang                                                   {position:absolute; right:10px; top:5px; }
		#nav 								{ float:left; width:100%; overflow:hidden; height:30px; line-height:30px; font:13px Arial, sans-serif; }
	#bodyhome								{ float:left; width:100%; overflow:hidden; }
	#body									{ float:left; width:100%; overflow:hidden; margin-top:20px; padding-top:10px; background:url(images/background-body.png) repeat-y top right; }
		
		#mainContent						{ float:left; width:656px; }
		#mainContent h1						{ padding-left:40px; background:url(images/itsixman.png) no-repeat; height:48px; line-height:48px; }
		#mainContent h4.underline			{ color:#028fc6; border-bottom:1px solid #eee; margin:20px 0 10px; padding-bottom:2px; }
		ul.lista								{ margin: 0 0 10px 0; font:13px/1.5em Tahoma, sans-serif; }
		.lista li								{ margin:3px 0 3px 15px ; list-style-type:square;}
		.unbulleted li					{ list-style-type: none;}
		
		#secondary							{ float:right; width:280px;  }
			#menu							{ float:right; width:280px;  }
			#menu h2 						{ margin-left:25px; padding: 0 0 7px 15px; border-bottom:1px solid #ddd;}
			.secNav li  						{ text-decoration: none;  padding-left:25px; }
			.secNav li a 						{ color: #555; padding: 8px 15px; border-bottom:1px solid #ddd; font:bold 12px Arial, sans-serif; display:block; text-decoration: none; }
			.secNav li a:hover 				{ text-decoration: underline; color: #009595; background:#eee;}
			.secNav li a:active 				{ color: #009595;}
			.secNav li#selected 				{ margin-left:12px; background:url(images/selected.png) no-repeat; padding-left:13px; }
			.secNav li#selected a 				{ color: #fff; border-bottom:none;}
			.secNav li#selected a:hover 		{ background:url(images/selected.png) no-repeat top right}
			.secNav li.child a					{ padding:8px 15px 8px 30px; }
			.secNav li.parent a				{ background:#fff; border-bottom:3px solid #ccc; }
			.secNav li.parent a:hover			{ background:#eee; border-bottom:3px solid #aaa; }
			
			
			
	#stick									{ /*height:200px;*/} 
#footer 										{ float:left; width:100%; height:200px; overflow:hidden; background:url(images/bg-footer.png) repeat-x scroll 0 0 }
	#footer-content 							{ width:960px; margin:60px auto 0; padding:10px 0;}
	#footer-links 							{ float:left; width:700px; }
	#footer-links ul 							{ float:left; margin:0 20px; font-size:11px; }
	#footer-links ul li.section				{ color:#fff; font-weight:bold; font-size:13px; padding-bottom:10px; }
	#footer-links ul li a						{ color:#fff; text-decoration:none; }
	#footer-copyright						{ float:right; width:250px; color:#fff; }
	#footerlist li							{ display:inline; }
	#footerlist li a							{ color:#fff; font-size:11px; }

.mail { margin-bottom:-2px; }	
	
	
.clear							{ clear:both; margin:0; padding:0; }
.f-left { float:left;} .f-right{ float:right;}
.l-pix { float:left; margin:0 15px 0 0; } .r-pix{ float:right; margin:0 0 0 15px;}
.date { background:#EDF7F7; border:1px solid #EBEBEB; color:#009595; float:right; font-size:12px; margin-top:-11px; padding:2px 3px; }
.contact { border-bottom:1px dashed #ebebeb; color:#888; font-size:11px; padding:0px 10px 10px; margin-bottom:25px;  }
.bold li { font-weight:bold; }


.clearfix:after {
 content:"."; display:block; height:0; clear:both; visibility:hidden; }

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */





#box { height: 126px; margin-top: 30px; margin-bottom: 25px; 	border: 1px solid #e1e1e1;
	border-top: 5px solid #cdcdcd;
	background: #efefef url(images/box_top.png) repeat-x top left ; float:left;
}
.boxcontent {
	float: left;
	width: 200px;
	padding: 5px 19px;
	background: url(images/box_separator.png) no-repeat top right;
	margin-top: 1px;
}
#last {
	background: none;
}
.boxcontent h2 {
	color: #009595;
	margin-top: 7px;
}
.boxcontent p, .boxcontent li {
	font: normal 11px/15px Tahoma, Arial, sans;
	margin-top: 4px;
}
.boxcontent img {
	float: right;
	margin-top:-5px;
}



#tier1 {
	width: 460px;
	float: left;
}
#tier2 {
	width: 205px;
	float: left;
	margin-left: 34px;
}
#tier3 {
	width: 225px;
	float: left;
	margin-left: 35px;
}
#tier1 h3, #tier2 h3, #tier3 h3 {
	color: #009595;
}
#tier3 p,#box p {
	padding:0px;
	}

#tier2 img {
	margin: 7px 0 6px 0;
}
#tier3 a {
	font-weight: bold;
	font-size:13px;
}
#tier3 p {
	font: normal 11px/25px Arial, Verdana, sans;
}
hr {
	border: none 0; 
	border-top: 1px solid #eaeaea;
	height: 0px;
}
hr.news {
	border-top: 1px solid #cfeaea;
	margin: 8px 0;
	height: 0px;
}



#main {
	width: 960px;	
	background: url(images/img_repeat.png) repeat-x;	
	margin-top: 27px;
	position: relative;
	z-index:-999;
	float:left;
}
#services {
	width: 330px;
	height: 260px;
	float: left;
	color: #d2d2d2;
	background: url(images/img_left.png) no-repeat left;
}
#services h2 {
	color: #d2d2d2;
}

#main ul{
	padding-left: 40px;
	margin-top: 12px;
	font: normal 14px/24px Arial, Tahoma, sans;
}
#heading  h3 { color:#fff; }
#heading {
	background: url(images/bevel_img.png) repeat-x bottom left;
	margin: 29px 0 0 39px;
	padding-bottom: 13px;
	width: 234px;
}
#services li {
	padding-left: 8px;
	background: url(images/bullet.png) no-repeat left 50%;
}
#learnmore {
	position: absolute;
	top: 180px;
	left: 380px;
	}
#learnmore img {
	display: block;
	float: left;
	border: none;
}


.partner {
	margin-bottom: 40px;
	margin-top: 20px;
}

.partner img {
	float: left;
	padding: 6px;
	border: 1px solid #f5f5f5;
	margin-top: 6px;
}


.ptext {
	float: right;
	width: 460px;
}



.piechart  { padding-left:60px; background:url(images/pie_chart_48.png) no-repeat top left ;}
.career  { padding-left:60px; background:url(images/pie_chart_48.png) no-repeat top left ;}
.methodology  { padding-left:60px; background:url(images/pie_chart_48.png) no-repeat top left ;}
.piechart  { padding-left:60px; background:url(images/pie_chart_48.png) no-repeat top left ;}
.piechart  { padding-left:60px; background:url(images/pie_chart_48.png) no-repeat top left ;}
.chart { margin-left: 60px;}


/* ---------Case Studies Style ----------------*/

.csContent{
	margin-bottom: 20px;
	float:left;
	line-height: 16px;
}
h5.category {
	width:90%;
	font: normal 14px arial;
	border-bottom: 1px solid #f0f0f0;
	padding-bottom: 2px;
	margin: 20px 0 10px 0;
	color: #028fc6;
	margin: 10px 0 0 0;
}
.csList {
	list-style-type:square;
	padding:0;
	margin:3px 0 25px 15px;
}
.csList a{
	text-decoration: none;
	font-size:12px;
}
.csList li {
	margin-left: 5px;
}

.csLeft {
	width: 260px;
	float: left;
}
.csRight {
	width: 375px;
	float: right;
	margin-top: 28px;
	font-size: 11px;
}
.csRight li {
	color: #666;
}
.csResult {
	float: left;
	margin-bottom: 6px;
	padding: 8px;
	width: 100%;
	position: relative;
	z-index: 2;
	background-color: #F7F7F7;
	border: 1px solid #EAEAEA;
}
.count {
	color: #AAA;
	font-size: 11px;
	margin-left: 5px;
}
.csResult h5{
	padding:0 0 0 12px;
	font-size: 13px;
}
.csResultLeft {
	float:left;
	padding: 10px 0 0 10px;
	display: block;
}
.csResultRight {
	float:right;
	width: 310px;
	padding-top: 5px;
}