@CHARSET "UTF-8";

body {
	background-attachment: fixed;
	background-color: black;
	background-image: url(images/bg.png);
	background-position: center top;
	background-repeat: no-repeat;
	margin-left: 0px;
	margin-top: 0px;
	color: black;
	font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif;
	text-align: left;
}

div#Body {
	width: 915px;
	height: auto;
	margin: auto;
}

div#Header {
	position: relative;
	background-position: left top;
	background-repeat: no-repeat;
	height: 200px;
	margin: 0px;
}

div#LogoHeader {
	position: relative;
	display: block;
	background-image: url(images/ib8MobileHeader.png);
	background-position: left top;
	background-repeat: no-repeat;
	height: 100px;
	width: 121px;
	left: 60px;
	top: 60px;
	float: left;
}

div#Main {
	background-image: url(images/body_bg.jpg);
	background-position: center top;
	background-repeat: repeat-y;
	width: 913px;
}

div#Content {
	background-image: url(images/body_bg.png);
	background-position: left top;
	background-repeat: repeat-y;
	width: 913px;
}

div#TopMenu {
    padding-top: 10px;
	height: 39px;
	line-height: 39px;
    width: 833px;
	margin: auto;
}

div#TopMenuBegin {
	width: 24px;
	height: 39px;
	float: left;
	color: white;
	background-image: url(images/menu_begin.png);
}

div#TopMenuEnd {
	width: 24px;
	height: 39px;
	float: left;
	color: white;
	background-image: url(images/menu_end.png);
}


div#TopMenuItem {
	width: 157px;
	height: 39px;
	float: left;
	color: white;
	background-image: url(images/menu_lateral_off.gif);
}

div#TopMenuItem a {
    display: block;
    width: 157px;
    height: 39px;
    text-decoration: none;
}

div#TopMenuItemSelected {
	width: 157px;
	height: 39px;
	color: white;
	float: left;
	background-image: url(images/menu_lateral_on.gif);
}

div#TopMenuItemSelected a {
    display: block;
    width: 157px;
    height: 39px;
    text-decoration: none;
}

a#TopMenuItemLink {
	width: 157px;
	height: 39px;
	font-size: 9pt;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	font-family: Tahoma;
	text-decoration: none;
	color: white;
}

div#ContentData {
	width: 875px;
	margin-left: 19px;
    padding-bottom: 1px;
}

div#ContentTitle {
    padding-top: 20px;
    padding-left: 40px;
}

div#ContentText {
	font-size: 9pt;
	text-decoration: none;
    padding-left: 40px;
    padding-right: 40px;
}

div#Application {
    padding-top: 20px;
}

div#AppColumn {
    display: table-cell;
    vertical-align: top;
}

div#AppTitle {
	height: 95px;
    width: 415px;
    margin-bottom: 20px;
}

div#AppTitleBar {
    height: 95px;
    width: 415px;
	text-decoration: none;
}

div#AppName {
    display: table-cell;
    height: 95px;
    width: 96px;
    padding-left: 45px;
}

div#AppNameContainer {
    width: 274px;
    display: table-cell;
}

div#AppNameText {
    width: 254px;
    height: 37px;
    border-bottom: 1px solid black;
}

div#AppLink {
    width: 254px;
    height: 57px;
    padding-right: 10px;
	background-image: url(images/buylabel.gif);
	background-repeat: no-repeat;
	background-position: 144px;
}

div#AppLink a {
    display: block;
    width: 254px;
    height: 57px;
    padding-right: 10px;
    text-decoration: none;
}

div#AppBody {
    display: table-row;
}

div#AppScreen {
	width: 366px;
    padding-left: 30px;
	display: table-cell;
}

div#ScreenMenu {
	text-align: center;
}

div#ScreenMain {
	display: table-cell;
	text-align: center;
}

div#ScreenMenuContainer {
}

div#ScreenMenuRow {
	display: table-row;
    width: 365px;
}

div#ScreenMenuItem {
	width: 90px;
	height: 100px;
	text-decoration: none;
	display: table-cell;
}

div#ScreenMainRight {
    display: table-cell;
    vertical-align: top;
	width: 264px;
	text-align: center;
}

div#ScreenMenuLeft {
    display: table-cell;
    vertical-align: top;
	text-align: center;
	width: 100px;
}

div#ScreenMenuItemLeft {
    vertical-align: top;
	width: 80px;
	height: 80px;
	padding-top: 10px;
	padding-left: 11px;
	padding-right: 11px;
}

div#AppText {
	display: table-cell;
    vertical-align: top;
	width: 415px;
}

div#AppTextMenu {
	height: 37px;
    font-size: 12pt;
    font-weight: bold;
	margin-left: 20px;
	margin-right: 20px;
    border-bottom: 1px black solid;
}

div#AppTextLabel {
    height: 20px;
    padding-top: 10px;
}

div#AppTextBody {
	font-size: 9pt;
	text-decoration: none;
	margin-top: 10px;
	margin-left: 20px;
	margin-right: 20px;
}

div#Footer {
	background-image: url(images/footer.png);
	background-position: left top;
	background-repeat: no-repeat;
	clear: both;
	width: 913px;
	height: 150px;
}

div#Flags {
	width: 80px;
	height: 11px;
	float: right;
	bottom: 0px;
	margin-top: 30px;
}

div#FlagBR {
	background-image: url(images/flag_br.png);
	font-size: 6pt;
	width: 16px;
	height: 11px;
	float: left;
	margin-top: 1px;
	margin-right: 4px;
}

div#FlagEN {
	background-image: url(images/flag_en.png);
	font-size: 6pt;
	width: 16px;
	height: 11px;
	float: left;
	margin-top: 1px;
	margin-right: 4px;
}

div#FlagES {
	background-image: url(images/flag_es.png);
	font-size: 6pt;
	width: 16px;
	height: 11px;
	float: left;
	margin-top: 1px;
	margin-right: 4px;
}

div#FlagJP {
	background-image: url(images/flag_jp.png);
	width: 16px;
	height: 11px;
	float: left;
	margin-top: 1px;
	margin-right: 4px;
}

a#Flags {
	width: 16px;
	height: 11px;
	display: block;
	text-decoration: none;
}

div#contact {
    padding-left: 50px;
    padding-right: 50px;
	font-size: 9pt;
	text-decoration: none;
}
div#submenu {
    font-size: 12pt;
    font-weight: bold;
    padding-top: 30px;
    border-bottom: 1px solid black;
}

div#company {
    width: 775px;
    font-size: 9pt;
    padding-top: 30px;
    padding-left: 50px;
    padding-right: 50px;
}

div#companyContainer {
    width: 775px;
    padding-bottom: 20px;
}

div#companyTextBody {
    display: table-cell;
    width: 340px;
}

div#companyTextBodyButton {
    display: table-cell;
    width: 240px;
}

div#companyTitle {
    font-size: 12pt;
    font-weight: bold;
    margin-bottom: 10px;
}
div#companyText {
    padding-bottom: 20px;
}
div#companyButton {
    vertical-align: top;
    display: table-cell;
    width:369px;
    padding: 15px;
}
div#companyIPhone {
    vertical-align: top;
    display: table-cell;
    width: 425px;
    height: 196px;
	background-image: url(images/company_petzoo.png);
	background-position: 20px 0px;
	background-repeat: no-repeat;
}
div#companyMission {
    vertical-align: top;
    display: table-cell;
    width: 102px;
    height: 102px;
    padding-right: 15px;
	background-image: url(images/mission.png);
	background-position: left top;
	background-repeat: no-repeat;
}
div#companyVision {
    vertical-align: top;
    display: table-cell;
    width: 102px;
    height: 102px;
    padding-right: 15px;
	background-image: url(images/vision.png);
	background-position: left top;
	background-repeat: no-repeat;
}

div#services {
    width: 780px;
    font-size: 9pt;
    padding-top: 30px;
    margin: auto;
}

div#servicesContainer {
    display:table-cell;
}

div#servicesTitle {
    font-size: 12pt;
    font-weight: bold;
    padding-bottom: 5px;
    margin-bottom: 20px;
    border-bottom: 1px solid black;
}
div#servicesText {
    width: 370px;
}

div#serviceCaption {
    width: 370px;
    font-size: 12pt;
    font-weight: bold;
    text-align: left;
    padding-bottom: 10px;
}

div#servicesPrivate {
    vertical-align: top;
    width: 370px;
    height: 200px;
    padding-bottom: 10px;
	background-image: url(images/service_user.png);
	background-position: center top;
	background-repeat: no-repeat;
}
div#servicesCorporation {
    vertical-align: top;
    text-align: center;
    width: 370px;
    height: 200px;
    padding-bottom: 10px;
	background-image: url(images/service_corporate.png);
	background-position: center top;
	background-repeat: no-repeat;
}

div#home {
    width: 875px;
}

div#leftbar {
    display: table-cell;
    width: 170px;
    padding-left: 20px;
    padding-top: 5px;
}

div#homeContact {
    font-size: 9pt;
    font-weight: bold;
    vertical-align: top;    
}

div#homeTop {
    font-size: 7pt;
	background-image: url(images/leftbar_top.png);
	background-position: center top;
	background-repeat: no-repeat;
    height: 15px;
}

div#homeMiddle {
    font-size: 9pt;
	background-image: url(images/leftbar_middle.png);
	background-position: center top;
	background-repeat: repeat-y;
}

div#homeBottom {
	background-image: url(images/leftbar_bottom.png);
	background-position: center top;
	background-repeat: no-repeat;
    height: 15px;
}

div#homeContactInfo {
    text-align: left;
    font-size: 9pt;
    padding-left: 20px;
}

div#homeiTunes {
    text-align: center;
    font-size: 9pt;
}

div#homeiTunesTable {
    padding-top: 10px;
    margin-left: 10px;
    text-decoration: none;
}

div#homeiTunesRow {
    width: 160px;
}

div#homeiTunesCell {
    display: table-cell;
    padding-top: 10px;
    padding-right: 10px;
    height: 70px;
    width: 70px
}

div#newsbody {
    display: table-cell;
    vertical-align: top;
    width: 685px;
}

div#news {
    font-size: 9pt;
    width: 640px;
    border: 1px Gainsboro solid;
    padding: 10px;
}

div#newsTitle {
    border-bottom: 1px solid black;
    height: 20px;
    margin-bottom: 20px;
    margin-left: 20px;
    margin-right: 20px;
}

div#newsTitleText {
    font-size: 12pt;
    font-weight: bold;
    height: 20px;
    float: left;
}

div#newsTimestamp {
    font-size: 7pt;
    height: 20px;
    float: right;
    vertical-align: top;
}

div#newsArticle {
    width: 620px;
}

div#newsImagemMiddle {
    text-align: center;
    padding-bottom: 20px;
}

div#newsText {
    display: table-cell;
    vertical-align: top;
    padding-left: 10px;
    color: DarkSlateGray;
}

div#newsImagem {
    display: table-cell;
    border: 3px double LightSlateGray;
}

div#homeLineBreaker {
	height: 5px;
	line-height: 5px;
}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 12px Verdana, Helvetica, sans-serif; background-color: white; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #222;}
#imageData #imageDetails{ width: 60%; float: left; text-align: left;}
#imageData #caption{ font-weight: bold;}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; text-align: left; font-size: 9px;}			
#imageData #bottomNavClose{ vertical-align: top; width: 80px; float: right;  padding-bottom: 0.7em; outline: none;}

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

#fishEye{
	display: block;
    width: 830px;
	height:90px;
    background-image: url(images/dock.gif);
    background-position: 42px;
    background-repeat: no-repeat;
    text-align: center;
}
#fishEye div{
	background-color: white;
}
#fishEye img{
	width:60px;
	height:60px;
	margin-top:25px;
    margin-left: 10px;
}

#dockContainer{
    display    : block;
    margin     : 0 auto;
    text-align : center;    /* fixes IE bug */
    background-image: url(images/dock.gif);
    background-position: 42px;
	background-repeat: no-repeat;
}

#dockContainer > div{
    display : inline-block; /* fixes IE bug */
}

#dockContainer > div{
    display : inline;       /* fixes IE bug */
}
#dockContainer > div{
    display       : table-cell;
    text-align    : left;
    border-bottom : 1px solid rgb(220,220,200);
}
#dockContainer > div > div{
}
#dockContainer > div > div > div{
    height     : 88px;
    overflow   : hidden;
    padding    : 0 10px;
}