/* -----------------------------------------------------------------------


 Blueprint CSS Framework 0.9
 http://blueprintcss.org

   * Copyright (c) 2007-Present. See LICENSE for more info.
   * See README for instructions on how to use Blueprint.
   * For credits and origins, see AUTHORS.
   * This is a compressed file. See the sources in the 'src' directory.

----------------------------------------------------------------------- */

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:top;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */
html {font-size:100.01%;}
body {
	font-size:11px;
	line-height: 18px;
	color:#000000;
	font-family:"Verdana", Helvetica, Arial, sans-serif;
	background-image:url(../images/bdy_bkg.jpg);
	background-position: 0px 0px;
	background-repeat:repeat-x;
}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
}
h1.telos_logo {
	width:360px;
	height:101px;
	background-image:url(../images/hdr_logo_img.jpg);
	background-repeat:no-repeat;
	background-position: 0px 0px;
}
h1.special {
	background-image:url(../images/contentArea_h1_img.jpg);
	background-position: 0px 57px;
	background-repeat:no-repeat;
	text-indent: 35px;
	height: 14px;
	float: left;
	left: 0px;
	padding: 52px 0px 15px 0px;
	text-transform: uppercase;
}
h1.special_2 {
	background-image:url(../images/contentArea_h1_img.jpg);
	background-position: 0px 57px;
	background-repeat:no-repeat;
	height: 50px;
	float: left;
	left: 0px;
	padding: 34px 0px 0px 35px;
	text-transform: uppercase;
}
h1.telos_worldwide {
	background-image:url(../images/contentArea_worldwide_img.jpg);
	background-position: 0px 0px;
	background-repeat:no-repeat;
	text-indent: -9999px;
	height: 66px;
	width: 204px;
	float: right;
	right: 0px;
}
h1.content_slider {
	text-indent: 35px;
	height: 14px;
	float: left;
	left: 0px;
	padding: 14px 0px 0px 0px;
	text-transform: uppercase;
	color:#FFFFFF;
	font-size:16px;
}
h2 {
	font-size:12px;
	font-weight:bold;
	font-style:italic;
	color: #006f9f;
}
div.cycler-contain-2 h2 {
	color:#016c96;
	font-size:14px;
	width: 180px;
	float:left;
	margin: 25px 15px 0px 25px;
	padding: 0px 0px 0px 10px;
}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {
	font-size: 11px;
	line-height: 18px;
}
p.btn_snap {
	font-size: 9px;
	line-height: 13px;
	color: #dfeefb;
	padding: 21px 0px 0px 0px;
}
#contentArea div.span-1 p {
	padding: 0px 0px 0px 10px;
	margin: 15px 15px 0px 25px;
	border-left: 1px solid #FFFFFF;
}
#contentArea span.sub1 {
	font-size:12px;
	font-weight:bold;
	font-style:italic;
	color: #006f9f;
}
#contentArea span.sub2 {
	font-size:10px;
	font-weight:bold;
	text-transform: uppercase;
}
#contentArea div.span-8 p, div.span-9 p {
	padding: 0px 0px 0px 10px;
	margin: 25px 15px 0px 25px;
	border-left: 1px solid #FFFFFF;
}
p.contact_add {
	padding: 0px 0px 0px 10px;
	margin: 25px 15px 0px 25px;
	border-left: 1px solid #FFFFFF;
	width: 180px;
	float:left;
}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000; outline: none medium;}
a {color:#009;text-decoration:underline;}
a.btn_banner_left { 
	width: 101px; 
	height: 101px; 
	display:block; 
	background:url(../images/hdr_btn_banner_nav_left.jpg); 
	background-repeat:no-repeat; 
	background-position: 0px 0px;
}
a.btn_banner_left:hover { 
	background-position: 0px -101px;
}
a.btn_banner_right { 
	width: 101px; 
	height: 101px; 
	display:block; 
	background:url(../images/hdr_btn_banner_nav_right.jpg); 
	background-repeat:no-repeat; 
	background-position: 0px 0px;
}
a.btn_banner_right:hover { 
	background-position: 0px -101px;
}
a.btn_nav_home {
	width:180px;
	height:66px;
	display:block; 
	background:url(../images/nav_btn_home.jpg); 
	background-repeat:no-repeat; 
	background-position: 0px 0px;
}
a.btn_nav_home:hover {
	background-position: 0px -66px;
}
a.btn_nav_advantage { 
	width: 250px; 
	height: 66px; 
	display:block; 
	background:url(../images/nav_btn_advantage.jpg); 
	background-repeat:no-repeat; 
	background-position: 0px 0px;
}
a.btn_nav_advantage:hover { 
	background-position: 0px -66px;
}
a.btn_nav_services { 
	width: 290px; 
	height: 66px; 
	display:block; 
	background:url(../images/nav_btn_services.jpg); 
	bacwkground-repeat:no-repeat; 
	background-position: 0px 0px;
}
a.btn_nav_services:hover { 
	background-position: 0px -66px;
}
a.btn_nav_contact { 
	width: 204px; 
	height: 66px; 
	display:block; 
	background:url(../images/nav_btn_contact.jpg); 
	background-repeat:no-repeat; 
	background-position: 0px 0px;
}
a.btn_nav_contact:hover { 
	background-position: 0px -66px;
}
a.btn_worldwide_china {
	width: 104px;
	height: 250px;
	display:block;
	text-indent:-9999px;
	background-repeat:no-repeat;
	background-position: 0px 0px;
	background-image: url(../images/contentArea_btn_worldwide_china.jpg);
}
a.btn_worldwide_china:hover { 
	background-position: -104px 0px;
}
a.btn_worldwide_london {
	width: 100px;
	height: 250px;
	display:block;
	text-indent:-9999px;
	background-repeat:no-repeat;
	background-position: 0px 0px;
	background-image: url(../images/contentArea_btn_worldwide_london.jpg);
}
a.btn_worldwide_london:hover { 
	background-position: -100px 0px;
}
a.btn_w_arrow {
	float:right;
	height: 16px;
	margin: 6px 25px 0px 0px;
	padding: 0px 25px 0px 0px;
	display: block;
	color: #006f9f;
	background-repeat:no-repeat;
	background-position: right 2px;
	background-image: url(../images/btn_learn_more.jpg);
	text-decoration:none;
	text-align:right;
}
a.btn_w_arrow:hover { 
	background-position: right -16px;
	color: #000000;
}
a.btn_w_arrow_cs {
	float:right;
	height: 16px;
	margin: 10px 25px 0px 0px;
	padding: 0px 25px 0px 0px;
	display: block;
	color: #006f9f;
	background-repeat:no-repeat;
	background-position: right 2px;
	background-image: url(../images/btn_learn_more.jpg);
	text-decoration:none;
	text-align:right;
}
a.btn_w_arrow_cs:hover { 
	background-position: right -16px;
	color: #000000;
}
a.btn_w_arrow_cs2 {
	float:right;
	height: 16px;
	margin: 10px 25px 0px 0px;
	padding: 0px 25px 0px 0px;
	display: block;
	color: #006f9f;
	background-repeat:no-repeat;
	background-position: right 2px;
	background-image: url(../images/btn_learn_more.jpg);
	text-decoration:none;
	text-align:right;
}
a.btn_w_arrow_cs2:hover { 
	background-position: right -16px;
	color: #000000;
}
a.back {
	float:right;
	margin: -10px 0px 0px 0px;
	padding: 0px 0px 0px 25px;
	background-repeat:no-repeat;
	background-position: 0px 2px;
	background-image: url(../images/btn_back.jpg);
	text-align:right;
	text-decoration:none;
	color: #006f9f;
}
a.back:hover {
	background-position: 0px -16px;
	color: #000000;
}
a.btn_snap {
	width: 80px;
	height: 17px;
	display: block;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-image: url(../images/ftr_btn_snap_logo.jpg);
	text-indent: -9999px;
	position:absolute;
	float:left;
	margin: -12px 0px 0px 65px;
}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0;}
li a { display:block; text-indent:-9999px;}
ul, ol {margin:0 1.5em 1.5em 0;padding-left:3.333em;}
ul {list-style-type:disc;}

ul.banner_nav {
	list-style:none;
	margin: 0px;
	padding: 0px;
}
ul.banner_nav li {
	float: left;
	text-indent:0px;
	margin: 0px;
	padding: 0px;
}
ul.nav {
	list-style:none;
	margin: 0px;
	padding: 0px;
}
ul.nav li {
	float: left;
	text-indent:0px;
	margin: 0px;
	padding: 0px;
}
ul.nav li:hover a.select {
	height: 66px; 
	display:block; 
	background-position: 0px -66px;
}
ul.nav li a.current   {
	height: 66px; 
	display:block; 
	background-position: 0px -66px;
}
ul.nav a.activeSlide  {
	height: 66px; 
	display:block; 
	background-position: 0px -66px;
}

ul.nav_banner_marks {
	list-style:none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
ul.nav_banner_marks li {
	float: left;
	text-indent:0px;
	margin: 0px;
	padding: 0px;
}
ul.nav_banner_marks li a {
	width: 16px;
	height: 8px;
	display:block;
	background-color:#415d69;
	margin: 0px 0px;
}
ul.nav_banner_marks li a:hover {
	width: 16px;
	height: 8px;
	display:block;
	background-color:#318ab1;
	margin: 0px 0px;
}
ul.nav_banner_marks li:hover a.select {
	width: 16px;
	height: 8px;
	display:block;
	background-color:#318ab1;
	margin: 0px 0px;
}
ul.nav_banner_marks li a.current   {
	width: 16px;
	height: 8px;
	display:block;
	background-color:#318ab1;
	margin: 0px 0px;
}
ul.nav_banner_marks a.activeSlide  {
	width: 16px;
	height: 8px;
	display:block;
	background-color:#318ab1;
	margin: 0px 0px;
}
#contentArea div.span-1 ul {
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 25px;
	border-left: 1px solid #FFFFFF;
	list-style-image:url(../images/bullet.jpg)
}
#contentArea div.span-1 li {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 2px 25px;
}
div.cycler-contain-3 ul {
	padding: 0px 0px 0px 10px;
	margin: 25px 0px 0px 25px;
	border-left: 1px solid #FFFFFF;
	list-style-image:url(../images/bullet.jpg)
}
div.cycler-contain-3  li {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 2px 25px;
}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {
	margin:0px; 
	padding:0px; 
	border:0px;
}
#footer table {
	float:right;
	margin:12px 0px 0px 0px; 
	padding:0px; 
	font-size: 9px;
	line-height: 13px;
	color: #dfeefb;
}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {}
table#uk_contact { width:720px;}
table#uk_contact td.labels { }
table#uk_contact td.inputs { }
table#china_contact { width:720px;}
table#china_contact td.labels { }
table#china_contact td.inputs { }
table#telos_contact { width:720px;}
table#telos_contact td.labels { }
table#telos_contact td.inputs { }
td {}
td.country {
	width:100px;
	text-align:right;
	padding:2px 0px 2px 10px;
}
td.tel {108px;
	padding:2px 0px 2px 10px;
}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

/* forms.css */
label {
	width:70px;
	float:left;
	margin:15px 0px 0px 35px;
	padding:18px 0px 0px 0px;
	display:block;
}
label.add_n_back {
	width:295px;
	float:left;
	margin:15px 0px 0px 35px;
	padding:0px 0px 0px 0px;
	display:block;
	color:#016c96;
}
label.last {
	margin:15px 0px 0px 15px;
}
label.inquiry {
	padding:0px 0px 0px 0px;
	margin:15px 0px 0px -35px
}
label.comments {
	padding:76px 0px 0px 0px;
	margin:15px 0px 0px 35px
}
input {
	width:214px;
	height:26px;
	float:left;
	font-size:11px;
	background-image:url(../images/form_field_bkg.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	border:none;
	margin:15px 0px 0px 0px;
	padding:10px 0px 0px 10px;
}
input.btn_form_submit {
	width:224px;
	height:36px;
	float:left;
	background:none;
	border:none;
	margin:15px 15px 0px 0px;
	padding:0px;
}
textarea {
	width:214px;
	height:82px;
	float:left;
	font-size:11px;
	background-image:url(../images/form_comment_field_bkg.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	border:none;
	margin:15px 0px 0px 0px;
	padding:10px 0px 0px 10px;
}
select {
	width:224px;
	height:36px;
	float:left;
	font-size:11px;
	background-image:url(../images/form_field_bkg.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	background-color:#f7fbfe;
	border:none;
	margin:15px 0px 0px 0px;
	padding:5px;
	color:#016c96;
}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
form.inline {line-height:3;}
form.inline p {margin-bottom:0;}
.error, .notice, .success {border:1px solid #FF0000;}
.error {border-color:#FF6633;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
label.error {width: 0px; height: 0px; display: none; float: left; border: 0px; padding: 0px; margin: 0px; }

/* grid.css */
#header {background-color: #415d69; height: 101px; }
#header div.span-1, div.span-2 { text-indent: -9999px; }
#banner {
	background-image:url(../images/banner_bkg.jpg);
	background-position: center 0px;
	background-repeat:repeat-y;
}
#cycler-contain {
	height: 185px;
	overflow:hidden;
}
#cycler-contain-2 {
	height: 316px;
}
div.cycler-contain-2 {
	height: 316px;
	width: 720px;
}
#cycler-contain-3 {
	height: 250px;
}
div.cycler-contain-3 {
	height: 250px;
	width: 720px;
}
#cycler-contain-4 {
	height: 250px;
}
div.cycler-contain-4 {
	height: 250px;
	width: 824px;
}
#nav {}
#contentArea {
	position:relative;
}
.contentArea_bkg {
	background-image:url(../images/contentArea_bkg.jpg);
	background-position: center 0px;
	background-repeat:no-repeat;
	background-color:#e9f3fc;
}
.contentArea_pad {
	padding-bottom: 25px;
}
.zap_overflow {
	overflow:hidden;
}

#floater_1 {
	position:absolute;
	float:right;
	right:0px;
	top:66px;
	z-index:9999
}
#hot_zone_1 {
	position:relative;
	width:100px;
	height:250px;
}
#slide_1 {
	position:absolute;
	width:924px;
	height:100%;
	right:-824px;
}
#tab_1 {
	float:left;
	left:0px;
	top:0px;
	width:100px;
	height:100%;
}
#content_1 {
	float:right;
	right:0px;
	top:0px;
	width:824px;
	height:100%;
	background-image:url(../images/content_slider_content_1_bkg.jpg);
	background-repeat:no-repeat;
	background-position: 0px 0px;
}
#floater_2 {
	position:absolute;
	float:right;
	right:100px;
	top:66px;
	z-index:8888;
}
#hot_zone_2 {
	position:relative;
	width:104px;
	height:250px;
}
#slide_2 {
	position:absolute;
	width:824px;
	height:100%;
	right:-720px;
}
#tab_2 {
	float:left;
	left:0px;
	top:0px;
	width:104px;
	height:100%;
}
#content_2 {
	float:right;
	right:0px;
	top:0px;
	width:720px;
	height:250px;
	background-image:url(../images/content_slider_content_2_bkg.jpg);
	background-repeat:no-repeat;
	background-position: 0px 0px;
}

#footer { 
	background-color: #415d69;
	height: 75px;
}
.container {width:924px;margin:0 auto; position:relative;}
.showgrid {background:url(src/grid.png);}
.column, .span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10, .span-11, .span-12, .span-13, .span-14, .span-15, .span-16, .span-17, .span-18, .span-19, .span-20, .span-21, .span-22, .span-23, .span-24 {float:left;}
.last {margin-right:0;}
.span-1 {width:360px;}
.span-2 {width:202px;}
.span-3 {width:720px;}
.span-4 {width:924px;}
.span-5  { width: 204px; border: solid 1px #f33 }
.span-6 {width:360px;}
.span-7 {position:absolute;z-index:9999;}
.span-8 {width:350px;}
.span-9 {width:400px;}
.prepend-1 {padding-left:361px;}
.prepend-2 {padding-left:720px;}
.prepend-3 {padding-left:798px;}
.prepend-4 {padding-left:160px;}
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}