body {

	background-color: #d8d8d8;

	font-family: Helvetica, sans-serif;

}

div#hd {

	background: url(../_images/header_bg.jpg) repeat-x 0 0;

	width: 100%;

}

div#hd-inner {

	width: 880px;

	height: 89px;

	overflow: hidden;

	margin-left: auto;

	margin-right: auto;

}

img#logo {

	margin: 8px 0 0 55px;

	float: left;

	display: inline;

}

div#bd {

	width: 900px;

	margin-left: auto;

	margin-right: auto;

	background: url(../_images/bg_image_middle.jpg) repeat-y 0 0;

}

div#home-bd {

	width: 900px;

	margin-left: auto;

	margin-right: auto;

	background: url(../_images/home_bg_top.jpg) repeat-y 0 0;

}

div#home-content {

	padding: 0 28px 0 28px;

} 

div#bd-top {

	background: url(../_images/bg_image_top.jpg) no-repeat 0 0;
	min-height: 643px;
	width: 900px;
}

div#contact {

	padding: 0 0 0 10px;

}

div#reel {

	height: 350px;
	padding: auto;
	
}

div#flash {

	padding: 22px 150px;
	height: 306;
	width: 544;

}

div#flash p{

	line-height: 17px;
	color: #636363;
	padding-top: 3px;

}



div#side-nav {

	
	float: left;
	width: 175px;
	height: 400px;
	padding: 50px 0 50px 28px;
}

div#bd-btm {

	width: 900px;

	height: 59px;

	background: url(../_images/bg_image_btm.jpg) no-repeat 0 0;

	clear: both;

}

div#home-bd-btm {

	width: 900px;

	height: 39px;

	background: url(../_images/home_bg_btm.jpg) no-repeat 0 0;

	clear: both;

}

div#mission {

	background: url(../_images/home_mission_grad.jpg) repeat-x 0 0;

	height: 152px;

	width: 100%;

	font-size: 160%;

	text-align: center;

	font-weight: lighter;

	line-height: 30px;

}

div#home-create, div#home-integrate, div#home-experience {

	margin: 30px 0;

	padding: 0 40px;

	width: 200px;

	float: left;
}

div#home-integrate, div#home-experience {

	border-left: 2px solid #dedede;

}

div#home-create h3, div#home-integrate h3, div#home-experience h3 {

	color: #636363;

	text-transform: uppercase;

	font-size: 125%;

	font-weight: normal;
}

div#home-create p, div#home-integrate p, div#home-experience p {

	color: #636363;

	font-size: 90%;

	line-height: 19px;

	font-weight: normal;
}

div#mission p {

	color: black;

	padding: 18px 120px 15px 120px;

}

div#bd-btm ul {

	float: right;
	margin: 13px 70px 0 0;

}

div#bd-btm li {
	
	display: inline;
	margin: 0 0 0 10px; 
	color: #cfcfcf;

}

div#bd-btm li a, div#bd-btm li a:visited{
	
	color: #cfcfcf;
	text-decoration: none;
	
}

div#bd-btm li a:hover{
	
	color: white;
	text-decoration: none;
	
}

div#bd-btm li a:active{
	
	color: white;
	text-decoration: none;
	
}

div#ft, div#home-ft {

	width: 900px;

	margin-left: auto;

	margin-right: auto;

	color: #000;

	text-transform: uppercase;

	font-size: 90%;
		
	

}

div#ft ul {
	padding-left: 250px;
		}

div#home-ft ul {
	padding-left: 170px;
		}

div#ft li, div#home-ft li{

	display: inline;
	margin: 0 25px 0 0;

}

div#ft li a, div#home-ft li a {
		
	text-decoration: none;

}

div.content {

	width: 600px;

	margin: 0 25px 0 0;

	padding: 10px 0;

	float: left;

}

body.index div.content {

	padding-top: 25px;

}

body.content-page div.content {

	width: 607px;

	padding: 60px 25px 15px 25px;

}

div.content p {

	color: #000;

	line-height: 18px;

	margin-bottom: 20px;

}

ul#nav {

	margin: 35px 55px 0 0;

	float: right;

	display: inline;

}

div#touch {

	margin: 35px 20px 0 0;

	float: right;

	color: #cfcfcf;

	text-transform: uppercase;
	
	font-size: 95%;

}

div#touch a:link, div#touch a:visited {

	color: #cfcfcf;

}

div#touch a:hover {

		color: white;

		text-decoration: underline;

}

ul#nav li {

	display: inline;

}

ul#nav li a {

	padding: 3px 10px;

	font-size: 100.0%;

	text-transform: uppercase;

	outline: none;

}

ul#nav a:link, ul#nav a:visited {

	color: #cfcfcf;

	text-decoration: none;

}

ul#nav a:hover {

		color: white;

		text-decoration: underline;
		
		padding: 10px 9px;

		background: url(../_images/primary_nav_rpt.jpg) repeat-x 0 0;
	
		border: 1px solid black;

	

}

ul#nav a:active {

		color: white;

		background: url(../_images/primary_nav_rpt.jpg) repeat-x 0 0;
	
		border: 1px solid black;

}

ul#nav li.selected a {

color: white;
		
		padding: 10px 9px;

		background: url(../_images/primary_nav_rpt.jpg) repeat-x 0 0;
	
		border: 1px solid black;

}

body.index h1 {

	margin-left: 15px;

}

h1 {

	font-size: 200%;

	margin-bottom: 10px;

	color: #8e4f12;

	font-weight: normal;

}

div.screenshots h2 {

	margin-left: 7px;

	margin-bottom: 10px;

	font-size: 161.6%!important;

}

h2 {

	font-size: 138.5%;

	font-weight: bold;

	color: #281c15;

	margin-bottom: 20px;

}

body.index h2 {

	margin-bottom: 5px;

}

h3 {

	font-size: 123.1%;

	font-weight: bold;

	color: #281c15;

	margin-bottom: 10px;

}

h4 {

	font-size: 116%;

	font-weight: normal;

	color: #281c15;

	margin-bottom: 2px;

}

h5 { }

h6 { }

.center {

	text-align: center;

}

.bold {

	font-weight: bold;

}

strong {

	font-weight: bold;

}

p.question {

	font-weight: bold;

	margin-bottom: 3px!important;

}

p.answer-list {

	margin-bottom: 10px!important;

}

ul {

	color: #5d4f4a;

	margin-left: 25px;

	margin-bottom: 20px;

}

ul li {

	list-style-type: disc;

}

a:link, a:visited {

	color: #5d4f4a;

	text-decoration: underline;

}

a:hover {

	text-decoration: none;

}

.clear {

	clear: both;

}

.clearfix:after {

    content: "."; 

    display: block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

}



.clearfix {display: inline-block;}



/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */









/* begin css tabs */



ul#tabnav { /* general settings */

text-align: right; /* set to left, right or center */

margin: 0 0 10px 0; /* set margins as desired */

font: bold; /* set font as desired */

font-size: 90%;

text-transform: uppercase;

list-style-type: none;

padding: 3px 20px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */

}



ul#tabnav li { /* do not change */

display: inline;

}



div#tab1 li.tab1, div#tab2 li.tab2, div#tab3 li.tab3, div#tab4 li.tab4 { /* settings for selected tab */

border-bottom: 1px solid #fff; /* set border color to page background color */

background-color: #fff; /* set background color to match above border color */

}



div#tab1 li.tab1 a, div#tab2 li.tab2 a, div#tab3 li.tab3 a, div#tab4 li.tab4 a { /* settings for selected tab link */

background-color: #fff; /* set selected tab background color as desired */

color: #000; /* set selected tab link color as desired */

position: relative;

top: 1px;

padding-top: 4px; /* must change with respect to padding (X) above and below */

}



ul#tabnav li a { /* settings for all tab links */

padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */

border: 1px solid #000; /* set border COLOR as desired; usually matches border color specified in #tabnav */

background-color: #cecece; /* set unselected tab background color as desired */

color: #000; /* set unselected tab link color as desired */

margin-right: 0px; /* set additional spacing between tabs as desired */

text-decoration: none;

border-bottom: none;

}



ul#tabnav a:hover { /* settings for hover effect */

background: #fff; /* set desired hover color */

}



/* end css tabs */


    
.jscom, .mix htcom   { color: #4040c2; }
.com      { color: green; }
.regexp   { color: maroon; }
.string   { color: teal; }
.keywords { color: blue; }
.global   { color: #008; }
.numbers  { color: #880; }
.comm     { color: green; }
.tag      { color: blue; }
.entity   { color: blue; }
.string   { color: teal; }
.aname    { color: maroon; }
.avalue   { color: maroon; }
.jquery   { color: #00a; }
.plugin   { color: red; }

li { list-style-type: none; }
.basic, #list2, #list3, #navigation { width:20em; }

.basic  {
	width: 173px;
	padding: 55px 0 55px 0;
	font-family: Helvetica, sans-serif;
	
}
.basic div {
	background-color: white;
}

.basic p {
	
	
	text-decoration: none;
	
	font-size: 1em;
	
	padding: 10px 7px 10px 7px;
	
}
.basic a {
	height: 20px;
	cursor:pointer;
	display:block;
	padding:20px 0 20px 0;
	margin-top: 2px;
	margin-bottom: 1px;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	font-size: 1em;
	color: #292828;
	background-color: #EBEBEB;
	border-top: 1px solid #4E4F49;
	
	
	background-image: url("AccordionTab0.gif");
}
.basic a:hover {
	
	font-size: 1em;
	text-decoration: underline;
	color: #black;
	background-color: white;
	background-image: url("AccordionTab2.gif");
}
.basic a.selected {
	color: #black;
	border-bottom: 0px;
	background-color: white;
	background-image: url("AccordionTab2.gif");
}


#work-tabs {

}
#work-tabs ul {margin:0, auto; padding:0; list-style:none; white-space:nowrap; font-size:11px; float: right;}
#work-tabs li {display:inline; margin:0; padding:0;}
#work-tabs a {float:left; color:#fff; background:  url(top_left.gif) no-repeat left top; margin:0 5px 0 0; padding:0 2px 0 2px; text-decoration:none; letter-spacing:1px; outline: none;}
#work-tabs a b {float:left; display:block; background:transparent url(top_right.gif) no-repeat right top; padding:6px 16px 4px 16px;}
#work-tabs a:hover {color:#000; cursor:pointer;} 
#work-tabs .current a {background: #fff url(top_left.gif) no-repeat left top; color:#000; cursor:default; border: 2px solid #fff; border-left: 2px solid #464840; border-top: 2px solid #464840; border-right: 2px solid #464840;}