/* ========================
 * ID Fusion Software
 *
 * @author	Handcraft Creative 
 * ========================
 * Colours
 * 8896a0 - blue bg
 * d1d0c8 - tan bg
 * ff8a00 - orange - highlight in slider menu
 * 414347 - jobs box bg
 * ========================
 */

/* HTML5 Boilerplate ======== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

.clear { clear:both; }

html {
	font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;
}
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body {
	margin: 0; font-size: 1em; line-height: 1.4;
	font-size:12px; line-height:15px;
}

::-moz-selection { background: #8896a0; color: #fff; text-shadow: none; }
::selection { background: #8896a0; color: #fff; text-shadow: none; }

h1,h2,h3,h4 {
	font-weight:normal;
	font-family:"omnes-pro",'Lucida Grande',Helvetica, sans-serif;
}
h1 {
	margin: 0 0 40px 0;
	font-size:50px; line-height:1;
	font-family:"omnes-pro",'Lucida Grande',Helvetica, sans-serif;
	font-style:italic;
	font-weight:normal;
}
h2,
h3 {
	margin: 0 0 30px 0;
	font-size:30px; line-height:1;
	font-family:"omnes-pro",'Lucida Grande',Helvetica, sans-serif;
	font-weight:normal;
}
h4 {
	margin: 20px 0;
	font: 20px/20px "omnes-pro",sans-serif;
	color:#000;
}

a { color: #000; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; outline:none; }
a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
abbr[title], acronym[title] { border-bottom-width: 0; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

svg:not(:root) { overflow: hidden; }

figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid { }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
table { margin: 0 0 24px 0; border: 1px solid #ddd; }
th { border-bottom: 1px solid #ddd; padding: 4px 6px; line-height:1.5; }
td { vertical-align: top; }
tr:hover { background:#eee; }


/* ===== Primary Styles ========================================================
 Author:
 ========================================================================== */


html,
body {
	min-width:1024px;
	background: #d1d0c8 url(http://idfusion.com/theme/img/body-bg.png) repeat-y left top;
}

#wrapper {
	padding:50px 0; width:990px; min-height:800px;
	background:url(http://idfusion.com/theme/img/wrapper-bg.jpg) no-repeat left top;
}

#header {
	overflow:hidden; display:block; float:left; width:320px;
}
#site-logo {
	overflow:hidden; display:block; margin:0 0 20px 50px; width:270px; height:270px;
	background: url(http://idfusion.com/theme/img/logo.png) no-repeat left top;
	text-indent:100%;
}
#site-nav {
	display:block;
	margin: 0 0 0 50px; padding:0; width:270px;
	line-height:30px;
	list-style:none;
	text-align:center;
}
#site-nav li { margin: 0 0 8px 0; padding:0; list-style:none; text-align:center; }
#site-nav a {
	display:inline;
	margin: 0.75em auto; padding: 0.4em 1em; width:auto;
	text-align:center;
	text-transform:uppercase;
	color:#fff;
	text-decoration:none;
	font-size:14px; line-height:14px;
	font-family:"omnes-pro",'Lucida Grande',Helvetica, sans-serif;
}
#site-nav a:hover,
#site-nav a.current {
	background-color:#8896a0;
	color:#fff;
}
#site-nav br { display:none; }
#site-nav img {
	display:block; margin: 0 auto;
}
#site-nav #blog-link { display:block; padding:0; width:80px; height:80px; border-radius:80px; }
#site-nav #blog-link img { margin: 4px auto; padding-top:18px; }


#content {
	position:relative; display:block; float:right; clear:none;
	margin: 0 -10px 0 0; width:650px;
}
#content-top { display:block; clear:both; margin-bottom:-2px; height:65px; background: url(http://idfusion.com/theme/img/content-bg.png) no-repeat left top; }
#content-bottom { display:block; clear:both; height:10px; background: url(http://idfusion.com/theme/img/content-bg.png) no-repeat left bottom; }

#content-extended {
	position:relative; display:block; float:right; clear:none;
	margin: 168px -10px 0 0; width:650px;
}
#content-extended p {
	padding: 18px 50px;
	font: 14px/18px Georgia,serif; color:#fff;
}

.section {
	margin-top:-1px; 
	padding: 10px 50px;
	background:#fff;
	z-index:10;
}

.no_sidebar {
	padding-right:40px;
}

.sidebar p {
}
.sidebar p a.block {
	display:block; margin: 0 -10px 10px 0; padding: 32px 18px; min-height:172px;
	background:#cbd0d4;
	font-size:23px; line-height:1.1;
	font-family:"omnes-pro",'Lucida Grande',Helvetica, sans-serif;
	font-weight:normal;
	text-transform:uppercase;
	color:#fff;
	text-decoration:none;
	border-radius: 8px 0 0 8px;
	background: rgb(205,210,214); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NkZDJkNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiMWI4YmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(205,210,214,1) 0%, rgba(177,184,190,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(205,210,214,1)), color-stop(100%,rgba(177,184,190,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(205,210,214,1) 0%,rgba(177,184,190,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(205,210,214,1) 0%,rgba(177,184,190,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(205,210,214,1) 0%,rgba(177,184,190,1) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(205,210,214,1) 0%,rgba(177,184,190,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdd2d6', endColorstr='#b1b8be',GradientType=0 ); /* IE6-8 */
	text-shadow: 0 1px 2px #b2b9bf;
}
.sidebar p a.block.current,
.sidebar p a.block:hover {
	background:#f1f6f9;
	background: rgba(116,189,248,1); /* Old browsers */
	background: -moz-linear-gradient(top, #d7dbde 0%, #d0d5d9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d7dbde), color-stop(100%,#d0d5d9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #d7dbde 0%,#d0d5d9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #d7dbde 0%,#d0d5d9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #d7dbde 0%,#d0d5d9 100%); /* IE10+ */
	background: linear-gradient(top, #d7dbde 0%,#d0d5d9 100%); /* W3C */
}



.section p,
.section li {
	font-size:12px; line-height:15px;
	font-family:Georgia, serif;
	color:#524f4c;
}
.section p {
	margin: 0 0 15px 0;
}

img.banner {
	margin: 0 0 10px 0;
	padding:12px;
	max-width:100%;
	box-sizing:box-model;
	background:#cbd1d5;
}


#footer {
	clear:both;
	padding:20px 50px 50px 50px;
	font: 12px/14px "omnes-pro",Lucida Grande, sans-serif;
	color:#fff;
}
#footer {
	position:absolute; left:50px; top:800px;
}
#footer a { color:#fff; text-decoration:none; }
#footer a:hover { color:#fff; }
#footer-map-link { display:block; float:left; margin: 0 20px 12px 0; width:24px; }
#footer-map-link img { display:block; margin: 0 auto; }









/* =============================================================================
 Media Queries
 ========================================================================== */

@media only screen and (min-width: 35em) {
	/* Style adjustments for viewports that meet the condition */
}

/*
@media only screen and (max-width:768px) {
	html, body { width:768px; background: #d1d0c8 url(http://idfusion.com/theme/img/body-bg.png) repeat-y -200px top; }
	#wrapper { width:750px; }
	#header { width:200px; }
	#site-logo,
	#site-nav { margin-left:30px; width:170px; }
	#content { width:520px; }
	#footer { padding-left:0; left:30px; }
}
*/


/* =============================================================================
	!Page Specific
 ========================================================================== */

/* !Homepage ======== */

.home #content { margin-top:290px; }
.home .pull {
	font-size:24px;
	font-style:italic;
	color:#524f4c;
	text-align:right;
	font-family:"omnes-pro",'Lucida Grande',Helvetica, sans-serif;
}
.home .pull a {
	text-decoration:none;
	color:#524f4c;
}

/* !Work Page ======== */

#work-reasons.section { position:relative; padding: 1px 0 0 0; min-height:717px; z-index:10; }

#current-opportunities-link {
	position:absolute; right:-10px; top:24px;
	padding:8px 14px;
	background:#414347; color:#fff;
	box-shadow: -3px 3px 0 #c1c1b9;
	text-transform:uppercase;
	text-decoration:none;
	text-align:right;
}

#work-reasons .article {
	padding:0;
	min-height:576px;
	width:100%;
	z-index:10;
}
#work-reasons .article img { margin: 0 0 40px 0; }
#work-reasons h3,
#work-reasons p { margin-left:50px; width:240px; }
#work-reasons p {
	font: italic 14px/18px "Georgia", serif;
	color:#8896a0;
}

#work-reasons-nav { overflow:hidden; margin-left:50px; height:20px; }
#work-reasons-nav a { overflow:hidden; display:block; float:left; margin: 0 6px 0 0; width:8px; height:8px; background:#ccc; text-indent:100%; }
#work-reasons-nav a.activeSlide { background:#ff8a00; }

#work-reasons-prev,
#work-reasons-next { overflow:hidden; position:absolute; top:20px; width:50%; height:202px; line-height:200px; z-index:100; background-image: url(http://idfusion.com/theme/img/work-banners-arrows.png); text-indent:100%; }
#work-reasons-prev { left:0; background-position: left top; }
#work-reasons-next { right:0; background-position: right top; }
#work-reasons-prev:hover { background-position: left bottom; }
#work-reasons-next:hover { background-position: right bottom; }

#work-reasons-slider-mask {
	clear:both; position:absolute; right:0px; top:222px; width:200px; height:496px; z-index:80;
	background:#fff;
}


#work-questions {
	clear:both; position:absolute; right:10px; top:212px; width:309px; height:506px; z-index:100;
	background: url(http://idfusion.com/theme/img/work-qa.png) no-repeat left top;
}
html.no-js #work-questions { top:192px; height:auto; background: url(http://idfusion.com/theme/img/work-qa.png) repeat-y left top; }
#work-questions h1 { position:absolute; left:60px; top:110px; border:0; outline:none; font: 44px/40px "omnes-pro",sans-serif; color:#5d6061; letter-spacing:4px; }
#work-questions-slider { margin: 20px 50px 0 50px; width:250px; }
#work-questions .qa { margin:0; height:506px; }
#work-questions h3 { margin: 0 0 110px 0; min-height:60px; font-size:20px; line-height:1; color:#5d6061; font-style:italic; }
#work-questions p { margin: 20px 0 20px 0; font: 12px/15px "Georgia", serif; color:#5d6061; }
#work-questions-next {
	overflow:hidden; position:absolute; left:200px; top:89px; width:44px; height:82px;
	background-image: url(http://idfusion.com/theme/img/work-qa-arrow.png); background-position: left top;
	text-indent:100%;
	z-index:100;
	}
#work-questions-next:hover {
	background-position: right top;
}

#content p.summary { clear:both; font: italic 14px/18px Georgia; color:#7a7b7e; }


/* !Transitions ======== */
#site-nav a {
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}



#about p,
#history p,
#community p {
	width:383px;
}
#about_nav { position:absolute; right:-10px; top:182px; width:165px; }
#about_nav p { margin-top:0; }

#history p,
#about p { font-size:14px; line-height:18px; }

.caps { text-transform:uppercase !important; }

#community-slider-wrap { position:relative; margin: 0 -50px; }
#community-slider {
	margin: 0 50px;
}
#community-slider .item {
	width:383px; height:540px;
	background:#cbd1d5;
}
#community-slider h3 {
	padding: 24px 64px 24px 24px;
	background:#8896a0;
	font: 20px/20px "omnes-pro",sans-serif; color:#fff;
}
#community-slider p { padding: 0 24px; width:auto; }
#community-slider img { opacity:0.5; }
#community-slider img:hover { opacity:1; }

#community-prev,
#community-next {
	overflow:hidden; position:absolute; top:12px; width:32px; height:44px; line-height:200px; z-index:100; background-image: url(http://idfusion.com/theme/img/work-banners-arrows.png); text-indent:100%; 
	background: url(http://idfusion.com/public/community/communityNavArrows.png) no-repeat left top;
}
#community-prev { left:350px; background-position: left top; }
#community-next { left:390px; background-position: right top; }
#community-prev:hover { background-position: left bottom; }
#community-next:hover { background-position: right bottom; }


#contact p { font:14px/16px Georgia; }
#contact p strong { color:#000; }
#contact .address { float:left; width:50%; }
#contact .phone { float:right; width:180px; }
#contact .phone strong { clear:both; }
#contact .phone span { float:right; }

#contactMap { display:block; clear:both; margin: 0 0 20px 0; padding:10px; background:#cdd2d6; }
#contactMap p { padding: 4px 0; font: 14px/14px "omnes-pro",sans-serif; color:#000; }
#contactMap p .icon { float:left; margin-right:0.5em; margin-top:-4px; }
#contactMap input { clear:both; float:left; margin-bottom:10px; border:0; padding: 6px; width:80%; }
#contactMap button { float:right; border:0; padding:6px 0; width:15%; background:#8896a0; color:#fff; text-transform:uppercase; }




#servicesNav { margin: 0 0 24px 0; padding:0; }
#servicesNav li { float:left; margin:0; padding:0; width:25%; list-style:none; }
#servicesNav a { display:block; margin: 0 6px 6px 0; padding:20px; height:48px; text-decoration:none; font: 16px/16px "omnes-pro",sans-serif; color:#333; border-radius:10px; background:#fff; }
#servicesNav a:hover,
#servicesNav a.current {
	background:#e8ebec;
	background:-moz-linear-gradient(#f2f4f5 0%, #e2e5e7 100%);
	background:-webkit-linear-gradient(#f2f4f5 0%, #e2e5e7 100%);
	color:#000;
}

#services.section { padding-bottom:1px; }

#servicesDetails { min-height:650px; }
#servicesDetails { padding:0 0 16px 0; }
#servicesDetails .article { clear:both; margin: 0 0 24px 0; }
#servicesDetails .desc {
	float:left; margin-left:-10px; padding:23px 0; width:330px; min-height:360px; background:#cbd1d5;
	border-radius: 0 10px 10px 0; 
}
#servicesDetails h2,
#servicesDetails h4,
#servicesDetails p,
#servicesDetails ul { margin: 23px 46px; padding:0; }

#servicesDetails h4 { margin-top:32px; font: italic 16px/24px "omnes-pro",sans-serif; }

#servicesDetails .desc p { font: italic 14px/18px Georgia, serif; color:#414347; }
#servicesDetails .desc li { margin:0; padding:0; font: 14px/16px "omnes-pro", sans-serif; color:#000; list-style:none; }
#servicesDetails .desc li a { display:block; border-bottom: 1px solid #a2a7aa; padding: 8px 8px 8px 16px ; text-decoration:none; color:#000; background: url(http://idfusion.com/theme/img/sapNavBg.png) no-repeat left top; }
#servicesDetails .desc li:last-child a { border:0; }
#servicesDetails .desc li a.current { display:block; border-bottom: 1px solid #a2a7aa; color:#fff; background: url(http://idfusion.com/theme/img/sapNavBg.png) no-repeat -500px top; }

#servicesDetails .subitem h2,
#servicesDetails .subitem h4,
#servicesDetails .subitem p,
#servicesDetails .subitem ul { margin: 23px 36px; }

#servicesDetails .subitem,
#servicesDetails .image {
	overflow:hidden; float:right; padding:32px 0; width:330px;	
}

.subitem p,
.subitem ul { font: 12px/15px Georgia; color:#333; }
.subitem ul li { margin-left:1.5em; }

#servicesDetails h3 { }



#experience.section {
	margin-right:0;
	background: #fff url(http://idfusion.com/theme/img/experienceGrid.png) no-repeat center 32px;	
}
#experience-illustration {}
#experience-illustration h3 {
	float:left; margin: 0 32px 32px 0; width:350px; height:165px;
	background:#eaedee; 
	box-shadow: 10px 10px 0 #f4f6f6;
	text-align:center; line-height:150px;
}
#experience-illustration ul { display:inline; margin:0; }
#experience-illustration li {
	display:block; float:left; margin: 0 0 35px 0; width:180px; height:175px; background:#eee; 
	font:16px/17px "omnes-pro",sans-serif; color:#7f7f7f; text-align:center; font-style:italic;
}

#experiencePages {}
#experiencePages li {
	float:left; margin: 0 32px 32px 0; width:159px; height:177px; 
	background:url(http://idfusion.com/theme/img/experiencePage.png) no-repeat left top;	
}
#experiencePages li.last { margin-right:0; }
#experiencePages span {
	display:block; padding: 32px 20px 0 20px; min-height:32px;
	font: italic 16px/18px "omnes-pro",sans-serif;
}

/* !Transitions ===== */
#servicesNav a,
#community-slider img {
	-moz-transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-ms-transition:all 0.5s;
	-o-transition:all 0.5s;
	transition:all 0.5s;
}

.jobDesc { display:block; float:left; margin: 0em 0 1.5em 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding: 1em 0; width:25%; min-height:4em; color:#524f4c; }
.jobDesc strong { font-weight:normal; }
.jobDesc span { padding-right:1em; font-weight:bold; }

#resumator-job-application-link {
	display:block; float:right; margin: 0 0 1em 1em;
	padding:8px 14px;
	background:#414347; color:#fff;
	box-shadow: -3px 3px 0 #c1c1b9;
	text-transform:uppercase;
	text-decoration:none;
	text-align:right;
}


@media only screen and (-webkit-min-device-pixel-ratio:2) {
	#site-logo { background-image:url(http://idfusion.com/theme/img/logo@2x.png); background-size:100%; }
}