/*
Theme Name: WordPress Default
Theme URI: http://wordpress.org/
Description: The default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.6
Author: Michael Heilemann
Author URI: http://binarybonsai.com/
Tags: blue, custom header, fixed width, two columns, widgets

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



/* Begin Typography & Colors */
body { font-size:12px; color: #444444; font-family: Arial, Helvetica, sans-serif; padding: 0px; margin: 0px; }

h2					{ background-image: url("../../../../images/sectionheader.gif"); background-repeat:repeat-x; height:25px; margin: 0px; padding-left:5px; font-size:22px; line-height:24px; font-weight:normal; color:#efefef; }
h2 a				{ color:#efefef; }
h2 a:hover			{ color:#888888; }
h3					{ margin: 20px 0px 0px 3px; font-size:14px; font-weight:bold; color:#444444; }
h3 a				{ color:#444444; }
h3 a:hover			{ color:#444444; }
a					{ color: #3a436e; text-decoration: none; }
a:hover				{ color: #888888; }
a img				{ border:0px; }
ul li				{ list-style-image: url("../../../../images/listitem.gif"); }
img					{ margin: 0px 5px 0px 5px; }
/* End Typography & Colors */



/* Begin Structure */
div#page			{ width: 800px; padding: 0px; position:relative; z-index:1; margin: 0px auto 0px auto; }

div#greyspan		{ width: 100%; height:280px; position:absolute; top: 140px; z-index:0; background-color: #eeeeee; border-bottom: solid 1px #aaaaaa; border-top: solid 1px #aaaaaa; }


div#logo			{ width: 150px; height:235px; float:left; background-image:url("../../../../images/headerlogo.jpg"); background-repeat:no-repeat;} 
div#logo h1			{ display:none; }

div#slogan			{ width: 650px; height: 125px; float:right; background-image:url("../../../../images/slogan.gif"); background-repeat:no-repeat; }
div#slogan h1		{ display:none; }

div#contactinfo		{ width: 645px; height: 15px; float:right; padding: 0px 5px 0px 0px; float:right; color: #888888; }
div#contactinfo ul	{ margin:0px; text-align:right; }
div#contactinfo li	{ list-style: none; display:inline; padding: 0px 0px 0px 3px; }

div#securityimage	{ width: 650px; height: 280px; float:right; background-color: #eeeeee; border-top: solid 1px #aaaaaa;  }

div#nav				{ width: 150px; height: 185px; float:left; background-color: #eeeeee;  }
#nav ul				{ padding: 0px 0px 0px 3px; margin:0px; }	/* Main menu */
#nav ul ul			{ padding: 0px 0px 0px 10px; }				/* Sub  menu */
#nav li				{ padding:0px; border:0px; list-style-type: none; list-style-image:none; margin:0px; text-align:left; }
#nav ul ul li		{ padding:0px; border:0px; }
#nav a				{ font-size:14px; line-height :18px; }
#nav ul ul a		{ font-size: 10px; line-height: 10px;}

div#leftpanel	{ width: 143px; font-size:11px; margin: 10px 5px 10px 0px; float:left; border: solid 1px #aaaaaa; background-color:#eeeeee; }
#leftpanel h2	{ width:138px; border-bottom: solid 1px #aaaaaa; }

#leftpanel a	{ }
#leftpanel h3	{ font-size:14px; line-height :16px; font-weight:bold; padding: 2px 0px 2px 2px; border: 0px; margin:0px; }
#leftpanel p	{ font-size:11px; line-height:16px; padding: 3px 0px 3px 3px; border: 0px; margin:0px; }
#leftpanel ul     { padding: 0px; margin: 0px; }
#leftpanel li     { list-style-type: none; list-style-image:none; padding: 0px; margin: 0px; }
#leftpanel ul ul  { padding: 0px; margin: 0px 0px 0px 1px; }
#leftpanel form   { padding: 0px; margin: 0px; }

div#mainpanel		{ width: 640px; float:right; padding: 10px 5px 10px 5px; }
#mainpanel h2		{ width:633px; border: solid 1px #aaaaaa; }
#mainpanel p		{ margin: 6px 3px 12px 3px; line-height: 20px; text-align:justify; }
#mainpanel div p		{ margin: 6px 3px 12px 3px; line-height: 20px; text-align:justify; }
#mainpanel li		{ line-height: 18px; padding: 0px 0px 6px 0px; }

/*#mainpanel div		{ margin-bottom: 30px; }*/

/*#ourmission			{ margin-top:30px; }*/
#ourmission table	{ border: solid 1px #aaaaaa; background-color: #eeeeee; margin: 15px 0px 15px 55px; border-collapse:collapse; }
#ourmission table th { font-weight:normal; font-style:italic; text-align:left; width:250px; vertical-align:top; padding: 0px 3px 0px 3px; border-right: solid 1px #aaaaaa;  }
#ourmission table td { width:250px; vertical-align:top; padding: 5px 3px 0px 3px; border-right: solid 1px #aaaaaa;  }
#ourmission table ul { margin:0px; padding: 0px; }
#ourmission table li { list-style-type: none; list-style-image:none; padding: 3px 0px 3px 0px; }

.nomarkul ul		{ margin:0px; padding: 0px; }
.nomarkul li		{ list-style-type: none; list-style-image:none; padding: 3px 0px 3px 6px; }

/*#secureknowledge	{ margin-top:30px; }

#weknow				{ margin-top:30px; }*/

div#copyright		{ width: 800px; clear:both; padding: 13px 0px 15px 0px; font-size: 10px; text-align:center; background-image:url("../../../../images/secureinourknowledge.jpg"); background-repeat:no-repeat; background-position: top center; }
#copyright img		{ margin:0px; vertical-align:text-bottom; }

div#map				{ width: 500px; height:400px; border: solid 1px #aaaaaa; }
/* End Structure */



/*	Begin Headers */
.smalltext			{ font-size:10px; }
.blackborder		{ border: solid 1px #000000; }
.aligntoright		{ float:right; }
.aligntoleft		{ float:left; }
.whiteborder		{ border: solid 2px #ffffff; }
.greyborder			{ border: solid 1px #aaaaaa; }
.aligncenter		{ vertical-align:middle; text-align:center; }
.centeredimage		{ vertical-align:middle; text-align:center; margin-top:0px; margin-bottom:0px; padding:0px; }
.somepadding		{ padding: 5px; }
.somemargin		{ margin: 1px; }
.5pxmargin			{ margin: 5px 5px 5px 5px; }
.toplink			{ font-size: 12px; width:638px; background-image:url("../../../../images/uparrow.gif"); background-position:right; background-repeat:no-repeat; text-align:right;}
.toplink a			{ padding: 0px 13px 0px 0px; }
.mainpanelwidth		{ width:638px;}
.casestudylogos		{ width: 630px; }

.inabox				{ float:left; background-color: #eeeeee; border: solid 1px #aaaaaa; width: 140px; height:120px; margin: 0px 4px 8px 4px; padding: 5px; text-align:center; }
.inabox h3			{ margin: 2px 0px 10px 0px; font-weight:normal; color:#ffffff; font-size: 16px; background-image:url("../../../../images/sectionheader.gif"); background-repeat:repeat-x; }
.inabox img			{ margin: 0px; }
.inabigbox			{ float:left; background-color: #eeeeee; border: solid 1px #aaaaaa; width:620px; margin: 0px 2px 8px 4px; padding:5px; }
.inabigbox h3		{ margin: 2px 0px 10px 0px; font-weight:normal; color:#ffffff; font-size: 16px; background-image:url("../../../../images/sectionheader.gif"); background-repeat:repeat-x; }

.centerdivcontents	{ text-align: center; }  /* IE bug = needs this to center divs */
.centerdiv			{ text-align: left; margin: 0 auto; padding: 0; }
.centerdivcentertext	{ margin: 0 auto; padding: 0; }
.noncenterdiv		{ text-align: left; }

/*.clientlogos span	{ height:100px; width: 100px; }
.clientlogos a		{ border: solid 1px #f0f0f0; padding:0px; margin:0px 0px 0px 0px; }
.clientlogos a:hover{ border: solid 1px #aaaaaa; }
.clientlogos span	{ padding:0px; margin:0px; }*/
.clientlogos img	{ margin: 0px; border: solid 1px #f0f0f0; }
.clientlogos img:hover	{ border: solid 1px #aaaaaa; }

.highlight				{ background-color:#eeeeee; border: solid 1px #aaaaaa; }

input.smalltextbox	{ font-family: Arial, Helvetica, sans-serif; font-size:10px; width: 72px;}
input.metalbutton	{ font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#ffffff; border: 1px solid #aaaaaa; background-image:url("../../../../images/sectionheader.gif");	}
/* End Headers */



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */



/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */
/* End Entry Lists */



/* Begin Form Elements */
/* End Form Elements */



/* Begin Comments*/
/* End Comments */



/* Begin Sidebar */
/* End Sidebar */



/* Begin Calendar */
/* End Calendar */



/* Begin Various Tags & Classes */
/* End Various Tags & Classes*/



/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
	It won't be a stylish marriage, I can't afford a carriage.
	But you'll look sweet upon the seat of a bicycle built for two." */
