@charset "utf-8";
/* cognizo 2008 */
/* designed & developed by: Sae Vang; modifield: 11/10/2008 */
/* SHARED SECTIONS ONLY; HOME and INTERNAL SECTIONS */

/* UNIVERSAL STYLES */
* { margin: 0; padding: 0; }
body { background: #fffff; color: #000; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; }
img { border: none; display: inline; }
a { color: #ce6b08; cursor: pointer; text-decoration: none; }
.clear { clear: both; }

/* CONTAINERS */
#container, .home #container, #header, .profile, .blockMenu, .wideInput { width: 100%; }
#container { background: #fff url(../images/bg-body.gif) left top repeat-x; }
#containTop { height: 72px; }
#containFooter { clear: both; height: 60px; padding: 10px 0 0; width: 100%; }
#boxMain { height: auto; margin: 0 auto; width: 100%; }
	#logo { float: left; height: 69px; margin: 0 0 0 1.75em; width: 275px; }

/* BODY CONTENT STYLES */
#headerNav { background: #fff; float: left; width: 15%; }
#subContent { display: inline; float: right; margin: 1em 3.25em 1em; width: 74%;  }
#subContent ul { list-style: none; }
#footer { clear: both; color: #999; margin: 0 auto; text-align: center;  }
	#footer p { text-align: center; }

/* TEXT STYLES */
h1 { color: #039; display: none; font-size: 3em; font-weight: bold; margin: 0 0 0 .8em; }
h2 { border-bottom: 2px solid #c9d4ea; color: #039; margin: 0 0 .5em 0; padding: 0 0 .15em 0; }
h3 { font-size: 1.25em; font-weight: normal; line-height: 25px; }
h4 { color: #003399; }
p { font-size: .82em; line-height: 1.5em; margin: 1em 0 0 0; text-align: left; }
em { font-style: italic; }
strong { font-weight: bold; }
acronym { border-bottom: 1px dotted #ccc; }
.home span { color: #ff7f00; }
span.small { color: #999; font-size: .8em; font-style: italic; }
#terminology { border: none; color: #ccc; font-family: "Lucida Sans Unicode", "Lucida Sans", monospace; font-weight: normal; margin: 0 auto 1em auto; text-align: center; }
.instructions { color: #ff7f00; font-style: italic; }
.intro { margin: 0 auto; width: 75%; }

/* HEADER STYLES */
#header { background: #d1def8; clear: both; text-align: center; }
	.home #header img { height: 101px; }
	.recruiting #header, .labs #header, .development #header, .systems #header, .contact #header, .careers #header, .blog #header { height: 100px; }

/* LEFT NAV */
#leftNav { float: left; list-style: none; margin: 1.25em 0 0 0; width: 100%; }
#leftNav li { display: block; padding: .5em 0 0 3em; }
#leftNav li a { cursor: pointer; display: block; padding: 0 0 .5em 0; }
#leftNav li.activePage { background: #d1def8 url(../images/navPointSmall.jpg) 100% 50% no-repeat; }
/*#leftNav li.activePage:first-child { background: #d1def8 url(../images/navPointLarge.jpg) 100% 70% no-repeat; }*/

/* TEAM PHOTO STYLES */
.profile { border-bottom: 1px dashed #e3e3e3; clear: both; float: left; font-size: .9em; height: 100%; margin: 0 0 2em; padding: 0 0 2em; }
	.profile img.photo { border: 2px solid #e3e3e3;float: left; height: 262px; width: 200px; }
	.profileDesc { color: #666; display: inline; float: right; width: 70%; }
	.profileDesc p { font-size: .9em; margin: 0 0 .5em; }
	.photoTalk { float: left; width: 28%; }
	p.profileName { clear: both; color: #000; font: bold 1em "Lucida Sans Unicode", "Lucida Sans", monospace; margin: 0; }
	p.profileTitle { font: .85em Verdana, Arial, Helvetica, sans-serif; margin: 0 0 1em; }
	.gTalk { width: 200px; }
	.gTalkFrame { border: none; height: 60px; width: 200px; }

/* ITEMS, OFFICE */
.profileItems { clear: both; }
.items { clear: both; margin: 1em 0 2em; }
	.items img, .itemProduct, #map { float: left; }
	.itemsDesc { float: right; margin: 0 0 2em; width: 75%; }
.itemProduct { border: 3px solid #ccc; float: left; height: 110px; width: 135px; }
.blockMenu { margin: 2em 0 0; }
	.itemBox { float: left; height: 100%; margin: 0 .25em; width: 46%; }
	  .itemBox p { font-size: .7em; margin: 0; }
    .itemBox img { height: 242px; width: 300px; }
		.itemBox img, .offices img { border: 5px solid #ccc;  }
.offices { padding: 1.5em 0 2em 0; text-align: left; }
.offices img { float: left; margin: 0 1em 1em 0; }
.officeItems { float: right; margin: 0 0 2em; width: 32%; }
.thumbnail { height: 93px; width: 140px; }

/* FORMS */
fieldset { border: none; padding: .05em; }
	legend { color: #039; font: normal normal bold 1em "Lucida Sans Unicode", "Lucida Sans", monospace; padding: 1em 0 0; }
	.shortInput { float: left; margin: .5em 0; width: 50%; }
	.wideInput { margin: .5em 0; }
	label { float: left; font: normal normal normal .8em Verdana, Arial, Helvetica, sans-serif; margin: 0 .5em 0; text-align: right; }
	input, select { background: #fff url(http://www.cognizo.com/images/bg-fields.gif) left top repeat-x; border: 1px solid #cdcdcd; float: left; padding: .05em .15em; }
	input { height: 1.25em; }
	select { height: 1.5em; }
	option { padding: 0 0 0 .25em; }
	textarea { background: #fff url(http://www.cognizo.com/images/bg-textarea.gif) left top repeat-x; border: 1px solid #cdcdcd; float: left; height: 10em; margin: 0 0 2em 0; }
	input.submit { float: right; height: 2em; margin: 0 0 1em 1em; }
		.shortInput label { width: 36%; }
		.shortInput input { width: 60%; }
		.wideInput label { width: 20%; }
		.wideInput input, .wideInput select, .wideInput option, .wideInput textarea { width: 78%; }