/*

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: 62.5%; /* Resets 1em to 10px */

	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;

	background: #fff;

	color: #333;

	text-align: center;

	}



#page {

	background-color: #000;

	border: 0px solid #959596;

	text-align: left;

	}



#header {

	background: #fff url('images/header.png') no-repeat bottom center;

	}



#headerimg 	{

	margin: 7px 0px 0;

	height: 225px;

	width: 960px;

	}



#content {

	font-size: 11px;

	}



.widecolumn .entry p {

	font-size: 1.05em;

	}



.narrowcolumn .entry, .widecolumn .entry {

	line-height: 1.4em;

	}



.widecolumn {

	line-height: 1.6em;

	}



.narrowcolumn .postmetadata {

	text-align: center;

	}



.thread-alt {

	background-color: #f8f8f8;

}

.thread-even {

	background-color: white;

}

.depth-1 {

border: 1px solid #ddd;

}



.even, .alt {



	border-left: 1px solid #ddd;

}



#footer {

	background: #fff url('images/footer.png') no-repeat bottom;

	border-style: dashed;

        border-color: #fff;

        border-width: 0px;

	}



small {

	font-family: Arial, Helvetica, Sans-Serif;

	font-size: 0.7em;

	line-height: 1.5em;

	}



h1, h2, h3 {

	font-family: 'Arial', 'Lucida Grande', Verdana, Arial, Sans-Serif;

	font-weight: bold;

	}



h1 {

	font-size: 4em;

	text-align: center;

	}



#headerimg .description {

	font-size: 1.2em;

	text-align: center;

	}



h2 {

	font-size: 1.6em;

	}



h2.pagetitle {

	font-size: 1.6em;

	}



#sidebar h2 {

	font-family: 'Arial',Sans-Serif;

	font-size: 13px;

        color: #fff;

	}

#sidebar2 h2 {

	font-family: 'Arial',Sans-Serif;

	font-size: 13px;

        color: #fff;

	}



h3 {

	font-size: 1.3em;

	}

h50 {

font-family:Arial,Helvetica,Sans-Serif;

font-size:0.9em;

line-height:1.5em;

}



h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {

	text-decoration: none;

	color: white;

	}



h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {

	color: #333;

	}



h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {

	text-decoration: none;

	}



.entry p a:visited {

	color: #b85b5a;

	}



.sticky {

	background: #f7f7f7;

	padding: 0 10px 10px;

	}

.sticky h2 {

	padding-top: 10px;

	}



.commentlist li, #commentform input, #commentform textarea {

	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;

	}

.commentlist li ul li {

	font-size: 1em;

}



.commentlist li {

	font-weight: bold;

}



.commentlist li .avatar { 

	float: right;

	border: 1px solid #eee;

	padding: 2px;

	background: #fff;

	}



.commentlist cite, .commentlist cite a {

	font-weight: bold;

	font-style: normal;

	font-size: 1.1em;

	}



.commentlist p {

	font-weight: normal;

	line-height: 1.5em;

	text-transform: none;

	}



#commentform p {

	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;

	}



.commentmetadata {

	font-weight: normal;

	}



#sidebar {

	font: 11px 'Lucida Grande',Verdana,Arial,Sans-Serif;

	}



#sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {

	color: #eee;

	}

#sidebar2 {

	font: 10px 'Lucida Grande',Verdana,Arial,Sans-Serif;

	}



#sidebar2 ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {

	color: #eee;

	}

small{

color: 333;

}

code {

	font: 1.1em 'Courier New', Courier, Fixed;

	}



acronym, abbr, span.caps

{

	font-size: 0.9em;

	letter-spacing: .07em;

	}



a, h2 a:hover, h3 a:hover {

	color: #06c;

	text-decoration: none;

	}



a:hover {

	color: #147;

	text-decoration: underline;

	}



#wp-calendar #prev a, #wp-calendar #next a {

	font-size: 9pt;

	}



#wp-calendar a {

	text-decoration: none;

	}



#wp-calendar caption {

	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;

	text-align: center;

	}



#wp-calendar th {

	font-style: normal;

	text-transform: capitalize;

	}

/* End Typography & Colors */







/* Begin Structure */

body {

	margin: 0 0 20px 0;

	padding: 0;

	}



#page {

	background-color: #fff;

	margin: 20px auto;

	padding: 0;

	width: 960px;

	border:1px solid #959596;

	}



#header {

	background-color: #fff;

	margin: -15px 0 0 0px;

	padding: 0;

	height: 270px;

	width: 960px;

	}



#headerimg {

	margin: 0px 0 0 0;

	height: 268px;

	width: 100%;

	}



.narrowcolumn {

	float: left;

	padding: 0 0 20px 17px;

	margin: -10px 0 0;

	width: 515px;

	}

.widecolumn {

	padding: 10px 0 20px 0;

	margin: 5px 0 0 150px;

	width: 450px;

	}



.post {

	margin: 0 0 40px;

	text-align: left;

	}



.post hr {

	display: block;

	}



.widecolumn .post {

	margin: 0;

	}



.narrowcolumn .postmetadata {

	padding-top: 5px;

	}



.widecolumn .postmetadata {

	margin: 30px 0;

	}



.widecolumn .smallattachment {

	text-align: center;

	float: left;

	width: 128px;

	margin: 5px 5px 5px 0px;

}



.widecolumn .attachment {

	text-align: center;

	margin: 5px 0px;

}



.postmetadata {

	clear: both;

        color: #333;

        font-family: Arial;

}



.clear {

	clear: both;

}



#footer {	

        padding: 0;

	margin: 0 auto;

	width: 960px;

	clear: both;

	}



#footer p {

	margin: 0;

	padding: 50px 0;

	text-align: center;

	}

/* End Structure */







/*	Begin Headers */

h1 {

	padding-top: 70px;

	margin: 0;

	}



h2 {

	margin: 30px 0 0;

	}



h2.pagetitle {

	margin-top: 30px;

	text-align: center;

}



#sidebar h2 {

	margin: 5px 0 0;

	padding: 0 0 0 8px;

	}



#sidebar2 h2 {

	margin: 5px 0 0;

	padding: 0 0 0 8px;

	}

h3 {

	padding: 0;

	margin: 30px 0 0;

	}



h3.comments {

	padding: 0;

	margin: 40px auto 20px ;

	}

/* 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. */



html>body .entry ul {

	margin-left: 0px;

	padding: 0 0 0 30px;

	list-style: none;

	padding-left: 10px;

	text-indent: -10px;

	}



html>body .entry li {

	margin: 7px 0 8px 10px;

	}



.entry ul li:before {

	content: "\00BB \0020";

	}



.entry ol {

	padding: 0 0 0 35px;

	margin: 0;

	}



.entry ol li {

	margin: 0;

	padding: 0;

	}



.postmetadata ul, .postmetadata li {

	display: inline;

	list-style-type: none;

	list-style-image: none;

	}



#sidebar ul, #sidebar ul ol {

	margin: 0;

	padding: 0;

	}



#sidebar ul li {

	list-style-type: none;

	list-style-image: none;

	margin: 0 0 15px 0px;

        padding: 0 5px 0 5px;

	}



#sidebar ul p, #sidebar ul select {

	margin: 5px 0 8px;

	}



#sidebar ul ul, #sidebar ul ol {

	margin: 5px 0 0 10px;

	}



#sidebar ul ul ul, #sidebar ul ol {

	margin: 0 0 0 10px;

	}



ol li, #sidebar ul ol li {

	list-style: square;

	}



#sidebar ul ul li, #sidebar ul ol li {

	margin: 3px 0 0;

	padding: 0;

	}

#sidebar2 ul, #sidebar2 ul ol {

	margin: 0 0 -11px 0;

	padding: 0;

	}



#sidebar2 ul li {

	list-style-type: none;

	list-style-image: none;

	margin: 0 0 5px 5px;

	}



#sidebar2 ul p, #sidebar2 ul select {

	margin: 5px 0 8px;

	}



#sidebar2 ul ul, #sidebar2 ul ol {

	margin: 5px 0 0 10px;

	}



#sidebar2 ul ul ul, #sidebar2 ul ol {

	margin: 0 0 0 10px;

	}



ol li, #sidebar2 ul ol li {

	list-style: square;

	}



#sidebar2 ul ul li, #sidebar2 ul ol li {

	margin: 3px 0 0;

	padding: 0;

	}

/* End Entry Lists */







/* Begin Form Elements */

#searchform {

	margin: 10px auto;

	padding: 5px 0px 0 5px;

	text-align: left;

	}



#sidebar #searchform #s {

	width: 164px;

	padding: 2px;

	}



#sidebar #searchsubmit {

	padding: 1px;

	}



#sidebar2 #searchform #s {

	width: 158px;

	padding: 2px;

	}



#sidebar2 #searchsubmit {

	padding: 1px;

	}



.entry form { /* This is mainly for password protected posts, makes them look better. */

	text-align:left;

	}



select {

	width: 130px;

	}



#commentform input {

	width: 170px;

	padding: 2px;

	margin: 5px 5px 1px 0;

	}



#commentform {

	margin: 5px 10px 0 0;

	}

#commentform textarea {

	width: 100%;

	padding: 2px;

	}

#respond:after {

		content: "."; 

	    display: block; 

	    height: 0; 

	    clear: both; 

	    visibility: hidden;

	}

#commentform #submit {

	margin: 0 0 5px auto;

	float: right;

	}

/* End Form Elements */







/* Begin Comments*/

.alt {

	margin: 0;

	padding: 10px;

	}



.commentlist {

	padding: 0;

	text-align: justify;

	}



.commentlist li {

	margin: 15px 0 10px;

	padding: 5px 5px 10px 10px;

	list-style: none;



	}

.commentlist li ul li { 

	margin-right: -5px;

	margin-left: 10px;

}



.commentlist p {

	margin: 10px 5px 10px 0;

}

.children { padding: 0; }



#commentform p {

	margin: 5px 0;

	}



.nocomments {

	text-align: center;

	margin: 0;

	padding: 0;

	}



.commentmetadata {

	margin: 0;

	display: block;

	}

/* End Comments */







/* Begin Sidebar */

#sidebar

{

	background: #2448a8 url(images/titlebg.jpg) repeat-x;

        padding: 20px 0 10px 0;

	margin-left: 680px;

        margin-top: 15px;

	width: 250px;

	}



#sidebar form {

	margin: 0;

	}



.widget li a {

color:#eee!important

}

/* End Sidebar */



/* Begin Sidebar2 */

#sidebar2

{

	background-color: #fff;

        border: 1px solid #dddddd;

        padding: 5px 0 10px 0;

	margin-left: 680px;

        margin-top: 15px;

	width: 250px;

	}



#sidebar2 form {

	margin: 0;

	}



.widget li a {

color:#eee!important

}

/* End Sidebar2 */



/* Begin Calendar */

#wp-calendar {

	empty-cells: show;

	margin: 10px auto 0;

	width: 155px;

	}



#wp-calendar #next a {

	padding-right: 10px;

	text-align: right;

	}



#wp-calendar #prev a {

	padding-left: 10px;

	text-align: left;

	}



#wp-calendar a {

	display: block;

	}



#wp-calendar caption {

	text-align: center;

	width: 100%;

	}



#wp-calendar td {

	padding: 3px 0;

	text-align: center;

	}



#wp-calendar td.pad:hover { /* Doesn't work in IE */

	background-color: #fff; }

/* End Calendar */







/* Begin Various Tags & Classes */

acronym, abbr, span.caps {

	cursor: help;

	}



acronym, abbr {

	border-bottom: 1px dashed #999;

	}



blockquote {

	margin: 15px 30px 0 10px;

	padding-left: 20px;

	border-left: 5px solid #ddd;

	}



blockquote cite {

	margin: 5px 0 0;

	display: block;

	}



.center {

	text-align: center;

	}



.hidden {

	display: none;

	}

	

.screen-reader-text {

     position: absolute;

     left: -1000em;

}



hr {

	display: none;

	}



a img {

	border: none;

	}



.navigation {

	display: block;

	text-align: center;

	margin-top: 10px;

	margin-bottom: 60px;

	}

/* End Various Tags & Classes*/







/* Captions */

.aligncenter,

div.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

}



.wp-caption {

	border: 1px solid #ddd;

	text-align: center;

	background-color: #f3f3f3;

	padding-top: 4px;

	margin: 10px;

	-moz-border-radius: 3px;

	-khtml-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-radius: 3px;

}



.wp-caption img {

	margin: 0;

	padding: 0;

	border: 0 none;

}



.wp-caption p.wp-caption-text {

	font-size: 11px;

	line-height: 17px;

	padding: 0 4px 5px;

	margin: 0;

}

/* End captions */





/* "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." */



	

	/* ================================================================ 

This copyright notice must be untouched at all times.



The original version of this stylesheet and the associated (x)html

is available at http://www.cssplay.co.uk/menus/final_drop.html

Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.

This stylesheet and the associated (x)html may be modified in any 

way to fit your requirements.

=================================================================== */



.menu {width:510px; height:32px; position:relative;left: 441px; top:30px;z-index:89;border-right:0px solid #fff; font-family:'Lucida Grande',Verdana,Arial,Sans-Serif; text-align: center;}

/* hack to correct IE5.5 faulty box model */

* html .menu {width:760px; w\idth:759px;}

/* remove all the bullets, borders and padding from the default list styling */

.menu ul {padding:0;margin:0;list-style-type:none;}

.menu ul ul {width:149px;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */

.menu li {float:left;position:relative;}

/* style the links for the top level */

.menu a, .menu a:visited {display:block;font-family: Arial;font-size:11px;text-decoration:none; color:#999999; width:100px; border-right:1px solid #dddddd; background:#ffffff; padding-left:0px; line-height:20px; font-weight:bold;}

/* a hack so that IE5.5 faulty box model is corrected */

* html .menu a, * html .menu a:visited {width:149px; w\idth:138px;}



/* style the second level background */

.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#ddd url(http://www.cssplay.co.uk/menus/breadcrumbs/grey-arrow.gif) no-repeat 130px center;}

/* style the second level hover */

.menu ul ul a.drop:hover{background:#ddd url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}

.menu ul ul :hover > a.drop {background:#ddd url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}

/* style the third level background */

.menu ul ul ul a, .menu ul ul ul a:visited {background:#e3e3e3;}

/* style the third level hover */

.menu ul ul ul a:hover {background:#ddd;}





/* hide the sub levels and give them a positon absolute so that they take up no room */

.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:149px;border-top:1px solid #fff;}

/* another hack for IE5.5 */

* html .menu ul ul {top:30px;t\op:31px;}



/* position the third level flyout menu */

.menu ul ul ul{left:149px; top:-1px; width:149px;}



/* position the third level flyout menu for a left flyout */

.menu ul ul ul.left {left:-149px;}



/* style the table so that it takes no ppart in the layout - required for IE to work */

.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}



/* style the second level links */

.menu ul ul a, .menu ul ul a:visited {background:#e3e3e3; color:#000; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;}

/* yet another hack for IE5.5 */

* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}



/* style the top level hover */

.menu a:hover, .menu ul ul a:hover{color:#000; background:#ddd;}

.menu :hover > a, .menu ul ul :hover > a {color:#000; background:#ddd;}



/* make the second level visible when hover on first level list OR link */

.menu ul li:hover ul,

.menu ul a:hover ul{visibility:visible; }

/* keep the third level hidden when you hover on first level list OR link */

.menu ul :hover ul ul{visibility:hidden;}

/* make the third level visible when you hover over second level list OR link */

.menu ul :hover ul :hover ul{ visibility:visible;}







/* ================================================================ 

   This CSS is further CSS I have created specifically for Wordpress

   so that the current page is highlighted in two levels.

   If you want it in three levels let me know.



   Author: Isaac Rowntree

   Website: www.zackdesign.biz

=================================================================== */





.menu ul ul .current_page_item a {

  color: red;

  background: white;

  border-left: 1px solid black;

}



.menu .current_page_item a {

  color: red;

  font-weight: bold;

  background: white;

}



.menu ul .current_page_item ul a {

  color: white;

  font-weight: normal;

  background: black;

}



.menu ul .current_page_item ul a:hover {

  background: gray;

}



.menu .current_page_item a:hover {

  background: white;

}



/*---------------------------additional stuff-------------------------- */

#crumbs {

margin: 17px 0 0 0;

height: 5px;

width: 760px;

padding: 0px 0 0 32px;

}

#google_translate_element {

clear:none;

float: right;

margin-top:-80px;

padding: 0 0px 0 0;

text-align: right;

}

#flashholder {

border: 1px;

border-style: solid;

border-color: #dddddd;

}

.box {

float:left;

height:277px;

margin:15px 0 0 30px;

padding:2px 0 12px 17px;

width:616px;

}

#flashvid {

height:279px;

margin:3px 0 0 -11px;

padding:1px 0 0;

width:621px;

}

#slider {

height:270px;

margin:3px 0 0 -11px;

padding:1px 0 0;

width:500px;

}#google_translate_element {

text-align:center;

}

.message {

margin: 30px 0 0 0;

padding: 5px;

width: 550px;

background: #336799 url('images/titlebg.jpg') repeat-x;

font-family: arial;

color: #dddddd;

font-size: 16px;

font-weight: bold;

}

.news {

margin: 0px 0 0 0;

padding: 5px;

width: 625px;

background: #336799 url('images/titlebg.jpg') repeat-x;

font-family: arial;

color: #fff;

font-size: 16px;

font-weight: bold;

}

.secondaryhead {

margin: 34px 0 0 0;

padding: 5px;

width: 638px;

background: #336799 url('images/titlebg.jpg') repeat-x;

font-family: arial;

color: #fff;

font-size: 16px;

font-weight: bold;

}

.pagetitles {

margin: 0px 0 0 0px;

padding: 5px;

width: 621px;

background: #336799 url('images/titlebg.jpg') repeat-x;

font-family: arial;

color: #fff;

font-size: 16px;

font-weight: bold;

}

.narrowcolumn2 {

margin: 10px 0 0 26px;

padding: 5px;

width: 630px;

float: left;

background: #fff;

font-family: 'Lucida Grande',Verdana,Arial,Sans-Serif;

color: #333;

font-size: 16px;

}

#flashholder2 {

border: 1px;

border-style: solid;

border-color: #dddddd;

}

.box2 {

float:left;

height:277px;

margin:15px 0 0 0px;

padding:2px 0 12px 17px;

width:612px;

}

#flashvid2 {

height:270px;

margin:3px 0 0 -11px;

padding:1px 0 0;

width:485px;

}

.secondaryhead2 {

margin: 5px 0 0 0;

padding: 5px;

width: 621px;

background: #f0f0f0 url('http://www.ianborges.com/ofamillion/pcc/wp-content/themes/default/images/titlebg2.jpg') repeat-x;

font-family: arial;

color: #aaaaaa;

font-size: 17px;

font-weight: bold;

}

/*---------------------------main page--------------------------------------- */

#partofwrapper {

background: transparent;

float: left;

height:230px;

margin:0px 0 0 0px;

padding: 0px;

width: 630px;

}

.partof {

background: transparent url(images/partof.jpg);

float: left;

height:215;

margin:0px 0 -20px 0px;

padding: 5px;

width: 630px;

}

/*---------------------------consumer products page-------------------------- */

.emwrapper1 {

margin:0px 0 0 26px;

padding: 5px;

width: 630px;

float: left;

background: transparent;

}

.emwrapper2 {

margin:0px 0 -20px 0px;

padding: 5px;

width: 630px;

float: left;

background: transparent;

}

.emlogo {

float:left;

clear:none;

height:215px;

margin: 10px 0 0 0;

width:250px;

background:transparent url(images/emlogo1.jpg) no-repeat;

}

.ecologo1 {

float:left;

clear:none;

height:215px;

width:250px;

background:transparent url(http://www.ianborges.com/ofamillion/pcc/wp-content/themes/default/images/ecologo1.jpg) no-repeat;

}

.description1{

display: block;

float:right;

clear:none;

margin: 30px 0 0 0px;

padding:0px 5px 0 0px;

height:150;

width:370px;

background:transparent;

font-family:'Lucida Grande',Verdana,Arial,Sans-Serif;

font-size:11px;

line-height: 20px;

}

.emwrapper3 {

background: transparent;

float: left;

margin:0px 0 0 0px;

padding: 5px;

width: 630px;

}

/*--------------------------------------commercial products page---------------------*/

.comwrapper1 {

margin:10px 0 0 0px;

padding: 0px;

width: 630px;

float: left;

background: transparent;

}

.comwrapper2 {

margin:0px 0 -20px 0px;

padding: 5px;

width: 630px;

float: left;

background: transparent;

}

.emlogo2 {

float:left;

clear:none;

height:215px;

margin: 10px 0 0 0;

width:250px;

background:transparent url(images/emlogo1.jpg) no-repeat;

}

.pelogo {

float:left;

clear:none;

height:200px;

margin: 10px 0 0 0;

width:250px;

background:transparent url(images/pelogo1.jpg) no-repeat;

}

.biologo {

float:left;

clear:none;

height:215px;

margin: 10px 0 0 0;

width:250px;

background:transparent url(images/biologo1.jpg) no-repeat;

}

.description2{

display: block;

float:right;

clear:none;

margin: 30px 0 35px 0px;

padding:0px 5px 0 0px;

height:150;

width:370px;

background:transparent;

font-family:'Lucida Grande',Verdana,Arial,Sans-Serif;

font-size:11px;

text-align: left;

line-height: 20px;

}

.productlist{

background: #fff;

clear:none;

float:right;

height:auto;

margin:0 0 0 0;

width:370px;

}

/*-------------------------------------------product profiles-------------------------*/

.profilewrapper1{

margin:10px 0 0 0px;

padding: 0px;

width: 630px;

float: left;

background: transparent;

}

.profilewrapper2 {

margin:0px 0 -20px 0px;

padding: 0 0 5px 0;

width: 630px;

float: left;

background: transparent;

}

.profilewrapper3 {

border: solid 1px #cccccc;

margin:30px 0 0px 31px;

padding: 5px;

width: 619px;

float: left;

background: #fff;

}

.productimagewrapper{

background: transparent;

border: solid 1px #ddddd;

clear:none;

float: right;

height: 275px;

margin: 0px 0 0 0;

width:175px;

}

.productimage{

background: transparent;

border: solid 1px #dddddd;

clear:none;

float: right;

height: 254px;

margin: 0 -10px 0 0;

padding: 0 0 0 14px;

width:165px;

}

.productimagecaption{

background: transparent;

clear: none;

color: #bbbbbb;

float: right;

margin: 0 0px 0 0;

padding: 0 19px 0 0;

text-align: center;

}

.description3{

display: block;

float:left;

clear:none;

margin: -20px 0 0 50px;

padding:0px 0px 0 0px;

height:150;

width:370px;

background:transparent;

font-family:'Lucida Grande',Verdana,Arial,Sans-Serif;

font-size:11px;

line-height: 20px;

}

.downloads1{

background: #fff;

border: solid 1px #dddddd;

clear: none;

color: #777777;

display: block;

float: right;

height: 55px;

margin: 0 -10px 0px 0;

padding: 0 5px 45px 0;

width: 176px;

line-height:16px;
}

.ecologo2 {

float:left;

clear:none;

height:80px;

width:200px;

margin: 35px 0 0 29px;

background:transparent url(http://www.ianborges.com/ofamillion/pcc/wp-content/themes/default/images/ecologo2.png) no-repeat;

}

.whimislogo {

float:left;

clear:none;

height:100px;

width:100px;

margin: 30px 0 0 70px;

background:transparent url(http://www.ianborges.com/ofamillion/pcc/wp-content/themes/default/images/nonwhimis.jpg) no-repeat;

}

.description4{

display: block;

float:left;

clear:none;

margin: -20px 0 0 50px;

padding:0px 0px 0 0px;

height:150;

width:610px;

background:transparent;

font-family:'Lucida Grande',Verdana,Arial,Sans-Serif;

font-size:11px;

line-height: 20px;

}

.description5{

background: #C1D6EB;

clear:none;

display: block;

float: right;

height: 115px;

margin: 0 0 0 0 px;

padding: 20px 20px 20px 20px;

width: 325px;

font-family:'Lucida Grande',Verdana,Arial,Sans-Serif;

font-size:11px;

line-height: 20px;

}

.description6{

display: block;

float:left;

clear:none;

margin: -40px 0 0 50px;

padding:0px 0px 0 0px;

height:150;

width:610px;

background:transparent;

font-family:'Lucida Grande',Verdana,Arial,Sans-Serif;

font-size:11px;

line-height: 20px;

}

.secondaryhead3 {

margin: 13px 0 0 26px;

padding: 5px;

width: 621px;

background: #f0f0f0 url('http://www.ianborges.com/ofamillion/pcc/wp-content/themes/default/images/titlebg2.jpg') repeat-x;

font-family: arial;

color: #aaaaaa;

font-size: 17px;

font-weight: bold;

}

/* ===============================================================

This is the CSS styling for the table in the product pages

=================================================================*/

.mytable {

	width: 631px;

	padding: 0;

	margin: 20px 0px 15px 21px;

}



caption {

	padding: 0px 0 5px 0;

	width: 665px;	 

	font: italic 11px 'Lucida Grande',Verdana,Arial,Sans-Serif;

	text-align: right;

}



th {

	font: bold 11px 'Lucida Grande',Verdana,Arial,Sans-Serif;

	color: #555;

	border-right: 1px solid #ddd;

	border-bottom: 1px solid #ddd;

	border-top: 1px solid #ddd;

	letter-spacing: 0px;

	text-transform: uppercase;

	text-align: left;

	padding: 6px 6px 6px 12px;

	background: #eee url(images/bg_header.jpg) no-repeat;

}



th.nobg {

	border-top: 0;

	border-left: 0;

	border-right: 1px solid #ddd;

	background: none;

}



td {

	border-right: 1px solid #ddd;

	border-bottom: 1px solid #ddd;

	background: #fff;

        font-size: 11px;

	padding: 6px 6px 6px 12px;

	color: #555;



}





td.alt {

	background: #F5FAFA;

	color: #555;

}



th.spec {

	border-left: 1px solid #ddd;

	border-top: 0;

	background: #fff url(images/bullet1.gif) no-repeat;

	font: bold 10px 'Lucida Grande',Verdana,Arial,Sans-Serif;

}



th.specalt {

	border-left: 1px solid #ddd;

	border-top: 0;

	background: #f5fafa url(images/bullet2.gif) no-repeat;

	font: bold 10px 'Lucida Grande',Verdana,Arial,Sans-Serif;

	color: #555;

}

.goog-te-gadget {

        margin: -5px 750px 0 0;

        text-align: left;

}

#sidebar ul ul ul li{

margin: 5px 0 0 20px;

list-style:square;

}

.widget li li a {

color:#ddd!important

}

.clearcol {clear:both;}

.col {float:left;display:inline;margin:0px 0 0 10px;width:180px;padding:0 10px;text-align:left;}

.narrowcolumn3 {

margin: 10px 0 -100px 26px;

padding: 5px;

width: 630px;

float: left;

background: transparent;

font-family: 'Lucida Grande',Verdana,Arial,Sans-Serif;

line-height:16px;

color: #333;

font-size: 11px;

}
.emwrapper5 {
background: transparent;
float: left;
margin:0px 0 0 0px;
padding: 5px;
width: 630px;
}
/*--------Bullfrog footer-----*/
.frogwrapper{
background: transparent;
padding: 0 0 0 41px;
width:900px;
height: 100px;
margin:50px 0 0 0;
}
.bullfrogfoot{
background: transparent;
font-family: arial;
font-size: 12px;
float: left;
colour: #ccc;
height: 60px;
margin: 10px 0 0 0;
width: 900px;
}
.bullfrogdescrip{
background: transparent;
color: #bbb;
float: right;
font-family: arial;
font-size: 12px;
height: 25px;
margin: -15px 200px 0 0;
}