@charset "UTF-8";
html,body,body
div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,
	/*ol,ul,li,*/
fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video
{
border:0;
outline:0;
font-size: 100%;
vertical-align:baseline;
background:transparent;
margin:0;
padding:0;
}

body,body div { font-size: 14px;}


.score{background-color:#ccc;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;font-size:2.2em;font-weight:bolder;color:#37B1FF;border:10px solid #B0B0B0;float:left;width:219px;height:84px;padding:58px 15px 0 32px;text-shadow:0 1px 0 #fff;float: right  }
.scoreresults{background-color:#fff;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:1.3em;font-weight:bolder;color:#37B1FF;border:3px solid #B0B0B0;float:right;width:50px;height:20px;padding:5px;text-align:right;float: right
  }



html {
	overflow-y: scroll;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: none;
}

a {
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	color: #03f;
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: inherit;
	font: 100%;
}

td {
	font-weight: 400;
	vertical-align: top;
}

hr {
	display: block;
	border-top: 1px solid #ccc;
	background-color: #e5e5e5;
	color: #e5e5e5;
	border: none;
	height: 1px;
	clear: both;
	margin: 40px 0;
	padding: 0;
}

input, select {
	vertical-align: middle;
}

input[type=radio] {
	vertical-align: text-bottom;
	-webkit-appearance: radio;
}

input[type=checkbox] {
	vertical-align: baseline;
	-webkit-appearance: checkbox;
}

select, input, textarea {
	font: 99% sans-serif;
}

a:hover, a:active {
	outline: none;
}

small {
	font-size: 85%;
}

strong, th {
	font-weight: 700;
}

td, td img {
	vertical-align: top;
}

.clickable, label, input[type=button], input[type=submit], button {
	cursor: pointer;
}

.clearfix:before, .clearfix:after {
	content: "\0020";
	display: block;
	height: 0;
	overflow: hidden;
}

.clearfix:after {
	clear: both;
}


body {
	font: 13px Helmet, Freesans, sans-serif;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	color: #333;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
}

a:hover {
	color: #69f;
}

a:link {
	-webkit-tap-highlight-color: transparent;
}

.button, .content-form input.button, #comment-form #submit {
	width: auto;
	display: inline-block;
	cursor: pointer;
	line-height: normal;
	border: none;
	border-radius: 3px;
	color: #fff !important;
	text-shadow: 0 -1px rgba(0, 0, 0, 0.2);
	background-repeat: repeat-x;
	margin: 0 10px 20px 0;
	padding: 6px 15px;
}

.notification-box {
	position: relative;
	margin-bottom: 20px;
	background: no-repeat 10px center;
	border: 1px solid;
	padding: 10px 24px 10px 36px;
}

a.notification-close {
	display: block;
	position: absolute;
	right: 10px;
	top: 10px;
	color: #666 !important;
	font-weight: 700;
	font-size: 1.166em;
	line-height: normal;
}

.notification-box p {
	margin-bottom: 0;
	margin-top: 20px;
}

.toggle, .accordion>div {
	margin-top: -1px;
}

.toggle:first-child, .accordion>div:first-child {
	margin-top: 0;
}

.infobox .button {
	float: right;
	margin: 0 0 5px 20px;
}

body.boxed {
	background-color: #fff;
	background-repeat: repeat;
	background-position: left top;
}

.clear {
	clear: both;
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
}

#wrap {
	border-top: 4px solid;
	overflow: hidden;
}

.boxed #wrap {
	background-color: #fff;
	width: 1020px;
	max-width: 100%;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.11);
	margin: 0 auto;
}

.container {
	width: 940px;
	max-width: 100%;
	margin: 0 auto;
}

h1 {
	font-size: 2.5em;
	line-height: 1.266em;
	font-weight: 300;
	letter-spacing: -.02em;
}

h2 {
	font-size: 1.666em;
	line-height: 1.3em;
	font-weight: 600;
	letter-spacing: -.02em;
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 10px;
	margin-bottom: 25px;
}

h3 {
	font-weight: 700;
	font-size: 1.333em;
	line-height: 1.375em;
}

h4 {
	font-size: 1.166em;
	line-height: 1.285em;
	font-weight: 600;
}

h6 {
	font-size: 1em;
	line-height: 1.5em;
	font-weight: 700;
}

a, a>* {
	text-decoration: none;
}

a, a>*, .button, .jcarousel-prev, .jcarousel-next, .iconbox>a * {
	-webkit-transition: color .2s ease, background-color .2s ease, border
		.2s ease, opacity .2s ease-in-out;
	-moz-transition: color .2s ease, background-color .2s ease, border .2s
		ease, opacity .2s ease-in-out;
	-ms-transition: color .2s ease, background-color .2s ease, border .2s
		ease, opacity .2s ease-in-out;
	-o-transition: color .2s ease, background-color .2s ease, border .2s
		ease, opacity .2s ease-in-out;
	transition: color .2s ease, background-color .2s ease, border .2s ease,
		opacity .2s ease-in-out;
}

#logo {
	font: bold 2.833em/1em 'Open Sans', sans-serif;
	letter-spacing: -.02em;
	float: left;
	margin-top: 30px;
	margin-bottom: 0;
	max-width: 100%;
}

#logo a img {
	max-width: 100%;
	display: block;
}

.nav-wrap {
	float: right;
}

#nav {
	float: right;
	position: relative;
}

ul#navlist {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul#navlist li {
	float: left;
}

ul#navlist li a {
	display: block;
	font-size: 1.166em;
	font-weight: 600;
	line-height: normal;
	color: #333;
	margin-bottom: 4px;
	padding: 41px 20px 26px;
}

ul#navlist li.current a, ul#navlist li a:hover, ul#navlist li a.selected
	{
	color: #fff;
	background: url(images/nav-arrow.png) no-repeat center bottom;

}

#page-title {
	background-color: #333;
	box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4) inset;
	color: #e5e5e5;
	padding: 26px 0;
}

#page-title h1 {
	float: left;
	color: #fff;
	margin: 0;
}

#breadcrumbs {
	float: right;
	margin-top: 10px;
	text-align: right;
}

#breadcrumbs li {
	display: inline;
}

#breadcrumbs a {
	color: #fff;
	font-weight: 700;
	margin: 0 3px;
}

#breadcrumbs li:last-child {
	margin-left: 3px;
}

.one-half, .one-third, .one-fourth, .two-thirds, .three-fourths   {
	display: inline;
	float: left;
	margin-right: 2%;
}

.one-half {
	width: 49%;
	max-width: 460px;
	text-align:justify;
}

.one-fourth {
	width: 290px;
	max-width: 290px;
	text-align:justify;
}

.one-x {
	width: 290px;
	max-width: 290px;
	text-align:left;
}



.three-fourths {
	width: 65%;
	max-width: 700px;
}

.column-last {
	margin-right: 0 !important;
}

.iconbox {
	margin-bottom: 20px;
	position: relative;
}

.team-member .name, .team-member .job-title {
	text-align: center;
}

.project-carousel>li {
	float: left;
	width: 220px;
	margin-right: 20px;
}

.jcarousel-prev, .jcarousel-next {
	position: absolute;
	top: -60px;
	width: 19px;
	height: 19px;
	cursor: pointer;
	background: #ccc no-repeat;
}

.jcarousel-prev {
	right: 20px;
	background-position: 7px 6px;
	border-radius: 2px 0 0 2px;
}

.jcarousel-next {
	right: 0;
	background-position: -48px 6px;
	border-radius: 0 2px 2px 0;
}

.project-list li .overlay, .lightbox .overlay, .lightbox-video .overlay,
	.link-overlay .overlay {
	opacity: 0;
	z-index: 0;
}

.project-list li:hover .zoom, .lightbox .zoom, .lightbox-video .zoom, a.entry-image:link .zoom,
	a.entry-image:visited .zoom, .entry-slider a:link .zoom, .entry-slider a:visited .zoom
	{
	background-image: none;
}

#filter>span, #filter ul, #filter li {
	display: inline-block;
}

#filter li, #filter>span {
	vertical-align: middle;
	margin-bottom: 10px;
}

#filter>span {
	margin-right: 20px;
}

#filter li {
	margin-right: 5px;
}

#filter a {
	display: block;
	line-height: normal;
	color: #333;
	background-color: #e5e5e5;
	border-radius: 3px;
	background-repeat: repeat-x;
	padding: 6px 10px;
}

.post-carousel .entry {
	overflow: hidden;
	margin-bottom: 20px;
}

.blog-entry-list .entry {
	border-top: 1px solid #e5e5e5;
	padding-top: 40px;
	margin-bottom: 10px;
}

.blog-entry-list .entry:first-child, .blog-entry-list .page-nav.prev-next+.entry
	{
	border: none;
	padding-top: 0;
}

.post-carousel .entry-meta a {
	color: #888;
}

input, textarea, select {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	color: inherit;
}

input, textarea {
	-webkit-appearance: none;
}

input {
	line-height: normal;
}

textarea {
	overflow: auto;
}

input[type=submit] {
	width: auto;
}

#search-submit {
	width: 30px;
	border: none;
	text-indent: -10000em;
	cursor: pointer;
}

#s {
	position: absolute;
	top: 35px;
	right: 0;
	border: 1px solid #d9d9d9;
	width: 198px;
	z-index: 1000;
	border-radius: 0;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1) inset;
	padding: 6px 10px;
}

.content-form textarea, .content-form select {
	width: 60%;
}

.content-form textarea {
	height: 160px;
}

#newsletter-form input#newsletter {
	width: 90%;
	background-color: #404040;
	border: 1px solid #4c4c4c;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2) inset;
}

#newsletter-form input.button {
	margin-right: 0;
	margin-top: 10px;
	background-color: #1a1a1a;
	background-repeat: repeat-x;
}

#comment-form textarea {
	width: 60%;
	height: 160px;
}

.gen-table tbody th, .gen-table tr.odd th, .gen-table tr.odd td {
	background-color: #fafafa;
}

.gen-table tfoot .button {
	font-style: normal;
	font-size: 1.09em;
	margin: 5px 0;
}

.pricing-box .price, .pricing-box .footer {
	background-color: #f2f2f2;
	border: 1px solid #d9d9d9;
}

.pricing-box .footer {
	padding: 10px 15px;
}

.pricing-box .button {
	margin: 5px 0;
}

.pricing-box .title {
	background-color: #d9d9d9;
	border: 1px solid #c4c4c4;
	font-weight: 700;
	font-size: 1.5em;
	line-height: 1.333em;
	margin: 0;
	padding: 5px 15px;
}

.pricing-box.featured .title {

	background-repeat: repeat-x;
	border-bottom-color: rgba(0, 0, 0, 0.15) !important;
}

#footer {
	margin-top: 40px;
}

#footer a:hover {
	color: #e5e5e5;
}

#footer h3 {
	color: #e5e5e5;
	border-bottom: 1px solid #4c4c4c;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

#footer-bottom {
	color: gray;
	background-color: #1a1a1a;
	font-size: .916em;
	border-top: 1px solid #000;
	box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2) inset;
	padding: 30px 0;
}

#footer-bottom a {
	color: #b2b2b2;
}

.contact-info .address {
	background-position: left .083em;
}

.contact-info .email {
	background-position: left .25em;
}

.content-featured {
	background-color: #1a1a1a;
	color: #e5e5e5;
	margin-top: -30px;
	font-size: 1.333em;
	line-height: 1.375em;
	box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4) inset;
	padding: 30px 0;
}

.content-featured a {
	color: #fff;
	font-weight: 700;
}

a, a>*, .intro strong, .introbox strong, .iconbox>a:hover .iconbox-title,
	.entry-title a:hover, .project-list li:hover .entry-title, ul#search-results h2 a:hover,
	ul#search-results h2 a:hover strong, .widget ul.menu li>a:hover,
	.widget ul.menu li.current-menu-item>a, .ui-tabs .ui-tabs-nav li a:hover,
	.ui-tabs .ui-tabs-nav li.ui-state-active a, .ui-accordion .ui-accordion-header:hover,
	.ui-accordion .ui-accordion-header.ui-state-active, ol.comment-list .comment-author a:hover,
	.post-carousel .entry-meta a:hover, .iconbox .call-to-action,
	.content-featured a:hover, #breadcrumbs a:hover {
	color: #467;
}

ul#navlist li.current a, .ddsubmenustyle li a, .flex-direction-nav a:hover,
	.flex-direction-nav a:active, .tp-leftarrow.default:hover,
	.tp-rightarrow.default:hover, .ie8 .flex-direction-nav a:hover, .ie8 .flex-direction-nav a:active,
	.ie8 .fullwidthbanner-container .tp-leftarrow.default:hover, .ie8 .fullwidthbanner-container .tp-rightarrow.default:hover,
	.iconbox.icon-left>a:hover .iconbox-icon, .jcarousel-prev:hover,
	.jcarousel-prev:focus, .jcarousel-next:hover, .jcarousel-next:focus,
	#toTop:hover, .page-nav li.current, .page-nav a:hover, .pricing-box.featured .price,
	.pricing-box.featured .title, #filter a:hover, #filter a.selected,
	.tags a:hover, .fullwidthbanner-container .colored, .tp-bullets .bullet:hover,
	.tp-bullets .bullet.selected, #newsletter-form input.button:hover,
	.button, .content-form input.button, #comment-form #submit, .button.black:hover,
	.arrow-box-hover, #footer-featured {
	background-color: #37B1FF;
}

#wrap, #footer-top, .infobox, .ui-tabs .ui-tabs-nav li.ui-state-active a,
	.pricing-box.featured .price, .pricing-box.featured .title,
	.project-list .entry:hover .entry-meta, .iconbox>a:hover {
	border-color: #467;
}

.less10 {
	color: #64BB69;
}

.less15 {
	color: #FCBD00;
}

.less20 {
	color: #FFB640;
}

.less25 {
	color: #EF9A19;
}

.less40 {
	color: #F60;
}

.less50 {
	color: #FF4600;
}

.less60 {
	color: #E51905;
}

.less70 {
	color: #C00000;
}

.alert_success_top {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin: 2px 0;
	padding: 4px 10px 4px 30px;
}

.alert_success, .alert_success_top {
	background: url(../images/success.png) no-repeat scroll 8px center
		#404040;
	border: 1px solid #37B1FF;
	color: #37B1FF;
	font-size: 140%;
	font-weight: 700;
	text-align: center;
}



.error {
	background: url(../images/error.png) no-repeat scroll 8px center #FCC;
	border: 3px solid #A71A10;
	color: #744;
	font-size: 120%;
	font-weight: 700;
	text-align: center;
}

.form {
	width: 660px;
	float: left;
	display: block;
	margin: 2px 20px 20px 60px;
	padding: 1px 20px;
}

input#emailForm {
	font-size: 1.5em;
	color: #37B1FF;
	border: 4px solid #ccc;
	float: left;
	width: 80%;
	height: 54px;
}

.scoreresults {
	background-color: #fff;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	font-size: 1.3em;
	font-weight: bolder;
	color: #37B1FF;
	border: 3px solid #B0B0B0;
	float: right;
	width: 60px;
	height: 20px;
	text-align: right;
	padding: 5px;
}

.theserver {
	background-color: #E5EFFF;
	border: 1px solid #BDE;
	color: #467;
	width: 590px;
	margin-bottom: 10px;
	padding: 12px;
}

.server {
	padding-left: 12px;
}

.imgresults {
	float: right;
	padding-bottom: 15px;
	padding-right: 15px;
	width: 32px;
	height: 32px;
}

.speedsecs {
	font-size: 36px;
	font-weight: 700;
	padding-top: 5px;
	padding-bottom: 17px;
	padding-left: 15px;
	text-shadow: 0 1px 0 #000;
}

article, aside, figure, footer, header, hgroup, nav, section, iframe,
	video, audio, #logo a, .project-list .entry-image, .post-carousel .entry-image,
	.blog-entry-list>.entry>.entry-image {
	display: block;
}

button, input, select, textarea, .notification-box>p:first-child,
	.team-member .name, .content-featured p {
	margin: 0;
}

body, select, input, textarea, a:hover, a>*, #logo a, #logo a>* {
	color: #333;
}



.intro .buttons-wrap .button, .introbox .buttons-wrap .button, #main,
	.iconbox p:last-child, .iconbox>a>.button {
	margin-bottom: 0;
}

.button.black, .button:hover, .content-form input.button:hover,
	#comment-form #submit:hover, ul#navlist li a:hover, ul#navlist li a.selected
	{
	background-color: #333;
}

.toggles-wrap, .accordion, p, .team-member .content, #sidebar .widget {
	margin-bottom: 20px;
}

h1, h3, h4, h5, h6, .entry-image, .entry-video, .entry-slider {
	margin-bottom: 15px;
}

section, #page-header, a.entry-image:hover .zoom, a.entry-image:active .zoom,
	.entry-slider a:hover .zoom, .entry-slider a:active #filter {
	margin-bottom: 40px;
}

#slider-home, .widget {
	margin-bottom: 30px;
}

.note, .content-form .error, #comment-form .error {
	color: #E64141;
}

#breadcrumbs ul, #filter ul {
	margin: 0;
	padding: 0;
}

#filter a:hover, #filter a.selected, .pricing-box.featured .title,
	.pricing-box.featured .price span, .pricing-box.featured .price sup {
	color: #fff;
}

.post-carousel .entry-meta, .post-carousel .entry-content p,
	.entry-title, .content-form label, .content-form input, .content-form textarea,
	.content-form select, #comment-form label, #comment-form input,
	#comment-form textarea {
	margin-bottom: 5px;
}

::-webkit-input-placeholder, :-moz-placeholder {
	color: #999;
}

::-moz-focus-inner, .content-form input[type=file] {
	border: none;
	padding: 0;
}

.content-form p, #comment-form p {
	margin-bottom: 10px;
}

.content-form input, .content-form textarea, .content-form select,
	#comment-form input, #comment-form textarea {
	border: 1px solid #d9d9d9;
	border-radius: 0;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1) inset;
	padding: 6px 10px;
}

.content-form input:hover, .content-form textarea:hover, .content-form select:hover,
	.content-form input:focus, .content-form textarea:focus, .content-form select:focus,
	#comment-form input:hover, #comment-form textarea:hover, #comment-form input:focus,
	#comment-form textarea:focus {
	border-color: #ccc;
}

.content-form input, #comment-form input {
	width: 50%;
}

.content-form label, #comment-form label {
	display: block;
	clear: both;
}

#footer-featured  {
	background: #333;
}

.less90, .less99 {
	color: #A71A10;
}

img.sticker{cursor:pointer;}
.pagebar{text-align:center;padding:10px 0;/*margin:0;*/font-size:13px;}
.pagebar a,.pagebar a:visited{padding:2px 5px;border:1px solid #1a1a1a;background-color:#ddd;text-decoration:none;margin-right:3px;font-weight:bold;}
.pagebar .break{padding:1px 3px;border:none;background-color:#fff;text-decoration:none;}
.pagebar a.prev-page,.pagebar a.next-page{font-weight:bold;}
.pagebar .this-page{padding:2px 5px;border-color:#999;font-weight:bold;vertical-align:top;background-color:#fff;}
.pagebar a:hover{background-color:#bbb;border-color:#000;text-decoration:none;}

