html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	/*vertical-align: baseline;*/
	-webkit-text-size-adjust:none;
	/*background: transparent;*/
}
body {
	line-height: 1;
    min-width:925px;	
	background-color:#000000;		
	background-image:url(../img/bgd2.gif);
	background-repeat:repeat-x;
    }
	
/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#wrap {
	vertical-align:top;
    width:925px;
	margin:0 auto;
	font-family:Arial, sans-serif;
	vertical-align: baseline;
    }
#header a {
    background:url(../img/logo.jpg) no-repeat;
	height:86px;
	width:280px;
	display: block;	
	text-indent:-9999px;
	vertical-align: baseline;
    }

#breadCrumb{
	width: 910px;
	padding: 5px 0px 5px 10px;
	font: 80% Arial,sans-serif;
	color: #aaa;
	text-align: left;
	vertical-align: baseline;
}

#main {
    float:left;
    width:675px;
	padding:15px;
	text-align:justify;
	vertical-align: baseline;
    }

#featurette {
    background:transparent;
	width: 925px;
	height: 160px;
	margin: 10px 0px;
	vertical-align: baseline;
	}
	
#featurette2 {
    background:transparent;
	width: 670px;
	height: 160px;
	padding: 0px;
	margin: 0px;
	}
#products {
    background:transparent;
	width: 655px;
	height: 220px;
	padding: 10px 0px 0px 0px;
	margin: 0px;
	vertical-align: baseline;
	}
	
#sidebar {
	position: relative;
    float:right;
	top: 10px;
    width:200px;
	font: 80%;
	vertical-align: baseline;
    }
#footer {
    clear:both;
	padding:5px;
    margin:0;
	vertical-align:bottom;
	vertical-align: baseline;
    }


	
/*************** default text link style ******************/

a:link {font: bold Arial,sans-serif; color: blue; text-decoration:none;}
a:visited {font: bold Arial,sans-serif; color: purple; text-decoration:none;}
a:hover {font: bold Arial,sans-serif; color: red; text-decoration:none;}
a:active {font: bold Arial,sans-serif; color: red; text-decoration:none;}

/*************** box link style ******************/

#boxlinks {
    width: 200px;
	margin: 5px 0;
	background: url(../img/grey2.gif);
	background-size: 100%;
	background-origin: content;

}
#boxLinks ul {
        list-style-type: none;

} 

#boxLinks li {
        border-bottom: 1px dotted #aaa;
        border-width: 1px 0;
        margin: 0;
}

#boxLinks li a { 
        color: #828181;
        display: block;
        font: normal 80% Arial, Helvetica, sans-serif;
        padding: 10px;
        text-decoration: none;
}
#boxLinks li i { 
        color: #666666;
        display: block;
        font: bold italic 90% Arial, Helvetica, sans-serif;
        padding: 10px;
}
#boxLinks li b { 
        display: block;
        font: normal 80% Arial, Helvetica, sans-serif;
        padding: 10px;
		font: bold Arial, Helvetica, sans-serif;
}

 * html #boxLinks li a {  /* make hover effect work in IE */
	width: 200px;
	margin: 10px 0;
}

 * html #boxLinks li b {  /* make hover effect work in IE */
	width: 200px;
	margin: 10px 0;
}
#boxLinks li a:hover {
        background: #F3F3F3;
}

#boxLinks a em { 
        color: #999999;
        display: block;
        font: normal 85% Arial, Helvetica, sans-serif;
        line-height: 125%; 
}

#boxLinks a span {
        color: #999999;
        font: normal 70% Arial, Helvetica, sans-serif;
        line-height: 150%;
}
/*************** box link 2 style ******************/

#boxlinks2 {
    width: 200px;
	margin: 0px;

}
#boxLinks2 ul {
		background-color: #F7F8FB;
        list-style-type: none;

} 

#boxLinks2 li {
        border-bottom: 1px dotted #aaa;
        border-width: 1px 0;
        padding: 0px 20px;
}

#boxLinks2 li a { 
        color: #828181;
        display: block;
        font: normal 80% Arial, Helvetica, sans-serif;
        padding: 10px;
        text-decoration: none;
}
#boxLinks2 li i { 
        color: #666666;
        display: block;
        font: bold italic 90% Arial, Helvetica, sans-serif;
        padding: 10px;
}
#boxLinks2 li b { 
        display: block;
        font: normal 80% Arial, Helvetica, sans-serif;
        padding: 10px;
		font: bold Arial, Helvetica, sans-serif;
}

 * html #boxLinks2 li a {  /* make hover effect work in IE */
	width: 200px;
	margin: 10px 0;
}

 * html #boxLinks2 li b {  /* make hover effect work in IE */
	width: 200px;
	margin: 10px 0;
}
#boxLinks2 li a:hover {
        background: #F3F3F3;
}

#boxLinks2 a em { 
        color: #999999;
        display: block;
        font: normal 85% Arial, Helvetica, sans-serif;
        line-height: 125%; 
}

#boxLinks2 a span {
        color: #999999;
        font: normal 70% Arial, Helvetica, sans-serif;
        line-height: 150%;
}


/************** specs table style **************/

/* table styles */
#specs h1 { color: #eee; font-size: 12px; padding: 4px 5px; margin: 0; }
#specs h2 { font-size: 1.5em; padding: 0.2em 0.3em; margin: 2em 0 1em 0; }

#specs {
	border: 1px solid #D9D9D9;
	border-collapse: collapse;
	font-size: 10px;
	float: left;
}

#specs thead tr { background-color: #666;
	padding: 4px 10px; 
}

#specs tbody tr td {
	padding: 4px 10px;
	border-left: 1px solid #D9D9D9;
}

#specs tbody tr.selected {
	background-color: #3d80df;
	color: #fff;
	font-weight: bold;
	border-left: 1px solid #346dbe;
	border-bottom: 1px solid #7daaea;
}

.odd { background: #fff; }
.even { background: #F7F8FB; }

#specs tbody tr.odd.selected { color: #ddd; }
#specs tbody tr.even.selected { color: #fff; }

/* list styles */
#specs ul { padding: 0; margin: 0; list-style: none; width: 40em; border: 1px solid #666; }
#specs ul li { margin: 0; padding: 0.3em; }

.first  { color: #000; background: #fff; }
.second { color: #444; background: #edf3fe; }
.third  { color: #fff; background: #3d80df; }

/* heading styles */
.h_odd { background: url(heading_bg1.png) repeat-y top left; }
.h_even { background: url(heading_bg2.png) repeat-y top left; }


/************** rounded box styles **************/

.ex1 {
	width: 335px;
	background-color: #EDEDED;
}
.ex1 p { color: #FFFFFF; padding: 20px 20px 0 20px;}
.ex1 p.first-ele {
	background: 
		transparent url(../img/top-ex1.gif) 
		no-repeat 
		top left;
}
.ex1 p.last-ele {
	padding: 25px 20px 30px 20px;
	background: 
		transparent url(../img/bottom-ex1.gif) 
		no-repeat 
		bottom left;
}

.ex2 {
	vertical-align: baseline;
	width: 200px;
	background-color: #EDEDED;
}
.ex2 p {font: normal 70% Arial, Helvetica, sans-serif; color: #999999; padding: 5px 10px 0px 20px;}

.ex2 b {font: bold 105% Arial, Helvetica, sans-serif; color: #888888;}

.ex2 a:link {font: bold Arial,sans-serif; color: #777777; text-decoration:none;}
.ex2 a:visited {font: bold Arial,sans-serif; color: #777777; text-decoration:none;}
.ex2 a:hover {font: bold Arial,sans-serif; color: #263B60; text-decoration:underline;}
.ex2 a:active {font: bold Arial,sans-serif; color: red; text-decoration:none;}


.ex2 p.first-ele {
	border-bottom: dotted 1px #cccccc;
	padding: 30px 10px 5px 20px;
	background: 
		transparent url(../img/top-ex2.gif) 
		no-repeat 
		top left;
}
.ex2 p.last-ele {
	padding: 5px 0px 30px 20px;
	background: 
		transparent url(../img/bottom-ex2.gif) 
		no-repeat 
		bottom left;
}

/************** header tag styles **************/
h1{font: bold 140% Arial,sans-serif; color: #334d55; margin-top: 5px; margin-bottom: 5px;}
h2{font: italic 100% Arial,sans-serif; color: #8D9DB8; margin-top: 5px; margin-bottom: 5px;}
h3{font: bold 100% Arial,sans-serif; color: #333341; margin-top: 5px; margin-bottom: 5px;}
h4{font: bold 100% Arial,sans-serif; color: #333333; margin-top: 5px; margin-bottom: 10px;}
h5{font: 100% Arial,sans-serif; color: #999999; margin-right: 5px; }



/*************** utility links ******************/
#utility {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
    float:right;
    }
#utility ul{
	position: relative;
	top:-75px;
	right: 10px;
	visibility: visible;
	}
#utility li{	
	display:inline;
	color: #666666;
	font-weight: bold;

	}
#utility a:link {font: Arial, sans-serif; color: #aaaaaa; text-decoration:none;}
#utility a:visited {font: Arial, sans-serif; color: #999999; text-decoration:none;}
#utility a:hover {font: Arial, sans-serif; color: #cccccc; text-decoration:underline;}
#utility a:active {font: Arial, sans-serif; color: red; text-decoration:none;}


/*************** main links - image ******************/
#nav {
	font-family: Arial, Helvetica, sans-serif;
    }
#nav ul{
	background:url(../img/mainlinks.gif);
	position: relative;
	top: -31px;
	left: 300px;
	width: 408px;
    }
#nav li{
	float:left;
	list-style-type:none;
    }
#nav li a{
	height:31px;
    display:block;
	position:absolute;
	top:0;
	text-indent:-9999px;
	outline:none;
    }
li#prod a, li#mark a, li#medi a, li#abou a {background:url(../img/mainlinks.gif)}

li#prod a 					{background-position:0 0; width:102px; left:0;}
li#prod a:hover 			{background-position:0 -31px;}
body#pageProd li#prod a 	{background-position:0 -62px;}

li#mark a 					{background-position:-102px 0; width:102px; left:102px;}
li#mark a:hover 			{background-position:-102px -31px;}
body#pageMark li#mark a 	{background-position:-102px -62px;}

li#medi a 					{background-position:-204px 0; width:102px; left:204px;}
li#medi a:hover 			{background-position:-204px -31px;}
body#pageMedia li#medi a 	{background-position:-204px -62px;}

li#abou a 					{background-position:-306px 0; width:102px; left:306px;}
li#abou a:hover 			{background-position:-306px -31px;}
body#pageAbou li#abou a 	{background-position:-306px -62px;}




/************* breadCrumb styles ***************/

#breadCrumb a:link{
	color: #999;
	text-decoration: none;
}
#breadCrumb a:visited{
	color: #999;
	text-decoration: none;
}
#breadCrumb a:hover{
	color: #8E9CB8;
	text-decoration: underline;
}
#breadCrumb a:active{
	color: red;
	text-decoration: none;
}
#breadCrumb b{
	color: #333;
}

/************** feature styles *****************/
#feature{
	border-color: #eeeeee;
	border-style: solid;
	padding: 0px;
	background-color:#C3D1EC;		
	background-image:url(../img/featureBG.gif);
	background-repeat:repeat-x;
	font-size: 80%;
	min-height: 200px;
	height: 200px;	
}

html>body .feature {height: 200px;}

#feature h3{
	font: bold 175% Arial,sans-serif;
	color: #000000;
	padding: 30px 0px 5px 0px;
}

#feature img{
	float: left;
	padding: 0px;
}
/************** feature styles *****************/
#textbar{
	padding: 0px;
	background-color:#ffffff;		
	font-size: 80%;
	min-height: 240px;
	height: 240px;	
}

html>body .textbar {height: 240px;}

#textbar h3{
	font: bold 175% Arial,sans-serif;
	color: #000000;
	padding: 30px 0px 5px 0px;
}

#textbar img{
	float: left;
	padding: 0px;
}

/************** feature styles *****************/

#feature-Photo{
	border-color: #eeeeee;
	border-style: solid;
	padding: 10px;
	background-color:#C3D1EC;		
	background-image:url(../img/splash/incockpit-1.jpg);
	background-repeat:no-repeat;
	font-size: 80%;
	min-height: 200px;
	height: 200px;	
}
html>body .feature-Photo {height: 200px;}

#feature-Photo h3{
	font: bold 175% Arial,sans-serif;
	color: #000000;
	padding: 30px 0px 5px 30px;
}

#feature-Photo img{
	float: left;
	padding: 0px 10px 0px 0px;
}

/************** feature-UC styles *****************/
#featureUC{
	border-color: #eeeeee;
	border-style: solid;
	padding: s0px;
	background-color:#C3D1EC;	
	background-repeat:repeat-x;
	font-size: 80%;
	min-height: 346px;
	height: 346px;	
}

html>body .featureUC {height: 346px;}

#featureUC h3{
	font: bold 175% Arial,sans-serif;
	color: #000000;
	padding: 30px 0px 5px 0px;
}

#featureUC img{
	float: left;
	padding: 0px;
}


/************** feature styles *****************/

#feature_prod{
	border-color: #eeeeee;
	border-style: solid;
	padding: 0px;
	background-color:#C3D1EC;		
	font-size: 80%;
	min-height: 356px;
	height: 356px;	
}

html>body .feature_prod {height: 356px;}

#feature_prod h3{
	font: bold 175% Arial,sans-serif;
	color: #000000;
	padding: 30px 0px 5px 0px;
}

#feature_prod img{
	float: left;
	padding: 0px;
}


/*************** story styles ******************/
#story {
	padding: 10px 10px 10px 10px;
	font-size: 80%;		
	line-height: 1.4;
	vertical-align: middle;
}

#story h3{
	font: bold 125% Arial,sans-serif;
	color: #000000;
}

#story a:link {font: Arial, sans-serif; color: #263B60; text-decoration:none;}
#story a:visited {font: Arial, sans-serif; color: #666666; text-decoration:none;}
#story a:hover {font: Arial, sans-serif; color: #666666; text-decoration:underline;}
#story a:active {font: Arial, sans-serif; color: red; text-decoration:none;}

#story b {
	font: bold 110%;
	color: #666;
}

#story p {
	padding: 10px 10px 10px 10px;
	border-bottom:dashed 1px #cccccc;
}

#story p.height {
	height: 160px;
	padding: 10px 10px 10px 10px;
	border-bottom:dashed 1px #cccccc;
	overflow: visible;
	}
	
#story a.height {
	color: #263B60;
}

#story p.p {
	width: 380px;
	padding: 10px 10px 10px 10px;
	border-bottom:dashed 1px #fff;
	position: relative;
    float: left;
	top: -30px;
}

#story p.n {
	border-bottom:dashed 1px #fff;
}

#story a.capsule{
	font: bold 1em Arial,sans-serif;
	color: #005FA9;
	display:block;
	padding-bottom: 5px;
}

#story a.capsule:hover{
	text-decoration: underline;
}

td.storyLeft{
	padding-right: 12px;
}
#story img{
	float: left;
	padding: 5px 10px 20px 0px;
}
#story img.right{
	float: right;
	padding: 5px 0px 20px 20px;
}

/*************** story-n styles ******************/
#story-n {
	padding: 10px 10px 10px 10px;
	font-size: 80%;		
	line-height: 1.4;
	background-image:url(../img/Blue-Bg.jpg);
	background-repeat:no-repeat;
}

#story-n h3{
	font: bold 125% Arial,sans-serif;
	color: #000000;
}
#story-n b {
	color: #263B60;
}

#story p {
	padding: 10px 0px 10px 0px;
	border-bottom:dashed 1px #cccccc;
}

#story-n a.capsule{
	font: bold 1em Arial,sans-serif;
	color: #005FA9;
	display:block;
	padding-bottom: 5px;
}

#story-n a.capsule:hover{
	text-decoration: underline;
}

td.story-nLeft{
	padding-right: 12px;
}

/************** featurette styles ****************/

#featurette a{
	padding: 3px;
	}

#featurette2 img{
	margin: 1px;
	}
#featurette2 img.end{
	margin: 1px 0px 1px 1px;
	}

#products img{
	margin: 0px 5px 0px 0px;
	padding: 0px;
	}
#products img.end{
	margin: 0px;
	padding: 0px;
	}

	
	
/************** highlights styles ****************/

#highlights {
	float:right;
	border: 1px solid #eee;
	width: 200px; 
	height: 330px;
	padding: 10px 10px;
/*	line-height: 200%;*/
	}
#highlights.taller {
	float:right;
	border: 1px solid #eee;
	width: 200px; 
	height: 500px;
	padding: 10px 10px;
/*	line-height: 200%;*/
	}
#highlights ul { 
	list-style-position: inside; 
	list-style-image: url("../img/checkmark.gif");
	margin: 10px 0px;
	}
#highlights li { 
	margin-top: 5px;
	font-weight: bold; 
	text-transform: uppercase;
	color:#666666;
	}
#highlights li.low { 
	margin-top: 5px;
	font-weight: bold; 
	text-transform: none;
	color:#666666;
	}
#highlights p {
	text-indent: 20px;
	padding: 0px;
	border-bottom: none;
	}
#highlights em {
	font: italic 80% Arial,sans-serif;
	color:#999999;
	}
#highlights b {
	margin: 20px 0px 0px 0px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding: 10px;
	text-transform: uppercase;
	font: bold 120% Arial,sans-serif;
	color:#000;
	}


#highlights ul.Link { 
	list-style-position: inside; 
	list-style-image: url("../img/PDF-Icon.jpg");
	padding: 10px 0px;
	font: bold 90% Arial,sans-serif;
	}

/************** grey bullets styles ****************/

#bullets {
	float:left;
	border: 1px solid #ddd;
	background-color:#eee;
	width: 380px;
	padding: 10px 10px;
	margin: 0px 0px 40px;
	}

#bullets ul { 
	list-style-position: inside; 
	margin: 10px 0px;
	}
#bullets li { 
	margin-top: 5px;
	text-transform: none;
	color:#666666;
	}
#bullets li.low { 
	margin-top: 5px;
	font-weight: bold; 
	text-transform: none;
	color:#666666;
	}
#bullets p {
	text-indent: 20px;
	padding: 0px;
	border-bottom: none;
	}
#bullets em {
	font: italic 80% Arial,sans-serif;
	color:#999999;
	}
#bullets b {
	margin: 20px 0px 0px -10px;
	padding: 10px;
	text-transform: uppercase;
	font: bold 110% Arial,sans-serif;
	color:#666;
	}


#bullets ul.Link { 
	list-style-position: inside; 
	list-style-image: url("../img/PDF-Icon.jpg");
	padding: 10px 0px;
	font: bold 90% Arial,sans-serif;
	}



/************** siteInfo styles ****************/

#siteInfo{
	clear: both;
	border-top: 1px solid #cccccc;
	font-size: small;
	color: #cccccc;
	padding: 10px 10px 10px 10px;
	margin-top: 0px;
	color: #003399;
	
	}

#siteInfo img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
	}

#siteInfo a{
	font: 75% Arial,sans-serif; color: #003399; text-decoration:none;
	}
#siteInfo a:hover {
	font: 75% Arial,sans-serif; color: #003399; text-decoration:underline;
	}

/****************************  misc. ***********************/

blockquote, q {
	quotes: none;
}

/* remember to define focus styles! 
:focus {
	outline: 0;
}*/

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup*/
table {
	border-collapse: collapse;
	border-spacing: 0;
}