/* CSS Document - SABRE */

/******************************

	global

******************************/
* { padding: 0; margin: 0; }
body { font: 12px Arial, Helvetica, sans-serif; color: #000; background: #fff; padding-bottom: 30px; }

.captcha { BORDER: #737373 1px solid;}
a { color: #1d1060; text-decoration: underline; }
a:hover { text-decoration: none; }
a img { border: none; }
hr { display: none; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; line-height: 0; }
.hidden { display: none; }
.center { text-align: center; }
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.bold { font-weight: bold; }
.blue { color: #1d1060; }

/* overlapping */
.overlap { position: relative; overflow: hidden; }
.overlap span { position: absolute; top: 0; left: 0; background-position: 0 0; background-repeat: no-repeat; width: 100%; height: 100%; }
.overlap a span,
a.overlap span { cursor: pointer; }


/******************************

	layout

******************************/
#page-wrapper { width: 980px; border: 1px solid #696969; border-width: 0 1px 2px 1px; margin: auto; position: relative; }
#content-wrapper { border-top: 1px solid #cfcfcf; margin-top: 94px; background: #fff url(../img/content-wrapper-bg.png) 93px 0 repeat-y; }
#right-wrapper { float: right; width: 887px; }
#content { float: left; width: 620px; padding: 0 28px 40px; border: 2px solid #cfcfcf; border-width: 0 2px; }
#right-column { float: right; width: 207px; }


/******************************

	header

******************************/
#header { height: 115px; border-bottom: 10px solid #fff; background: #e9e9e9 url(../img/header-bg.jpg) 0 0 no-repeat; }
#logo { float: left; width: 175px; height: 65px; padding: 30px 0 0 85px; font-size: 22px; font-weight: bold; }
#logo a { color: #000; text-decoration: none; }

#subtitle { float: left; padding: 40px 0 0 40px; color: #b0b0b0; font-size: 24px; letter-spacing: -1px; }
#subtitle big { font-size: 36px; font-weight: bold; }
#subtitle small { font-size: 18px; }

#sitemap-languages { position: absolute; top: 0; right: 0; font-size: 11px; }
#sitemap-languages p { float: right; }
#sitemap-languages .sitemap { padding: 10px 10px 7px; }
#sitemap-languages .sitemap a { padding: 2px 0 2px 18px; background: url(../img/icon-sitemap.png) 0 5px no-repeat; }
#sitemap-languages .languages { background: #fff; padding: 10px 10px 7px; }
#sitemap-languages .languages a {  }
#sitemap-languages .languages .separator { padding: 10px 0 2px 0; color: #fff; border-left: 2px solid #cfcfcf; margin: 0 4px 0 6px; }

#advertisement { width: 310px; height: 89px; padding: 1px 15px 0 5px; position: absolute; top: 35px; right: 0; background: #fff url(../img/ad-bg.png) 0 0 no-repeat; z-index: 2; }
#advertisement img.visual { float: left; }
#advertisement img.logo { float: right; margin: -3px 0 10px 0; }
#advertisement p { font-size: 10px; line-height: 1.2; }


/******************************

	menu

******************************/
#menu { position: absolute; top: 124px; left: 0; z-index: 1; width: 895px; height: 32px; padding: 3px 0 0 85px; background: #e31c18; border-top: 1px solid #cfcfcf; }
#menu ul { list-style: none; }
#menu ul li { float: left; padding-right: 1px; }
#menu ul li a { float: left; display: block; position: relative; font-weight: bold; color: #fff; text-decoration: none; text-transform: uppercase; padding: 8px 20px 9px; background: #e31c18; }
#menu ul li a:hover,
#menu ul li.active a { color: #e31c18; background: #fff; }
#menu ul li a span { width: 2px; height: 2px; display: block; position: absolute; top: 0; }
#menu ul li a:hover span.left,
#menu ul li.active a span.left { left: 0; background: url(../img/menu-a-corner-left.png) 0 0 no-repeat; }
#menu ul li a:hover span.right,
#menu ul li.active a span.right { right: 0; background: url(../img/menu-a-corner-right.png) 0 0 no-repeat; }

/* submenu */
#menu #empty-submenu,
#menu ul ul { position: absolute; top: 35px; left: 0; width: 895px; height: 26px; padding: 0 0 0 85px; background: #d3d2d2 url(../img/submenu-bg.png) 0 0 repeat-x; border-bottom: 5px solid #a20402; }
#menu ul ul li { border-left: 1px solid #ababab; margin: 6px 0 0 0; padding: 0 10px; }
#menu ul ul li.first { border: none; padding-left: 0; }
#menu ul ul li a,
#menu ul li.active ul li a { background: none; text-transform: none; color: #1a171b; font-weight: normal; padding: 0; }
#menu ul ul li a:hover,
#menu ul li.active ul li a:hover { text-decoration: underline; background: none; color: #1a171b; }
#menu ul li.active ul li.active a:hover { color: #e31c18; }
#menu ul li.active ul li.active a { color: #e31c18; background: none; font-weight: bold; }


/******************************

	breadcrumbs

******************************/
#breadcrumbs { position: absolute; top: 195px; left: 0; width: 895px; padding: 3px 10px 2px 85px; font-size: 10px; color: #656565; }
#breadcrumbs a { color: #656565; }
#breadcrumbs span { margin: 0 3px; }


/******************************

	left column

******************************/
#left-top,
#left-bottom { position: absolute; left: 0; width: 93px; text-align: center; overflow: hidden; }
#left-top { top: 255px; }
#left-bottom { bottom: 70px; color: #1d1060; }
#left-bottom img { display: block; margin: 0 auto 12px; }


/*****************************

	right column

******************************/
/* links */
#right-column #right-links { margin: 5px 0 25px; }
#right-column #right-links h2 { width: 197px; height: 48px; background: #d6d5d5 url(../img/left-button-bg.jpg) 0 0 no-repeat; font-size: 15px; margin: 5px auto; }
#right-column #right-links h2 a { color: #1a171b; text-decoration: none; display: block; height: 18px; padding: 16px 7px 14px 10px; background-repeat: no-repeat; }
#right-column #right-links h2.portal-solution a { background-image: url(../img/left-portal-solution-bg.png); background-position: 160px 13px; }
#right-column #right-links h2.webdesign a { background-image: url(../img/left-webdesign-bg.png); background-position: 140px 13px; }
#right-column #right-links h2.seo a { background-image: url(../img/left-seo-bg.png); background-position: 140px 13px; }
#right-column #right-links h2.ci a { background-image: url(../img/left-ci-bg.png); background-position: 160px 13px; }
#right-column #right-links h2.net-app a { background-image: url(../img/left-net-app-bg.png); background-position: 165px 13px; }

/* puzzle */
#right-column #puzzle { padding: 25px 0; }
#right-column #puzzle h3 { font: bold italic 14px "Times New Roman", Times, serif; color: #e31c18; padding: 0 0 20px 20px; }
#right-column #puzzle h3 span { display: block; margin-left: 45px; }
#right-column #puzzle p { text-align: center; }
#right-column #puzzle a { float: left; margin: -25px 0 0 40px; width: 100px; height: 17px; padding: 6px 5px 5px 21px; background: url(../img/puzzle-button-bg.png) 0 0 no-repeat; position: relative; }

/* news */
#right-column #news { padding: 20px 0 10px; margin: 0 10px; }
#right-column #news h2 { font: bold 12px "Times New Roman", Times, serif; color: #1a171b; text-transform: uppercase; padding: 3px 7px; margin: 0 -5px 5px; border-bottom: 1px solid #696969; }
#right-column #news h3 { font-size: 12px; padding: 0 5px 0 15px; }
#right-column #news h3 a { color: #e31c18; text-decoration: none; }
#right-column #news h3 a:hover { text-decoration: underline; }
#right-column #news p { padding-left: 15px; color: #1a171b; }
#right-column #news p.date { padding-top: 8px; background: url(../img/hp-news-arrow.png) 1px 13px no-repeat; }
#right-column #news p.text { font-size: 11px; border-bottom: 1px solid #cfcfcf; padding-bottom: 8px; padding-top: 4px; }
#right-column #news p.archive { padding: 8px 15px; }
#right-column #news p.archive a { padding: 3px 0 3px 15px; background: url(../img/arrow-blue.png) 0 7px no-repeat; } 


/******************************

	content

******************************/
#content h1 { font: bold 30px "Times New Roman", Times, serif; color: #e31c18; padding: 3px 0 0; }
#content h1 small { font-size: 24px; color: #1a171b; font-weight: normal; }
#content p.subtitle { font-size: 11px; color: #696969; margin: 0 0 5px; padding: 0 0 15px 0; border-bottom: 7px solid #e31c18; line-height: 1; }
#content h2 { font-size: 14px; color: #1a171b; border-bottom: 2px solid #e31c18; padding: 15px 0 2px; margin-bottom: 5px; }
#content h2.indent { margin: 0 -10px 5px 340px; position: relative; left: -10px; }
#content h3 { font-size: 13px; color: #e31c18; padding: 5px 0 2px 10px; }
#content p { padding: 5px 0 5px 10px; line-height: 1.3; }
#content p.indent { margin-left: 330px; }
#content ul { list-style: none; margin: 2px 10px 10px 10px; }
#content ul li { background: url(../img/content-li-bg.png) 0 2px no-repeat; padding: 2px 0 2px 15px; }
#content img.left { padding: 15px 15px 15px 10px; }
#content img.right { padding: 15px 10px 15px 15px; }

/* references */
#references #content #box { margin: 20px 0 10px; overflow: auto; }
#references #content #box .box { float: left; width: 203px; height: 201px; margin: 0 5px 12px 0; background: #e8e9e9; overflow: hidden; }
#references #content #box .box.last { margin-right: 0; }
#references #content #box .box img { display: block; }
#references #content #box .box h2 { padding: 4px 5px 4px 15px; margin: 0; text-transform: uppercase; background: #e31c18; border: 1px solid #939393; border-width: 0 1px; }
#references #content #box .box h2 a { font-size: 12px; color: #fff; }
#references #content #box .box p { height: 50px; padding: 5px 10px 2px 15px; font-size: 11px; background: #c8c9c9 url(../img/reference-box-description-bg.jpg) 0 0 no-repeat; }

/* references - detail */
#content #visual { float: left; width: 310px; padding: 18px 30px 20px 0; background: #fff; }
#content #visual img.visual { display: block; background: #e8e9e9; }
#content #visual .visual-desription { width: 285px; height: 21px; padding: 8px 10px 0 15px; background: #c8c9c9 url(../img/ci-visual-description-bg.jpg) 0 0 no-repeat; font-size: 11px; overflow: hidden; }
#content #visual h3 { font-size: 11px; font-weight: normal; padding: 20px 0 5px 15px; color: #1a171b; }
#content #visual img.logo { margin: 10px 0 0 15px; }

/* gallery */
#gallery { padding-bottom: 15px; overflow: auto; }
#gallery .box { float: left; width: 200px; height: 150px; background: #e8e9e9; margin: 5px 10px 2px 0; }
#gallery .box.last { margin-right: 0; }
#gallery .box img { display: block; }
#gallery .box p { height: 30px; padding: 3px 5px 0 15px; font-size: 11px; background: #c8c9c9 url(../img/ci-gallery-description.jpg) 0 0 no-repeat; overflow: hidden; line-height: 1.2; }

/* bottom menu */
#bottom-menu { position: absolute; bottom: 50px; left: 95px; width: 656px; font-size: 11px; color: #1d1060; text-align: center; padding: 10px !important; border-top: 1px solid #d5d5d5; }
#bottom-menu span { margin: 0 8px; }
#bottom-menu a { text-decoration: none; }
#bottom-menu a:hover { text-decoration: underline; }


/******************************

	homepage

******************************/
#hp #content #star-partnership { float: right; padding: 0 10px 0 30px; margin: -82px 0 0 0; border-left: 1px solid #ababab; }
#hp #content h2 { padding: 15px 0 8px 0; margin-left: 35px; font-size: 17px; }
#hp #content h3.sabre-icon { margin-left: 60px; padding-left: 15px; background: url(../img/content-li-bg.png) 0 5px no-repeat; }
#hp #content p { margin-left: 50px; }
#hp #content p.subtitle { margin: 0 0 10px; }
#hp #content p.introduction { font-size: 14px; padding: 15px 0 15px 10px; }
#hp #content p.indent { margin-left: 65px; }

/* top links */
#hp #links { height: 110px; padding: 20px 0 0 0; margin: 0 -2px; }
#hp #links h1 { float: left; width: 120px; height: 90px; background: #c8c9c9 url(../img/hp-button-bg.jpg) 0 0 no-repeat; font: 18px Arial, Helvetica, sans-serif; padding: 0; margin: 0 2px; }
#hp #links h1 a { display: block; width: 120px; height: 45px; padding-top: 45px; text-align: center; line-height: 1; text-decoration: none; color: #1a171b; background-repeat: no-repeat; background-position: center 7px; }
#hp #links h1 a:hover { text-decoration: underline; }
#hp #links h1.portal-solution a { background-image: url(../img/hp-portal-solution-bg.png); }
#hp #links h1.webdesign a { background-image: url(../img/hp-webdesign-bg.png); }
#hp #links h1.seo a { background-image: url(../img/hp-seo-bg.png); }
#hp #links h1.ci a { background-image: url(../img/hp-ci-bg.png); }
#hp #links h1.net-app a { background-image: url(../img/hp-net-app-bg.png); }


/******************************

	forms, tables

******************************/
form fieldset { border: none; }
input,
textarea,
select { font: 12px Arial, Helvetica, sans-serif; border: 1px solid #a8a8a8; padding: 2px 3px; }

/* common form */
#common-form { margin: 10px 0 10px 20px; }
#common-form table td { padding: 2px; }
#common-form label { font-size: 13px; color: #e31c18; font-weight: bold; }
#common-form input.submit { border: none; width: 126px; height: 27px; cursor: pointer; background: url(../img/puzzle-button-bg.png) 0 0 no-repeat; margin-left: 110px; }
#common-form textarea { width: 580px; margin-top: 5px; }


/******************************

	footer + partners / clients

******************************/
/* footer */
#footer { height: 40px; padding: 10px 0 0 15px; background: #c41411 url(../img/footer-bg.png) 0 0 repeat-x; border-top: 1px solid #cfcfcf; color: #fff; font-size: 11px; }
#footer p { float: left; }
#footer p.copyleft { font-size: 10px; width: 240px; }
#footer p.copyright { width: 220px; padding-left: 370px; }
#footer p.contact { width: 200px; }
#footer a { color: #fff; }

/* partners / clients */
#partners-clients { width: 982px; margin: auto; }
#partners-clients h3 { font-size: 11px; font-weight: normal; color: #393939; background: #bcbcbc url(../img/partners-clients-corner.png) bottom right no-repeat; padding: 5px 5px 5px 15px; width: 180px; margin-bottom: 10px; }
#partners-clients img { vertical-align: middle; margin: 8px 11px; }