/*	
Devnuts Core CSS Design
Copyright © 2009 Eric Zhivalyuk Artician, LLC. All rights reserved.
*/

/*Page & Body Elements*/
body {cursor:default; background:#dedab5 url(/img/con_y.png) repeat-y center ; margin:0; padding:0; margin:0 auto; text-align:center; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:12px; color:#666; line-height:14px; word-spacing:.03em; }
html, body {height:100%;}

div.topbar {
	background: url(/img/topbar-grad2.png) repeat-x scroll top;
	font: 14px "Gill Sans", Futura, Tahoma, "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase;
	left: 10px; margin: 0 auto; height: 40px; line-height: 40px; position: absolute; overflow: hidden;
}
div.breadcrumbs a { display: block; float: left; height: 40px; line-height: 40px; }
div.breadcrumbs.topbar { background-color: #fdc661; text-align: left; top: 87px; padding: 0 126px; width: 702px; }
div.breadcrumbs.topbar a { color: #364d00; }
div.breadcrumbs img { float: left; margin: 0 .5em; vertical-align: middle; }
div.header.topbar { background-color: #598000; color: #fff; letter-spacing: 1px; top: 127px; width: 954px; }
	
a { outline:none; } 
a:link { color:#259AE2; text-decoration:none; }
a:visited { color:#259AE2; text-decoration:none; }
a:active { color:#259AE2; text-decoration:none; }
a:hover { color:#666; text-decoration:none; }
a img { border:0 }

.nodisp {display:none;}
.clear{clear:both; height:0; overflow:hidden; font-size:0; line-height:0; background:none; border:none; display:block; margin: 0; padding: 0}
table {margin:0; padding:0; border-collapse:collapse; border:0; font-size:12px;}
th{text-align:left;}
p.desc {font-size:10px; border:1px dotted #ddd; padding:7px;}
img {border:0}
.helpNote {font-size:12px;}
.helpNote img.info {float:left; margin:0 5px 0 0;}
hr {padding:0; border-bottom:3px solid #ddd; background-color:transparent; height:1px; margin:10px 0 20px; color:transparent;}

h1 {font-size:1.5em; font-weight:400; line-height:2.0em; color:#999; padding:10px 0 3px 0; margin:0; text-align:left;}
h2, .page h2 { font-size: 20px; color: #5a5a5a; }
h3 {color:#5A5A5A; display:block; font-size:14px; font-weight:bold; line-height:2.7em; margin:0; padding:0 0 0 10px; text-align:left;} 
h4 {font-size:1.5em; color:#999; padding:0; margin:2px 0 20px 0; font-weight:normal;}	 
p {text-align:left; line-height:1.6em;}	
	
/*Forms*/
form {padding:0; margin:0;}
input {font-family:Arial, Helvetica, sans-serif;}
input.field {background:#fafafa url(/img/layout/field-bg.gif) repeat-x top; border:1px solid #ddd; margin:0 5px 7px 0; border-width:2px 1px 1px 1px; color:#319bde; font-size:13px; padding:0.4em;}
input.field:focus {background-color:#fff;}

select {background:#fff url(/img/layout/field-bg.gif) repeat-x top; padding:0.3em 0.4em 0.3em 0.1em; margin:0 5px 7px 0; font-size:13px; border:1px solid #ddd; color:#319bde;}
select:focus {background-color:#fff;}
select.thin {padding:0em 0.4em 0em 0.1em;}	

textarea, .textarea {font-family:Arial, Helvetica, sans-serif; background:#fafafa; border:1px solid #ddd; margin:0 5px 7px 0; border-width:2px 1px 1px 1px; color:#319bde; font-size:13px; padding:0.4em; width:99%;}
textarea:focus, .textarea:focus {background-color:#fff;}

/*Button Shared*/ .button_okay, .button_alert, .button, input.submit, .button_default, .button_neutral, .button_action {background:#f9f8f8 url(http://s.artician.com/images/layout/shine_bg.gif) repeat-x; font-size:12px; font-weight:bold; cursor:pointer; border:1px solid #ddd; padding:0.5em 0.4em 0.4em 0.4em; overflow:visible; margin:0;}
/*Button Active Shared*/ .button:active, input.submit:active, .button_alert:active, .button_okay:active, .button_default:active, .button_neutral:active, .button_action:active {border-top-color:#999; border-left-color:#999; outline:none;}
/*Button Hover Shared*/ .button:hover, input.submit:hover, .button_alert:hover, .button_okay:hover, .button_default:hover, .button_neutral:hover, .button_action:hover {border-top-color:#999; border-left-color:#999;}

input.button,input.submit {color:#319bde;}
input.okay {color:#89c800;}
input.alert {color:#ff0066;}
input.neutral {color:#666;}
input.default {color:#666; font-size:11px; padding:0.1em 4px 0.1em 3px;}
legend {font-size:14px; /* color: #ff7f00; */ line-height:12px; font-weight:bold;}
fieldset {border:1px solid #c0c0c0; margin-bottom:15px; padding:10px;}
abbr {font-size:9px;}
  
/*Layout*/
.wrapper {background:url(/img/header_bg.png) repeat-x top; margin:0 auto;}
.page {background:url(/img/header.jpg) no-repeat center top; padding-top:40px;}
.page .inner {width:974px; margin:0 auto; position:relative;}
.page .inner .top {background:url(/img/con_top.png) no-repeat 0 0; height:90px;}
.page .inner .top a.logo { position: absolute; z-index: 99; }
	a.logo.emblem { left: 25px; top: -10px; }
	a.logo.type { height: 50px; left: 110px; margin: 10px; padding: 13px; top: 0; }
.page .inner .top .nav {}
.page .inner .top ul.nav {float: right; margin: -5px 10px 0; padding: 15px}
.page .inner .top ul.nav li {display:inline;}
.page .inner .top ul.nav li a { border: 1px solid transparent; float: left; height: 75px; display:block; line-height: 75px; font-size: 18px; font-weight: lighter; font-family: "Gill Sans","Trebuchet MS","Helvetica Neue",Helvetica,Arial,sans-serif; color: #777; padding: 0 30px; }
.page .inner .top ul.nav li a:hover, .page .inner .top ul.nav li a.current { background:url(/img/nav-bg.png) repeat-x center; border: 1px solid #999; }
.page .inner .top ul.nav li a span {}
.page .inner .mid { width:974px; min-height:500px; background:url(/img/con_y.png) repeat-y; padding-top: 77px; }
.page .inner .content {background-color:#fff; min-height:500px; width:952px; margin:0 auto;}
.page .inner .content .inner_con { padding: 2em; text-align: left }
.page .inner .content .inner_conh {padding:20px 20px 20px 20px; text-align:left;}
.page .inner .content p, .content ul {margin-top:0; font-size:14px;} 
.page .inner .end {height:10px; width:974px; background:url(/img/con_end.png) no-repeat 1px 0;}

/*Footer*/
.footer {text-align:center; line-height:3.5em; padding-left:10px;}

/* Floating Boxes */
.box {
	border-radius: 1em; -moz-border-radius: 1em; -webkit-border-radius: 1em;
	background: #fff url(/img/box-bg.png) repeat-x bottom; border: 1px solid #ccc; float: left; height: 175px; margin: 1em; padding: 2em; width: 378px;
}
.box.person {width: 366px}
.box-l {}
.box-r {}
.box-c { float: none; height: auto; width: auto; }
.box p {}
.box a {}

.box h2, .box h2 a, .box.position h3 { color: #78A315; font-family: "Gill Sans", Futura, Tahoma, "Trebuchet MS", "Helvetica Neue", Helvetica, sans-serif; font-size: 20px; border-bottom: 1px dotted #ccc; margin: -.5em 0 1em 0; padding: .5em 0; }
.box h2 a {border-bottom: none}
.box h3 {line-height: 20px; margin: 0 0 .5em; padding: 0 0 .5em}

.sect ul.hor li {height: auto; width: 215px}
.sect ul.hor h3 {color: #78A315; margin: 0; padding: 0}
.sect ul.hor p {margin: 0; padding: 0}

#quick-links { float: left; left: 50%; margin: 1em 0; position: relative; }
#quick-links a { left: -50%; margin: 0 .5em .5em; position: relative; }

.more-info { border-top: 1px solid #ccc; margin: 0 0 -.5em 0; padding: .5em 0 0; text-align: center; }

/*Section Boxes*/
.sect-toc { margin: 0 0 2em; text-align: center }
.sect {padding:10px; margin:0 10px 20px 0; border:1px solid #d0d0d0; background-color:#F1EFE1; -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px;}
.sect.full { margin: 0 10px; }
.sect h2 { font-family:"Gill Sans",Futura,Tahoma,"Trebuchet MS","Helvetica Neue",Helvetica,sans-serif;
font-size:20px; margin-bottom: -.5em; color:#78A315; padding: .5em }
.sect h2 + ul { padding: 1em 3em; }
.sect ul { margin: 0; padding: 2em 3em 0; }
.sect ul h3 {padding-left:0;}
.sect ul li, .sect ol li {line-height:1.7em;}
.sect ol li {font-size:18px; font-weight:400;}
.sect ol li span {font-size:13px;}
.sect ol.hor {padding:0 0 0 20px; margin:0;}
.sect ol.hor li {line-height:1.2em; float:left; min-height:147px; width:160px; padding-right:10px; margin: 1em}
.sect hr.dot {padding:0; border-bottom:1px dotted #999; background-color:transparent; height:1px; margin:10px 0; color:transparent;}
.sect p { margin: 0; padding: 1em 1em 0; }
h3.step0, h3.step1, h3.step2, h3.step3 {
	-moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px;
	background-color: #fdc661; background-repeat:no-repeat;
	color: #f5f5f5; border: 1px solid #fdc661; font-size:18px; text-transform:uppercase;
	clear: both; height:40px; line-height:40px; margin: 1em 0 0; padding: 0 3.67em;
	-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5);
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=5, Color='gray');
	-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=3, Color='gray')";
}
h3.step0 {background-image:url(/img/step0.png);}
h3.step1 {background-image:url(/img/step1.png);}
h3.step2 {background-image:url(/img/step2.png);}
h3.step3 {background-image:url(/img/step3.png);}
.sect h3+h4 {margin-top: 1.5em}
.sect h4 {color: #78A315; font-weight: bold; line-height: 1em; margin: 1em 14px 0; padding: 0}
.customapps p { float: left; font-size: 14px; margin: 0 1.5em; padding: 1.5em 0; width: 28%; }
hr.clear-float { clear: both; border: none; height: 0; margin: 0; padding: 0; visibility: hidden; }
p.toplink { margin: 0; text-align: right }
p.toplink a { font-size: 11px; }
div.sect + h2 {}

.sect ul.hor {list-style: none; margin: 0; padding: 0 1em}
.sect ul.hor li {float: left; height: auto; padding: 1em; width: 250px}

/*Network Bar*/
.nb { height: 34px; background: url(/img/network_bar.gif) repeat-x top; text-align:right; }
.nb a {border-left: 1px dotted #999; color:#e0e0e0; text-decoration:none; font-size:80%; margin-left: 1em; padding: 0 0 0 1em;}
.nb a:first-child {border: none}
.nb a:hover {text-decoration:underline;}

.nb_inner { width: 954px; margin: 0 auto; height: 34px; line-height: 34px }
.nb span.welcome { float: left; color: #f0f0f0; }
.nb .button { padding: 0em 0.4em; font-size: 11px; color: #666; }
#quicklogin {float: left; padding-top:7px;}
.nb .username, .nb .password {background:#666; margin-right:4px; border:1px solid #444; float:left; moz-border-radius:5px; -webkit-border-radius:5px; color:#f9f9f9; font-size:11px; padding:2px 5px;}
#quicklogin .button {float:left; margin-top:1px;}

/*--Round Buttons--
a.butg:link, a.butg:visited, a.butg:active, a.butw:link, a.butw:active, a.butw:visited  { display:block; float:left; background:url(/img/button-l.png) no-repeat top left; padding:0 0 0 25px;}
a.butg span, a.butw span {font-size:11px; float:left; display:block; background:url(/img/button-r.png) no-repeat top right; padding:0 25px 0 0; cursor:pointer; height: 50px; color: #fff; line-height: 50px; font-size:18px;}
a.butg span strong, a.butw span strong {font-weight:400;}
a.butg:hover span {background-position:100% -50px;}
a.butg:hover {background-position:0 -50px;}*/
a.blue-button {
	display: block; float: left; height: 50px; line-height: 50px; margin: 0; padding: 0 2em;
	background: #259AE2 /*url(/img/button-bg.png) repeat-x bottom*/; border: 1px solid #375180; color: #fff;
	border: 1px solid #0B3453; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px;
	font-family: "Gill Sans", Futura, Tahoma, "Trebuchet MS", "Helvetica Neue", Helvetica, sans-serif; font-size: 16px;
	text-shadow: 1px 1px #000;
}
a.blue-button:hover { background-color: #0E6BB3; /*background-position: top; border-color: #375180;*/ }

a.butw:link, a.butw:active, a.butw:visited  {background-position:0 -92px;}
a.butw span {background-position:100% -92px; color:#888;}

a.butw:hover {background-position:0 -138px;}
a.butw:hover span {background-position:100% -138px;}


/*Scroller*/
.scrollBox {float:left; height:160px; padding-top:30px; width:560px; position:relative; margin-bottom:20px; min-width:0; background:url(/img/split_small.png) no-repeat right top;}
.scrollBox .innerCon {width:420px; margin:0 auto;}
.scrollBox a {background:url(/img/sprite/scroll.png) no-repeat 0 0;}
.scrollBox a.scrollLeft {height:42px; width:42px; display:block; background-position:0 -146px; text-indent:-9999px; position:absolute; top:60px; left:5px;}
.scrollBox a.scrollLeft:hover {background-position:0 -194px;}
.scrollBox a.scrollRight {height:42px; width:42px; display:block; background-position:-77px -146px; text-indent:-9999px; position:absolute; top:60px; right:46px;}
.scrollBox a.scrollRight:hover {background-position:-77px -194px;}
.scrollBox a.thumb {width:120px; height:124px; display:block; float:left; margin-right:10px; background-position: 0 0; position:relative;} 
.scrollBox a.thumb img {height:117px; width:113px; top:4px; left:3px; position:absolute;}
.scrollBox a.thumb span {position:absolute; bottom:3px; left:3px; height:20px; background-color:#000; filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; font-family:Verdana, Geneva, sans-serif; width:113px;}
.scrollBox a.thumb em {position:absolute; display:block; font-family:Verdana, Geneva, sans-serif; color:#fff; line-height:1.7em; font-size:11px; padding-left:5px; width:108px; text-align:left; height:20px;  bottom:3px; left:3px; display:block; filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; font-style:normal; font-weight:normal; color:#fff;}

/*whyDevnuts*/
#whyDevnuts {float:right; width:340px;}
#whyDevnuts h3 {padding:20px 0 10px 0; line-height:normal;}
#whyDevnuts ul {padding:0; margin:0 0 25px 0;}
#whyDevnuts ul li {border-bottom:1px solid #ddd; line-height:2.3em; padding-left:28px; text-align:left; list-style-type:none; background:url(/img/icons/check.png) no-repeat 0 center;}

/*People*/
ul#people {display:block; overflow:hidden; width:100%; margin:0; padding:0;}
ul#people li.person {list-style: none; height: auto}
ul#people li.person img {border: 1px solid #ccc; float: left; height: 168px; margin-right: 1em; width: 150px}
ul#people li.person h2 {margin: 0}
ul#people li.person h2 a {}
ul#people li.person h3 {line-height: 1.3em; margin: .5em 0 1em}
ul#people address {font-style: italic; font-size: smaller; margin-top: -1em}
ul#people li.person span.email {}
ul#people li.person span.phone {}
ul#people li.person p.tagline {font-size: 13px; line-height: 16px; margin: 1em 0 0}

/*Lab Pages*/

#page_labs { margin: auto; padding: 0; width: 654px; }
#page_labs h1 {padding:2px 0 10px 0; line-height:normal;}
.labBlock {float:left; display:block; margin: 10px; width:307px; height:167px; background:url(/img/sil_block.gif) no-repeat top left; text-align:center; padding-top: 2px; }
.labBlock:hover {background:url(/img/sil_block2.gif) no-repeat 0 0; color:#444;}
.labBlock span {display:block; line-height:1.6em; color:#666; font-size:13px; font-family:"lucida grande",tahoma,verdana; padding:1em 2em; text-align:left;}
.return {float:right; margin-top:-10px;}

/*Goods Page*/
div#page_goods {}
#page_goods {}
#page_goods .icon {float:left; margin:0 10px 0 0;}

div#page_goods .box {}
div#page_goods .box-l {}
div#page_goods .box-r {}
div#page_goods .box-c {}

.hosting { width: 820px; margin-bottom: 2em; }
.hosting .preview { width: 71px; height: 71px; margin: 12px; display: inline; float:left;}
.hosting .preview img {cursor: pointer;}
.hosting .preview.photoPreview, .hosting .preview.photoPreview a { height: 71px; }
.hosting a { width: 71px; height: 71px; display: block; border:1px solid #ddd; padding:2px; background-color:#fff;}
.hosting a:hover { border: 1px solid #888; }


/*Jobs Page*/
#page_jobs {}
#page_jobs div.position {float: left; height: auto; min-height: 135px; overflow: hidden; width: 378px }
#page_jobs div.position p {margin: 0}
#page_jobs div.apply {font-size:25px;text-align:center;}

/*Contact Page*/
#page_contact thead th { font-size: 18px; padding: 0 0 1em 0; text-align: left }
#page_contact { }
#page_contact table { }
#page_contact th, td { padding: .5em; }
#page_contact th { text-align: right; vertical-align: top }
#page_contact td { }
#page_contact tr { }
#contact_info td, #contact_info th{ }
#contact_submit { }
#getstarted_form input, getstarted_form textarea, getstarted_form #select { }
#page_contact div.box { height: auto; width: auto; }



/*About Page*/
#page_about {padding-left:15px;padding-bottom:30px;text-align: left}

/*Blog*/
h1.blogh1 {line-height:1.6em; padding-top:0; font-size:1.8em; color:#666;}
.welcome {display: none;padding-bottom:10px; font-style:italic; margin-bottom:10px;}
.title {font-size:15px; font-weight:bold; line-height:1.8em; display:block; color:#78A315;}
.post {border-bottom:2px solid #ddd; margin-bottom:10px;}
.meta {font-size:11px; line-height:1.9em;}
.meta em {font-weight:bold; font-style:normal;}

/* Project Gallery */
div.project_gallery {}
/* div.project.sect { background: white } */
div.project { height: 290px; }
div.project h2 { margin: 0 0 .5em 0; padding: 0 0 .5em 0; text-align: left; }
div.project h4 { font-size: 14px; margin: 2em 0 -.5em 0; text-align: center }
div.box img { float:right; }
#toolbox { background: #E1EAF2; border: 1px solid #d0d0d0; margin: 0 2em -.5em; padding: .5em .5em 1em;
	-moz-border-radius: 7px 7px 0 0;
	-webkit-border-radius: 7px 7px 0 0;
	border-radius: 7px 7px 0 0; }
#toolbox a {  }

/* Featured Projects (homepage) */
div.project_gallery {}
div.project.featured { height: auto; } div.project.featured.box { /*background-image: none;*/width:230px;float:left; }
div.project.featured h2 { margin: 0 0 .5em 0; padding: 0 0 .5em 0; text-align: left; font-size: 15px; color: #78A315;}
div.project.featured img { float: none; }
.page .inner .content p.project_description {font-size: 12px; line-height: 1.5em; margin: 1em 0 0; max-height: 4.5em; overflow: hidden}
p.project_description a {display: block; text-align: right}

#blog .body {
	-moz-column-width: 30em;
	-moz-column-gap: 3em;
	-moz-column-rule: 1px dotted #ccc;
	-webkit-column-width: 30em;
	-webkit-column-gap: 3em;
	-webkit-column-rule: 1px dotted #ccc;
}

#blog .article {
	background-color: #F1EFE1;
	border: 1px solid #d0d0d0;
	-moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px;
	margin: 1em 0;
	padding: 2em 2em 0;
}

#blog h2, #blog h2 a, #blog.front h2 {
	color: #78A315;
	font-family: "Gill Sans", Futura, Tahoma, "Trebuchet MS", "Helvetica Neue", Helvetica, sans-serif;
	font-size: 20px;
}

#blog.front h2 {
	font-size: 16px;
}

#blog.front .article {
	border-radius: 1em; -moz-border-radius: 1em; -webkit-border-radius: 1em;
	background: #fff url(/img/box-bg.png) repeat-x bottom; border: 1px solid #ccc;
	margin-bottom: -1.6em;
}

#blog.front .body {
	-moz-column-count: 1;
	-moz-column-width: auto;
	-webkit-column-count: 1;
	-webkit-column-width: auto;
	margin: 2em 0;
}

#blog .body p { margin-bottom: 1.6em; }
#blog h3 { padding: 0; }
p.nocomments { display: none; }

#twitter_update_list { background: #dedab5; border-bottom: 1px solid #ccc; margin: -20px; overflow: hidden; padding: .5em 0 .5em 2em; position: absolute; white-space: nowrap; width: 928px }
#twitter_update_list span { font-size: 12px; letter-spacing: -.5px; line-height: 1em }
#twitter_update_list a img { vertical-align: text-bottom }
.twitter-fade { background: url("/img/twitter-fade.png") repeat-y scroll 0 0 transparent; height: 100%; pointer-events: none; position: absolute; top: 0; width: 120px; z-index: 30; }
.fade-left { left: 0; }
.fade-right { background-position: -120px 0; right: 0; }
#twitter_update_list span.tweet.time { font-size: 10px; margin-right: 1em; }

#twitter_update_list + h1 { padding-top: 1.5em; }