/*
    Copyright Notice ========================================================  
  
This file contains proprietary information of Alpine Internet Solutions. 
    Copying or reproduction without prior written approval is prohibited.   
  
Copyright (c) 2000-2007 ================================================= 

    Purpose: Site style definitions  
  
    @format.tab-size 4  
    @format.use-tabs true  
	
*/

/* Global Styles */
/* -------------------------------- */

/* zeroes margins and padding for all elements, eliminating cross-browser ambiguity */
/* ...currently commented out to make the templates easier to understand
...uncomment before starting design production */
* { 
margin: 0;
padding: 0;
}

body {
background: #515153;
color: #403E41;
font-family: arial, verdana, helvetica, sans-serif;
font-size: 12px;
text-align: center; /* for IE with luv */
}

/* Semantic Content Styles */
/* -------------------------------- */

h1, h2, h3, h4, h5, h6 {line-height: 1.5em;}

h1 {font-size: 24px;}
h2 {font-size: 20px;}
h3 {font-size: 16px;}
h4 {font-size: 12px;}
h5 {font-size: 11px;}
h6 {font-size: 9px;}

p {font-size: 12px;}

ul {}
ol {}
li {}
ul li {}
ol li {}

dl {}
dt {}
dd {}

address {}
abbr {}
acronym {}
blockquote {}

strong, b {font-weight: bold;}
em, i {font-style: italic;}

img {border: 0;}
a img {border: 0;} /* keeps IE from always drawing a border around hyperlinked images */

hr {}

pre {}
code {font-family: courier new, courier, monospace;}

/* Hyperlink Styles */
/* -------------------------------- */

a {color: #999; text-decoration: underline;}
a:hover {color: #aaa; text-decoration: none;}

/* Form Styles */
/* -------------------------------- */

form {}
label {}
input {} /* stylize forms elements with caution... cross-browser support is infuriating */
input.text {} /* to stylize different types of inputs I need to give them classes, because IE doesn't support [attribute] CSS selectors */
input.radio, input.checkbox {border: 0; background: transparent;} /* keeps browsers from inadvertently drawing borders around these elements, and fixes an awful looking background-color overflow problem in IE */
input.button {}
input.image {border: 0;} /* keeps browsers from in advertently drawing borders around these elements */
select {}
option {}
textarea {}

/* Layout Styles */
/* -------------------------------- */

div#whopper {
margin: 0 auto 0 auto; /* for kind browsers */
text-align: left; /* for IE with luv */
width: 1000px;
/*background: #FFFFFF url(/assets/2009_12_08_TMT_Homepage/images/body-bg-strip.png) top left repeat-y;*/
} /* everything gets wrapped in the whopper */

div#header {
position: relative;
width: 1000px;
height: 7px;
/*background: url(/images/.design/preHeader_bg_01.jpg) top left no-repeat;*/
background: url(/assets/2009_12_08_TMT_Homepage/images/header-bg-strip.png) top left no-repeat;
overflow: hidden;
}

div#interiorHeader {
position: relative;
width: 624px;
height: 68px;
}

div#subHeader {
position: relative;
width: 624px;
height: 22px;
background: #F57D31;
border-top: 2px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
}
div#subHeader h1 {
position: absolute;
top: 3px;
left: 10px;
color: #FFFFFF;
font-size: 12px;
}

div#headerLogo {
position: relative;
width: 163px;
height: 139px;
}
div#headerLogo h1 {
padding:0px!important;
margin:0px!important;
}
div#headerLogo h1 a { /* typically do an image replacement for the text and logo, here */
display: block;
width: 163px;
height: 139px;
text-decoration: none;
font: normal 24px/1.6em verdana, helvetica, arial, sans-serif;
text-indent: -9999px;
background: url(/images/.design/headerLogo_bg_01.jpg) top left no-repeat;
}
div#nav ul, ol{
margin:0px!important;
}

div#page-tabs ul,ol{
margin:0px!important;
padding:0px!important;

}
div#page-tabs a{
display:block;
text-indent:-99999px;
width:236px;
height:26px;
}
.tab{
display:inline-block;
margin: 0px 19.5px;
width:236px;
height:26px;
}

.tab-1{
background: url(/assets/2009_12_08_TMT_Homepage/images/tab-exterior.png);
}
.tab-2{
background: url(/assets/2009_12_08_TMT_Homepage/images/tab-interior.png);
}
.tab-3{
background: url(/assets/2009_12_08_TMT_Homepage/images/tab-videos.png);
}


.tab-1 a:hover{
background: url(/assets/2009_12_08_TMT_Homepage/images/tab-exterior-hover.png);
}
.tab-2 a:hover{
background: url(/assets/2009_12_08_TMT_Homepage/images/tab-interior-hover.png);
}
.tab-3 a:hover{
background: url(/assets/2009_12_08_TMT_Homepage/images/tab-videos-hover.png);
}

div#colOne {
position: relative;
width: 163px;
float: left;
background: #747375;
}

div#info {
position: relative;
width: 159px;
height: 256px;
border-left: 2px solid #FFFFFF;
border-right: 2px solid #FFFFFF;
background: url(/images/.design/colOne_bg_01.gif) repeat-x;
}
div#info p {
padding: 10px 5px 0 10px;
color: #B7B7B9;
font-size: 11px;
}
div#info p b {
color: #FDFDFF;
font-size: 14px;
}
div#info p b.num {
color: #B7B7B9;
font-size: 12px;
}

div#colTwo {
position: relative;
float: right;
width: 836px;
}

div#mainImage {
position: relative;
height: 278px;
width: 836px;
}
div#main{
background:#FFFFFF url(/assets/2009_12_08_TMT_Homepage/images/body-bg-strip.png) repeat-y scroll left top;
}

html>body div#colTwo {
height: auto;
}

/* Content Area Styles */
/* -------------------------------- */

div#contentContainer {
position: relative;
width: 834px;
border-right: 2px solid #FFFFFF;
background: #F4F2EA url(/images/.design/content_bg_01.gif) top left repeat-x;
}

div#content {
position: relative;
width: 754px;
padding: 0 60px 0 20px;
overflow: hidden;
}

div#postContentContainer {
position: relative;
width: 754px;
padding: 0 60px 0 20px;
background: #FFFFFF;
}

div#content p, div#postContent  p, div#content li, div#postContent  li {font-size: 12px; line-height: 1.3em;}
div#content p, div#postContent  p {
font-family: arial, verdana, helvetica, sans-serif;
font-size: 12px;
padding: 5px 0 5px 0;
line-height: 1.2em;

}
div#content li, div#postContent  li {}
div#content ul, div#postContent  ul, div#content ol, div#postContent  ol { /* these are pretty good default values... i rarely customize these */
margin: 0 0 0 25px;
padding: 3px 10px 4px 15px;
}
div#content li, div#postContent  li {
padding: 0 0 5px 0;
}
div#content h1, div#postContent  h1, 
div#content h2, div#postContent  h2, 
div#content h3, div#postContent  h3, 
div#content h4, div#postContent  h4, 
div#content h5, div#postContent  h5, 
div#content h6, div#postContent  h6 {
color: #403E41;
line-height: 1.3em; 
padding: 5px 0 5px 0;
}
div#content h1, div#postContent  h1 {font-size: 17px;}
div#content h2, div#postContent  h2 {font-size: 16px;}
div#content h3, div#postContent  h3 {font-size: 15px;}
div#content h4, div#postContent  h4 {font-size: 13px;}
div#content h5, div#postContent  h5 {font-size: 12px;}
div#content h6, div#postContent  h6 {font-size: 11px;}
div#content a, div#postContent  a {
color: #FF6633; 
text-decoration: none;
}
div#content a:hover, div#postContent  a:hover {}
div#content form, div#postContent  form {}
div#content input, div#postContent  input {}
div#content select, div#postContent  select {}
div#content img, div#postContent img {
padding: 5px!important;
padding: 0;
}

div#footer {
position: relative;
width: 1000x;
height: 30px;
background: #515153;
}
div#footer p {}
div#footer a {}
div#footer a:hover {}

/* Navigation Styles */
/* -------------------------------- */

div#nav {
width: 159px;
position: relative;
border-right: 2px solid #FFFFFF;
border-left: 2px solid #FFFFFF;
}
div#nav ul {
list-style: none;
}
div#nav ul li {
width: 159px;
height: 23px;
display: inline;
}
div#nav ul li.mfirst a {
background: url(/images/.design/navTop_bg_01.jpg) top left no-repeat;
}
div#nav ul li.mlast a {
background: url(/images/.design/navBottom_bg_01.jpg) top left no-repeat;
}
div#nav ul li a {
display: block;
width: 124px;
padding-left: 35px;
color: #FFFFFF;
font-size: 12px;
line-height: 23px;
text-decoration: none;
background: url(/images/.design/nav_bg_02.jpg) top left no-repeat;
}
div#nav ul li a:hover, div#nav ul li.current a {
color: #666666;
background: #FFFFFF url(/images/.design/navArrow_rollover_01.gif) 16px 6px no-repeat;
}
div#nav ul ul {
background: #515153;
}
div#nav ul ul li {}
div#nav ul ul li a, div#nav ul li.current ul li a {
padding: 5px 0 5px 35px;
color: #FFFFFF;
font-size: 11px;
line-height: 15px;
height: 15px;
background-image: 0;
background: #515153;
}
div#nav ul ul li a:hover, div#nav ul li.current ul li a:hover {
color: #FF6633; 
background: 0;
}

div#footerNav {
line-height: 30px;
float: left;
}
div#footerNav ul {
list-style: none; 
}
div#footerNav ul li {
display: inline; 
}
div#footerNav ul li a {
padding: 0 2px 0 7px;
color: #C0BFBF;
font-size: 10px;
text-decoration: none;
background: url(/images/.design/footerNav_bg_01.gif) center left no-repeat;
}
div#footerNav ul li.mfirst a {
background: 0;
padding-left: 0;
}
div#footerNav ul li a:hover {
text-decoration: underline; 
}
div#footerNav ul ul {display: none;}

div#breadcrumbs {}
div#breadcrumbs ul {}
div#breadcrumbs ul li {}
div#breadcrumbs ul li a {}
div#breadcrumbs ul li a:hover {}


div#page-tabs{
background:#F4F2EA url(/images/.design/content_bg_01.gif) repeat-x scroll left top;
border-right:2px solid #fff;
}

/* Search Form Styles */
/* -------------------------------- */

div#searchBar {
position: relative;
width: 834px;
height: 16px;
background: url(/images/.design/searchBar_bg_01.gif) top left repeat-x;
}
div#searchBar p {
position: absolute;
top: 0px;
left: 632px;
}

div#search {
position: absolute;
top: 0px;
left: 668px;
height: 16px;
width: 166px;
background: #FFFFFF;
}
div#search div#searchnow {
float:left;
}
input#searchboxer {
position: absolute;
width: 142px;
height: 15px;
line-height: 14px;
font-size: 12px;
background: #FFFFFF;
vertical-align: text-middle;
text-align: left;
text-indent: 3px;
border: 0;
padding-top: 1px;
}
input#gobabygo {
position: absolute;
right: 0px;
top: 0px;
vertical-align: text-bottom;
border-right:2px solid #fff;
}
div#search img {}
div#search input {}
div#search input.text { /* remember to assign the class to the HTML elements */
padding: 2px;
color: #999;
}

div#intSearchBar {
position: relative;
width: 624px;
height: 16px;
}
div#intSearchBar p {
position: absolute;
top: 8px;
left: 422px;
}
div#intSearch {
position: absolute;
top: 8px;
left: 458px;
height: 14px;
width: 166px;
background: #FFFFFF;
}
div#intSearch div#intSearchnow {
float:left;
}
input#intSearchboxer {
position: absolute;
width: 142px;
height: 15px;
line-height: 12px;
font-size: 12px;
background: #FFFFFF;
vertical-align: text-middle;
text-align: left;
text-indent: 3px;
border: 0;
padding-top: 1px;
}
input#intGobabygo {
position: absolute;
right: 0px;
top: 0px;
vertical-align: text-bottom;
border-right:2px solid #fff;
}
div#intSearch img {}
div#intSearch input {}
div#intSearch input.text { /* remember to assign the class to the HTML elements */
padding: 2px;
color: #999;
}

/* Search Results Styles */
/* these are good basic styles, and are rarely customized */
/* -------------------------------- */

div#searchResults {}
div#searchResults ol {}
div#searchResults ol li {}

div.searchResult {}
div.searchResult a {}
div.searchResult span.description {}
div.searchResult span.updated {}
div.searchResult span.location {}
div.searchResult span.score {}

div#searchRelated {float: right; clear: right; width: 150px;}
div#searchRelated span.description {}

/* Print and Email Styles */
/* styles for "print this page" and "email this page" container, links */
/* -------------------------------- */

div#pande {padding: 15px 0 0 10px;}
div#pande ul {
list-style: none;
}
div#pande ul li {
width: 140px;
}
div#pande ul li a {
display: block;
color: #FFFFFF;
font-size: 12px;
text-decoration: none;
padding-left: 20px;
text-transform: lowercase;
line-height: 20px;
}
div#pande ul li.print a {
background: url(/images/.design/print.gif) center left no-repeat;
}
div#pande ul li.email a {
background: url(/images/.design/email.gif) center left no-repeat;
}
div#pande ul li a:hover {
text-decoration: underline;
}

div#intPande {
position: absolute;
top: 0px;
left: 220px;
height: 22px;
}
div#intPande p {
line-height: 22px;
}
div#intPande p a {
color: #FFFFFF;
font-size: 10px; 
text-decoration: none;
text-transform: lowercase;
}
div#intPande p a:hover {text-decoration: underline;}

/* Common Styles */
/* aside from .current, .designed and .powered, these are never changed.  never ever. */
/* -------------------------------- */

.current {}
.powered {float: right; padding: 10px;}
.designed {}

.hide {display: none;}
.cloak {visibility: hidden;}

.floatL {float: left;}
.floatR {float: right;}

.clear {
clear: both; 
height: 32px; 
background: url(/images/.design/footer_bg_01.gif) top right no-repeat;
}
.clearL {clear: left;}
.clearR {clear: right;}

.center {text-align: center;}
.left {text-align: left;}
.right {text-align: right;}

/* Debugging Styles */
/* heavy-handed spacing and bordering styles for diagnosing display problems. absurdly useful */
/* -------------------------------- */

/* 
td {margin: 2px; padding: 2px; border: 1px solid #c00;}
li {margin: 2px; padding: 2px; border: 1px solid #0c0;}
div {margin: 2px; padding: 2px; border: 1px solid #00c;}
*/