/*#Global#*/

body {
	padding: 0;
	margin: 0;
	font-size: 15px;
	line-height: 22px;
	font-family: helvetica,"lucida grande", arial, sans-serif;
	background: #333;
}

a, a:visited {
	color: #000;
	outline: none;
}

a:hover {
	text-decoration: none;
}

h1, h2, h3, h4, h5 {
	font-family: "myriad pro", Helvetica, "lucida grande", "trebuchet ms", sans-serif;
	font-weight: normal;
	line-height: normal;
	margin-top: 0px;
}

h1 {
	font-size: 35px;
}

h2 {
	font-size: 25px;
	color: #666;
	margin: 0px 0px 15px 0px;
}


h3 {
	font-size: 20px;
	color: #666;
}

h4 {
	
}

h5 {
	
}

p {
	clear: left;	
	margin: 0px 0px 15px 0px;
}

/*#Shared#*/

.clear {
	clear: both;
}

.site-container {
	width: 960px;
	margin: 0 auto;
}

.col220, .col300, .col380, .col460, .col540, .col620, .col700, .col780, .col860, .col940 {
	float: left;
	display: inline;
	position: relative;
}

.col220 {width: 220px;}
.col300 {width: 300px;}
.col380 {width: 380px;}
.col460 {width: 460px;}
.col540 {width: 540px;}
.col620 {width: 620px;}
.col700 {width: 700px;}
.col780 {width: 780px;}
.col860 {width: 860px;}
.col940 {width: 940px;}

	
/*#Header#*/


#header h1 {
	margin: 0px;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: 30px;
	float: left;

}

#header h1 a {
	background: url(../App_Themes/wearekeystone/images/logo.png);
	display: block;
	height: 70px;
	width: 140px;
	text-indent: -999px;
}

/*#Header/Backgrounds#*/

#header {
	background: url(../App_Themes/wearekeystone/images/header-bg.jpg) no-repeat top center #E4751C;
}

#header.home {
	background: url(../App_Themes/wearekeystone/images/homebg.jpg) no-repeat top center #E4751C;
}


#header.hangar {
	background-color: #0D0D0D;
	background-image: url(../App_Themes/wearekeystone/images/hangarbg.jpg);
	background-repeat: no-repeat;
	background-position: center -30px;
}

/*#Header/Logins#*/

#logins {
	float: right;
	padding-top: 35px;
	padding-bottom: 5px;
	padding-right: 10px;
}

#logins ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: right;
	border: 1px solid #FFFFFF;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px

}

#logins li {
	float: left;
	background: url(../App_Themes/wearekeystone/images/login-bg.gif) repeat-x left bottom #fff;
}

#logins li a {
	display: block;
	color: #666;
	text-decoration: none;
	padding: 0px 10px 0 20px;
	font-size: 12px;
	line-height: 20px;
}

#logins li a:hover {
	color: #000;
}

#logins li#webmail a {
	background: url(../App_Themes/wearekeystone/images/webmail.gif) no-repeat 6px 6px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #c2c2c2;
}

#logins li#keymail a {
	background: url(../App_Themes/wearekeystone/images/keymail.gif) no-repeat 8px 5px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #fff;
}


/*#Header/Menu#*/

.home #navigation {
	clear: right;
}

.home #navigation ul {
	margin: 0;
}

#navigation ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: right;
	margin-top: 62px;
}

#navigation li {
	float: left;
}

#navigation li a {
	display: block;
	color: #fff;
	text-decoration: none;
	text-shadow: #333 0px 0px 5px;
	padding: 5px 10px;
}

#navigation li:hover {
	background: url(../App_Themes/wearekeystone/images/title-bg.png);
}

#navigation li li a:hover {
	color: #ccc;
}

#navigation li ul {
	position: absolute;
	left: -999em;
	z-index: 5;
	margin-top: 0px;
}

#navigation li:hover ul {
	left: auto;
}

#navigation li li {
	float: none;
}

#navigation li li:hover {
	background-image: none;
}

#navigation li ul a {
	background: url(../App_Themes/wearekeystone/images/title-bg.png);
	padding: 5px 10px;
	font-size: 13px;
}

#navigation ul ul ul {
	display: none;
}


#title {
	background: url(../App_Themes/wearekeystone/images/title-bg.png);
	clear: both;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #fff;
}

#title h1 {
	margin: 0px;
	float: none;
	margin-top: 0px;
	letter-spacing: -1px;
}

#title-work {
	clear: both;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #fff;
}

#title-work h1 {
	margin: 0px;
	float: none;
	margin-top: 0px;
	letter-spacing: -1px;
}

#title-work p {
	float: right;
	margin: 15px 0 0 0;
	font-style: italic;
	color: #999;
}

#title-work a, #title-work a:visited {
	color: #ccc;
	text-decoration: none;
}

#title-work a:hover {
	text-decoration: underline;	
}


/*#Main#*/

#main {
	padding: 30px 0 50px 0;
	background-color: #fff;
}

#main-homepage {
	padding: 0px 0 60px 0;
}

/*#Main/Slider#*/

.slider {
position: relative;
background: url(/App_Themes/wearekeystone/images/slider-transparentbg.png) repeat;
border: 1px solid #E2A57B;
padding: 9px;
z-index: 1;
}
	
/*#Main/Crew#*/

#keystoneCrew {
	margin: 0;
	padding: 0;
}
	
#keystoneCrew ul {
	list-style: none;
	margin: 0;
	padding: 10px;
	border:1px solid #333;
}
	
#keystoneCrew li {
	background: #eee;
	padding: 0;
	margin: 0 0 10px 0;
	width: 280px;
	height: 60px;
}
	
/*#Main/Networking#*/

.networking {
	padding: 15px 0 20px 160px;
	border-bottom: 3px dotted #ccc;
}

#spam {
	background: url(../App_Themes/wearekeystone/images/spam.png) no-repeat 10px 15px;
}

#specialists {
	background: url(../App_Themes/wearekeystone/images/specialists.png) no-repeat 10px 15px;
}

#exchange {
	background: url(../App_Themes/wearekeystone/images/exchange.png) no-repeat 0px 15px;
}

#internet {
	background: url(../App_Themes/wearekeystone/images/internet.png) no-repeat 10px 15px;
}

#remote {
	background: url(../App_Themes/wearekeystone/images/remote.png) no-repeat 10px 20px;
}

#firewall {
	background: url(../App_Themes/wearekeystone/images/firewall.png) no-repeat 5px 20px;
}

.networking#backup {
	background: url(../App_Themes/wearekeystone/images/backup.png) no-repeat 25px 15px;
	border-bottom: 0px none;
}


/*#Main/Web/Kentico#*/

ul.kenticocms {
	background: url(../App_Themes/wearekeystone/images/kenticocms.png) no-repeat right 60px;
}

/*#Main/Web/Keymail#*/

ul.small-list {
	padding: 0;
	margin: 0 0 15px 0;
	list-style: none;
	font-size: 12px;
	line-height: 18px;
}


/*#Main/Web#*/

#webnav {
	float: right;
}

#webnav h3 {
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 5px 0px;
	color: #666;
}

#webnav h3 a{
	color: #666;
	text-decoration: none;	
}

#webnav ul{
	margin: 0px;
	padding: 0px 0px 0px 20px;
	list-style: none;

}

#webnav li a{
	display: block;
	text-decoration: none;
	font-size: 13px;
	line-height: auto;
	padding: 2px 2px 2px 13px;
	background: url(../App_Themes/wearekeystone/images/web-bullet.gif) no-repeat 3px 12px;
}

#webnav a:hover{
	color: #e4731a;
}

#jive {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 30px 0px;
	width: 620px;
}

#jive p{
	margin: 0px 0px 10px 0px;
}

#jive .orange {
	color: #e4731a;
}

#grid {}

#grid h2 {
	display: none;
}

#grid p {
	margin: 0px;
	padding: 30px 20px 0px 135px;
}

#grid .col300 {
	width: 317px;
	height: 260px;
	font-size: 12px;
	line-height: 18px;

}

#grid #plan{
	border-right: 3px dotted #ccc;
	border-bottom: 3px dotted #ccc;
	background: url(../App_Themes/wearekeystone/images/1.png) no-repeat 10px 35px;
}

#grid #design {
	border-right: 3px dotted #ccc;
	border-bottom: 3px dotted #ccc;
	background: url(../App_Themes/wearekeystone/images/2.png) no-repeat 5px 35px;
}

#grid #build{
	border-bottom: 3px dotted #ccc;
	background: url(../App_Themes/wearekeystone/images/3.png) no-repeat 5px 35px;
}

#grid #launch{
	border-right: 3px dotted #ccc;
	background: url(../App_Themes/wearekeystone/images/4.png) no-repeat 5px 35px;
}

#grid #maintain{
	border-right: 3px dotted #ccc;
	background: url(../App_Themes/wearekeystone/images/5.png) no-repeat 5px 35px;
}

#grid #hangar{
	background: #fbf5c6;
}


#grid #hangar .plane {
	position: absolute;
	margin: 25px 0px 0px 160px;
}

#grid #hangar h3{
	padding: 0px 0px 0px 20px;
	margin-top: 145px;
	margin-bottom: 5px;
}

#grid #hangar h3 a{
	text-decoration: none;
}

#grid #hangar h3 a:hover{
	color: #e4731a;
}

#grid #hangar p{
	margin: 0px;
	padding: 0px 20px 0px 20px;
}


	
/*#Main/Web/Hosting#*/

	
#standard {
	border-bottom: 3px dotted #ccc;
	border-right: 3px dotted #ccc;
	background: url(../App_Themes/wearekeystone/images/standard.png) no-repeat 0px 46px;
	padding: 15px 0 20px 0;
	margin: 10px 0 20px 0;
}

#advanced {
	border-bottom: 3px dotted #ccc;
	background: url(../App_Themes/wearekeystone/images/advanced.png) no-repeat 25px 15px;
	padding: 15px 0 20px 0;
	margin: 10px 0 20px 0;
}

#standard h2 {
	padding: 0 30px 0 145px;
	margin: 0 0 5px 0;
}

#advanced h2{
	padding: 0 30px 0 175px;
	margin: 0 0 5px 0;
}

#standard ul {
	padding: 0 0 0 145px;
	margin: 0;
	list-style: none;
	font-size: 12px;
	line-height: 18px;
}

#advanced ul{
	padding: 0 0 0 175px;
	margin: 0;
	list-style: none;
	font-size: 12px;
	line-height: 18px;
}

#include p{
	font-size: 12px;
	line-height: 16px;
}

/*#Main/Search#*/

.TextBoxField, .DropDownField {
	width: 250px;
}

.SearchDialog {
	border-bottom: 3px dotted #ccc;
	margin: 0 0 15px 0;
	padding: 0 0 15px 0;
}

.searchresult {
	margin: 0 0 15px 0;
}

.searchresult h2 {
	margin: 0;
}

.searchresult p.url {
	font-size: 12px;
	margin: 0 0 5px 0;
}

.pager {
	border-top: 3px dotted #ccc;
	margin: 15px 0 0 0;
	padding: 15px 0 0 0;
}


/*#Main/Service#*/

#service {
	border-right: 3px dotted #ccc;
	margin-right: 20px;
	float: left;
}

#service p {
	padding-right: 20px;
}

#brain{
	float: right;
	font-size: 12px;
	width: 468px;
}

#brain a{
	display: block;
	text-decoration: none;
	text-align: center;
	padding-top: 70px;
	padding-bottom: 70px;
}

#brain p {
	width: 234px;
	float: left;
	margin: 0px;
	clear: none;	
}

a.network {
	padding-right: 120px;
	background: url(../App_Themes/wearekeystone/images/brain.gif);
	background-position: left top;
}

a.network:hover {
	background: url(../App_Themes/wearekeystone/images/brain.gif);
	background-repeat: no-repeat;
	background-position: left -400px;
}

a.web {
	padding-left: 120px;
	background: url(../App_Themes/wearekeystone/images/brain.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

a.web:hover {
	background: url(../App_Themes/wearekeystone/images/brain.gif);
	background-repeat: no-repeat;
	background-position: right -400px;
}

/*#Main/About#*/

.about-line {
	border-right: 3px dotted #ccc;
	margin-right: 20px;
	width: 468px;
	float: left;
}

#history {
	padding: 285px 0px 0px 0px;
	margin-right: 20px;
	background: url(../App_Themes/wearekeystone/images/history.jpg) no-repeat top center;
}

#bios {
	width: 468px;
	padding: 285px 0px 0px 0px;
	background: url(../App_Themes/wearekeystone/images/whoweare.jpg) no-repeat top center;
}

#bios ul {
	margin: 0;
	padding: 10px 0px 0px 20px;
	list-style: none;
}

#bios li {
	padding: 6px 0px 6px 0px;
}


#bios li a {
	padding: 0px 0px 0px 40px;
	text-decoration: none;
	font-size: 16px;
}

#eric  {
	background: url(../App_Themes/wearekeystone/images/icon-underpants.gif) no-repeat top left;
}

#mike  {
	background: url(../App_Themes/wearekeystone/images/icon-donkey.gif) no-repeat top left;
}

#jamie  {
	background: url(../App_Themes/wearekeystone/images/icon-question.gif) no-repeat top left;
}

#adam  {
	background: url(../App_Themes/wearekeystone/images/icon-house.gif) no-repeat top left;
}

#jeremy  {
	background: url(../App_Themes/wearekeystone/images/icon-sickle.gif) no-repeat top left;
}

#jason  {
	background: url(../App_Themes/wearekeystone/images/icon-spider.gif) no-repeat top left;
}

#thomas  {
	background: url(../App_Themes/wearekeystone/images/icon-question.gif) no-repeat top left;
}

#michelle  {
	background: url(../App_Themes/wearekeystone/images/icon-flower.gif) no-repeat top left;
}

#cody  {
	background: url(../App_Themes/wearekeystone/images/icon-mask.gif) no-repeat top left;
}


#bios li a:hover {
	color: #e4731a;
}



ul#about {
	margin: 0;
	padding: 10px 0px 0px 0px;
	list-style: none;
}

ul#about li{
	float: left;
}

ul#about li a{
	width: 480px;
	display: block;
	color: #fff;
	text-decoration: none;
	font-size: 12px;
	line-height: normal;
	padding-top: 222px;
}

ul#about li a span {
	background: url(../App_Themes/wearekeystone/images/about-span.png);
	display: block;
	padding: 10px 15px 10px 15px;
}

ul#about li a:hover span {
	background: #e4731a;
}

li.history a {
	background: url(../App_Themes/wearekeystone/images/history.jpg) no-repeat 0px 0px;
}

li.whoweare a{
	background: url(../App_Themes/wearekeystone/images/whoweare.jpg) no-repeat 0px 0px;
}

/*Main/About/Bios#*/

h1.employeeName {
margin-bottom: 0px;
padding-bottom: 0px;
}

.jobTitle {
color: #E9A06B;
margin: 0;
padding: 0;
}

#mainInfo {
margin: 0 43px 0 0;
padding: 0;
}

#employeeImg {
margin: 0 10px 0 0;
float: right;
}

#randomQuestions .randomQ {
margin: 0 30px 0 0;
}

#randomQuestions .lastRandomQ {
margin: 0;
}

#randomQuestions h3 {
margin: 10px 0 2px 0;
}

#randomQuestions p {
font-size: 12px;
margin-top: 0;
line-height: 16px;
}

/*#Main/Contact#*/

#location {}


#location ul{
	margin: 0px 0px 15px 0px;
	padding: 0px;
	list-style: none;
}

#location li{
	line-height: auto;
	padding: 0px 0px 0px 10px;
	background: url(../App_Themes/wearekeystone/images/web-bullet.gif) no-repeat 0px 10px;
}

#form {
	border-left: 3px dotted #ccc;
	min-height: 330px;
	width: 265px;
	margin-left: 10px;
}

#form dl {
	margin: 0px;
	padding: 0px 15px 0px 25px;
}

#form dt {
}

#form dd {
	margin: 0px 0px 5px 0px;
	padding: 0px;
}

#form .TextboxField, #form .TextBoxField{
	width: 200px;
	padding: 4px;
	font-size: 16px;
	border: solid 1px #ccc;
	font-family: helvetica,"lucida grande", arial, sans-serif;
	background: url(../App_Themes/wearekeystone/images/form-bg.gif) repeat-x top left #fff;
}

#form .TextAreaField {
	width: 200px;
	height: 80px;
	border: solid 1px #ccc;
	padding: 4px;
	font-size: 16px;
	font-family: helvetica,"lucida grande", arial, sans-serif;
	background: url(../App_Themes/wearekeystone/images/form-bg.gif) repeat-x top left #fff;
}


#form .TextboxField:focus, #form .TextBoxField:focus, #form .TextAreaField:focus, #form #plc_lt_zoneContent_SubContent_SubContent_lt_content_MainRegion_BizFormControl1_Bizform1_ctl00_Security_txtSecurityCode:focus {
	border: solid 1px #b0b0b0;
}


#form .FormButton {}

#form .ErrorLabel {
	display: none;
}

#form .EditingFormErrorLabel {
	color: #e4731a;
	font-size: 12px;
}

#form .EditingFormInfoLabel {
	padding-left: 25px;
}

#form #plc_lt_zoneContent_SubContent_SubContent_lt_content_MainRegion_BizFormControl1_Bizform1_ctl00_Security_txtSecurityCode {
	width: 100px;
	padding: 4px;
	font-size: 16px;
	border: solid 1px #ccc;
	font-family: helvetica,"lucida grande", arial, sans-serif;
	background: url(../App_Themes/wearekeystone/images/form-bg.gif) repeat-x top left #fff;
}

#map {
	float:right;
}


/*#Main/Work#*/

#main-hangar {
	padding: 0 0 30px 0;
	color: #999;
	font-size: 12px;
}

#main-hangar a {
	color: #999;
}

#main-hangar a:hover {
}

.workExample {
	margin: 0;
	padding: 30px 0 30px 0;
	clear: both;
	border-bottom: 3px dotted #333;
	height: 400px;
}

.workExample img {
	float: left;
}

.exampleInfo {
	float: right;
	margin: 0;
	padding: 0 0 0 0;
	width: 230px;
}

#main-hangar h2 {
	line-height: 26px;
	margin-bottom: 5px;
	color: #ccc;
}

#main-hangar .exampleInfo ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#main-hangar .exampleInfo ul li {
	background: url(../App_Themes/wearekeystone/images/orange-bullet.gif) no-repeat left 8px ;
	line-height: 20px;
	padding: 0 0 0 10px;
	font-size: 13px
}


#main-hangar .exampleInfo ul a {
	text-decoration: none;
}

#main-hangar .exampleInfo ul a:hover {
	color: #ccc;
}

p.listing {
	margin-top: 15px;
	padding: 5px 0 5px 30px;
	font-size: 13px;
	background-image: url(../App_Themes/wearekeystone/images/globe.gif);
	background-repeat: no-repeat;
	background-position: left top;
	line-height: normal;
}

#main-hangar .kenticoSites {
	float: left;
	width: 680px;
	border-right: 3px dotted #333;
	margin: 0 30px 0 0;
}


ul.clientList {
	list-style: none;
	margin: 0;
	padding: 0 0 30px 0;
	line-height: 18px;
}

ul.kentico {
	float: left;
	width: 200px;
	margin: 0 20px 0 0;
}

ul.clientList li {
	margin: 0 0 5px 0;
	padding: 0;
}

#main-hangar ul.clientList li a {
	display: block;
	margin: 0;
	padding: 2px 0;
	font-size: 13px;
}


/*#Main/Support#*/

#support-main {
	float: left;
	width: 320px;
	border-right: 3px dotted #ccc;
	min-height: 510px;
}

#support-main h2 {
	margin-bottom: 10px;
}


#support-main ul {
	margin: 0 0 15px 0;
	padding: 0;
	list-style: none;
}

#support-main ul li {
	padding: 0 0 0 13px;
	background: url(../App_Themes/wearekeystone/images/web-bullet.gif) no-repeat 0 8px;
	font-size: 12px;
}


#support-main ul li a{
	text-decoration: none;
}

#support-main ul li a:hover{
	color: #e4731a;
}


#form.support-form {
	float: left;
	border-left: 0px none #ccc;
	margin: 0;
	width: 310px;
}

#form.support-form h2 {
	padding-left: 25px;
}

#form.support-form .TextboxField, #form.support-form .TextBoxField, #form.support-form .TextAreaField {
	width: 250px;
}

#form.support-form .TextAreaField {
	height: 170px;
}

#form.support-form .EditingFormInfoLabel {
	padding-left: 25px;
}

#support-side {
	float: left;
	border-left: 3px dotted #ccc;
	width: 320px;
	min-height: 510px;
}

#support-side h2 {
	background: url(/App_Themes/wearekeystone/images/remote-title.png) no-repeat center left;
	padding: 0 0 0 35px;
	margin: 0 0 15px 25px;
}


#support-side p{
	margin: 0 0 15px 25px;
	font-size: 12px;
	line-height: 18px;
}


#support-side ul{
	margin: 0 0 0 25px;
	padding: 0;
	list-style: none;
}


#support-side li {
	margin: 4px 0;
	height: 70px;
	font-size: 20px;
	color: #666;
	font-family: "myriad pro", Helvetica, "lucida grande", "trebuchet ms", sans-serif;
	line-height: 18px;
}

#support-side a {
	color: #666;
	text-decoration: none;
}

#support-side a:hover {
	color: #e4731a;
}


#support-side li img {
	float: left;
	margin: 0 10px 0 0;
}


#support-side li a span {
	font-size: 12px;
	color: #000;
}

/*#Footer#*/

#footer {
	padding: 40px 0 40px 0;
	clear: both;
	background: url(../App_Themes/wearekeystone/images/footerbg.jpg) repeat-x bottom center;
}

#footer a {

}

#footer h3 {
	margin: 0;
	padding: 0;
}

#footer p {

}

#search{
	float: right;
}

#search .searchbox{
	margin: 0px 0px 15px 0px;
	background: #4a4a4a;
	border: solid 1px #5c5c5c;
	padding: 10px;
}

#search input.field {
	width: 235px;
	height: 28px;
	float: left;
	padding: 0px 4px 0px 4px;
	font-size: 16px;
	line-height: 28px;
	border: none 0px #fff;
	margin: 1px 5px 0px 0px;
	background: url(../App_Themes/wearekeystone/images/search-field-bg.gif) repeat-x top left #fff;
}

#search input.button {
	cursor: pointer;
	float: left;
}

#search ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 12px;
	font-weight: normal;
	line-height: 14px;
	color: #999;
}

#search ul li {
	margin: 8px 0;
}

#search ul a {
	color: #999;
	text-decoration: none;
}

#search ul a:hover {
	text-decoration: underline;
}

#connect {
}

#connect a {
	text-decoration: none;
}

#connect p{
	margin: 0px 0px 10px 0px;
	font-size: 24px;
	line-height: 28px;
	color: #fff;
	font-family: "myriad pro", Helvetica, "lucida grande", "trebuchet ms", sans-serif;
}

#connect p a {
	color: #F3E690;
}

#connect p a:hover {
	color: #e4731a;
}


#connect #PD_Twitter_Status {
	margin: 25px 0 0 0;
	color: #ccc;
	font-size: 16px;
	padding: 3px 0px 3px 48px;
	background: url(../App_Themes/wearekeystone/images/bird.png) no-repeat top left;
}


#connect #PD_Twitter_Status a {
	color: #ccc;
	text-decoration: none;
}


#connect #PD_Twitter_Date {
	display: none;
}
	