/*main.css*/

html, body {
	text-align:left; 
	margin: 0px; 
	height: 100%;
	background-image:url(../img/bkgd.gif);
}	

/*main text formatting*/
p {
	font-size: 12px;font-family: "verdana"; 
	margin: 0px 0px 15px 0px;
}
.orange{
	color: #ffc20e;
}
ul {
	font-size: 12px;
	font-family: "verdana"; 
	text-align: left;
	padding: 0px;
	margin: 0px 0px 10px 60px;
}
.columnBullets{
	font-size: 11px;
	margin: 0px 10px 0px 25px;
	line-height: 18px;
	color: #6bbfdb;
}
.largeColumnBullets{
	font-size: 12px;
	margin: 0px 10px 30px 45px;
	line-height: 18px;
	/*color: #6bbfdb;*/
}

span{
	font-size: 10px;font-family: "verdana";
	color: #6bbfdb;
	font-weight: bold;
	letter-spacing: 1.5pt;
}
#rightColBubble span{
	font-size: 12px;
	font-family: "verdana";
	color: #6bbfdb;
	font-weight: bold;
}
.caption{
	padding: 0px 20px;
	line-height: 12px;
}
.bio{
	font-size: 14px;
}

/*links*/

a:link {
	color: #6bbfdb;
	text-decoration: none;
}
a:visited {
	color: #6bbfdb;
	text-decoration: none;
}
a:hover {
	color: #ffc20e;
	text-decoration: underline;
}

/*striped background*/
#stripes{
	width: 100%;
	height: 100%;

}

/*centers the content on the page no matter the viewport size*/
#wrapper {
	position: relative;
	width: 800px;
	/*min-height: 540px;*/
	/*height: 100%;
	margin: 0px auto;*/
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -140px;
}

.push {
	height: 140px;
}
#footerWrapper {
	position: relative;
	width: 100%;
	height: 140px;	
}

.interbotsLogo{
	margin: 5px 0px;
}

/*header bubbles*/

.header {
	height: 271px;
	width: 796px;
	margin-bottom: 15px;
	left: 0px;
}
.oneColBubble {
	width: 796px;
	margin-bottom: 15px;
	left: 0px;
	height: 100%;
	padding: 30px 0px 20px 0px;
}
.header_prod{
	position: absolute;
	top: 0px;
	right: 0px;
}
.smallHeader {
	height: 140px;
}
.headerText{
	margin: 20px 30px 15px 430px;
}
.headerText_company{
	margin: 188px 20px 15px 422px;
}
.headerTagline{
	position: absolute;
	bottom: 8px;
	right: 12px;
}
.headerTagline_company{
	position: absolute;
	top: 140px;
	right: 12px;
}
.headerTagline_prod{
	position: absolute;
	bottom: 8px;
	right: 12px;
}


/*positioning for images inside bubbles*/

.bubbleImgLeft{
	position: absolute;
	bottom: 0px;
	left: 0px;
}
.bubbleImgRight{
	position: absolute;
	bottom: 0px;
	right: 0px;
}
.bubbleImgTop{
	position: absolute;
	top: 0px;
}

/*other image formatting*/

.thumbnail{
	border: double 4px #3aafd6;
	width: 105px;
	height: 78px;
	margin-bottom: 10px;
}
.featuresImg{
	float: right;
	margin: 0px 20px 5px 10px;
}
.companyImg{
	float: left;
	margin: 0px 10px 5px 20px;
}
.bioImg{
	margin: 0px 0px 5px 20px;
	vertical-align:top;
}

/*footer*/

#footerHolder{
	background-image:url(../img/footerRpt.png);
	background-repeat:repeat-x;
	background-position:bottom;
	height: 140px;
	position: relative;
}

#footer{
	background-image:url(../img/footer.png);
	background-repeat:no-repeat;
	background-position:bottom;
	width: 1000px;
	height: 140px;
	margin: 0px auto;
}
.footerText{
	padding-top: 10px;
	width: 1000px;
	text-align:center;
}

/*sub bubbles*/

/*bubble containers - so all columns stretch evenly*/
#twoThirdColContainer{
	height: 100%;
	background-image: url(../img/twoThirdfill.png);
	background-repeat: repeat-y;
}

#threeColContainer{
	height: 100%;
	background-image: url(../img/threeColFill.png);
	background-repeat: repeat-y;
}
#oneColContainer{
	height: 100%;
	background-color: #FFFFFF;
}
#rightColBubble{
	width: 253px;
	position: relative;
	text-align:center;
	float: right;
}

#left2colBubble{
	width: 522px;
	/*min-height: 257px;*/
	text-align:center;
}

#leftColBubble{
	width: 252px;
	position: relative;
	text-align:center;
}
#middleColBubble{
	width: 252px;
	position: relative;
	float: right;
	margin-right: 20px;
	text-align:center;
}

#centeredBubble{
	width: 800px;
	position: relative;
	margin-right: 20px;
	text-align:center;
}

.bubble {
	background-color: white;
	border: solid 2px #3aafd6;
	position: relative;	
	left: 0px;
}
.floatingBubble{
	float: right;
}
.columnBubble{
	float: right;
	margin-left: 15px;
}

.bubbleFooter{
	clear:both;
}


/*non-stretchy bubbles*/

.homeBubble{
	height: 123px;
	width: 388px;
}
.productsBubble{
	height: 275px;
	width: 388px;
}

/*bubble content formatting*/
.bubbleTitle{
	margin: 0px 0px 10px 0px;
}
.paddedTitle{
	margin: 10px 0px;
}
.characterTitle{
	margin: 0px 0px 10px 0px;
}

#rightColBubble p{
	margin: 0px 30px 10px 30px;
	text-align: left;
}
#left2colBubble p{
	margin: 0px 30px 10px 30px;
	text-align: left;
}

#leftColBubble p{
	margin: 0px 30px 10px 30px;
	text-align: left;
}
#middleColBubble p{
	margin: 0px 30px 10px 30px;
	text-align: left;
}
#centeredBubble p{
	margin: 100px 30px 10px 30px;
	text-align: left;
}

.oneColBubble p{
	margin: 0px 30px 20px 30px;
	text-align: left;
}

/*large two column buttons - product page*/
.animatronicsTitle{
	position: absolute;
	right: 45px;
	top: 45px;
}
.animatronicsText{
	position: absolute;
	right: 40px;
	top: 68px;
	width: 194px;
	text-align:center;
}
.animatronicsTitleBottom{
	position: absolute;
	left: 105px;
	bottom: 35px;
}
.animatronicsTextBottom{
	position: absolute;
	left: 101px;
	bottom: 1px;
	width: 194px;
	text-align:center;
}

.toysTitle{
	position: absolute;
	left: 45px;
	top: 45px;
}
.toysText{
	position: absolute;
	left: 5px;
	top: 68px;
	width: 145px;
	text-align:center;
}
.toysTitleBottom{
	position: absolute;
	text-align:center;
	left: 25px;
	bottom: 15px;

}
.toysTextBottom{
	position: absolute;
	left: 125px;
	bottom: 1px;
	width: 145px;
	text-align:center;
}

.toysTeaser{
	position: relative;
	align: center;
	top: 20px;
	height: 500px;
	text-align:center;
}

/*roboblog bubble - home page*/
.robologBubble {
	min-height: 115px;
	width: 796px;
	margin-top: 15px;
}
.roboblogTitle{
	position: absolute;
	left: 15px;
	top: 15px;
}
#roboblogText{
	margin: 15px 45px 0px 145px;
}
#roboblogText p.date{
	color: #cecece;
	margin: 0px;
}
#roboblogText p.postTitle{
	color: #6bbfdb;
	margin: 0px 0px 5px 0px;
	font-size: 12px;
	font-style:italic;
	font-weight: bold;
}
#roboblogText p{
	margin: 0px 0px 5px 0px;
}


/*buttons with rollovers*/
.readMore {
	margin: 8px 0px;
	border: 0px;
	background-image:  url(../img/readMore_over.gif);
	width: 81px;
	height: 8px;
}		
.readMore a {display: block;	width: 81px; height: 8px;}
.readMore img {width: 81px; height: 8px; border: 0;}
.readMore a:hover img {visibility:hidden}

.moreVideos{
	position: absolute;
	bottom: 0px;
	right: 15px;
	background-image:  url(../img/moreVideos_over.gif);
	width: 93px;
	height: 8px;
	z-index: +5;
}
.moreVideos a {display: block;	width: 93px; height: 8px;}
.moreVideos img {width: 93px; height: 8px; border: 0;}
.moreVideos a:hover img {visibility:hidden}

.morePhotos{
	position: absolute;
	bottom: 0px;
	right: 17px;
	background-image:  url(../img/morePhotos_over.gif);
	width: 100px;
	height: 8px;
	z-index: +5;
}
.morePhotos a {display: block;	width: 100px; height: 8px;}
.morePhotos img {width: 100px; height: 8px; border: 0;}
.morePhotos a:hover img {visibility:hidden}

.morePress{
	position: absolute;
	bottom: 0px;
	right: 15px;
	background-image:  url(../img/morePress_over.gif);
	width: 90px;
	height: 9px;
	z-index: +5;
}
.morePress a {display: block;	width: 90px; height: 9px;}
.morePress img {width: 90px; height: 9px; border: 0;}
.morePress a:hover img {visibility:hidden}

.ourStory {
	position: absolute;
	bottom: 0px;
	right: 15px;
	background-image:  url(../img/ourStory_over.gif);
	width: 81px;
	height: 8px;
	z-index: +5;
}		
.ourStory a {display: block;	width: 81px; height: 8px;}
.ourStory img {width: 81px; height: 8px; border: 0;}
.ourStory a:hover img {visibility:hidden}

.ourMission {
	position: absolute;
	bottom: 0px;
	right: 15px;
	background-image:  url(../img/ourMission_over.gif);
	width: 88px;
	height: 8px;
	z-index: +5;
}		
.ourMission a {display: block;	width: 88px; height: 8px;}
.ourMission img {width: 88px; height: 8px; border: 0;}
.ourMission a:hover img {visibility:hidden}

.ourTeam {
	position: absolute;
	bottom: 0px;
	right: 15px;
	background-image:  url(../img/theInterbotos_over.gif);
	width: 114px;
	height: 8px;
	z-index: +5;
}		
.ourTeam a {display: block;	width: 114px; height: 8px;}
.ourTeam img {width: 114px; height: 8px; border: 0;}
.ourTeam a:hover img {visibility:hidden}

#subNav{
	width: 260px;
	height: 27px;
	background-image:url(../img/subNav.gif);
	position: absolute;
	right: 0px;
	bottom: 0px;
	text-align: center;
}
#subNavCompany{
	width: 287px;
	height: 27px;
	background-image:url(../img/subNavCompany.gif);
	position: absolute;
	right: 0px;
	bottom: 0px;
	text-align: center;
}
#subNavSoftware{
	width: 227px;
	height: 27px;
	background-image:url(../img/subNavSoftware.gif);
	position: absolute;
	right: 0px;
	bottom: 0px;
	text-align: center;
}
.quasi2Btn {
	position: absolute;
	top: 5px;
	left: 8px;
	background-image:  url(../img/quasi2Btn_over.gif);
	width: 85px;
	height: 20px;
}		
.quasi2Btn a {display: block;	width: 85px; height: 20px;}
.quasi2Btn img {width: 85px; height: 20px; border: 0;}
.quasi2Btn a:hover img {visibility:hidden}

.quasi1Btn {
	position: absolute;
	top: 5px;
	left: 102px;
	background-image:  url(../img/quasi1Btn_over.gif);
	width: 85px;
	height: 20px;
}		
.quasi1Btn a {display: block;	width: 85px; height: 20px;}
.quasi1Btn img {width: 85px; height: 20px; border: 0;}
.quasi1Btn a:hover img {visibility:hidden}

.moxiBtn {
	position: absolute;
	top: 5px;
	left: 195px;
	background-image:  url(../img/moxiBtn_over.gif);
	width: 55px;
	height: 20px;
}		
.moxiBtn a {display: block;	width: 55px; height: 20px;}
.moxiBtn img {width: 55px; height: 20px; border: 0;}
.moxiBtn a:hover img {visibility:hidden}

.autonomousBtn {
	position: absolute;
	top: 5px;
	left: 95px;
	background-image:  url(../img/autonomousBtn_over.gif);
	width: 121px;
	height: 20px;
}		
.autonomousBtn a {display: block;	width: 121px; height: 20px;}
.autonomousBtn img {width: 121px; height: 20px; border: 0;}
.autonomousBtn a:hover img {visibility:hidden}

.guidedBtn {
	position: absolute;
	top: 5px;
	left: 10px;
	background-image:  url(../img/guidedBtn_over.gif);
	width: 77px;
	height: 20px;
}		
.guidedBtn a {display: block;	width: 77px; height: 20px;}
.guidedBtn img {width: 77px; height: 20px; border: 0;}
.guidedBtn a:hover img {visibility:hidden}

.historyBtn {
	position: absolute;
	top: 5px;
	left: 12px;
	background-image:  url(../img/historyBtn_over.gif);
	width: 83px;
	height: 20px;
}		
.historyBtn a {display: block;	width: 83px; height: 20px;}
.historyBtn img {width: 83px; height: 20px; border: 0;}
.historyBtn a:hover img {visibility:hidden}

.philosophyBtn {
	position: absolute;
	top: 5px;
	left: 96px;
	background-image:  url(../img/philosophyBtn_over.gif);
	width: 117px;
	height: 20px;
}		
.philosophyBtn a {display: block;	width: 117px; height: 20px;}
.philosophyBtn img {width: 117px; height: 20px; border: 0;}
.philosophyBtn a:hover img {visibility:hidden}

.teamBtn {
	position: absolute;
	top: 5px;
	left: 214px;
	background-image:  url(../img/teamBtn_over.gif);
	width: 62px;
	height: 20px;
}		
.teamBtn a {display: block;	width: 62px; height: 20px;}
.teamBtn img {width: 62px; height: 20px; border: 0;}
.teamBtn a:hover img {visibility:hidden}
/*rounded corners gfx*/

.upperLeft{
	position: absolute;
	left: -2px;
	top: -2px;
	z-index: +5;
}
.lowerLeft{
	position: absolute;
	left: -2px;
	bottom: -2px;
	z-index: +5;
}
.upperRight{
	position: absolute;
	right: -2px;
	top: -2px;
	z-index: +5;
}
.lowerRight{
	position: absolute;
	right: -2px;
	bottom: -2px;
	z-index: +5;
}
.lower2thirdLeft{
	position: absolute;
	left: 0px;
	bottom: 0px;
	z-index: +5;
}
.lower2thirdRight{
	position: absolute;
	left: 505px;
	bottom: 0px;
	z-index: +5;
}
.lower1thirdLeft{
	position: absolute;
	right: 236px;
	bottom: 0px;
	z-index: +5;
}
.lower1thirdRight{
	position: absolute;
	right: 0px;
	bottom: 0px;
	z-index: +5;
}
.baseline{
	clear: both;
}

/*top navigation buttons*/
.productsBtn {
	position: absolute;
	left: 410px;
	top: 15px;
	background-image:  url(../img/productsBtn_on.png);
	width: 143px;
	height: 79px;
}		
.productsBtn a {display: block;	width: 143px; height: 79px;}
.productsBtn img {width: 143px; height: 79px; border: 0;}
.productsBtn a:hover img {visibility:hidden}
.productsNullBtn {
	position: absolute;
	left: 410px;
	top: 15px;
	width: 143px;
	height: 79px;
}

.companyBtn {
	position: absolute;
	left: 553px;
	top: 15px;
	background-image:  url(../img/companyBtn_on.png);
	width: 134px;
	height: 79px;
}		
.companyBtn a {display: block;	width: 134px; height: 79px;}
.companyBtn img {width: 134px; height: 79px; border: 0;}
.companyBtn a:hover img {visibility:hidden}
.companyNullBtn {
	position: absolute;
	left: 553px;
	top: 15px;
	width: 134px;
	height: 79px;
}

.onlineBtn {
	position: absolute;
	left: 687px;
	top: 15px;
	background-image:  url(../img/onlineBtn_on.png);
	width: 111px;
	height: 79px;
}		
.onlineBtn a {display: block;	width: 111px; height: 79px;}
.onlineBtn img {width: 111px; height: 79px; border: 0;}
.onlineBtn a:hover img {visibility:hidden}