/* CSS Document - Looogo */
/* Developed by - LOOOGO*/

/*------------------------------ Global Settings -----------------------*/
body {
	margin:0px;
	padding:0px;
	font-family:"Arial", trebuchet ms, Helvetica, Verdana, sans-serif;
	font-size:12px;	 
	color:#333333;
	text-align:center;
	background-color:#FFFFFF;
	
}

h1, h2, h3, h4, h5, h6, p, ul, img, Ftable { 
	margin:0px; 
	padding:0px;
	font-weight:normal;
}
a:link {color:#000000; text-decoration:none;}
a:hover { color:#FF6600; text-decoration:none;}
a:visited {color:#000000; text-decoration:none;}
a:active {color:#FF6600; text-decoration:none;}
img { border:none;}

/*------------------------------ home page Text STYLE -----------------------*/
.style1 {color: #FF9900}
.style2 {color: #FFFFFF}
.style3 {color: #666666}
.style4 {color: #FF0000}
.style5 {color: #FF6600}
.style6 {color: #6d7b96}
.style7 {color: #1b2f52}
.style8 {color: #FFCC00}
.style9 {color: #990033}
.style10 {color: #ee403f}
.style11 {color: #009900}
.style12 {color: #990066}
.style13 {color: #336666}
.style14 {color: #0066FF}
.style15 {color: #CC0000}
.style16 {color: #3333CC}
.style17 {color: #000066}
.style18 {color: #330033}
.style19 {color: #0173ba}
.style22 {color: #263339}
.style23 {color: #d71075}
.style24 {color: #3b2300}
.style25 {color: #336699}
.style26 {color: #FF6666}
.style27 {color: #00CCFF}
.style28 {color: #fd6c3f}
.style29 {color: #026f96}
.style30 {color: #3333FF}
.style31 {color: #36527a}
.style32 {color: #1292c3}
.style33 {color: #619904}
.style34 {color: #FF00FF}
.style35 {color: #c6151b}
.style36 {color: #9966CC}
.style37 {color: #0173BA}
.style38 {color: #D71075}
.style39 {color: #C6151B}
.style40 {color: #CC6600}
.style41 {color: #CC3300}
.style42 {font-size: 16px}
.style47 {font-size: 18px; font-weight: bold;}
.style48 {font-size: 12px;}
.style49 {font-size: 12px;}
.style52 {font-size: 16px; font-weight: bold; color: #FF6600; }
.style53 {font-size: 14px; font-weight: bold; color: #FF6600; }
.style54 {color: #000000;}
.style55 {font-size: 14px; color: #FF6600;}
.style56 {font-size: 14px; font-weight: bold;}
.style60 {font-size: 12px; font-weight: normal; color:#000000;}
.style59 {font-size: 13px; font-weight: bold; color:#FF6600;}
.style44 {font-size: 12px}
.style45 {color: #0066CC; font-size: 12px;}
.style46 {color: #000000; font-size: 12px;}
.style47 {font-size: 14px}
.seo h1{ display:none;}
ul {
	margin-left:25px;
	margin-top:10px;
	margin-bottom:10px;
}


#Container { 
	background-color:#FFFFFF;
	background-image:url(../images/bg.jpg);
	background-position: center top;
	background-repeat:no-repeat;
	width:100%;
	height:680px;
}
#Container2 { 
	background-color:#FFFFFF;
	background-image:url(../images/bg2.jpg);
	background-position: center top;
	background-repeat:no-repeat;
	width:100%;
	height:100%;
}


/*-------------------------------- Top Settings -------------------------*/

.header
	    {
		width:100%;
		height:130px;	
		}
.header	#headerinner
		{
		width:971px;
		height:130px;
		margin:auto;
		}
 #headup
 		{
	height:93px;
	width:971px;
		}
 #logo
       {
	   
	   width:954px;
	height:70px;
	text-align:left;
	   }
  #log
  	  {
	  width:971px;
	  height:35px;
	  }
#TopWide {
	height:136px;
	width:100%;
}

#TopWrap {
background-image:url(../images/banner.jpg);
background-repeat:no-repeat;
	width:970px;
	height:90px;
	margin-left:auto;
	margin-right:auto;
}
#LogoArea {
	width:960px;
	text-align:left;
	height:92px;
	margin-left:auto;
	margin-right:auto;
}
#LogoLink {
	padding-left:7px;
	float:left;
}

#Logins {
	width:935px;
	height:auto;
	position:relative;
	right:0px;
}
/*-------------------------------- Top Stuff settings -------------------------*/
#Staff_wrap { }
#Staff_Input { overflow:hidden; background-color:#dbdbdb; color:#FFFFFF;  float:right; display: none;}
#Staff_Input label { font-weight:bold; font-size:0.9em; padding-left:7px; padding-right:4px;}
#Staff_Input input { height:13px; font-size:0.9em; color:#666; padding-left:3px; border:solid 1px #CCCCCC;}
#Staff_Button { text-align:center; background-color:#dbdbdb; padding:3px; height:16px; color:#FFFFFF; margin-left:5px; width:80px; float:right;}
#Staff_Button a { color:#FFFFFF;}
/*-------------------------------- Top Client settings -------------------------*/
#Client_wrap {  }
#Client_Input { overflow:hidden; background-color:#9a9a9a; color:#FFFFFF; float:right; display: none;}
#Client_Input label { font-weight:bold; font-size:0.9em; padding-left:7px; padding-right:4px;}
#Client_Input input { height:13px; font-size:0.9em; color:#666; padding-left:3px; border:solid 1px #CCCCCC;}
#Client_Button { text-align:center; background-color:#9a9a9a; padding:3px; height:16px; color:#FFFFFF; width:80px; float:right;}
#Client_Button a { color:#FFFFFF;}

#Client_wrap #Client_Submit, #Staff_wrap #Staff_Submit { border:none; padding:0px; overflow:visible; background: none; font-weight: bold; color: #FFFFFF; cursor: pointer;}


#Navigation {
	text-align:left;
	clear:both;
	width:960px;
	margin-left:30px;
	margin-top:9px;
}
/*2 BOX Colors*/
.ColumLeft{ width:200px; float:left; text-align:left;}
.ColumLeft ul{list-style:square; padding:0;}
.ColumLeft li{ text-decoration:none; padding:0;}
.ColumLeft li a{text-decoration:none; color:#333333;}
.ColumLeft li a:hover{text-decoration:none; color:#FF6600;}
/*.ColumLeft li a:visited{text-decoration:none; color:#333333;}
*/.ColumLeft li a:active{text-decoration:none; color:#FF6600;}

.ColumRight{
	width:310px;
	float:left;
	text-align:left;
	padding-top:15px;
}
.ColumRight ul{list-style:square; padding:0;}
.ColumRight li{ text-decoration:none; padding:0;}
.ColumRight li a{text-decoration:none; color:#333333;}
.ColumRight li a:hover{text-decoration:none; color:#FF6600;}
/*.ColumRight li a:visited{text-decoration:none; color:#333333;}
*/.ColumRight li a:active{text-decoration:none; color:#FF6600;}
/*-------------------------------- Banner Settings -------------------------*/
#BannerWide {
	width:100%;
	height:auto;

}

#BannerWrap {
	width:971px;	
	margin-left:auto;
	margin-right:auto;
	
}

#BannerText {
	width:550px;
	float:left;
	text-align:justify;	
	margin-top:5px;
	margin-left:15px;
}
#BannerText h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:20px;
	margin-top:10px;
	font-size:13px;
	font-weight: bold;
}
#BannerText h3 {
	font-size:1.2em;
}


#BFeature {
	width:400px;
	height:234px;
	float:right;
	margin-top:10px;
	margin-bottom:30px;
	background-image:url(../images/portfolio_screen.png);
	background-repeat:no-repeat;
}
/* BOX STYLE START */
#BoxArea {
	width:975px;
	height:200px;
	clear:both;
	padding-top:40px;
	float:left;
	background-position:center top;
	background-repeat:no-repeat;
	font-weight:normal;
}


/* BOX END */
.box1 { width: 315px;
		height:200px;
		float:left;
		}
.box1 a {
text-decoration:none;
color:#FF9900;
}

.box1 a:hover {
text-decoration:none;
color:#FF6600;
}

.boxHeader{
	height:27px;
	font-size:14px;
	font-weight:bold;
	color:#333333;
	text-align:left;
	padding:0 0 0 10px;
}
/*2nd & 3rd Box Colors*/
.boxNext {
	width:315px;
	height:200px;
	margin:0 0 0 14px;
	float:left;
	font-weight:normal;
}

.boxNext a {
text-decoration:none;
color:#FF9900;
}

.boxNext a:hover {
text-decoration:none;
color:#FF6600;
}


.boxContent {
	font-size:11px;
	text-align:justify;
	padding:10px;
	line-height:18px;
	font-weight:normal;
	}
		

#BannerWrap .Product_Info h3 { font-weight:normal;}
#BannerWrap .Product_Info { 
	font-weight:normal; 
	font-size:1.1em; 
	color:#666666;
	background-image:url(../images/slider_bg.png);
	background-position:center bottom;
	background-repeat: repeat-x;
	margin-top:10px; 
	padding:10px; 
	height:140px;
}
#BannerWrap .Product_Info ul { margin-left:20px; margin-top:5px;}


#yoo-slider-1 { margin-left:35px; text-align:left;}


/*-------------------------------- Content Area Settings -------------------------*/
#ContentWide {
	width:100%;
	background-image:url(../MasterImages/lower_shim.gif);
	
	background-position:bottom;
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	float:left;

}

#ContentWrap {
	width:970px;
	margin-left:auto;
	margin-right:auto;
	height:auto;
	padding-top:0px;
}

#Content {
	width:600px;
	height:auto;
	float:left;
	padding:1px;
	padding-top:10px;
	text-align:left;
	border-top:solid 4px #e0e0e0;
	border-bottom:solid 1px #e0e0e0;
}

.componentheading h1 { font-size:1.9em; color:#418598; margin-top:5px; margin-bottom:18px;}
.contentheading h1 { font-size:1.9em; color:#418598; margin-top:5px; padding-bottom:18px;}
.contentheading h2 { font-size:1.5em; color:#418598; margin-top:5px; padding-bottom:5px;}
#Content h1 { font-size:1.9em; color:#418598; margin-top:5px; padding-bottom:18px;}

.article_column .contentheading h2 { font-size:1.5em; color:#4d96a9; margin-top:5px; padding-bottom:5px;}
.article_column .contentheading a:hover { color:#FF9933;}
.blog .contentpaneopen tr td h2 {}
.blog .contentpaneopen tr td h3 { font-size:1.1em;}

#archive-list h4 { font-size:1.5em; color:#4d96a9; margin-top:5px; padding-bottom:5px;}

#CTA {
	width:315px;
	height:auto;
	float:right;
	text-align:left;
}
#CTA .moduletable img { margin-left:-4px;}


#LeftPanel {
	width:600px;
	text-align:left;
	float:left;
	margin-top:30px;
}


/*-------------------------------- Footer Area Settings -------------------------*/
.Cleardiv { clear:both;}
#FooterWide {
	width:100%;
	background-color:#232323;
	height:auto;	
	float:left;
}
#FootAni {
	position:absolute;
	height:150px;
	width:100%;
	top: 667px;
}
#FootSlide {
	background-image:url(../images/foot_slideBG.png);
	background-position:bottom center;
	background-repeat: repeat-x;
	height:100px;
	width:100%;
	padding-top:7px;
	
}
#FootButtonWrap {
	width:970px;
	margin-left:auto;
	margin-right:auto;
	margin-top:-38px;

}

#FootButton {
	width:200px;
	height:30px;
	background-image:url(../images/client_button.png);
	background-position:top center;
	background-repeat: no-repeat;
	float:left;
}
#arrow {
	background-image:url(../images/up.gif);
	background-position:top center;
	background-repeat: no-repeat;
	width:10px;
	height:7px;
	float:right;
	margin-right:25px;
	margin-top:11px;
}

#Clients {
	width:970px;
	margin-left:auto;
	margin-right:auto;
	height:300px;
	/*text-align:right;
	background-image:url(../MasterImages/temp_footer.gif);
	background-position:top center;
	background-repeat: no-repeat*/
}

#FooterDetails {
	clear:both;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	height:50px;
	width:970px;
	background-color:#121212;
	border:dashed 1px #464646;
	margin-bottom:30px;
	text-decoration:none;
	list-style:none;
}
#FootLeft {
	width:370px;
	float:left;
	color:#999999;
	font-size:0.90em;
	margin:18px;
	text-align:left;
}
#FootLeft ul { width:135px; margin-top:-14px; float:right; list-style:none;}
#FootLeft ul li { padding-left:10px; list-style:none;}
#FootRight {
	width:400px;
	text-align:right;
	float:right;
	font-size:12px;
	color:#FF9900;
	margin:14px;
	font-weight: bold;
}
#FootRight a {
	color:#FF9900;
	/*background-image:url(../images/foot_dot.gif);*/
	background-position:left center;
	background-repeat: no-repeat;	
	text-decoration:none;
	list-style:none;
}
#FootRight a:hover {
	color:#FFFFFF;
	text-decoration:none;
	list-style:none;
}
#FootRight a:visited {
	color:#FF9900;
	text-decoration:none;
	list-style:none;
}
#FootRight a:active {
	color:#FF9900;
	text-decoration:none;
	list-style:none;
}

/*------------------------------CONTACT SLIDE CSS---------------------*/
.tbmain{ 
 /* Changes on the form */
}
.left{
  /* Changes on the form */
  color: #ff5200 !important; 
  font-family: Verdana !important;
  font-size: 11px !important;
}
td.left {
   font-family: "Trebuchet MS";
   font-size: 12px;
   font-weight:bold;
   color:#ff5200;
   vertical-align: top;
   text-align: left;
}
.pagebreak{
   font-family: "Trebuchet MS";
   font-size: 12px;
   font-weight:bold;
   color:black;
}
td.right {
   font-family: "Trebuchet MS";
   font-size: 12px;
   font-weight:normal;
   color:#333333;
   vertical-align: top;   
   text-align: left;   
}
.tbmain{
   height:100%;
   color:#333333;
}
.head{
   font-family: "Trebuchet MS";
   font-size: large;
   font-weight: bold;
   color:#ff5200;
   vertical-align: top;
   text-align: left;
}
.notvalid{
   border:2px red solid;
   font-family:"Trebuchet MS";
}
.text{
   font-family: "Trebuchet MS";
   font-size: 12px;
   font-weight:normal;
   color:#333333;
   border:1px #cccccc solid;
}
select.other{
   font-family: "Trebuchet MS";
   font-size: 12px;
   font-weight:normal;
   color:#333333;
   border:1px #cccccc solid;
}
.btn{
   font-family: "Trebuchet MS";
   font-size: 12px;
   font-weight:normal;
   color:#333333;
   border:1px #c6c7ca solid;
}
span.required{
  font-size: 13px !important;
  color: red !important;
}
 
div.backButton{
	height:16px;
	width:53px;
	float:left;
	margin-bottom:15px;
	padding-right:5px;
}
div.backButton:hover{
}
div.backButton:active{
}
div.nextButton{
	height:16px;
	width:53px;
	float: left;
	margin-bottom:15px;
	padding-right:5px;
}
div.nextButton:hover{
}
div.nextButton:active{
}
.pageinfo{
	padding-right:5px;
	margin-bottom:15px;
	float:left;
}
/*--------------------------------------2nd css--------------------------*/

#sideBar{
text-align:left;
}

#sideBar h2{
	color:#FFFFFF;
	font-size:110%;
	font-family:arial;
	margin:10px 10px 10px 10px;
	font-weight:bold !important;
}

#sideBar h2 span{
	font-size:125%;
	font-weight:normal !important;
}

#sideBar ul{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#sideBar li{
	margin:0px 10px 3px 10px;
	padding:2px;
	list-style-type:none;
	display:block;
	background-color:#414141;
	width:177px;
	color:#FFFFFF;
}

#sideBar li a{
	width:100%;
}

#sideBar li a:link,
#sideBar li a:visited{
	color:#FFFFFF;
	font-family:verdana;
	font-size:100%;
	text-decoration:none;
	display:block;
	margin:0px 0px 0px 0px;
	padding:0px;
	width:100%;
}

#sideBar li a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}

#sideBar{
	position: absolute;
	width: auto;
	height: auto;
	top: 128px;
	right:0px;
	background-image:url(../images/background.gif);
	background-position:top left;
	background-repeat:repeat-y;
}

#sideBarTab{
	float:left;
	height:150px;
	width:28px;
}

#sideBarTab img{
	border:0px solid #FFFFFF;
}

#sideBarContents{
	float:left;
	overflow:hidden !important;
	width:450px;
	height:500px;
	padding:5px;
	border:#FF9900;
	border-style:solid;
}

#sideBarContentsInner{
	width:200px;
}
/*---------------------------------------------------*/