/* CSS Document */
body{width:100%;height:100%; min-height:100%;min-width:100%; background:url(../img/background.jpg) center center ;font-size: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%; background-repeat:no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; line-height: 1}
.wrap{width:1016px;auto !important; margin:0 auto}

.header{width:1016px; height:122px;}
.logo{float:left}
.social_icons{float:right; margin:43px 0px}
#facebook{background:url(../img/social_icons.png); width:40px; height:40px;background-position: 0px 0px;float:left; margin-right:10px}
#twitter{background:url(../img/social_icons.png); width:40px; height:40px;background-position: -50px 0px; float:left;margin-right:10px}
#youtube{background:url(../img/social_icons.png); width:40px; height:40px;background-position: -100px 0px; float:left;}
.textmiddle {vertical-align:middle;} 
.main{height:auto !important;min-height:1344px !important; background:#FFF; border:8px solid #94cada; border-radius:3px; z-index:-1}
.main:after{content:"";z-index:5;height:auto !important;min-height:1080px !important; background:#FFF; }
.container{ width:976px; height:auto; margin:15px auto;line-height: normal}
.menu{ width:100%;height:57px;border-bottom:9px solid #eb5055;}
.menu ul{ height:100%; margin:0px auto; text-align:center}
.menu ul li{width:auto; height: auto;float:left;border-right:2px solid #d9eff1;padding:19px 14px }
.menu ul li a{ color:#043d5d;font-family: Ebrima; font-size:19px; text-decoration:none; }
.menu ul li a:hover{color:#FFF}
.menu ul li:hover{background-color:#eb5055;-moz-border-radius: 0px;-webkit-border-radius:20px 20px 0px 0px;border-radius:20px 20px 0px 0px;}
.more{width:70px; height:18px; background-color:#41bbb5; text-align:center ; text-decoration:none;color:#FFF ; margin:10px 0px 0px 0px;padding:5px; font-size:12px; position:relative; top:7px;}
.more:hover{ color:#043d5d}
.slider{ width:100%; height:332px;margin:0 0 0px 0}
.content{width:696px; min-height:488px; float:left;margin:0 0 2px 0}

#icon_blue{width:44px; height:38px;background-color:#043d5d; float:left; margin:0px 10px 0px 20px;}
#icon_blue img{ margin-top:3px}
#icon_red{width:44px; height:38px;background-color:#eb5055; float:left; margin:0px 10px 0px 20px;}
#icon_red img{ margin-top:4px}
h1{color:#ffffff;  display: inline-block;vertical-align: middle ;margin-top:7px; font-size:18px}
#red{ width:100%; height:38px;-moz-border-radius: 0px;-webkit-border-radius:10px 10px 0px 0px;border-radius:10px 10px 0px 0px;background-color:#eb5055;margin:0px 0px 11px 0px;}
#blue{width:100%;height:38px;-moz-border-radius:0px;-webkit-border-radius:10px 10px 0px 0px;border-radius:10px 10px 0px 0px;background-color:#043d5d;margin:0px 0px 0px  0px}
.sidebar{width:266px; float:right;}
.testmonials{ width:100%; height:161px;margin:0px 0px 15px 0px}
.testmonials p{ font-family:"Arial"; font-size:14px; color:#FFF; padding:5px; float:right; text-align:left; width:260px}
.testmonials-bg{width:480px; height:100%;background-color:#66a4b6; margin:0px auto; float:left}
.footer{height:219px; width:100%; background:url(../img/footer_bg.png) center;z-index:1000;position:absolute; left:0px;right:0px; margin:8px 0 0 0;
padding-top:15px;  }
.footer:after{content:""; background:#FFF; }
.footer_content{width:956px; margin:0 auto}
.footer_content div{width:239px;height:auto; max-height:234px;float:left;}
.footer_content p{ float:left ;width:auto;;text-align:left; color:#42bcb5; font-size:24px; font-family:Ebrima; padding:3px 0px}
.footer_content ul{width:100%;height:auto; max-height:234px}
.footer_content ul li,.footer_content ul li a{ color:#FFF; font-size:13px; font-family:Ebrima; text-decoration:none; padding:5px 0px}
.footer_content ul li a:hover{ color:#eb5055}

#facebook_footer{background:url(../img/social_icons_footer.png);background-position: 0px 0px; width:40px; height:40px}
#twitter_footer{background:url(../img/social_icons_footer.png);background-position: 0px -58px; width:40px; height:40px;}
#youtube_footer{background:url(../img/social_icons_footer.png);background-position: 0px -116px; width:40px; height:30px}

.home{ width:100%; height:288px; background-color:#f4f3f3; margin:0 0 15px 0;-moz-border-radius: 0px;-webkit-border-radius:10px 10px 10px 10px;border-radius:10px 10px 10px 10px; }

.home3{ width:100%; height:240px; background-color:#f4f3f3; margin:0 0 15px 0;-moz-border-radius: 0px;-webkit-border-radius:10px 10px 10px 10px;border-radius:10px 10px 10px 10px; }
.home3 p{ width:460px; height: auto; float:left; text-align:left;font-size:13px;-moz-border-radius: 0px;-webkit-border-radius:10px 10px 10px 10px;border-radius:10px 10px 10px 10px; padding:0px 0px 0px 20px; font-family:"Arial"; line-height:22px}

.home p{ width:460px; height: auto; float:left; text-align:left;font-size:13px;-moz-border-radius: 0px;-webkit-border-radius:10px 10px 10px 10px;border-radius:10px 10px 10px 10px; padding:0px 0px 0px 20px; font-family:"Arial"; line-height:22px}
.home2{ width:100%; min-height:487px; background-color:#f4f3f3; margin:0 0 15px 0;-moz-border-radius: 0px;-webkit-border-radius:10px 10px 10px 10px;border-radius:10px 10px 10px 10px; }
.home4{ width:100%; min-height:487px; background-color:#f4f3f3; margin:0 0 15px 0;-moz-border-radius: 0px;-webkit-border-radius:10px 10px 10px 10px;border-radius:10px 10px 10px 10px; }
.home4 ul{ width:auto; height:auto; margin:5px 20px 5px 10px}
.ro{ width:325px; float:left; margin-right:20px;  text-align:center; margin-top:7px; height:227px;}

.home4 li{ height: auto; line-height:24px; float:left !important; text-align:left;font-size:17px; color:#333;}

.home2 p{ width:460px; height: auto; float:left; text-align:left;font-size:15px;-moz-border-radius: 0px;-webkit-border-radius:10px 10px 10px 10px;border-radius:10px 10px 10px 10px; padding:0px 0px 0px 20px; font-family:"Arial"; line-height:22px}
.home2 p a{ color:#06F; text-decoration:none}
.home2 ul{ width:auto; height:auto; margin:5px 20px 5px 10px}
.home2 li{width:494px; height: auto; line-height:22px; float:left; text-align:left;font-size:15px; color:#333; list-style: disc; list-style-position:inside}
.side{width:100%;  background-color:#FFFFFF; margin:0 0 10px 0;-moz-border-radius: 0px;-webkit-border-radius:10px 10px 10px 10px;border-radius:10px 10px 10px 10px;}
.side p { padding:0px 0px 0px 20px}
.title{color:#eb5055; text-decoration:none; padding:0px 0px 0px 10px}
.side1{width:100%; height:236px; background-color:#f4f3f3; margin:0 0 15px 0;-moz-border-radius: 0px;-webkit-border-radius:10px 10px 10px 10px;border-radius:10px 10px 10px 10px;}
.ask{margin:0px 0px 15px 0px}
.video{ border:4px solid #94cada}
.cases{width:445px; position:relative; float:right; margin-right:17px }
.copy-right{ width:100%; height:44px; position:relative; bottom:0; top:0; margin:250px  auto 0px}
.copy-right p, .copy-right a{ text-align:center;font-size:13px; font-family:Ebrima; color:#043d5d; text-decoration:none}
/************************slider*****************************/
		h3 {
			margin: 0;	
			padding: 30px 0 0 0;
			font-size: 16px;
			text-align:center;
		}

		div#feature_list {
			width: 1000px;
			height:332px;
			overflow: hidden;
			position: relative;
		}

		div#feature_list ul {
			position: absolute;
			top: 0;
			list-style: none;	
			padding: 0;
			margin: 0;
		}

		ul#tabs {
			right: 0;
			z-index: 2;
			width: auto;
			height:332px;
		}

		ul#tabs li {
			font-size: 12px;
			font-family: Arial;
			text-align:center;
		    width:281px;

		}
		

		ul#tabs li a {
            color: #FFF;
			text-decoration: none;	
			display: block;
			height: 84px;
			background:url(../img/slider/bg.png);

		}

ul#tabs li a.current {
background:url(../img/slider/current_bg.png);
}
		ul#tabs li a.current:hover {
			cursor: default;
		}

		ul#output {
			right: 0;
			width: 1000px;
			height: 332px;
			position: relative;
		}

		ul#output li {
			position: absolute;
			width: 1000px;
			height: 332px;
		}

		ul#output li a {
			position: absolute;
			text-decoration: none;
			font-size: 11px;
			color: #FFF;
			background: #000;
			-moz-border-radius: 5px;
		}
		
		ul#output li a:hover {
			background: #D33431;
		}
		#content {
	width: 750px;
	margin: 50px auto;
	padding: 20px;
	background: #FFF;	
	border: 1px solid #CCC;
}

.clear {
	clear: both;
	line-height: 1px;
	font-size: 1px;
}


/** cases slider carousel
===================================*/
/*Horizontal Orientation CSS*/
.jscarousal-horizontal
{
	width: 100%;
	height: 108px;
	background-color: #f8f6f6;	
	margin:0;
	padding: 0;
	position: relative; /*overflow: hidden;*/
}
.jscarousal-horizontal-back, .jscarousal-horizontal-forward
{
	float: left;
	width: 20px;
	height: 108px;
	background-color: #121212;
	color: White;
	position: relative;	
	cursor: pointer;
}
.jscarousal-horizontal-back
{
	background-image: url(../img/arrow_l.png); background-repeat:no-repeat;
	background-color:#0073bd;
	background-repeat: no-repeat;
	background-position: center;
}
.jscarousal-horizontal-forward
{
	background-image: url(../img/arrow_r.png); background-repeat:no-repeat;
	background-color:#0073bd;
	background-repeat: no-repeat;
	background-position: center;
	float:right;
}
.jscarousal-contents-horizontal
{
	width: 670px;
	height:108px;
	float: left;
	position: relative;
	overflow: hidden;
}
.jscarousal-contents-horizontal > div
{
	position: absolute;
	width: 100%;
	height: 108px;
}
.jscarousal-contents-horizontal > div > div
{
	float: left;
	margin-left: 6px;
	margin-right: 6px;
	margin-top:10px;
}
.jscarousal-contents-horizontal img
{
	width: 120px;
	height: 85px;
	border: solid 1px #7A7677;
}
/*Horizontal Orientation CSS Ends*/


/*Common*/
.hidden
{
	display: none;
}
.visible
{
	display: block;
}
.thumbnail-active
{
	filter: alpha(opacity=100);
	opacity: 1.0;
	cursor: pointer;
}
.thumbnail-inactive
{
	filter: alpha(opacity=20);
	opacity: 0.2;
	cursor: pointer;
}
.thumbnail-text
{
	color: #7A7677;
	font-weight: bold;
	text-align: left;
	display: block;
	padding: 10px 2px 2px 0px;
}