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

* { margin:0; padding:0; font-family:Tahoma, Geneva, sans-serif; font-size:11px;}

::selection {
background:#9F42C1 ; /* Safari */
}
::-moz-selection {
background: #9F42C1; /* Firefox */
}

/* img, div { behavior: url(/styles/resources/iepngfix.htc) }
img, div, a, input { behavior: url(/styles/resources/iepngfix.htc) } */
a img       { border:0;}
:focus      { outline:0; }

body{background-color:#ccc; background-image:url(/images/white-background.png); background-position:top left; background-repeat:repeat-x;}
.navigation, .content, .footer, .header, .pageHeading{ width:960px; margin:0 auto;  padding-left:13px; }

.headerShell{ height:169px; background:#000; color:#FFF}
.header h1{ text-indent:-9999px; background:url(/images/jetscram-logo.gif) bottom left no-repeat; height:40px; width:250px; padding-top:65px; float:left; }

.headInfo{ float:right; background-color:#2a2a2a; width:225px; height:169px; }
.headInfo p{ color:#ebebeb; padding:20px; font-size:10px; line-height:16px;}

.navigation ul li a, .content h3,.pageHeading h2{font-family: "Helvetica Neue UltraLight Italic", "Univers LT 57 Condensed Oblique", "Helvetica Neue", Helvetica, Tahoma, Arial, Sans-Serif;}

.navigation{ background-color:#FFF }
.navigation ul{ list-style:none; cursor:pointer}
.navigation ul li{list-style:none; display:block; float:left;}
.navigation ul li a {text-transform:uppercase; color:#000;  text-decoration:none; padding:0px 30px 20px 30px; font-size:13px; letter-spacing:2px; cursor: pointer}
.navigation ul li a:hover{color:#666;}
.navigation ul li.first a{padding-left:0px;}
.navigation ul li a.news{padding-right:37px;}
.navigation ul li a.about{padding-left:23px; padding-right:33px}
.navigation ul li a.design{padding-left:27px; }
.navigation ul li a.develop{padding-left:33px; padding-right:22px;}
.navigation ul li a.clients{padding-left:33px;padding-right:18px;}
.navigation ul li a.contact{padding-left:42px; padding-right:0px}
.navigation ul li a.market{padding-left:33px;  }


#nav_wrap {	background-image: url(/images/arrow.png); background-repeat: no-repeat; width: 100%; height:35px; padding-top: 20px; }


.pageHeadingShell{ clear:both; height:87px; background-position:bottom left; background-repeat:repeat-x; background-image:url(/images/pageHeading.png); }
.pageHeading h2{ color:#7ac142; text-transform:uppercase; letter-spacing:2px; font-size:16px; font-weight:normal; padding-top:52px;}
.pageHeading h2 span{ margin-top:2px; font-size:16px; font-weight:normal}


.content p, .content h3{ margin-bottom:9px; color:#555}
.content p, #twitter_div li{ line-height:20px; letter-spacing:1px; color:#222}
.content h3, .content h4{ text-transform:uppercase; letter-spacing:2px;  font-size:12px;  }
.content h4{ color:#000; font-size:11px; margin:8px 0; font-weight:normal}

.wayLeft{ float:left; width:225px; margin-right:13px; }
.left{ float:left; width:457px; margin-left:8px; margin-right:13px;}
.right,.rightRight{ float:left; width:230px; }
.rightRight{ margin-left:0px; width:210px;}

.leftContact{ float:left; width:180px;}
.rightContact{ float:left; width:465px; margin-left:30px;}

.contentShell{background-color:#fff; background-image: url(/images/contentSlide.png); background-position:center top; background-repeat:repeat-y; }
.content p span{ color:#999}

.content div{ margin-bottom:40px;  }
.content ul{  }
.content ul li{list-style: none; margin-bottom:12px; color:#333; }
.content a, .footer p a.there {color:#6DB738; font-size:12px}
.content  a:hover{color:#333;}
div.content{padding-top:30px; background-color:#fff; background-image: url(/images/contentSlide.png); background-position:center top; background-repeat:repeat-y;}

.portfolioLeft{ float:left; width:672px;}
.portfolioLeft div{ margin:0; padding:0;}
.portfolioRight{ float:left; width:200px; margin-left:30px;}
.portfolioNavBar{height:38px; background:url(/images/seethrough.png); color:white; top:291px; position:relative  }
.protfolioSpecs{ float:left; width:230px; height:200px;  }
.protfolioDescription{ float:left; margin-left:25px; width:410px; }
.portfolioLeft h3{ color:#FFF; font-weight:normal}
.portfolioLeft p span{color:#999; }
.portfolioLeft p{ font-size:11px; color:#fff}

.portfolioRight ul{ border:none; padding-left:0; padding-top:20px;}
.portfolioRight ul li a{ color:#666; text-decoration:none; font-size:11px;}
.portfolioRight ul li a:hover{ color:#fff;}
.portfolioRight ul li a.on{ color:#fff;}

a#previous{ width:160px;  background:url(../images/leftLightArrow.png) center left no-repeat; padding:10px 0px; text-decoration:none;padding-left:24px; margin:0px 0px 0px 10px; float:left;}
a#previous:hover{background-image:url(/images/leftArrow.png); color:#fff; }
a#next{ text-align:right; width:160px;  background:url(../images/rightLightArrow.png) center right no-repeat; padding:10px 0px; text-decoration:none;padding-right:24px; margin:0px 10px 0px 0px; float:right}
a#next:hover{background-image:url(/images/rightArrow.png); color:#fff; }

div#twitter_div{ padding-right:15px; font-size:10px;}
#twitter_div li a{ font-size:11px; color:#666; text-decoration:none;}
#twitter_div li a:hover{ color:#7AC142}

.grey999 {color: #999;}

form.contactForm{}
.contactForm input,.contactForm textarea,.contactForm select{ width:60%; font-size:14px; color:#999; border:1px #8D2F2F solid; padding:6px; margin-bottom:12px; background-color:#CCC}
.contactForm input:focus, .contactForm textarea:focus{background-color:#fff; color:#000}
.contactForm select{ background:#8d2f2f; color:#fff; border-color:#000}
.contactForm input.send, .contactForm input.used{ width:20%; background-color:#666; color:#FFF;}
.contactForm input.used{background-color:#8D2F2F; color:#fff}
.contactForm input.send:hover{ background-color:#000}

.footerShell{clear:both; padding:20px 0px 100px 0px;}
.footer{ clear:both;  text-transform:uppercase; }
.footer p{ color:#666; font-size:11px; line-height:20px;}
.footer p span{ margin-left:15px; color:#000;}
.footer p a{ color:#000; padding-right:30px; text-decoration:none; text-transform: capitalize; font-size:11px;}
.footer p a.email{ padding:0; margin-left:30px;  margin-right:15px;}
.footer p a.plain{ padding-right:0;}
.footer p a.there,.footer p a:hover{color:#666;}

.floatfix{clear:both}


/*services list */

.services ul{ width:145px; float:left; }
.services ul li h1{ color:#999 }

/* tool tips */


.tip {
	color: #fff;
	width: 200px;
	background:#000;
	z-index: 13000;
}
 
.tip-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color:#9F42C1;
	padding: 8px 8px 4px;
	height:15px;
	overflow:hidden;
	
}
 
.tip-text  {
	font-size: 11px;
	color:#ccc;
	padding: 4px 8px 8px;
}