/* Begin Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
ol,ul {list-style:none;}
img {border: 0;}
/* End Reset */

/* Begin Sticky footer */

html, body, #wrap { height: 100%; }

body > #wrap { height: auto; min-height: 100%; }

#main { 
	padding: 0 0 180px 0;
	margin: 0;
	width: 100%;
	}  /* must be same height as the footer */

#footer {
	position: relative;
	margin: -180px 0 0 0; /* negative value of footer height */
	height: 180px;
	clear: both;
	} 
	
clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
	
.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* End Sticky footer */


/* Begin Typography & Colors */
#header { background-color: #676767; }
#header.blog { background: #e8f4ff url(images/shadow.jpg) bottom left repeat-x }
.page_titles { background: #e8f4ff url(images/shadow.jpg) bottom left repeat-x }
.page_titles h1 {color: #000000;}
#primary_navigation li a { color: #a9e6fd; }
#login { color: #fff; }
#login a { color: #bbff8c; }
#login a:hover { color: #bbff8c; text-decoration: underline; }
#footer { background: #676767 url(images/shadow_bottom.jpg) top left repeat-x }
#footer .footer_block {
	color: #fff;
	background: #858585 url(images/footer_block_top.gif) top left no-repeat;
	}
#followme {
        color: #fff;
        font-size: 1.3em;
        font-weight: bold;
}
#followme a{
        color: #b9e5fa;
}
#content { background-color: #fff; }
#content hr {
	border: none;
	color: #bbff8c;
	background-color: #bbff8c;
}

/* End Typography & Colors */



/* Begin Structure */
body {
	margin: 0;
	padding: 0;
	}
	
div.container {
	margin: 0 auto;
	padding: 0;
	width: 980px;
}

#header .container { position: relative; }

#header {
	height: 70px;
	position: relative;
	text-align: left;
	}
	
	#header.blog {
		height: 80px;
		margin-bottom: 30px;
	}
	
	.page_titles {
		position: relative;
		height: 180px;
		text-align: left;
		padding: 0;
		padding-bottom: 20px;
		margin-bottom: 30px
	}
	
	#mainpage.page_titles {
		height: auto;
		text-align: center;
		overflow: auto;
	}
		.page_titles .container { width: 935px; padding-left: 45px; position: relative; }

		.page_titles h1 {
			margin: 0;
			padding: 40px 0 0 0;
			font-size: 	40px;
		}
		
		#mainpage.page_titles h1 {
			text-align: left;
		}

		.page_titles h2 {
			margin: 10px 0 0;
			font-weight: normal;
			font-size: 22px;
			font-family: Georgia,'Lucida Grande', Verdana, Arial, Sans-Serif;
		}

	#primary_navigation {
		position: absolute;
		float: left;
		left: 230px;
		top: 30px;
	}
	
		#primary_navigation li {
			margin: 0 0 0 4px;
			float: left;
			font-size: 14px;
		}

		#primary_navigation li.current a {
			font-weight: bolder;
			color: #fff;
			}

	#login {
		position: absolute; 
		top: 10px;
		right: 0;
	}
	
#content.blog {
	float: left;
	width: 705px;
	margin-right: 40px
}
	
#content.page .container {
	padding-left: 45px;
	width: 935px;
}

	#content hr {
		margin: 30px 0;
		height: 1px;
	}
	
	.page p,
	.page ul,
	.blog p,
	.blog ul {
		margin-bottom: 20px;
	}
	
.post { text-align: left; overflow: hidden; }
	
#sidebar {
	margin-left: 745px;
	width: 190px;
	text-align: left;
		}

#footer {
	padding: 0;
	margin: -180px auto 0;
	}
	
	#footer .container { position: relative; height: 180px;}
	
	#footer #first {
		margin-left: 45px;
	}

	#footer .footer_block {
		width: 125px;
		margin: 20px 0 0 25px;
		float: left;
		height: 160px;
		text-align: left;
		}

			.footer_block h3 { 
				margin: 20px 0 8px 10px;
				border-bottom: 2px solid #aaa;
				width: 105px;
				padding-left: 1px;
			 }

			.footer_block ul {
				margin-left: 11px;
			}

			.footer_block a {
				color: #fff;
				text-decoration: none;
			}
			
				.footer_block a img { margin-left: 3px; }

			.footer_block a:hover {	text-decoration: underline; }

#disclaimer {
	color: #fff;
	margin: 20px 0 0 25px;
	float: right;
	width: 330px;
	text-align: right;
}

#iiplogo {
	position: absolute;
	bottom: 10px;
	right: 0px;
}
#followme {
	position: absolute;
	bottom: 10px;
	right: 140px;
}

/* End Structure */

/* Begin Headers */

h1 { padding: 20px 0 0 0; }
h3 { 
	font-size: 1.3em;
	padding: 10px 0; 
}
h4 { 
	font-size: 1.2em;
	font-weight: bold;
	padding: 10px 0; 
}

.post h1 {
	font-size: 1.5em;
	border-bottom: 1px solid #000;
}

/* End Headers */

/* Begin Specific Content Styles */

.left_column, .right_column {
	float: left;
	width: 467px;
	margin-bottom: 30px;
}

.row {
	clear: both;
	overflow: auto;
}

/* contact form */ 
#content.page form {
	text-align: left;
}

.page .formfield {
	margin-top: 5px;
}

.page form label {
	float: left;
	width: 350px;
	text-align: right;
	margin-right: 5px;
}

.page form label.required {
	font-weight: bold;
}

/* end contact form */

/* contact us */

#contact_us.left_column {
	width: 427px;
	margin-right: 40px;
}

/* tour */

.tour_description {	margin: 15px 0 40px; }

/* end tour */

/* company & biography */

.customer_column {
	float: left;
	width: 300px;
	margin-right: 10px;
}
	
	html > body .entry .customer_column ul { padding: 0; }
	html > body .entry .customer_column li { margin: 0 }
	
	#labels { margin-bottom: 45px; }
	#labels .customer_column { margin-right: 0; width: 330px; }
	html > body .entry #labels .customer_column li { padding-top: 45px; width: 275px; margin-right: 55px; height: 110px; }
	#distributors { margin-top: 45px; }
	#labels #label_last.customer_column, #distributors #distributor_last.customer_column, #dsps #dsps_last.customer_column { margin-right: 0; width: 275px; }
	html > body .entry #distributors .customer_column li { width: 275px; margin-right: 55px; height: 220px; }
	#distributors .customer_column { margin-right: 0; width: 330px; }
	
	.kind { 
		font-style: italic; 
		font-size: 0.8em;
		font-weight: normal;
	}
	
	#dsps { margin-top: 45px; }
	
	html > body .entry #dsps .customer_column li { margin-left: 10px; font-weight: bold; }
	html > body .entry #dsps .customer_column li ul li { margin-left: 10px; font-weight: normal; }
        html > body .entry #dsps .customer_column li ul li { margin-left: 10px; font-weight: normal; }
        html > body .entry #dsps .customer_column .store_list { border: 1px dotted #AAA; padding: 10px;}
        html > body .entry #dsps .customer_column .store_list li { padding-left: 10px; margin-bottom: 5px; font-weight: normal;}
        html > body .entry #dsps .customer_column .substore_list { font-style: italic; font-size: 0.9em;}
        html > body .entry #dsps .customer_column .store_list li ul { margin: 0; padding: 0;}
        html > body .entry #dsps .customer_column .store_list li ul li { margin-bottom: 0;}
        html > body .entry #dsps .customer_column .trigger_collapsed { background: url(images/collapsed.gif) no-repeat left; } 
        html > body .entry #dsps .customer_column .trigger_expanded { background: url(images/expanded.gif) no-repeat left; } 
        html > body .entry #dsps .customer_column .trigger { padding-left: 20px; }

.person { 
	margin-left: 170px; 
	min-height: 150px;
	height: auto !important;
	height: 150px; 
}

.biophoto { float: left; margin-top: 15px; }

#iip_colored {
	position: absolute;
	right: 0;
	top: 20px;
}

#company {
	width: 437px;
	margin-right: 30px;
}

#biographies { font-weight: bolder; font-size: 1.4em; text-decoration: underline; }

/* end company & biography */

/* blog */

small {
	display: block;
	margin-bottom: 10px;
}

.navigation { padding-bottom: 60px; }

.post h1 a, .post h1 a:hover {
	color: #06c;
}

#sidebar #searchsubmit, #newslettersubmit { 
	color: #ffbc3d; 
	font: bold 100% 'trebuchet ms',helvetica,sans-serif; 
	height: 25px;
	width: 50px;
	background-color: #e70000; 
	border: 1px solid; 
	border-color: #e70000; 
}

/* end blog */

/* main page */

#first_row .left_column, #second_row .left_column { width: 452px; margin-right: 15px; }
#first_row .right_column, #second_row .right_column { width: 452px; margin-left: 15px; }
#first_row .right_column { background-color: #f5f5f5; width: 422px; padding: 10px 15px 15px; margin-top: 10px; }
.page_titles .left_column, .page_titles .right_column { padding-top: 30px; }

.page_titles .left_column #fuga {
	text-align: left;
        margin-top: 0px;
	margin-bottom: 20px;
	font-family: Georgia,'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: 1.6em;
}

.page_titles .left_column #contact,
.page #contact {
	width: 365px;
	padding: 17px 0;
	margin: 0 auto 20px;
	background-color: #ffa400;
	font-size: 1.4em;
	font-weight: bold;
}
	.page #contact { text-align: center; }

	.page_titles .left_column #contact a, .page #contact a { color: #fff; text-decoration: underline; }

.page_titles .left_column #random_quote {
	text-align: left;
	margin-bottom: 10px;
}

.page_titles .left_column #random_quote h3 { font-size: 1.3em; color: #000; text-decoration: underline; }
.page_titles .left_column #random_quote h3 a { font-size: 1.3em; color: #000; }
	
.page_titles .left_column #random_quote q {
	color: #5392d4;
	display: block;
	margin-bottom: 5px;
	font-size: 1.35em;
}

.page_titles .left_column #random_quote .quotescollection_randomquote cite {
	text-align: left;
	font-weight: bold;
	font-style: normal;
	color: #000;
	font-size: 1.35em;
}

#last_post #post_title { display: block; margin-bottom: 10px; }
#last_post #post_title a { color: #000; text-decoration: underline; }
#last_post h4 a { color: #000; text-decoration: none; }
#last_post h4 a:hover { text-decoration: underline; }

#highlights {
	background-color: #f6f6f6;
	padding: 10px;
	margin: 13px 0 30px 0;
	border: 1px solid #ddd;
	overflow: hidden;
}

	#highlights .h_column {
		float: left;
		width: 140px;
		margin: 0 0 10px 75px;
		text-align: left;
		font-size: 0.9em;
	}
	
	#highlights .h_column .highlight_image {
		height: 82px;
		margin: 20px 0;
		text-align: center;
	}
		
	#highlights .h_column h5 { font-size: 1.05em; }

/* end main page */

/* contact form */

#button_container { text-align: center; margin-top: 20px; }

#form_submit { 
	color: #fff; 
	font: bold 100% 'trebuchet ms',helvetica,sans-serif; 
	font-size: 20px;
	height: 50px;
	width: 180px;
	background-color: #ffa400; 
	border: 1px solid; 
	border-color: #ffa400;
}

/* end contact form */

/* raves */
.container blockquote.quotescollection q { color: #000; display: block; }
.container blockquote.quotescollection cite { color: #676767; }
/* end raves */

/* End Specific Content Styles */

/* Opera / Safari fix */
#blog.container {
	clear: both;
	overflow: hidden;
}

