@charset "utf-8";
/* CSS Document */

* {
	padding:0;
	margin:0;
}

body {
	background:url(images/bg.gif) repeat-x #fff top;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#707070;
}

body.page {
	background:url(images/bg_page.gif) repeat-x top;
}

.clear { clear:both; height:0; }

#wrap {
	width:990px;
	height:auto;
	margin:0 auto;
}

#header {
	width:990px;
	height:230px;
	background:url(images/header.gif) no-repeat top right;
	position:relative;
}

#logo {
	display:block;
	border:none;
	overflow:hidden;
	text-indent:-9999px;
	height:47px;
	width:222px;
	background:url(images/logo.png) no-repeat;
	position:absolute;
	top:41px;
	left:0;
	outline:none;
}

#navigation {
	position:absolute;
	top:130px;
	left:0;
		}
		#navigation ul {
			border-bottom:1px solid #ebebeb;
			width:900px;
			padding:0 15px;
		}
		#navigation ul li {
			display:block;
			float:left;
			padding:0 15px 0 15px;
			font-size:12px;
				}
				#navigation li ul {
				 position: absolute;
				 width: 100%;
				 left: -999em;
				 padding:0;
				 border-bottom:none;
				}
				#navigation ul li:hover ul, #navigation ul li.sfhover ul {
					left: 0;
					width:100%;
					z-index:1000; 
				}
				#navigation ul li:hover ul li a, #navigation ul li.sfhover ul li a {
					color:#787878;
					background:none;
				}
				#navigation ul li:hover ul li a:hover, #navigation ul li.sfhover ul li a:hover {
					color:#363636;
				}
				#navigation ul li.sfhover a, #navigation ul li:hover a {
					color:#363636;
					background:url(images/arrow_up.gif) no-repeat bottom center;
				}
				#navigation li ul li {
					line-height:18px; 
					width:auto;
					font-size:11px;
					background:url(images/sub.gif) no-repeat center right;
				}
				#navigation li ul li.last {
					background:none;
				}
				#navigation li ul li a {
					height:auto;
					padding:15px;
					font-size:11px;
					
				}
				#navigation li ul li a:hover {
					background:none;
				}
				}
				#navigation li ul li h2 {
					height:auto;
					padding:15px;
					font-size:11px;
					
				}
				#navigation li ul li h2:hover {
					background:none;
				}
		#navigation ul li a {
			color:#787878;
			text-decoration:none;
			display:block;
			height:30px;
			width:auto;
				}
				#navigation ul li a:hover {
					color:#363636;
					background:url(images/arrow_up.gif) no-repeat center bottom;
				}
		#navigation ul li h2 {
			color:#787878;
			text-decoration:none;
			display:block;
			height:30px;
			width:auto;
				}
				#navigation ul li h2:hover {
					color:#363636;
					background:url(images/arrow_up.gif) no-repeat center bottom;
				}

#search {
	position:absolute;
	right:15px;
	top:45px;
	width:305px;
		}
		#search .toll {
			display:inline;
			background:url(images/phone.gif) no-repeat right center;
			font-size:12px;
			color:#959595;
			padding:10px 30px 10px 0;
		}
		#search .toll em {
			font-style:normal;
			color:#42afe4;
		}
		#search form {
			position:relative;
			padding:10px 0;
		}
		#search input[type=text], #search input[type=search] {
			padding:5px 5px 5px 20px;
			border:1px solid #ebebeb;
			font-size:11px;
			font-family:Arial, Helvetica, sans-serif;
			color:#b7b7b7;
			width:210px;
			height:19px;
			line-height:19px;
			background:url(images/search.gif) no-repeat right;
			position:absolute;
			top:15px;
		}
		#search input[type=submit] {
			width:55px;
			height:31px;
			border:none;
			background:url(images/go.gif) no-repeat;
			padding:0;
			line-height:31px;
			position:absolute;
			top:15px;
			left:240px;
		}

#top {
	width:990px;
	height:auto;
}

#top .left {
	width:160px;
	float:left;
		}
		#top .left .box {
			width:100px;
			padding:30px;
			background:#ebebeb;
			margin:0 0 15px 0;
		}
		#top .left .box#support {
			background:url(images/support.gif) no-repeat top right #ebebeb;
		}
		#top .left .box h1 {
			color:#363636;
			font-size:11px;
			font-weight:bold;
		}
		#top .left .box span.offline {
			display:block;
			font-size:15px;
			color:#707070;
			padding:10px 0;
			font-weight:bold;
		}
		#top .left .box .sm {
                        display: block;
			overflow:hidden;
                        height:48px;
			width:48px;
			border:none;
			text-indent:-9999px;
			margin:13px 0 0 0;
				}
				.sm#fbicon {
					background:url(images/fb_col.png) no-repeat;
				}
				.sm#twicon {
					background:url(images/tw_col.png) no-repeat;
				}
		#top .right {
			position:relative;
			float:left;
			width:818px;
			margin:0 0 0 12px;
		}
		.tabContainer {
			position:absolute;
			top:0;
			right:0;
			z-index:1;
		}
		.tabContainer .tab {
			display:block;
		}
		.tabContainer .tab img {
			border:none;
		}
		.tabContainer .tab.current {
			display:block;
		}
		.pagination .tabNav {
			width:352px;
			height:auto;
			position:absolute;
			top:0;
			left:0;
			z-index:100;
		}
		.pagination .tabNav li {
			display:block;
			width:352px;
			height:109px;
			margin:0 0 12px 0;
			padding:0;
				}
				.pagination .tabNav li a{
					display:block;
					height:62px;
					width:270px;
					color:#363636;
					text-decoration:none;
					font-weight:bold;
					padding:47px 0 0 35px;
					background:url(images/slider_item.png) no-repeat bottom left;
					outline:none;
				}
				.pagination .tabNav li a.current{
					display:block;
					height:62px;
					width:319px;
					color:#fff;
					background-position:top;
					text-decoration:none;
					font-weight:bold;
					text-shadow:1px 1px #3a9ccb;
				}

#home {
	width:990px;
	height:auto;
	padding:30px 0;
		}
		#home .box {
			float:left;
			width:300px;
			margin: 0 0 0 34px;
			line-height:19px;
		}
		#home .box h1 {
			color:#363636;
			font-size:15px;
			font-weight:normal;
			margin:0 0 10px 0;
		}
		#home .box h2, #home .box h2 a {
			color:#707070;
			text-decoration:none;
			font-size:12px;
			font-weight:normal;
			margin:0 0 10px 0;
		}	
		#home .box h2 a:hover {
			color:#41AFE4;
		}		
		#home .box p {
			margin:0 0 20px 0;
		}	
		#home .box .meta {
			color:#959595;
				}
				#home .box .meta .date {
					float:left;
					clear:left;
				}
				#home .box .meta .more-link {
					float:right;
					color:#959595;
					text-decoration:none;
					clear:right;
				}
				#home .box .meta .more-link:hover {
					color:#41AFE4;
				}
		#home #clients {
			width:250px;
			float:left;
			margin: 0 0 0 34px;
			position:relative;
			line-height:19px;
				}
				#home #clients h1 {
					color:#363636;
					font-size:15px;
					font-weight:normal;
					margin:0 0 10px 0;
				}
				#home #clients p {
					margin:0 0 10px 0;
				}
				#home #clients .client {
					color:#959595;
					display:block;
					text-align:right;
						}
						#home #clients .client em, #home #clients .client em a {
							display:block;
							color:#b7b7b7;
							text-decoration:none;
						}
	#clientslider ul, #clientslider li {
		margin:0;
		padding:0;
		list-style:none;
		}
	#clientslider li { 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:250px;
		height:280px;
		overflow:hidden; 
		}
		#clientslider li .logo {
			text-align:center;
			padding:20px 0;
		}	
	#prevBtn, #nextBtn { 
		display:block;
		width:29px;
		height:29px;
		position:absolute;
		left:0px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn { 
		left:220px;
		}														
	#prevBtn a, #nextBtn a {  
		display:block;
		position:relative;
		width:29px;
		height:29px;
		background:url(images/arrow_l.png) no-repeat 0 0;	
		text-indent:-9999px;
		overflow:hidden;
		}	
	#nextBtn a { 
		background:url(images/arrow_r.png) no-repeat 0 0;	
		}	
		

#sidebar {
	float:left;
	width:227px;
	height:auto;
		}
		#sidebar .box {
			width:227px;
			height:auto;
			margin:0 0 15px 0;
				}
				#sidebar .box h1 {
					display:block;
					background:#41afe4;
					color:#fff;
					font-size:12px;
					font-weight:normal;
					width:197px;
					padding:10px 0 10px 30px;
					margin:0 0 3px 0;
				}
				#sidebar .box .cont {
					background:#ebebeb;
				}
				#sidebar .box .cont ul {
					background:#f1f1f1;
				}
				#sidebar .box .cont li {
					list-style:none;
					display:block;
					padding:10px 0 10px 40px;
					background:url(images/sub_list.gif) no-repeat 30px 14px #ebebeb;
					margin:0 0 2px 0;
				}
				#sidebar .box .cont li a {
					color:#707070;
					text-decoration:none;
						}
						#sidebar .box .cont li a:hover {
							color:#000;
						}
				#sidebar .box .cont.padded {
					padding:20px 30px;
				}
				#sidebar .box .cont#support {
					background:url(images/support.gif) no-repeat top right #ebebeb;
					padding:27px 30px;
				}
				#sidebar .box .cont h1 {
					color:#363636;
					font-size:11px;
					font-weight:bold;
					display:block;
					padding:0;
					background:none;
					margin:0;
				}
				#sidebar .box .cont span.offline {
					display:block;
					font-size:15px;
					color:#707070;
					padding:10px 0;
					font-weight:bold;
				}
				#sidebar .box .cont .sm {
					display:block;
					overflow:hidden;
					height:48px;
					width:48px;
					border:none;
					text-indent:-9999px;
					margin:0 20px 0 0;
					float:left;
						}
						.sm#fbbw {
							background:url(images/fb_bw.png) no-repeat;
						}
						.sm#twbw {
							background:url(images/tw_bw.png) no-repeat;
						}


#page {
	width:750px;
	float:left;
	margin:0 0 0 10px;
	line-height:17px;
		}
		.navi {
			padding:20px 40px;
			background:#fff;
				}
				.navi .prev {
					float:left;
				}
				.navi .next {
					float:right;
				}
				.navi a {
					color:#000;
					font-weight:bold;
					text-decoration:none;
				}
				.navi a:hover {
					color:#41afe4;
				}
		#page p {
			margin: 0 0 15px 0;
		}
		#page .picture {
			padding:0 0 50px 0;
				}
				#page .picture img {
					border:none;
				}
		#page .entry {
			padding:0 40px 50px 40px;
			background:#fff;
				}
				.entry a {
					color:#41afe4;
				}
				.entry a:hover {
					text-decoration:none;
				}
				#page .entry h1 {
					color:#363636;
					font-size:18px;
					font-weight:normal;
					line-height:30px;
					display:block;
					border-bottom:1px solid #ebebeb;
					padding:0 0 10px 0;
					margin: 0 0 20px 0;
				}
				#page .entry h1 a {
					color:#000;
					text-decoration:none;
						}
						#page .entry h1 a:hover {
							color:#41afe4;
							text-decoration:none;
						}
				#page .entry h1 span {
					color:#707070;
					display:block;
					font-size:15px;
				}
				#page .entry h1 span.date {
					font-size:11px;
					text-transform:uppercase;
				}
				#page .entry .box {	
					float:left;
					width:315px;
					height:auto;
					margin:0 20px 20px 0;
						}
						#page .entry .box h1 {
							display:block;
							font-size:12px;
							font-weight:normal;
							color:#fff;
							background:#898989;
							padding:10px 0 10px 25px;
							line-height:12px;
							margin:0 0 8px 0;
						}
						#page .entry .box .text {
							background:#f1f1f1;
							line-height:17px;
							padding:20px 25px;
						}
						#page .entry .box .text a {
							color:#000;
							text-decoration:none;
								}
								#page .entry .box .text a:hover {
									text-decoration:underline;
								}
						#page .entry .box .text p {
							margin:0 0 15px 0;
						}

				#contact {
					padding:30px 0;
				}
				#contact .box {
					width:250px;
					float:left;
					line-height:19px;
					margin:0 40px 0 20px;
				}
				#contact .box#form {
					width:330px;
					margin:0 0 0 20px;
						}
						#form p {
							clear:both;
						}
						#form label {
							display:block;
							width:85px;
							font-size:11px;
							padding:3px 0;
							float:left;
						}
						#form input[type=text] {
							float:right;
							width:230px;
							margin:0 0 10px 0;
							padding:5px;
							font-size:11px;
							color:#666666;
							border:2px solid #ebebeb;
							font-family:Arial, Helvetica, sans-serif;
						}
						#form textarea {
							float:right;
							width:230px;
							height:85px;
							margin:0 0 10px 0;
							padding:5px;
							font-size:11px;
							color:#666666;
							border:2px solid #ebebeb;
							font-family:Arial, Helvetica, sans-serif;
						}
						#form input[type=submit] {
							width:72px;
							height:28px;
							display:block;
							float:right;
							border:none;
							background:url(images/submit.gif) no-repeat;
							overflow:hidden;
							margin:0 0 0 10px;
						}
						#form input[type=reset] {
							width:72px;
							height:28px;
							display:block;
							float:right;
							border:none;
							background:url(images/reset.gif) no-repeat;
							overflow:hidden;
						}
				#contact .box p {
					margin:0 0 15px 0;
				}
				#contact .box strong {
					font-size:12px;
					color:#363636;
				}
				#contact .box h1 {
					color:#363636;
					font-size:15px;
					font-weight:normal;
					line-height:25px;
					display:block;
					border-bottom:1px solid #ebebeb;
					padding:0 0 15px 0;
					margin: 0 0 25px 0;
				}
				#contact .box h1 span {
					color:#707070;
					display:block;
					font-size:12px;
				}


#team {	border-top:1px solid #ebebeb; margin:30px 0 0 0; }
#team .block {
	position:relative;
}
#team a {
	font-size:14px;
	font-weight:bold;
	margin: 0;
color:#000;
	padding:10px 0 10px 0;
display:block;
border-bottom:1px solid #ebebeb;
}
#team a { text-decoration:none; }
#team a small {
	display:inline;
	font-size:11px;
	color:#999999;
	text-transform:uppercase;
	font-weight:normal;
}

#team a:hover, #team a.selected {
	color:#41AFE4;
}
#team .member {
	padding:10px 0 0 0;
	border-bottom:1px solid #ebebeb;
display:block;
}
#team .member .pic {
	float:left;
	width:120px;
}
#team .member .text {
	float:left;
	width:520px;
	padding:0 0 0 30px;
}
#team .member .text a {
font-size:11px;
border:none;
display:inline;
color:#41AFE4;
}
#discussion {
	padding:0 50px;
}
#discussion h1.header {
	color:#363636;
	font-size:18px;
	font-weight:normal;
	line-height:30px;
	display:block;
	border-bottom:1px solid #ebebeb;
	padding:0 0 10px 0;
	margin: 0 0 20px 0;
}
ul.commentlist {
	height:auto;
}
ul.commentlist li {
	list-style:none;
	padding:10px;
	width:560px;
	margin:0 auto;
		}
		ul.commentlist li .avatar {
			float:left;
		}
		ul.commentlist li .avatar img {
			padding:3px;
			border:1px solid #ebebeb;
		}
		ul.commentlist li .cmtxt {
			float:left;
			padding: 0 0 0 10px;
			border-left:3px solid #41afe4;
			margin:0 0 0 10px;
			width:450px;
			line-height:19px;
		}
		ul.commentlist li.alt {
			background:#F2F2F2;
		}
		ul.commentlist li .cmtxt small {
			text-transform:uppercase;
			color:#363636;
		}
#respond a {
	color:#41afe4;
}
#respond input[type=submit] {
	width:72px;
	height:28px;
	display:block;
	border:none;
	background:url(images/submit.gif) no-repeat;
	overflow:hidden;
}
#respond input[type=text] {
	padding:5px;
	border:1px solid #ebebeb;
	font-size:11px;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	width:200px;
}
#respond textarea {
	padding:5px;
	border:1px solid #ebebeb;
	font-size:11px;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	width:400px;
	line-height:19px;
}			
#footer {
	width:930px;
	height:auto;
	padding:30px;				
	border-top:1px solid #e1e1e1;
		}
		#footer .copyright {
			float:left;
				}
				#footer .copyright span {
					color:#000;
				}
		#footer .nav {
			float:right;
		}
		#footer a, #footer .nav li a:hover {	
			text-decoration:none;
			color:#363636;
		}
		#footer .nav li {
			list-style:none;
			display:inline;
			padding: 0 15px;
		}
		#footer .nav li a {
			color:#959595;
		}