@charset "utf-8";

/**************************************************
*****
*****	Website:		Wibu-Systems USA	
*****	Filename:		layout-default.css
*****	Version:		1.0
*****	Last modified: 	02 August 2010
*****	Author:			Kevin Browne
*****	E-mail:			kevin.browne@wibu.us
*****	Copyright:		Wibu-Systems USA, 2009-2010
*****
**************************************************/


/*
#canvas width 	= 801 pixels 
#main width 	= 649 pixels
#sidebar width	= 152 pixels
*/


/****************************************
***
***		Basic layout
***
****************************************/
#canvasWrapper {
	margin: 10px auto 30px auto;
	overflow: auto;
	width: 803px;
}

#main {
	float: left;
	width: 649px;
}

#sidebar {
	float: right;
	width: 152px;
}



/****************************************
***
***		Brand Bar
***
****************************************/
#brandBarNav {
	float: left;
	height: 74px;
	margin: 0;
	width: 649px;
}

#brandBarNav #brandBarNavWrapper {
	height: 54px;
	margin: 15px 0 0 0;
	padding: 5px 0 0 5px;
	width: 644px;
}

#brandBarNav li {
	display: inline;
	padding: 0 6px;
}

#brandBarNav li:first-child { padding-left: 15px; }

#brandBar {
	clear: left;
	height: 101px;
}

/***** Global Sites drop-down navigation *****/
#brandBarNavWrapper,
#brandBarNavWrapper ul {
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 5px 0 0 0;
}

#brandBarNavWrapper li {
	float: left;
	list-style-image: none;
}

#brandBarNavWrapper li.last {
	display: none;
}

#brandBarNavWrapper li ul {
	left: -999em;
	position: absolute;
	width: 110px;
}

#brandBarNavWrapper li ul li {
	padding: 5px;
	width: 99px;
}

#brandBarNavWrapper li:hover ul { left: auto; }

#brandBarNavWrapper li:hover ul,
#brandBarNavWrapper li.sfhover ul { left: auto; }

#globalSites a { display: block; }

#globalSites li:first-child { padding-left: 5px; }



/****************************************
***
***		Navigation
***
****************************************/
#nav ul {
	float: left;
	margin: 0 0 0 -1px;
	padding: 0;
	width: 649px; /* + 2px for border */
}

#nav li {
	display: inline;
	float: left;
	height: 16px;
	padding-top: 2px;
}

#nav li {
	height: 16px;
	width: 91px;
}

#nav li:first-child { width: 96px; }

#subnav ul {
	float: left;
	margin: 0;
	padding: 4px 0 8px 0;
	width: 648px;
}

#subnav li {
	float: left;
	padding: 0 10px;
}

/**** internal nav *****/
#content ul#internalNav {
	float: left;
	margin-left: 0 !important;
	width: 100%;
}

#content ul#internalNav li {
	clear: none;
	float: left;
	line-height: 1 !important;
	padding: 2px 20px 2px 10px;
}

#internalNav + * {clear: left;}

/**** banner nav *****/
#content div.banner,
#content div.banner img {
	margin: 0 !important;
	padding: 0 !important;
}

ul.bannerNav {
	float: left;
	height: 25px;
	margin: -3px 0 30px 0 !important;
	padding: 0 1px;
	width: 600px;
}

#content ul.bannerNav li {
	clear: none;
	float: left;
	height: 17px;
	margin: 0;
	padding: 3px 10px 0 10px;
	text-align: center;
	width: 128px;
}

#content ul.bannerNav li:first-child {width: 131px;}

/*#content ul.bannerNav li.active {height: 15px; overflow: hidden !important;}*/

#content ul.bannerNav + h1 {clear: left;}



/****************************************
***
***		Sidebar
***
****************************************/
#wibuFlag {
	height: 59px;
	padding-top: 15px;
}

#wibuFlag p {
	line-height: 1;
	margin: 0;
	padding: 0;
}

#sidebar .fluff {
	clear: left;
	height: 101px;
}

#sidebarContent { padding: 6px 0 6px 6px; }

#sidebarContent div { padding-bottom: 6px; }

#sidebarContent div + div {margin-top: 10px;}

#sidebarContent div.contentAtom {
	padding: 5px;
	width: 128px;
}



/****************************************
***
***		Content
***
****************************************/
#content {
	clear: left;
	overflow: auto;
	padding: 20px;
}

code { padding: 0 5px; }

#content p { margin: 12px 0; }

#content div { margin-top: 20px; }

iframe.googleMap + p {
	margin-top: -3px !important;
	padding: 2px;
	text-align: center;
}


/***** Headings *****/
h1 {
	margin-bottom: 20px;
	padding-left: 20px;
}

h2 {
	clear: left;
	margin: 15px 0;
	padding: 0.5em 0 0.5em 0.25em;
	overflow: hidden;
}

h3 {
	margin-bottom: 15px;
	padding-left: 10px;
}


/**** Address Block ****/
div.addressBlock {
	clear: left;
	float: left;
	margin: 20px 0 10px 0;
	width: 99%;
}

div.addressBlock div {
	float: left;
	margin: 0 !important;
	min-height: 100px;
	width: 33%;
}

div.addressBlock h3 {
	clear: left;
	margin-bottom: 0;
	padding-left: 0;
}

div.addressBlock div p {
	float: left;
	margin: 5px 0 25px 0 !important;
	padding: 0;
}

div.addressBlock img {
	float: left;
}



/****************************************
***
***		Images
***
****************************************/
#content p img {
	float: left;
	margin: 0 0.5em 0.5em 0;
	overflow: auto;
}

#content img.graphic {max-width: 568px !important;}

#content p img.imgRight,
#content li img.imgRight {
	float: right;
	margin: 0 0 0.5em 0.5em;
}

#content .graphic.imgRight {margin: 0 !important;}

#content p > img + img {
	float: right;
	margin-left: -0.5em;
	margin-right: 0;
}

dd img {
	float: left;
	padding: 0 0.5em 0.5em 0;
}


/***** Header Images *****/
#content div.banner { /* Needs the extra specificity */
	margin: 0 0 30px 0;
	padding: 0;
}

#content div.imgAsHdr { /* Needs the extra specificity */
	margin-top: 80px;
}

div.imgAsHdr img {
	float: none;
	margin-bottom: 0;
}

/***** Captioned Images *****/
#content div.captioned {
	float: right;
	margin: 0 0 1em 0;
	padding: 0 0 0 0.5em;
}

#content div.captioned img { padding: 0; }

#content div.captioned p {
	clear: left;
	margin: 0;
}

/****************************************
***
***		Logo Gallery
***
****************************************/
#content div.logoGallery {
	overflow: auto;
	padding: 5px 3px;
	width: 600px;
}

#content h2 + div.logoGallery {margin-top: -15px; /* Overcome h2's bottom margin */ }

#content div.logoGallery div.captioned {
	float: left;
	height: 150px;
	margin: 0 20px 0 0;
	padding: 0;
	width: 100px;
}

#content div.logoGallery div.captioned img,
#content div.logoGallery div.captioned img p {
	margin: 0;
	padding: 0;
}

/***** Testimonial Images *****/
div#content div.imgTestimonial { margin-bottom: 2em; }

div#content div.imgTestimonial img {
	float: left;
	margin: 0 30px 0 0;
	padding: 0;
}

div#content div.imgTestimonial h3 { margin-left: 165px; }

div#content div.imgTestimonial p { margin-left: 180px; }

/****************************************
***
***		Lists
***
****************************************/
#content dl,
#content ol,
#content ul { margin: 1em 0 2em 0; }

#content li { margin-bottom: 1em; }

#content li { clear: left; }

#content dt {
	clear:left;
	margin: 2em 0 1em 0;
	padding-left: 1em;
}

dd img + ul {float: left;}

dl + p {clear: left;}

/****************************************
***
***		Pull Quotes
***
****************************************/
#content div.pullQuote {
	float: right;
	margin: 0 0 1em 1em;
	padding: 10px;
	width: 33%;
}

#content div.pullQuote p {
	margin: 10px 0;
	padding: 0;
}

#content div.pullQuote p:first-child { margin-top: 0; }

#content div.pullQuote .source { float: right; }

/****************************************
***
***		Content tables
***
****************************************/
table {
	margin-bottom: 2em;
	width: 607px;
}

caption { padding: 5px; }

td {
	padding: 5px;
	width: 25%;
}

td + td { text-align: center; }


/********** tbl244 **********/
/* Tables with widths of 2 parts to 4 parts to 4 parts */
table.tbl244 td,
table.tbl244 th {width: 20%;}

table.tbl244 td + td,
table.tbl244 th + th {width: 40%;}


/********** tblAllText **********/
/* Content contains only text */
table.tblAllText td {vertical-align: top;}
table.tblAllText td + td {padding-left: 0;}


/********** tblWibuBoxOS **********/
/* WibuBox Operating System application chart */
table.tblWibuboxOS th {padding: 2px;}

table.tblWibuboxOS th:first-child,
table.tblWibuboxOS td:first-child {width: 50%;}

table.tblWibuboxOS th + th,
table.tblWibuboxOS td + td {width: 10%;}

/****************************************
***
***		Footer
***
****************************************/
#footer {
	clear: both;
	width: 730px; /* + 71 px right border */
}

#footer ul {
	padding: 2px 0;
	text-align: center;
	width: 648px;
}

#footer li {
	display: inline;
	padding: 0 10px;
}

#footer li:first-child { padding-left: 0; }


/****************************************
***
***		Home-page specific dreck for v2
***
****************************************/
div.homepageSolutionsRow {
	clear: left;
	margin: 0 0 20px 0 !important;
	padding: 0 !important;
	overflow: auto;
}

div.homepageSolutionsRow div {
	float: left;
	height: 90px;
	margin-left: 8px;
	margin-top: 0 !important;
	padding-left: 90px;
	padding-top: 0 !important;
	width: 206px;
}

div.homepageSolutionsRow div:first-child {margin-left: 0;}

div.homepageSolutionsRow div h3,
div.homepageSolutionsRow div p {
	float: left;
	margin: 0;
	padding: 0;
}

div.homepageTechnologiesRow {
	clear: left;
	margin: 0 0 20px 0 !important;
	padding: 0 !important;
	overflow: auto;
}

div.homepageTechnologiesRow div {
	float: left;
	margin-left: 5px;
	margin-top: 0 !important;
	padding-bottom: 71px;
	width: 195px;
}

div.homepageTechnologiesRow div:first-child {margin-left: 0;}

div.homepageTechnologiesRow div h3,
div.homepageTechnologiesRow div p {
	float: left;
	margin: 2px 0 0 2px;
	padding: 2px 0 0 2px;
}


/****************************************
***
***		Google search/404 (#goog)
***
***		See http://www.google.com/support/webmasters/bin/answer.py?hl=en&answer=100044
***
****************************************/
/* Search box provided by Google Webmaster tools */

#goog-wm-sb {margin-left: 1em; margin-top: 1px;}

#goog-wm h3 {
	margin-left: 0em;
	padding: .25em;
}


/****************************************
***
***		Dreamweaver-added CSS
***
****************************************/