html { background-color: #0b3d59; }

body  {
	margin: 0;
	padding: 0;
	line-height: 1.22em;
	font: normal 12px/18px Arial, Verdana, sans-serif;
	color: #333;
	background: #0b3d59 url(http://telcion.net/images/html_bg_loop.png) repeat-x top left;
}

/* Reset Rules
------------------------------- */

ol,ul, dl, dt, dd {
	list-style:none;
	margin: 0;
	padding: 0;
}

h1,h2,h3,h4,h5,h6,p,form {
	margin: 0;
	padding: 0;
}

.clear {
	clear: both;
}

a {
	outline: 0;
	color: #153f54;
}

a:hover {
       text-decoration: none;
}

a#home_link {
	display: block;
	width: 190px;
	height: 90px;
	position: absolute;
	top: 0;
	left: 0;
}
a.doc {
background: url(http://telcion.net/images/doc.png) no-repeat 0 50%;
padding: 3px 0 3px 20px;
display: block;
}

/* Layout Rules
------------------------------- */
#wrapper {
	width: 980px;
	background: url(http://telcion.net/images/logo.png) no-repeat top left;
	margin: 0 auto;
}

#container  {
	width: 890px;
	margin: 0 auto;
}

/* Top Nav Rules
------------------------------- */

#nav {
	width: 890px;
	height: 36px;
	background: #05141c;
	border-top: 1px solid #1d4e6b;
	border-bottom: 1px solid #1d4e6b;
}

#nav a {
	display: block;
	float: left;
	padding: 0 12px;
	line-height: 36px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

#nav a:hover, body#home a#nav_home, body#category_company a#nav_company, body#category_technologies a#nav_tech, body#category_home a#nav_home, body#category_servicesupport a#nav_service, body#category_eventarea a#nav_events, body#category_newsarea a#nav_news, body#category_careers a#nav_careers {
	color: #b8e0eb;
	background: url(http://telcion.net/images/arrow.gif) no-repeat bottom center;
        text-decoration: none;
}


/* Header Rules
------------------------------- */

#header {
	position: relative;
	width: 890px;
	height: 90px;
}

/* Home Page Rules
------------------------------- */

#flash {
        position: relative;
	width: 890px;
	height: 289px;
	background: url(http://telcion.net/images/flash_placeholder.jpg) no-repeat;px;
}

a#flash_btn {
	position: absolute;
        display: block;
        height: 25px;
        width: 40px;
        bottom: 100px;
        left: 390px;
}

#right_home {
	float: right;
	width: 330px;
	min-height: 500px;
}

#content_home {
	float: left;
	width: 560px;
}

#content_bg {
	background: url(http://telcion.net/images/content_home_loop.png) repeat-y top left;
}

#content_home p {
	margin: 0 50px 15px 30px;
}

#content_home h3 {
	margin: 0 50px 15px 30px;
	color: #153f54;
}

#home_heading {
	padding: 20px 0 10px 30px;
	margin: 0 0 25px 0;
	background: url(http://telcion.net/images/home_h1_bg.png) no-repeat top left;
}

#content_home .callout {
	background: #ede7e0;
	margin: 0 32px 15px 0;
	padding: 22px 50px 22px 0px;
	font-weight: bold;
	color: #113e51;
	font-size: 14px;
}

#content_home p em {
	color: #666666;
}

.sb_headline {
	padding: 5px 0 0 20px;
	margin: 0 0 15px 1px;
	height: 23px;
	font-weight: bold;
	color: #153f54;
	text-transform: uppercase;
	font-size: 11px;
	background: url(http://telcion.net/images/sidebar_headline_bg.png) no-repeat bottom left;
}

#tabber {
	width: 325px;
	height: 24px;
	padding: 16px 0 0 4px;
}

.one {
	background: url(http://telcion.net/images/tab_1.png) no-repeat top left;
}

.two {
	background: url(http://telcion.net/images/tab_2.png) no-repeat top left;
}

.three {
	background: url(http://telcion.net/images/tab_3.png) no-repeat top left;
}

.four {
	background: url(http://telcion.net/images/tab_4.png) no-repeat top left;
}

#tabber a {
	display: block;
	width: 73px;
	float: left;
	margin: 0 0 0 6px;
	_margin: 0 0 0 4px;
	text-align: center;
	text-transform: uppercase;
	color: #666666;
	font-size: 9px;
	text-decoration: none;
	line-height: 11px;
}

#tabber a:hover, #tabber a.active {
	color: #153f54;
}

.ts {
	margin: 12px 30px 15px 20px;
	font-size: 11px;
	line-height: 14px;
}

.ts p {
	margin: 0 0 8px 0;
}


dl#info {
	margin: 0 0 0 15px;
	line-height: 14px;
}

dl#info dt {
	font-size: 11px;
	color: #154054;
	float: left;
	width: 60px;
	text-align: right;
	margin: 0 0 3px 0;
}

dl#info dd {
	margin: 0 0 3px 68px;
	font-size: 11px;
	color: #333;
}

dl#info dd a {
	color: #333;
}

form#signup {
	margin: 0 0 20px 20px;
}

form#signup label {
	font-size: 11px;
	color: #333;
}

input#btn_signup {
	display: block;
	width: 85px;
	height: 28px;
	background: url(http://telcion.net/images/btn_signup.png) no-repeat;
	text-indent: -9999px;
	margin: 4px 0 0 0px;
	border: 0;
	text-indent: -9999px;
}
	

/* Subnav Rules
------------------------------- */

#subnav {
	float: left;
	width: 210px;
	height: 500px;
	background: #f3f3f3 url(http://telcion.net/images/subnav_bg_loop.png) repeat-y top left;
}

ul.subnav {
	margin: 16px 0 0 0;
}

ul.subnav li {
	margin: 0;
	padding: 0;
}

ul.subnav li a {
	display: block;
	height: 31px;
	line-height: 31px;
	text-decoration: none;
	text-align: right;
	padding: 0 24px 0 0;
	width: 186px;
	color: #666666;
	font-weight: bold;
}

ul.subnav li a:hover {
	color: #113e51;
}

ul.subnav li.active a {
	color: #113e51;
	background: url(http://telcion.net/images/subnav_hover.png) no-repeat top right;
}

/* Util Nav Rules
------------------------------- */

#util {
	position: absolute;
	top: 39px;
	right: 290px;
}

#util a {
	color: #b5e1ec;
	font-size: 11px;
	text-decoration: none;
	margin: 0 0 0 10px;
}

#util a:hover {
	text-decoration: underline;
}

/* Subpage Graphic Rules
------------------------------- */

#graphic {
	width: 640px;
	height: 57px;
	padding: 50px 0 0 250px;
}

.About {
	background: url(http://telcion.net/images/company_graphic.jpg) no-repeat;
}

.Vision {
	background: url(http://telcion.net/images/ourvision_graphic.jpg) no-repeat;
}

.Mission {
	background: url(http://telcion.net/images/mission_graphic.jpg) no-repeat;
}

.Leadership {
	background: url(http://telcion.net/images/leadership_graphic.jpg) no-repeat;
}

.Technology, .Contact, body#category_searchresults #graphic, body#category_home #graphic {
	background: url(http://telcion.net/images/company_graphic.jpg) no-repeat;
}

body#category_servicesupport #graphic {
	background: url(http://telcion.net/images/services_graphic.jpg) no-repeat;
}

body#category_newsarea #graphic, #graphic.newsevents,
body#category_eventarea #graphic, #graphic.newsevents {
	background: url(http://telcion.net/images/news_events_graphic.jpg) no-repeat;
}

body#category_careers #graphic {
	background: url(http://telcion.net/images/careers_graphic.jpg) no-repeat;
}

body#category_technologies #graphic {
	background: url(http://telcion.net/images/tech_graphic.jpg) no-repeat;
}

#graphic h1 {
	color: #fa8341;
}

#graphic h1 span {
	color: fff;
}

/* Content Rules
------------------------------- */

#content {
	float: right;
	width: 545px;
	min-height: 468px;
	padding: 16px 95px 16px 40px;
	background: #fff;
}

#content.shared_view {
	width: 640px;
	padding: 16px 20px;
}

#content_loop {
	background: url(http://telcion.net/images/content_bg_loop.png) repeat-y;
	overflow: auto;
}

#content p {
	margin: 0 0 18px 0;
}

#content h3 {
	color: #153f54;
	margin: 0 0 8px 0;
}

#headline {
	margin: 0 0 18px 0;
	color: #113e51;
	font-size: 18px;
	line-height: 24px;
}

#content ul {
	margin: 0 0 10px 0;
}

#content ul li {
	background: url(http://telcion.net/images/bullet.gif) no-repeat top left;
	padding: 0 0 0 24px;
	margin: 0 0 6px 0;
}

hr {
	border: 0;
	border-bottom: 1px solid #ccc;
	margin: 0 0 15px 0;
}

/* News Events Rules
------------------------------- */ 

dl.news {
	margin: 0 0 15px 0;
	padding: 0 0 15px 0;
	border-bottom: 1px solid #ccc;
}

dl.news dt {
	margin: 0;
	padding: 0;
}

dl.news dl dd {
	margin: 0;
	padding: 0;
}

dl.news dt em {
	color: #666666;
}

/* Search Rules
------------------------------- */

input#btn_search {
	position: absolute;
	top: 34px;
	right: 8px;
	background: url(http://telcion.net/images/btn_search.png) no-repeat;
	border: none;
	height: 26px;
	margin: 0;
	text-indent: -9999px;
	width: 70px;
}

input#box {
	position: absolute;
	top: 36px;
	right: 90px;
}

/* ------------ Table Rules ---------- */

table#career_tbl {
 width: 96%;
 border-top: 2px solid #555;
 border-collapse: collapse;
 margin: 0 0 15px 0px;
 padding: 0;
 color: #555;
}

table#career_tbl td {
 border-bottom:1px solid #e2e2e2;
 padding: 7px 3px 5px 10px;
}

table#career_tbl th {
 border-bottom: 1px solid #555;
 padding: 3px 3px 3px 10px;
 color: #0c2c53;
 text-align: left;
}
table#career_tbl tr.alt_row {
 background: #e9eff8;
}


/* Footer Rules
------------------------------- */

#footer {
	clear: both;
	width: 830px;
	border-top: 6px solid #000813;
	padding: 10px 0 15px 60px;
	background: #0b3d59 url(http://telcion.net/images/cisco_logo.png) no-repeat top left;
	color: #7896a6;
	font-size: 11px;
}

#footer a {
	color: #7896a6;
}
