BODY { background: #FFFFFF url(../images/background.jpg) repeat-x; font-family: tahoma; margin: 0; }
IMG { border-width: 0px; }
#bgleft, #bgleftProj{ background: transparent url(../images/sprite-bg-h.png) repeat-y 0px 0px; left: -9px; }
#bgright, #bgrightProj{ background: transparent url(../images/sprite-bg-h.png) repeat-y -10px 0px; left: 923px; }
#bgleft, #bgright{ top: 0px; height: 701px; }
#bgleftProj, #bgrightProj{ top: 0px; height: 1421px; }
#bgleft, #bgright, #bgleftProj, #bgrightProj, #whiteBoardShadow { background-repeat: repeat-y; width: 10px; position: absolute; }
#bgleft, #bgright, #bgleftProj, #bgrightProj, #bottomShadow, #subjectsShadow { filter:alpha(opacity=40); -moz-opacity: 0.4; opacity: 0.4; }
#bottomShadow { background: transparent url(../images/sprite-bg-v.png) repeat-x 0px 0px; height: 5px; overflow: hidden; }

#content, #contentId{ width: 923px; margin: auto; margin-left: auto; margin-right: auto; position: relative; }
#content #logo{ top: 60px; left: 633px; position: absolute; }

#title h1, #slogan, #subjectsGroup { left: 20px; }

#title h1{ float: left; margin: 0px; position: relative; }
#title h1, #links { font: normal 12px tahoma; text-align: right; color: #999999; height: 17px; }
.linkSuperior { padding: 4; text-decoration: none; color: #999999; }
A.linkSuperior:hover { color: #292C37; text-decoration: none; background-color: #999999; }

#sloganContainer, #title h1, #links{ background-color: #292C37; }

#sloganContainer { background-image: url(../images/slogan1.jpg); }
#slogan, #sloganShadow { font: normal bold 22px verdana; position: absolute; width: 150px; }
#slogan { color: #FAFAFA; top: 265px; }
#sloganShadow { color: #292C37; top: 266px; left: 21px; }
#see{ color: #AAAAAA; font: bold 20px verdana; position: absolute; text-decoration: none; background-image: url(../images/see.png); text-align: center; position: absolute; top: 350px; left: 20px; width: 187px; height: 46px; filter:alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3;}
#see:hover{ color: #292C37; filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
#see div{ height: 9px; font-size: 6px; }

.idx, .idxSelected{ font: bold 18px verdana; position: absolute; text-decoration: none; background-image: url(../images/flag.png); background-repeat: none; text-align: center; top: 40px; width: 26px; height: 28px; padding-top: 2px; padding-left: 1px; }
.idx{ color: #AAAAAA; filter:alpha(opacity=10); -moz-opacity: 0.1; opacity: 0.1;}
.idx:hover, .idxSelected{ color: #CBCACA; filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1; }

#idx0{ left: 20px; }
#idx1{ left: 50px; }
#idx2{ left: 80px; }
#idx3{ left: 110px; }

#summary { background: #292C37 url(../images/texture5.png) -0px -0px repeat; height: 280px; }
#project { background-color: #292C37; height: 1000px; }
#summaryShadow { background: transparent url(../images/sprite-bg-v.png) repeat-x -0px -10px; height: 8px; width: 923px; top: 416px; position: absolute; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }
#summary h2, #summary h3, #project h2, #project h3, #projectTitle h1, #projectTitle h2{ padding: 0px; margin-top: 0px; margin-bottom: 0px; }

#labels { float: right; }
#twitterDiv, #linkedinDiv, #facebookDiv, #deliciousDiv {position: relative; height: 52px; width: 124px; }
#twitterDiv { background: transparent url(../images/sprite.png) -131px -217px no-repeat; right: 175px; top: 20px; }
#facebookDiv { background: transparent url(../images/sprite.png) -2px -271px no-repeat; right: 20px; top: 7px; }
#linkedinDiv { background: transparent url(../images/sprite.png) -2px -217px no-repeat; right: 130px; top: 10px; }
#deliciousDiv { background: transparent url(../images/sprite.png) -131px -271px no-repeat; right: 20px; top: 25px; }

#subjectsGroup { position: relative; top: 20px; width: 600px; height: 250px; } 
#subjects { background: transparent url(../images/sprite.png) -2px -3px no-repeat; height: 211px; width: 600px; top: 45px; float: left; }

#blog, #partnership { position: relative; top: 10px; left: 20px; width: 470px; float: left; }

#blogText { font: 12px tahoma; color: #808080; text-decoration: none; -ms-text-overflow: ellipsis; }
#blogText h2 { padding: 0px; margin-top: 10px; margin-bottom: 1px; }
.blog-hr, partner-hr { border-color: #AAAAAA; border-width: 1px; }
.post { font: bold 12px tahoma; padding: 2; color: #292C37; }
.postDesc { font: 10px tahoma; color: #808080; padding: 2; }
A.post:hover { color: #FFFFFF; }
.post, A.post:hover, A.post:visited { text-decoration: none; }

#partnership { display: none; height: 175px; overflow-y: scroll; scrollbar-3dlight-color: #C1C0C0; scrollbar-arrow-color: #292C37; scrollbar-base-color: #292C37; scrollbar-darkshadow-color: #292C37; scrollbar-face-color: #C1C0C0; scrollbar-highlight-color: #C1C0C0; scrollbar-shadow-color: #C1C0C0; scrollbar-track-color: #C1C0C0; }
#partnership img { float: left; border: 0px; }
#partnership hr { clear: left; }
#partnership h2 A:hover, #partnership h2 A:visited { text-decoration: none; }

#partnership .card { height: 130px; width: 400px; border: 1px outset; margin-left: 120px; margin-top: 20px; margin-bottom: 30px; background-color: #FFFFFF; }
#gonow-logo { position: relative; margin: 40px; }
#caicaras-logo { position: relative; margin: 20px; height: 80%; }
#partnership #gonow-card h2 { font: bold 12px tahoma; color: #000000; margin-top: 36px; }
#partnership #caicaras-card h2 { font: bold 12px tahoma; color: #000000; margin-top: 16px; }
#partnership address { position: relative; font: normal 10px tahoma; color: #000000; }

#copyright { color: gray; font: 8pt arial; text-align: center; clear: left; }

#whiteBoard{ background-color: #FFFFFF; position: absolute; left: 660px; width: 263px; color: #292C37;}
#whiteBoardShadow{ background: transparent url(../images/sprite-bg-h.png) repeat-y -20px 0px; left: 650px; filter:alpha(opacity=20); -moz-opacity: 0.2; opacity: 0.2; }
#whiteBoard #title{ font: bold 24px arial black; }
#whiteBoard #text{ top: 80px; position: absolute; width: 220px; left: 20px; text-align: justify; }
#whiteBoard #text strong{ font: normal bold 14px arial; }
#whiteBoard #text p{ font: normal normal 14px arial; }

#sloganContainer, #whiteBoard, #whiteBoardShadow { height: 400px; } 

#projectTitle{ padding-top: 30px; padding-left: 30px; color: #FFFFFF; }
#projectTitle h1{ font: normal normal 26px verdana; padding-bottom: 10px;}
#projectTitle h2{ font: normal normal 12px verdana; }

#projectInfo{ margin-left: 30px; border: 1px; color: #FFFFFF; font: 12px arial; }
#projectInfo #service{ float: left; width: 600px; border-right: 1px solid #AAAAAA; padding-right: 30px; text-align: justify; }
#projectInfo #service h3{ padding-top: 20px; }
#projectInfo #service h3, #projectInfo #description strong{ font-weight: bold; padding-bottom: 6px; float: none; }
#projectInfo #service div a img{ border: 0px; height: 170px; }
#projectInfo #service p, #projectInfo #description p, #projectInfo #description ul{ margin-top: 3px; margin-bottom: 6px; } 
#projectInfo #description{ float: left; margin-left: 15px; margin-right: 15px; width: 230px; height: 890px; }
#projectInfo #description ul{ padding-left: 15px; }
.thumbs{ height: 170px; }
.thumb1, .thumb2{ width: 280px; background-color: #FFFFFF; text-align: center; }
.thumb1{ float: left; }
.thumb2{ float: right; }

#contentId{ background-color: #FFFFFF; }
#contentId #logo{ top: 50px; left: 40px; position: absolute; }
#contentId #presentation{ margin-left: 320px; margin-top: 30px; }
#contentId #orgId{ margin-left: 40px; margin-top: 26px; }
#contentId #presentation, #contentId #orgId{ text-align: justify; font: normal normal 12px verdana; margin-right: 40px; }
#contentId #orgId DIV{ padding-top: 8px; }