/******** regles par defaut des balises ********/
*{margin:0; padding:0; outline:none}
body {font-size:7.9pt; font-family:Arial, Helvetica, sans-serif; color:#343232; background:#fff}
iframe a {
color:red;
}
img, fieldset{border:0}
h1 {font-size:1.8em}
h2{font-size:1.8em}
h3{font-size:1.3em}
h4{font-size:1.4em}
ol, ul{list-style-type:none}
a{text-decoration:none; color:#f0621e}
a:hover{text-decoration:underline}
input, select, textarea{font-size:1.0em; border:1px solid #a5a5a5; color:#444}
.floatL {float:left; margin:0 10px 0 0}
.floatR {float:right; margin:0 5px}
p {line-height:16px}
/********** ID common to all templates ********/
/*Content Central*/
.orangeText {
	color:#f26a21;
	text-decoration:underline;
}
.orangeText2 {
	color:#f26a21;
}
#container {font-size:1.1em; width:900px; margin:0 auto}
	/*///Header///*/
	#header {width:900px; overflow:hidden}
			.infoHeader {padding:15px 0 12px}
			.telephone {float:right; font-size:18px; color:#f26a21}
			.telephone img {float:left; margin:3px 10px 0 0}
			
			.innerHeader {padding:0 0 9px; overflow:hidden; width:900px}
			.innerHeader .introFlash {float:left}
			.typeBanner {width:498px; float:left}
			
			.nav {position:relative;background:url(../images/bgd_nav_normal.gif) 0 0 repeat-x; overflow:hidden; height:43px; margin:0 0 33px;display:block;padding-right:0;border:0}
			.nav li {display:inline;float:left; background:url(../images/bullet_nav.gif) 0 0 no-repeat; padding:0 1px 0 0}
			.nav li.first {background:none}
			.nav li a {display:block; float:left; background:none; padding:0 37px; color:#5c5555; font-size:1.364em; height:43px; line-height:43px}
			.nav li a:hover, .nav li a.current {background:url(../images/bgd_nav_hover.gif) 0 0 repeat-x; text-decoration:none; color:#fff;padding-left:37px;}
			.nav li.first a {background:url(../images/bgd_nav_l_normal.gif) 0 0 no-repeat}
			.nav li.first a:hover, .nav li.first a.current {background:url(../images/bgd_nav_l_active.gif) 0 0 no-repeat}
			
			.nav li.last {padding:0;position:absolute;right:0px}
			.nav li.last a {width:108px;background:url(../images/bgd_nav_r_normal.gif) 137px 0 no-repeat; padding:0 20px;}
			.nav li.last a:hover, .nav li.last a.current {background:url(../images/bgd_nav_r_active.gif) right 0 no-repeat; padding:0 20px}
			

	/*///main///*/
	#main {width:900px; overflow:hidden; background:url(../images/bgd_main.gif) 0 0 repeat-y; margin:0 0 20px}
			/*context
			///////////////*/	
			#context {width:206px; float:left; padding:0 2px 0 0}
				#context h2 {color:#ef5a1c; font-size:2.273em; padding:0 0 18px}
				#context h1 {color:#ef5a1c; font-size:2.273em; padding:0 0 18px}
					.sideBar li {width:206px; overflow:hidden; padding:0 0 3px}
					.sideBar li a {text-transform:uppercase; line-height:22px; color:#595656; font-size:1.070em; display:block}
					.sideBar li a:hover, .sideBar li a.current {text-decoration:none; color:#ef5a1c; background:url(../images/bullet_sidebar.gif) 100% 2px no-repeat; padding:0 20px 0 0}
					.sideBar li a img {float:left}
					.uiIcon {background:url(../images/ui_icon.gif) 0 0 no-repeat; width:24px; height:24px; margin:0 9px 0 0}
						.uiIcon-1 {background-position:-73px 0}   a:hover .uiIcon-1, a.current .uiIcon-1 {background-position:-73px -24px}
						.uiIcon-2 {background-position:-24px 0}   a:hover .uiIcon-2, a.current .uiIcon-2 {background-position:-24px -24px}
						.uiIcon-3 {background-position:-49px 0}   a:hover .uiIcon-3, a.current .uiIcon-3 {background-position:-49px -24px}
						.uiIcon-4 {background-position:-203px 0}  a:hover .uiIcon-4, a.current .uiIcon-4 {background-position:-203px -24px}
						.uiIcon-5 {background-position:-101px 0}  a:hover .uiIcon-5, a.current .uiIcon-5 {background-position:-101px -24px}
						.uiIcon-6 {background-position:-180px 0; width:23px}  a:hover .uiIcon-6, a.current .uiIcon-6 {background-position:-180px -24px}
						.uiIcon-7 {background-position:-288px 0} a:hover .uiIcon-7, a.current .uiIcon-7 {background-position:-288px -24px}
						.uiIcon-8 {background-position:-130px 0}  a:hover .uiIcon-8, a.current .uiIcon-8 {background-position:-130px -24px}
						.uiIcon-9 {background-position:0 0}       a:hover .uiIcon-9, a.current .uiIcon-9 {background-position:0 -24px}
						.uiIcon-10 {background-position:-155px 0}  a:hover .uiIcon-10, a.current .uiIcon-10 {background-position:-155px -24px}
						.uiIcon-11 {background-position:-233px 0} a:hover .uiIcon-11, a.current .uiIcon-11 {background-position:-233px -24px}
						.uiIcon-12 {background-position:-262px 0} a:hover .uiIcon-12, a.current .uiIcon-12 {background-position:-262px -24px}
			
			/*content
			///////////////*/	
			#content {width:660px; float:left; padding:0 15px 0 17px}
			#content h1 {color:#000; font-size:2.273em; padding:0 0 15px}
			#content h1 span {color:#f0621e; padding:0 0 0 4px}
			#content h2 {color:#000; font-size:2.273em; padding:0 0 15px}
			#content h2 span {color:#f0621e; padding:0 0 0 4px}
			 
				.contHome p {padding:0 0 10px}
				.innerCont {margin:0 0 0 270px}
				.innerCont p a {text-decoration:underline}
				.innerCont p a:hover {text-decoration:none}
				
				.listDefaul {padding:5px 0 15px 20px}
				.listDefaul li {background:url(../images/bullet_content.gif) 0 4px no-repeat; padding:0 0 4px 12px}
				
				/* page blog */
				.contBlog {width:470px; float:left}
				
				.boxCategoryT {width:190px; float:left; background:url(../images/bgd_category_T.gif) 0 0 no-repeat; padding:8px 0 0}
				.boxCategoryB {background:url(../images/bgd_category_B.gif) 0 100% no-repeat; padding:0 0 8px}
				.boxCategoryC {background:url(../images/bgd_category_C.gif) 0 0 repeat-y; width:170px; overflow:hidden; padding:0 10px}
				.boxCategoryC h4 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#595656; padding:10px 0}
			 .boxCategoryC ul {padding:0 0 14px 7px; border-bottom:1px solid #d4d4d4}
				.boxCategoryC ul.last {border-bottom:0}
				.boxCategoryC li {background:url(../images/bullet_category.gif) 0 5px no-repeat; padding:0 0 6px 15px; font-size:1.091em}
				
				/* page marketing */
			.listMarketing {padding:5px 0 10px 15px}
			.listMarketingSecurity {margin:0 0 0 292px}
				.listMarketing li {background:url(../images/bullet_marketing.gif) 0 0 no-repeat; padding:0 0 5px 15px}
				
				/* page case studies */
				.boxCaseStudies {background:#f5f5f5 url(../images/bgd_case.gif) 0 0 repeat-x; border:1px solid #d6d4d4; width:620px; overflow:hidden; padding:19px; margin:0 0 20px}
				.boxCaseStudies img {margin:0 15px 0 0}
				.boxCaseStudies span {color:#f0621e}
				.contConsulation {width:660px; overflow:hidden}
				.listConsulation {width:180px; float:left}
				.contHome p span {color:#f05e1e}
				.contHome p span.last {padding:0 0 0 20px}
				/*********By JIm for contact page***********/
				.contHome table td {line-height:30px; padding-left:5px;}
				.contHome table td {line-height:30px; padding-left:5px;}
				.contHome table td span {color:#f05e1e;font-weight:bold;}
				.listprices {padding:5px 0 15px 20px}
				.listprices li {background:url(../images/delete-icon.png) 0 0px no-repeat; padding:0 0 10px 25px}
				.contHome p.small {font-size:10px;}
				.contHome p span.red {color:#871610;}
				.contHome p.contact {font-size:12px; line-height:25px;}
				.contHome p.contact span{font-weight:bold}
				.contHome .column1 {float:left;line-height:25px;}
				.contHome .column2 {float:right;line-height:25px; width:360px;}
				.contHome .column2 .inner1 {width:95px;color:#f05e1e;float:left;font-size:12px;font-weight:bold}
				.contHome .column2 .inner2 {width:260px;float:left;}
				/*********By JIm***********/
				.frmLogin {margin:10px 0 0 10px; font-size:12px;}
				.frmLogin div.indicate-required {font-size:10px; color:#666666;}
				.frmLogin label {margin-bottom:10px;width:100px; float:left; text-align:right; padding:0 10px 0 0; font-weight:bold}
				.frmLogin label.text {width:100px; float:left; text-align:right; padding:0 10px 0 0; font-weight:bold}
				.frmLogin span {margin-bottom:10px; font-weight:bold}
				.frmLogin input {margin-bottom:0px;width:206px; border:1px solid #aeaeae; height:15px; padding:2px}
				.frmLogin input.radio {margin-bottom:0px; width:20px; border:0px solid #aeaeae; height:15px; padding:2px}
				.frmLogin p.btnSubmit  {margin:0 0 0 110px}
				.frmLogin input.btnSubmit  {color:white; font-weight:bold;background:url(../images/submitbtn.png) 0 0px no-repeat;width:84px; margin:10px 10px 0 0px; border:0; height:28px; padding-left:10px; font-size:10px;}
				
				.contHome h4 {color:#f0621e; font-size:1.091em; padding:0 0 10px; font-weight:normal}
				.contRecommend {margin:0 0 0 205px}
				.innerRecommend {background:url(../images/bgd_dot.gif) 0 0 repeat-x; overflow:hidden; width:440px; padding:20px 0 25px}
				.innerRecommend span {color:#f05e1e}
				.innerRecommend label {float:right}
				.videoplayer img {padding:0 16px 0 0; float:left}
				.videoplayer img.last {padding:0}
				
				.boxImportant {border:1px solid #d1c7c7; padding:10px 15px; margin:10px 0}
				
				/* page contPagepeel */
				.contPagepeel {width:600px; height:600px; background:url(../images/bgd_page_01.jpg) 0 0 no-repeat; margin:0 auto}
				.contPagepeel p {text-align:right; padding:240px 20px 0 0}
				
	/*///footer///*/
	#footer {font-size:10px; margin-bottom:20px; width:880px; overflow:hidden; background:url(../images/bgd_footer.gif) 0 0 repeat-x; padding:15px 10px 0}	
		.navFooter li {float:left; background:url(../images/bullet_footer.gif) 0 3px no-repeat; padding:0 10px}
		.navFooter li.first {background:none; padding:0 10px 0 0}
		.navFooter li a {text-transform:uppercase; color:#000; font-weight:bold}
		
		.linkFav {float:right}
		.linkFav li {float:left; padding:0 0 0 16px}
#I6 a:link {
color:white;
}
.social-icons-title {float:right; width:200px;}