/*--- page layout framework ------------*/

div#intro {
	width: 50em;
}

div#categories {
	float: left;
	width: 16em;
}

div#primary {
	float: left;
	width: 60em;
	padding-left: 1.5em;
	margin-left: 1.5em;
	background: transparent url("../img/global/sep_vertical.png") 0 0 repeat-y;
}

div#featured {
	float: left;
	width: 20.5em;
	padding-left: 1.5em;
	margin-left: 1.5em;
	background: transparent url("../img/global/sep_vertical.png") 0 0 repeat-y;
}

div#introduction {
	float: left;
	width: 36em;
	/*padding-left: 1em;*/
}

div#project {
	width: 58.5em;
}

div.firstsplit {
	float: left;
	width: 28em;
	padding-right: 2em;
}

div.secondsplit {
	float: left;
	width: 27em;
}

/*--- miscellaneous ------------*/

h2 {
	margin-bottom: 0.5em;
/*	font-size: 1.7em;*/
}

h4 {
	margin-bottom: 0.5em;
}

.highlite {
	background-color:#000;
	color:#FFF;
}

div#introduction p {
	font-size: 1.05em;
}

div#introduction div.blocked {
	padding: 1em 1em 0.1em 1em;
}

div#mission {
	background: transparent url("../img/global/sep_horizontal.png") 0 0 repeat-x;
	padding-top: 1em;
}

div#introduction p.smaller {
	font-size: 0.9em;
}

p.download {
	padding: 0.3em 0.5em 0.3em 2.5em;
	background: transparent url("../img/global/down_off.png") 0.5em center no-repeat;
}

div#featured p.hilite {
	margin-bottom: 1em;
}

div#featured p.hilite em {
	color: #8a959e;
	font-style: normal;
}

div#featured div.blocked p {
	padding: 0.4em 0.6em;
	margin-bottom: 0;
}

/*--- header ------------*/

p#linkedin {
	width: 20em;
	margin: 0;
	padding: 0 0 1.2em 2.3em;
	float: left;
	background: transparent url("../img/social/linkedin.png") 0 0 no-repeat;
}

p#order {
	clear: left;
	width: 20em;
	margin: 0;
	padding: 0 0 0 2.3em;
	float: left;
	background: transparent url("../img/global/order.png") 0 0.25em no-repeat;
}

/*--- navigation ------------*/

div#categories p.category, div#categories p.single a {
	margin: 0;
	font-size: 1.1em;
	color: #b5d1e4;
}

div#categories p.single a {
	display: block;
	padding: 0 0 0.1em 0;
	font-size: 1.2em;
	border-bottom: 2px solid #5f676d;
}

div#categories p.single a:hover {
	color: #fff;
	text-decoration: none;
}

div#categories ul li a {
	display: block;
	padding: 0.3em 0;
	text-decoration: none;
	color: #b6bcc1;
	border-top: 1px solid #5f676d;
	outline: none;
}

div#categories ul.subcategory {
	margin: 0 0 1em 0;
	padding: 0;
	background: none;
	border-bottom: 2px solid #5f676d;
}

div#categories ul.subcategory li {
	margin: 0;
	padding: 0;
	background: none;
}

div#categories ul.subcategory li a:hover {
	color: #fff;
}

div#categories ul.subcategory li a.accordion {
	color: #b6bcc1;
	background: transparent url("../img/global/down_off.png") right 0.7em no-repeat;
	/*cursor: n-resize;*/
}

div#categories ul.subcategory li a.accordion:hover, div#categories ul.subcategory li a.active {
	color: #fff;
}

div#categories ul.subcategory li a.accordion:hover, div#categories ul.subcategory li a.accordion.active {
	background: transparent url("../img/global/down_on.png") right 0.7em no-repeat;
}

div#categories ul.projects {
	margin: 0;
	padding: 0;
	background: transparent url("../img/global/opaque_10.png") 0 0 repeat;
}

div#categories ul.projects li a {
	padding: 0.4em 1em;
	font-size: 1.1em;
	color: #b6bcc1;
	cursor: pointer;
}

div#categories ul.projects li a:hover {
	color: #fff;
}

div#categories ul.projects li a.active {
	color: #0099ff;
	background: transparent url("../img/global/opaque_15.png") 0 0 repeat;
}

/*--- images ------------*/

/*div#thumbnails a {
	display: block;
	float: left;
	margin: 0 10px 10px 0;
	padding: 0;
	outline: none;
	border: 1px solid #43494e;
}

div#thumbnails a:hover {
	border: 1px solid #4ab5fc;
}

div#thumbnails a img {
	width: 75px;
	height: 75px;
	vertical-align: bottom;
}*/

div#thumbs {
	margin-bottom: 1.5em;
	padding: 1em;
	white-space: nowrap;
	background: transparent url("../img/global/opaque_15.png") 0 0 repeat;
}

div#thumbs img, div#featured img {
	vertical-align: middle;
	border-bottom: 3px solid #262a2d;
	margin-right: 1em;
}

div#featured img {
	margin: 1em 0 0.5em 0;
}

div#thumbs img.active, div#featured img.active {
	border-bottom: 3px solid #4ab5fc;
}

div#thumbs a.last img {
	margin: 0;
}

div.scroll {
	width: 100%;
	overflow: auto;
}

/*--- tables ------------*/

table.intro {
	margin: 0 0 1em 0;
	width: 100%;
	border-bottom: 2px solid #353a3e;
}

table.intro tr {
	vertical-align: top;
}

table.intro th, table.intro td {
	padding: 0.3em 0;
	border-top: 1px solid #353a3e;
}

table.intro th {
	padding: 0.2em 2em 0.2em 0;
	font-weight: normal;
	color: #C5CBD0;
	white-space: nowrap;
	width: 13em;
}

table.description {
	margin: 1.5em 0;
	width: 100%;
}

table.description tr {
	vertical-align: top;
}

table.description td {
	width: 33%;
	padding: 0;
}

table.description td {
	padding-bottom: 1em;
}

/*--- footer ------------*/

div#footer p#poweredby {
	width: 28em;
	padding-left: 2.8em;
	background: transparent url("../img/global/archive_off.png") 0.6em center no-repeat;
}

/*--- images ------------*/

/*div#splash img {
	width: 338px;
	height: 338px;
}*/

/*--- thickbox popup ------------*/

body#portfolio-popup {
	margin: 1em;
	/*overflow: hidden;*/
}

body.noMargin {
	margin: 0 !important;
	text-align: center;
	background-image: none;
	background-color: #000;
}

body#portfolio-popup img {
	float: left;
	margin-right: 1.5em;
	border: 1px solid #383d41;
}

body.noMargin img {
	float: none !important;
	margin: 0 !important;
	border: none !important;
}

body#portfolio-popup div#skininfo {
	float: left;
	width: 23em;
}