/*
==========================
===== GLOBAL STLYING =====
==========================
*/
body {
	margin: 0;
	background: url(../_img/bg-main.gif) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.68em;
}
h2 { font-size: 2.5em; }
h3 { font-size: 1.8em; }
h2, h3, h4 {
	color: #3399cc;
	letter-spacing: -1px;
	font-weight: normal;
	margin: 0 0 6px 0;
	padding: 0 0 6px 0;
}
p { font-size: 1.2em; }
a {
	color: #006699;
	text-decoration: none;
}
a:hover { text-decoration: underline; }

th { text-align: left; }

/* ========================================================================= NAVIGATION ===== */
#headLogo {
	background: url(../_img/logo-telecomWarehouse.gif) no-repeat;
	float: right;
	padding: 0 109px 0 0;
	margin: 5px 0;
	width: 162px;
	height: 50px;
}
#headNumber {
	float: left;
	background: url(../_img/title-telNumberSMALL.gif);
	width: 151px;
	height: 49px;
	margin: 10px 0 0 112px;
}

/* ========================================================================= CONTENT ===== */
#rootContainer {
	margin: auto;
	width: 995px;
}
#flashHeader { 
	background: url(../_img/bg-header.jpg) no-repeat;
	height: 102px;
	width: 995px;
	clear: both;
	border-bottom: 1px solid #fff;
}
#telecomWarehouseLogo {
	width: 162px;
	height: 50px;
	background: url(../_img/logo-telecomWarehouse.gif);
	float: left;
	margin: 0 0 20px 20px;
}

/* ========================================================================= NAVIGATION ===== */
#navContainer {
	width: 782px;
	background: url(../_img/bg-nav.gif) no-repeat;
	padding: 0 6px;
	margin: 1px 0 0 109px;
}
#nav { 
	height: 53px;
	margin: 0;
	padding: 0;
}
#nav li {
	float: left;
	list-style: none;
}
#home,
#whyUse,
#products,
#services,
#testimonials,
#contact,
#shop {
	height: 53px;
	width: 110px;
	display: block;
}
/* when static */
#home { background: url(../_img/nav.jpg) no-repeat; }
#whyUse { background: url(../_img/nav.jpg) no-repeat -110px 0; }
#products { background: url(../_img/nav.jpg) no-repeat -220px 0; }
#services { background: url(../_img/nav.jpg) no-repeat -330px 0; }
#testimonials { background: url(../_img/nav.jpg) no-repeat -440px 0; }
#contact { background: url(../_img/nav.jpg) no-repeat -550px 0; }
#shop { background: url(../_img/nav.jpg) no-repeat -660px 0; }
/* when rolled over */
#home:hover, #home.selected { background: url(../_img/nav.jpg) no-repeat 0 -53px; }
#whyUse:hover, #whyUse.selected { background: url(../_img/nav.jpg) no-repeat -110px -53px; }
#products:hover, #products.selected { background: url(../_img/nav.jpg) no-repeat -220px -53px; }
#services:hover, #services.selected { background: url(../_img/nav.jpg) no-repeat -330px -53px; }
#testimonials:hover, #testimonials.selected { background: url(../_img/nav.jpg) no-repeat -440px -53px; }
#contact:hover, #contact.selected { background: url(../_img/nav.jpg) no-repeat -550px -53px; }
#shop:hover, #shop.selected { background: url(../_img/nav.jpg) no-repeat -660px -53px; }

/* ========================================================================= CONTENT AREA ===== */
#contentContainer {
	width: 782px;
	background: url(../_img/bg-content.gif) repeat-y;
	margin-left: 109px;
	padding: 20px;
}
#leftColumn { float: left; }
#rightColumn {
	float: left;
	margin: 10px;
}

/* ========================================================================= FOOTER ===== */
#footer {
	background: url(../_img/bg-footer.gif) no-repeat;
	width: 782px;
	margin: 0 0 20px 110px;
	font-size: 1em;
	color: #999;
	padding: 20px 0 0 6px;
}

/* ========================================================================= RANDOM CLASSES ===== */
.hideMe {
	display: none;
	margin: 0;
	padding: 0;
	line-height: 0;
}
.heading {
	margin: 0;
	padding: 0;
}
.highlight { font-weight: bold; }
.clearer { clear: both; }
ul.inline { margin: 0; }
ul.inline li { 
	display: inline;
	margin: 10px;
}