/* ### GENERAL ### */
* { padding: 0px; margin: 0px; }
html, body { font-family: 'Myriad Pro', Arial; font-size: 12px; color: #7a7a7a; }
input, select, textarea { font-family: 'Myriad Pro', Arial; font-size: 12px; color: #7a7a7a; }
body {
	margin: 0px;
	padding: 0px;
	background-image: url(../images/footer_back.jpg);
}
img { border: 0px; display: block; }

.bg { background: #000 url(../images/bodyStrip.jpg) left top repeat-x ; }
.bg1 { background: #000 url(../images/bodyStrip1.jpg) left top repeat-x ; }
.background { background: url(../images/background.jpg) left bottom repeat-y; }

/* ### GLOBAL CLASSES ### */
.clear { clear: both; }

/* ### WRAPPER ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; }

/* ### MAIN CONTAINER ### */
#mainCntr { margin: 0 auto; width: 980px; }

	/* ### HEADER CONTAINER ### */
	#headerCntr { width: 980px; height: 172px; background: url(../images/headerBg.jpg) top center no-repeat; }
	#headerCntr h1 { padding: 36px 0 0 0; float: left; }
	#headerCntr h1 a {
	display: block;
	width: 700px;
	overflow: hidden;
	height: 51px;
	text-indent: -9999px;
	background: url('../images/logo.png') no-repeat;
}
	
		/* ### SEARCH BOX ### */
		.searchBox { padding: 3px 0 0 10px; margin-top: 76px; width: 193px; height: 24px; float: right; }
		.searchBox fieldset { border: none; }
		.searchBox input.field { width: 158px; height: 20px; font-size: 14px; color: #919aaa; font-style: italic; float: left; border: none; background: #fff; }
		.searchBox input.submit { margin-top: 3px; width: 19px; border: none; cursor: pointer; float: left; height: 18px; display: block; text-indent: -9999px; background: url(../images/submit.png) no-repeat; }
	
		/* ### MENU CONTAINER ### */
		#menuCntr { padding-top: 25px; width: 980px; height: 47px; overflow: hidden; z-index:30;}
		#menuCntr ul { list-style: none; width: 980px; overflow: hidden; z-index:30;}
		#menuCntr li { font-size: 16px; line-height: 45px; float: left; font-family: 'Myriad Pro', Arial; background: url(../images/liSep.png) right no-repeat; z-index:30;}
		#menuCntr li a { padding: 0 25px; display: block; color: #b4b4b4; text-decoration: none; z-index:30;}
		#menuCntr li a:hover { background: url(../images/hover.jpg) center bottom no-repeat; z-index:30;}
		
	/* ### SLIDER CONTAINER ### */	
	#sliderCntr { padding-top: 3px; padding-bottom: 19px; position: relative; width: 980px; height: 395px; overflow: hidden; z-index:1;}
	
		/* ### SLIDER BOX ### */
		.sliderBox { padding: 13px 27px 27px 27px; width: 446px; height: 322px; float: left; background: url(../images/sliderBg.jpg) no-repeat; }
		
		/* ### PAGI BOX ### */
		.pagiBox { width: 40px; height: 138px; position: absolute; top: 117px; left: 500px; background: url(../images/pagiBg.jpg) no-repeat; }
		.pagiBox ul { padding: 3px 0 0 7px; list-style: none; }
		.pagiBox li { padding: 25px 0; }
		
		/* ### TEXT BOX ### */
		.textBox { width: 405px; overflow:hidden; float:right; }
		.textBox p{padding:22px 0px 42px; font-family:'Myriad Pro'; color: #6a6a6a; font-size:24px;}
		.textBox ahover{ text-decoration:none;}
		
	/* ### BANNER CONTAINER ### */
	#bannerCntr { width: 980px; overflow: hidden; height: 214px; }
	#bannerCntr h2 { padding-top: 56px; font-size: 36px; float: left; font-weight: normal; color: #6a6a6a; }
	#bannerCntr img { padding-top: 8px; float: right; }

	/* ### CONTENT CONTAINER ### */
	#contentCntr { overflow: hidden; width: 980px; background: url('../images/top_contener_bg.jpg') top center no-repeat; }
	#contentCntr .bottom1 { width: 980px; overflow: hidden; background: url('../images/bottom_coterner_bottom.jpg') left bottom no-repeat; }
	
		/* ### TOP CONTAINER ### */
		#topCntr { width: 980px; overflow:hidden; background: url(../images/top_contener_bg.jpg) top center no-repeat;}
		
		/* ### WELCOE BOX ### */
		.welcomBox { padding-top:40px; width: 557px; overflow:hidden; float: left; }
		.welcomBox h2{ padding-bottom:41px; font-family:'Myriad Pro'; font-weight:normal; color: #198ebf; font-size:24px;}
		.welcomBox p{ padding-bottom:15px;color: #7a7a7a; font-size: 12px; line-height:20px;}
		.welcomBox img{ margin-right:27px; float: left; border: solid 6px #838383;}
		.welcomBox ahover{ text-decoration:none;}
		
		/* ### TEXT BOX ### */
		.textBox { padding-top:40px; width: 960px; overflow:hidden; float: left; }
		.textBox h2{ padding-bottom:41px; font-family:'Myriad Pro'; font-weight:normal; color: #198ebf; font-size:24px;}
		.textBox p{ padding-bottom:15px;color: #7a7a7a; font-size: 12px; line-height:20px;}
		.textBox img{ margin-right:27px; float: left; border: solid 6px #838383;}
		.textBox ahover{ text-decoration:none;}
		
		/* ### ABOUT BOX ### */
		.aboutBox { padding-top:40px; width: 604px; overflow:hidden; float: left; }
		.aboutBox h2{ padding-bottom:27px; font-family:'Myriad Pro'; font-weight:normal; color: #198ebf; font-size:24px;}
		.aboutBox span { font-size: 12px; line-height: 20px; font-style: italic; font-weight: normal; color: #7a7a7a; }
		.aboutBox p{ padding: 18px 0px 0px 0px; color: #7a7a7a; font-size: 12px; line-height:22px;}
		.aboutBox img{ margin: 22px 27px 0px 0px; float: left; border: solid 6px #838383;}
		.aboutBox ahover{ text-decoration:none;}

		
		/* ### WELCOE BOX ### */
		.getBox { margin-top:45px; width: 347px; float: right; background: url(../images/get_bg.jpg) repeat-y; }
		.getBox .top {width: 347px; background: url(../images/get_top.jpg) left top no-repeat; }
		.getBox .bottom { padding:9px 20px 28px 20px; width: 307px; overflow:hidden; background: url(../images/get_bottom.jpg) left bottom no-repeat;}
		.getBox h2{
	padding:19px 0px 33px 82px;
	font-family:'Myriad Pro';
	font-weight:normal;
	color: #000;
	font-size:28px;
	background: url(../images/get_icon.png) left bottom no-repeat;
}
		.getBox  p {padding-bottom:10px; text-indent: 50px; width:307px; margin-bottom: -60px; overflow:hidden; color: #1f1f1f;font-size: 12px;line-height:20px;background: url(../images/p_border.png)  bottom repeat-x;left: 666px; top: 720px;}
		.getBox h3{padding-top:77px; color: #383838;font-size: 20px; text-align:center;}
		
		/* ### BOTTOM CONTAINER ### */
		#bottomCntr { width: 980px; overflow:hidden; background: url(../images/bottom_coterner_top.jpg) top center no-repeat;}
		#bottomCntr .bottom { padding:39px 0px 74px 0px; width: 980px; overflow:hidden; background: url(../images/bottom_coterner_bottom.jpg) bottom center no-repeat;}
		
		/* ### HAND BOX ### */
		.handBox { padding-right:32px; width: 305px; overflow:hidden; float: left; }
		.handBox h2{ padding-bottom:19px; font-family:'Myriad Pro'; font-weight:normal; color: #198ebf; font-size:24px;}
		.handBox h2 span{ font-family: 'Myriad Pro', Arial, Helvetica, sans-serif; font-weight:normal; font-style:italic; color: #8f8e8e; font-size:12px; display:block;}
		.handBox p{ padding:32px 0px 20px 0px;color: #7a7a7a; font-size: 12px; line-height:20px;}
		.handBox img{ border: solid 6px #838383;}
		.handBox.optimize{ padding-right:0px; width: 305px; overflow:hidden; float: left; }
		
		/* ### LEFT CONTAINER ### */
		#leftCntr { width: 604px; overflow:hidden; float: left; }
		
			/* ### ABOUT BOX ### */
			.aboutBox { padding-top:40px; width: 604px; overflow:hidden; float: left; }
			.aboutBox h2{ padding-bottom:27px; font-family:'Myriad Pro'; font-weight:normal; color: #198ebf; font-size:24px;}
			.aboutBox span { font-size: 12px; line-height: 20px; font-style: italic; font-weight: normal; color: #7a7a7a; }
			.aboutBox p{ padding: 20px 0px 0px 0px; color: #7a7a7a; font-size: 12px; line-height:22px;}
			.aboutBox img{ margin: 22px 27px 0px 0px; float: left; border: solid 6px #838383;}
			.aboutBox ahover{ text-decoration:none;}
			
			/* ### PORTFOLIO BOX ### */
			.portfolioBox { padding-top:40px; width: 604px; overflow:hidden; float: left; }
			.portfolioBox h2{ padding-bottom:27px; font-family:'Myriad Pro'; font-weight:normal; color: #198ebf; font-size:24px;}
			.portfolioBox span { padding-bottom: 20px; display: block; font-size: 12px; line-height: 20px; font-style: italic; font-weight: normal; color: #7a7a7a; background: url('../images/bottom-line.jpg') left bottom repeat-x; }
			.portfolioBox p{ padding-top: 20px; color: #7a7a7a; font-size: 12px; line-height:22px;}
			.portfolioBox img{ margin: 38px 0px 36px 0px; display: block; float: left; border: solid 6px #838383;}
			.portfolioBox ahover{ text-decoration:none;}
			
			/* ### CONTACT BOX ### */
			.contactBox{ padding-top: 57px;  width: 604px; overflow: hidden; line-height: 20px;}
			.contactBox form { border: 0px; padding: 0px;}
			.contactBox fieldset { border: none; }
			.contactBox input.filed{ padding:0px; background: url(../images/contact-bar.jpg) 0px 0px  no-repeat; width:486px; height:36px; display: inline-block; border:none; color: #888888; font-size: 12px; }
			.contactBox label{ width:115px; height:46px; font:14px Arial, Helvetica, sans-serif; color:#198ebf; display:inline-block; text-align:left; vertical-align:top; }
			.contactBox textarea{ padding: 0; background: url(../images/text-area.jpg) 0px 0px no-repeat; width:486px; height:146px; border:none; color: #888888; font-size: 12px;}
			.contactBox input.send{ padding-left: 16px; background: url(../images/send-button.jpg) 0px 0px no-repeat; width:148px; height:37px; border:none; margin:21px 0px 0px 120px; cursor:pointer; font-size: 12px; color: #000000; text-decoration: none; line-height: 37px; text-align: left; }
			.contactBox input.send:hover { text-decoration: underline;}
			
			
			
			
			
			/* ### CLIENT BOX ### */
			.clientsBox { padding: 58px 0px 40px 0px; width: 280px; overflow:hidden; float: left; }
			.clientsBox h2{ padding-bottom:19px; font-family:'Myriad Pro'; font-weight:normal; color: #198ebf; font-size:24px;}
			.clientsBox h2 span{ padding-top: 13px; font-family: 'Myriad Pro', Arial, Helvetica, sans-serif; font-weight:normal; font-style:italic; color: #8f8e8e; font-size:12px; display:block;}
			.clientsBox p{ padding:32px 0px 0px 0px;color: #7a7a7a; font-size: 12px; line-height:20px;}
			.clientsBox img{ border: solid 6px #838383;}
			.clientsBox.optimize{ padding-left: 0px; width: 280px; overflow:hidden; float: right; }
			
			/* ### DESIGN BOX ### */
			.designBox { padding: 45px 0px 40px 0px; width: 287px; overflow:hidden; float: left; }
			.designBox h2 { padding: 0px 0px 15px 68px; width: 213px; font-family:'Myriad Pro'; font-weight:normal; color: #198ebf; font-size:24px;}
			.designBox span { padding-bottom: 25px; width: 210px; float: right; line-height: 20px; font-weight:normal; font-style:italic; color: #8f8e8e; font-size:12px; display:block;}
			.designBox p { padding: 0px 0px 30px 0px; width: 287px; float: left; color: #7a7a7a; font-size: 12px; line-height:20px;}
			.designBox img { padding-top: 5px; border: none;}
			.designBox.optimize { padding-left: 0px; width: 280px; overflow:hidden; float: right; }
			
		
		/* ### RIGHT CONTAINER ### */
		#rightCntr { margin-top:45px; width: 347px; float: right; }
			
			/* ### TOUCH BOX ### */
			.touchBox { width: 347px; float: right; position: relative; background: url(../images/get_bg.jpg) repeat-y; }
			.touchBox .top {width: 347px; background: url(../images/get_top.jpg) left top no-repeat; }
			.touchBox .bottom { padding:9px 20px 28px 20px; width: 307px; overflow:hidden; background: url(../images/get_bottom.jpg) left bottom no-repeat;}
			.touchBox h2{ padding:19px 0px 33px 82px; font-family:'Myriad Pro'; font-weight:normal; color: #000; font-size:36px;background: url(../images/get_icon.png) left bottom no-repeat;}
			.touchBox p {padding-bottom:10px; width:307px; overflow:hidden; position: relative; color: #1f1f1f; font-size: 12px;line-height:22px; background: url(../images/p_border.png)  bottom repeat-x;left: 666px; top: 520px;}
			.touchBox h3{padding-top:77px; color: #383838;font-size: 20px; text-align:center;}

			/* ### BLOG BOX ### */
			.blogBox { margin: 30px 0 20px 0; width: 347px; float: right; background: url('../images/blog-bg.jpg') repeat-y; }
			.blogBox .top {width: 347px; background: url('../images/blog-top-bg.jpg') left top no-repeat; }
			.blogBox .bottom { padding:9px 20px 28px 20px; width: 307px; overflow:hidden; background: url('../images/blog-bottom-bg.jpg') left bottom no-repeat;}
			.blogBox h2{ padding: 20px 0px 7px 65px; font-family:'Myriad Pro'; font-weight:normal; color: #000; font-size: 22px;background: url('../images/blog-icon.png') left 10px no-repeat;}
			.blogBox strong { padding: 20px 0 10px 0px; display: block; font-size: 12px; color: #606060; font-weight: bold; }
			.blogBox  p { padding-bottom:10px; width:307px; overflow:hidden; color: #1f1f1f; font-size: 12px;line-height:22px; }
			.blogBox span { padding-bottom: 15px; font-size: 12px; color: #1f1f1f; text-align: right; font-weight: normal; font-style: italic; display: block; border-bottom: #949494 solid 1px; }
			.blogBox .last { border: none; }
		
	
	/* ### FOOTER CONTAINER ### */
	#footerCntr { overflow: hidden; width: 100%; background: url(../images/footer_small.jpg) repeat-x; }	
	#footerCntrinner { overflow: hidden; width:980px; margin:0 auto; }	
	#footerCntr .top{  width:980px; overflow:hidden;}	
	
		/* ### PAGE BOX ### */
		.pageBox { padding:7px 36px 21px 0px; width: 218px; overflow: hidden; float:left;}
		.pageBox h4{ padding:4px 0px 20px 66px; font-weight:normal; color: #868484; font-size:18px;border-bottom: solid 1px #141414; background: url(../images/page_icon.jpg) left top no-repeat;}
		.pageBox ul { margin:0px; padding:15px 0px 0px 0px; }
		.pageBox li { list-style: none; padding-left:33px; font-size: 16px; line-height:34px;border-bottom: solid 1px #444444; background: url(../images/footer_airow.jpg) left 12px no-repeat; }
		.pageBox li a {color: #868484; text-decoration: none; font-size:12px; }
		.pageBox li a:hover { text-decoration:underline; }
		.pageBox li.last{ border:none;}
		.pageBox img{ padding-top:36px;border:none;}
		
		/* ### RECENT BOX ### */
		.recentBox { padding:7px 36px 21px 0px; width: 218px; overflow: hidden; float:left;}
		.recentBox  h4{ padding:4px 0px 20px 45px; font-weight:normal; color: #868484; font-size:18px;border-bottom: solid 1px #141414; background: url(../images/recent_icon.jpg) left top no-repeat;}
		 .recentBox .heading{ padding:4px 0px 20px 61px; font-weight:normal; color: #868484; font-size:18px;border-bottom: solid 1px #141414; background: url(../images/solution_img.jpg) left top no-repeat;}
		 .recentBox .heading1{ padding:11px 0px 20px 55px; font-weight:normal; color: #868484; font-size:18px;border-bottom: solid 1px #141414; background: url(../images/other_icon.jpg) left top no-repeat;}
		.recentBox  ul { margin:0px; padding:15px 0px 0px 0px; }
		.recentBox  li { list-style: none; font-size: 16px; line-height:34px; }
		.recentBox  li a {color: #868484; text-decoration: none; font-size:12px; }
		.recentBox  li a:hover { text-decoration:underline; }
		.recentBox.last{ padding:0px 0px 0px 0px; float:left;}
		
		/* ### FOOTER BOX ### */
		.footerBox { width: 980px; overflow: hidden;}
		.footerBox p {padding-top:20px; padding-bottom:10px; overflow: hidden; color:#6c6b6b; float:left;}
		.twitter{padding-top:15px; width:130px; float:right; overflow:hidden;}
		.twitter img{ float:right; padding-left:5px;}
		


#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #EAEBD8;
	border: 1px solid #0F1012}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #0F1012;
		color: #2875DE;
		font: 11px arial}

	#sddm div a:hover
	{	background: #49A3FF;
		color: #FFF}


/*============================*/
/*=== Custom Slider Styles ===*/
/*============================*/

#slider {
	position:relative;
    width:960px;
    height:344px;
	background:url(../images/loading.gif) no-repeat 50% 50%;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}

#slider .nivo-controlNav {
	position:absolute;
	bottom:-58px; /* Put the nav below the slider */
	left:358px;
	display:inline;
}
#slider .nivo-controlNav img {
	display:inline; /* Unhide the thumbnails */
	position:relative;
	margin-right:10px;
}
#slider .nivo-controlNav a {
    display:inline;
}


.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(../images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}

.nivo-caption {
    text-shadow:none;
    font-family: 'Myriad Pro', Helvetica, Arial, sans-serif;
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}

/*====================*/
/*=== Other Styles ===*/
/*====================*/
.clear {
	clear:both;
}

/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:8;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:9;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}


a.link_s:link {
	color: #CCCCCC;
}
a.link_s:visited {
	color: #CCCCCC;
}
a.link_s:hover {
	color: #FFFFFF;
}
a.link_s:active {
	color: #CCCCCC;
}