﻿/* CSS Document */
* { margin:0; padding:0;}
body { height:100%; }
html { height:100%; }
body {font-size:100%; line-height:0.9em; text-align:center;}
textarea
	{	font-family:arial; 
		color:#646566;
		font-weight:normal;
	}
input
	{	font-family:arial; 
		color:#646566;
		font-weight:normal;
	}
select
	{	font-family:arial; 
		color:#646566;
		font-weight:normal;
		font-size: 8pt;
	}
.checkbox
	{
	}
html
	{	font-family:arial; 
		color:#646566;
		font-weight:normal;
	}
.talling{background:url(images/bg_all.gif) bottom center repeat-x #fbfbfb}

strong{
	color:#a61701;
}

.SubStrong
{
	color:#646566;
	font-weight:bold;
}

.ListItems
{
	padding-left:0px;
}

.OneColumn
{
	width:92%;
	text-align:justify;
	padding-left:5px;
}

.LeftNav
{
	border-bottom:1px dashed #b5b5b5;
	line-height:20px;
	color:#a61701;
	text-transform:uppercase;
	font-weight:bold;
}

.LeftNavActive
{
	border-bottom:1px dashed #b5b5b5;
	line-height:20px;
	width:100%;
	color:#000000;
	text-transform:uppercase;
	font-weight:bold;
}

.LeftNavActive a
{
	color:#000000;
}


}


.Logo
{
	padding:10px;
	padding-left:30px;
}


	

/*---------------------------------------------------------------------------------------------------------------------TEGS*/
a img{ border:0px}
img{ vertical-align:top}
a{ color:#a02828; text-decoration:none} 
a:hover{ text-decoration:underline}
.site_space{ padding:41px 82px 52px 79px}
.clear { clear:both;}
.fright { float:right;}
.contacts_box { padding:0 10px 0 0px}
.site_color{ background:#FFFFFF}
.bg_top{ background:url(images/bg_top.gif) top center repeat-x}
.bg_left{ background:url(images/bg_left.gif) top left repeat-y}
.bg_right{ background:url(images/bg_right.gif) top right repeat-y}
.bg_bot{ background:url(images/bg_bot.jpg) bottom center repeat-x}
.y_top_left{ background:url(images/y_top_left.gif) top left no-repeat; height:100%; width:100%}
.y_top_right{ background:url(images/y_top_right.gif) top right no-repeat; height:100%; width:100%}
.y_bot_left{ background:url(images/y_bot_left.gif) bottom left no-repeat; height:100%; width:100%}
.y_bot_right{ background:url(images/y_bot_right.gif) bottom right no-repeat; height:100%; width:100%}
/*-------------------------------------------------------------------------------------------------------------------------LINE*/
.line_x{ background:url(images/line_x.gif) top left repeat-x; height:30px; margin:27px 0 0 0px}
/*----------------------------------------------------------------------------------------------------------------------------UL*/
.list{margin:0; padding:0; list-style:none; line-height:15px}
.list li{ margin:0px;}
.list2{color:#313131; list-style:disc;}
.list li a{color:#313131; text-decoration:underline; background:url(images/bg_list.gif) center left no-repeat; padding-left:11px; font-size:0.82em; text-transform:uppercase} 
.list li a:hover { text-decoration:none; }
.list3 {
	color:#a61701; margin-left:10px; padding:0; line-height:15px; text-transform:uppercase; font-weight:bold;
}
.list1{margin:0; padding:0; list-style:none; line-height:15px}
.list1 li{ margin:0px;}
.list1 li a{color:#313131; text-decoration:underline; background:url(images/bg_list.gif) center left no-repeat; padding-left:11px; font-size:0.75em; text-transform:uppercase} 
.list1 li a:hover { text-decoration:none; }
/*==========================================================================================================================HEADER=======*/
#header{height:230px; position:relative; left:30px;}
#header .position{ position:absolute; margin:-3px 0 0 -79px}
/*===========================================================================================================================CONTENT=======*/
#content{ font-size:0.75em; width:100%; text-align:left; padding:0 28px 37px 28px}
#content .text{ font-size:0.92em}
#content .text2{ line-height:1.3em;}
#content .title{ display:block; margin:0 0 5px 0px}
#content .pic_left{ float:left; margin:0px 21px 0px 0px}
#content .pic_right{ float:right; margin:0px 10px 0px 10px}
#content p{ margin:6px 0 14px 0px}
#content .title_framework{ margin:17px 0 17px 16px;}
#content .indent_framework{ padding:8px 11px 0 11px}
#content .indent_more{ margin:15px 0 19px 0px}
#content .indent_more1{ margin:13px 0 0px 0px}
#content .indent2{ padding:0px 13px 0 0px}
#content .indent{ padding:0 30px 0 0px}
#content .p1{ margin:0 0 14px 0px;font-size:11px;}

.bg_cont_top{ background:url(images/bg_cont_top.gif) top center repeat-x}
.bg_cont_left{ background:url(images/bg_cont_left.gif) top left repeat-y}
.bg_cont_right{ background:url(images/bg_cont_right.gif) top right repeat-y}
.bg_cont_bot{ background:url(images/bg_cont_bot.gif) bottom center repeat-x}
.y_cont_top_left{ background:url(images/y_cont_top_left.gif) top left no-repeat; height:100%; width:100%}
.y_cont_top_right{ background:url(images/y_cont_top_right.gif) top right no-repeat; height:100%; width:100%}
.y_cont_bot_left{ background:url(images/y_cont_bot_left.gif) bottom left no-repeat; height:100%; width:100%}
.y_cont_bot_right{ background:url(images/y_cont_bot_right.gif) bottom right no-repeat; height:100%; width:100%}
/*===========================================================================================================================CONTENT CLASS=======*/
#page1 #content .col1 .color_one{ background:#f6f6f6}
#page1 #content .col1 .y_top_left_one{ background:url(images/y_top_left_one.gif) top left no-repeat; height:100%; width:100%;}
#page1 #content .col1 .y_top_right_one{ background:url(images/y_top_right_one.gif) top right no-repeat; height:100%; width:100%}
#page1 #content .col1 .y_bot_left_one{ background:url(images/y_bot_left_one.gif) bottom left no-repeat; height:100%; width:100%}
#page1 #content .col1 .y_bot_right_one{ background:url(images/y_bot_right_one.gif) bottom right no-repeat; height:100%; width:100%}
#page1 #content .col1 .indent_ul_one{ padding:8px 0 7px 16px}
#page1 #content .col2 .position{ position: absolute; margin:36px 0 0 -16px}

#page2 #content .col1 .pic{ margin:10px 0 18px 0px;}
#page2 #content .col2 p{ margin:6px 5px 14px 0px}
#page2 #content .col2 .p1{ margin:6px 5px 0px 0px}

#page3 #content .col1 p{ margin:6px 5px 14px 0px}
#page3 #content .col1 .p1{ margin:6px 5px 23px 0px}

#page4 #content .col1 .pic{ margin:10px 0 21px 0px}

#page5 #content .col1 .p3{ float:left; margin:0 160px 0 0px}
#page5 #content .col1 .p4{ float:left; margin:0 0 0 0px}
#page5 #content .col2 p{ margin:6px 0 18px 0px}

#page6 #content .col1 p{ margin:6px 0 18px 0px}
/*============================================================================================================================FOOTER=======*/
#footer { color:#3b3b3b; font-size:10px; position:relative; margin:0px 0px 0px 0px; }
#footer p{ margin:3px 0 0 6px}
#footer a {color:#a53838; text-decoration:underline}  
#footer a:hover { text-decoration:none}
#footer .bg_none{ background:none!important}
#footer .list2{margin:0; padding:0; list-style:none; line-height:15px}
#footer .list2 li{ margin:0px; display:inline}
#footer .list2 li a{color:#626262; text-decoration:none; background:url(images/bg_list2.gif) center left no-repeat; padding-left:6px;} 
#footer .list2 li a:hover { text-decoration:underline; }
/*============================================================================================================================FORM=======*/
.h_f{ height:24px}
.h{ height:17px; width:190px; margin:0px; padding:0px}

input{
   background:none;
   border:1px solid #404040;
   font-family:arial;
   color:#646566;
   font-size: 8pt;
}
#input2{
   padding-left:0px;
   padding-top:0px;
   width:56px; height:23px;
   border:0px;
   margin:0 8px 0px 71px;
}
#input3{
   padding-left:0px;
   padding-top:0px;
   width:62px; height:23px;
   border:0px;
   
}
textarea{
   background:none;
   border:1px solid #404040;
   width:195px; height:96px;
   font-family:Tahoma;
   color:#646566;
   font-size:1em;
   margin:0 0 10px 0px;
   overflow:auto}
   
   
   /* Rollover navigation */

#Nav {
	margin: 0px;
	padding: 0px;
}
#Nav li 
{
	list-style: none;
	height: 30px;
	float: left; 
	position: relative;
}
#Nav li a 
{
	height: 30px;
	text-indent: -9000px;
	display: block;
}
#Nav .active a 
{ 
	background-position: 0 -30px; 
}

/* Rollover buttons */

a.home,a.about,a.why,a.how,a.contact 
{
	width: 135px;
	height: 30px;
}
a.home 
{ 
	background-image: url(images/CyberDyne_Home.gif);
	margin-left:30px; 
}
a.about 
{ 
	background-image: url(images/CyberDyne_About.gif);
	margin-left:1px; 
}
a.why 
{ 
	background-image: url(images/CyberDyne_why.gif);
	margin-left:1px; 
}
a.how
{ 
	background-image: url(images/CyberDyne_how.gif);
	margin-left:1px; 
}
a.contact
{ 
	background-image: url(images/CyberDyne_contact.gif);
	margin-left:1px; 
}




a.home:hover,a.about:hover,a.why:hover,a.how:hover,a.contact:hover
{ 
	background-position: 0 -30px; 
}

#NavContainer
{
	width:100%;
	border-bottom:1px inset #bebebe;
}

.Navigation
{
	height:30px;
	width:900px;
	}
	
.Active
{ 
	background-image: url(images/CyberDyne_Home.gif);
	background-position: 0 -30px; 
}

li
{
	list-style:disc;
	text-indent:20px;
}

fieldset 
{
	padding:0 15px 10px 15px;
	font-family: Tahoma;
	font-size: 8pt;
	border: solid 1px #C0C0C0;
}

legend.no-expand-all{padding:2px 15px 4px 10px;margin:0 0 0 -12px;} 
legend{color:#333333;padding:4px 15px 4px 10px;margin:4px 0 8px -12px;_margin-top:0px; 
 border-top:1px solid #EDEDED;border-left:1px solid #EDEDED;border-right:1px solid #969696; 
 border-bottom:1px solid #969696;background:#E7ECF0;font-weight:bold;font-size:1em;} 
 
.txtNote
{
	color: #FF0000;
}

.balloonTitle
{
	font-family: Verdana;
	font-size: 12pt;
	color: Red;
}
