/* CSS Document */
* { margin:0; padding:0;}
html, body { height:100%; }
body {font-size:100%; line-height:0.9em; text-align:center;}
html, input, textarea
	{	font-family:Tahoma; 
		color:#646566;
	}
.talling{background:url(images/bg_all.gif) bottom center repeat-x #fbfbfb}	
/*---------------------------------------------------------------------------------------------------------------------TEGS*/
a img{ border:0px}
img{ vertical-align:top}
a{ color:#a02828; text-decoration:underline} 
a:hover{ text-decoration:none}
.site_space{ padding:41px 82px 52px 79px}
.clear { clear:both;}
.fright { float:right;}
.contacts_box { padding:0 30px 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;}
.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; }

.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:357px; color:#646566; font-size:0.6875em;}
#header .logo{ height:93px}
#header .indent{ margin:14px 0 0 20px; float:left}
#header p{ margin:46px 0 0 247px; float:left}
#header a{ color:#646566; text-decoration:none}
#header a:hover{ text-decoration:underline}
#header span{ color:#a02828}
#header .m{ background:url(images/bg_header.gif) bottom center no-repeat; padding:0 0 212px 28px;}
#header .position{ position:absolute; margin:268px 0 0 81px}
/*===========================================================================================================================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 18px 0px}
#content .pic_left{ float:left; margin:0px 21px 0px 0px}
#content p{ margin:6px 0 14px 0px}
#content .title_framework{ margin:17px 0 17px 16px;}
#content .indent_framework{ padding:0 19px 0 19px}
#content .indent_more{ margin:15px 0 19px 0px}
#content .indent_more1{ margin:13px 0 0px 0px}
#content .indent2{ padding:29px 13px 0 0px}
#content .indent{ padding:0 30px 0 0px}
#content .p1{ margin:0 0 14px 0px}

.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:0.6875em; position:absolute; margin:9px 0 0 24px}
#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:Tahoma;
   color:#646566;
   font-size:1em
}
#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}
   
textarea#salescomment{
   background:none;
   border:1px solid #404040;
   width:350px; height:96px;
   font-family:Tahoma;
   color:#646566;
   font-size:1em;
   margin:0 0 10px 0px;
   overflow:auto}