﻿/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title : Tribeca Technology Stylesheet

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

/* COMMON AND GLOBAL */
body { font:62.5%/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0; background-image: url(../images/bg.jpg); background-repeat:repeat-x; background-color: #2B292E; text-align:center; }
td, textarea, input, select { font:100% arial, verdana, helvetica, sans-serif; }

/* ----- HEADER ----- */
#container { width:950px; margin:0 auto; text-align:left; font-size:110%; position:relative; }   
#printHeader { display:none;}
#header { height:91px; width:950px; position:relative; background-image:url(../images/header.jpg); }
#header #logo { width:182px; height:55px; position:absolute; top:20px; left:26px;}
#header #logo a { display:block; width:182px; height:55px; text-indent:-1000em; color:#232126; font-size:2px }
#header #tagline { position:absolute; width: 150px; height: 26px; background-image: url(../images/contact-details.jpg); background-repeat:no-repeat; left: 692px; top: 17px; padding: 35px 0px 0px 30px;}

/* ----- IDS ----- */
#internalContent {} 
#internalContent #leftCol { float:left; width:950px; vertical-align: bottom; position: relative; }
#internalContent #leftColMenu {float:left; width:211px; vertical-align: bottom; position:absolute; left: 24px; top: 42px; height: 335px;}
#internalContent .box { }
#internalContent .boxTop { background:url(../images/top-box.jpg); width:950px; height:25px; }
#internalContent .boxMiddle { background:url(../images/box-middle.jpg); overflow:auto; }
#internalContent .boxMiddle ul { font-size:9pt; line-height:190%; color:#58585A; list-style:disc; margin:0; padding-left:20px;}
#internalContent .boxMiddle ul li {}
#internalContent .boxBottom { overflow:auto; background:url(../images/bottom-box.jpg) bottom left no-repeat; width:950px; min-height:455px;}
#internalContent .boxBottom .padding { padding:0px 32px 10px 287px; font-size:8px; line-height:190%; color:#58585A;}
#internalContent .boxBottom .testimonial { padding:0px 32px 10px 287px; font-size:10px; line-height:190%; color:#58585A; }
#internalContent .box a { color:#C1002B; text-decoration:none; font-size:110%;}
#internalContent .box a:hover { text-decoration:none;}
#internalContent .box p { font-size:150%;}
#internalContent .box2 { }
#internalContent .boxTop2 { background:url(../images/top-box.jpg); width:950px; height:25px; }
#internalContent .boxMiddle2 { background:url(../images/box-middle.jpg);}
#internalContent .boxMiddle2 ul { font-size:9pt; line-height:190%; color:#58585A; list-style:disc; margin:0; padding-left:20px;}
#internalContent .boxMiddle2 ul li {}
#internalContent .boxBottom2 { background:url(../images/bottom-box.jpg) bottom left no-repeat; width:950px; min-height:455px;}
#internalContent .boxBottom2 .padding { padding:0px 32px 10px 287px; font-size:8px; line-height:190%; color:#58585A;}
#internalContent .boxBottom2 .testimonial { padding:0px 32px 10px 287px; font-size:10px; line-height:190%; color:#58585A; }
#homeBottom { padding-top: 304px;}
#homeTop { position:absolute; top:0px; left:0px;}
#flash {position:relative; margin:0;}
#homeContent { width:950px; font-size:110%;}
#homeContent a { color:#8d8e90; text-decoration:none; font-weight:normal;}
#homeContent a:hover { text-decoration:underline;}
#homeContent #services { width:950px; height:289px; float:left; background:url(../images/content.jpg) top left no-repeat; }
#homeContent #services #servicestext {width:596px; position:absolute; left: 36px; top: 473px; height: 46px;}
#homeContent #services #servicestext .padding { font-size:9pt; line-height:120%; color:#ffffff;}
#homeContent #services #servicesbutton {width:136px; position:absolute; left: 36px; top: 529px; height: 22px;}
#homeContent #News { width:236px; height:209px; position:absolute; line-height:130%; background-repeat: no-repeat; background-position: left top; left: 696px; top: 363px;}

/* ----- FOOTER ----- */
#hypergroup { color:#666666; margin:0 auto; text-align:left; padding:3px 14px 0px 14px; margin-bottom:10px;}
#hypergroup ul { margin:0; padding:0; list-style:none;}
#hypergroup li { display:inline;}
#hypergroup a { color:#666666; text-decoration:none; font-weight:normal;}
#hypergroup a:hover { text-decoration:underline;}


/* ----- CLASSES ----- */
.float_left { float:left;}
.float_right { float:right;}
.clear { clear:both; }
.hide { display:none; }
.image_right { float:right; margin:0 0 10px 25px;  }
.image_left { float:left; margin:0 15px 10px 0;  }
.product-logo { float:right; margin:0 0 0 20px; }
.leftCol{ float:left; width:390px; }
.rightCol { float:left; width:200px; margin:0 0 15px 20px; padding:20px 0 0 20px; background:#fff; }
.rightCol img { margin:0 0 50px 0; }


/* ----- HEADINGS & PARAGRAPHS ----- */
h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 15px 0; font-size:100%; font-weight:normal; line-height:130%;}
.productsheader {color:#C1002B; font-size:27px; line-height:110%;}
h2.header {color:#C1002B; font-size:37px; line-height:120%;}
.subheader {color:#000000; font-size:25px; line-height:140%;}
.subheader a { color:#000000; font-size:25px; line-height:140%; text-decoration:none;}
.subheader a:hover { color:#000000; font-size:25px; line-height:140%; text-decoration:none;}
.miniheader {color:#000000; font-size:15px; line-height:140%; font-weight:bold;}
.leading {color:#000000; font-size:16px; line-height:120%;}
.number  {font-size:20px; line-height:110%; font-weight:bold; color:#000000;}
.numberred  {font-size:22px; line-height:110%; font-weight:bold; color:#C1002B;}
.list {color:#000000; font-size:20px; line-height:100%;}
.list a { color:#000000; font-size:20px; line-height:100%; text-decoration:none;}
.list a:hover { color:#000000; font-size:20px; line-height:100%; text-decoration:none;}
.text {font-size:10px; line-height:100%; color:#58585A;}
.testimonialhead {font-size:12px; color:#C1002B;}
.bottom  {font-size:16px; line-height:100%; font-weight:bold; color:#58585A;}
.number  {font-size:20px; line-height:110%; font-weight:bold; color:#000000;}
.numberred  {font-size:22px; line-height:110%; font-weight:bold; color:#C1002B;}
.menu  {font-size:12px; line-height:250%; color:#ABBAB7;}
.menu  a {font-size:12px; line-height:250%; color:#ABBAB7; text-decoration:none;}
.menu  a:hover {font-size:12px; line-height:250%; color:#ABBAB7; text-decoration:none;}
.contact  {font-size:13px; color:#ffffff; font-weight:bold;}
.contact a { font-size:13px; color:#ffffff; font-weight:bold; text-decoration:none;}
.contact a:hover { text-decoration:none;}
.news  {font-size:12px; color:#cccccc;}
.newshead  {font-size:12px; line-height:100%; color:#ffffff; font-weight:bold}
.quote {font-size:15px; line-height:160%; color:#58585A; font-style:italic; font-weight:bold;}
.ref {font-size: 9px;}

/* ----- TOP NAVIGATION ----- */
#topNav { background-repeat:no-repeat; height:22px; width: 950px; position:relative; z-index:999; background-image:url(../images/menu-bg.jpg) }

/* ----- GLOBAL ----- */
img {display:block; border:0; background-attachment: scroll; background-repeat: no-repeat; background-position: bottom; vertical-align: bottom;}
p { padding:0 0 15px 0; margin:0; }
address { font-style:normal;}

/* ----- TABLES ----- */
table { border-collapse:collapse; }
table p { padding:0px; }
