@charset "UTF-8";

/** Imports **/
@import url("src/reset.css");
@import url("src/base.css");
@import url("src/layout.css");
@import url("src/form.css");
@import url("src/typography.css");

@media screen
{
	/* ----------------------------------------------*/
	/* -------------->>> MAIN STYLES <<<-------------*/
	/* ----------------------------------------------*/

		body { background: #153171; color: #ffffff; font: normal 0.81em Arial, "Bookman Old Style", sans-serif; }

		/** debug body { background: url("../images/grid.png"); } **/

	   	a { color: #ffffff; }
	    a:hover {  }

	    p { }

	    legend { font: normal 1em Arial, "Bookman Old Style", sans-serif; }
	   	input { font: normal 1em Arial, "Bookman Old Style", sans-serif; }

	    h1 { }
	   	h2 { }
	    h3 { }
		h4 { }
	   	h5 { }
	   	h6 { }

	/* ----------------------------------------------*/
	/* ---------------->>> LAYOUTS <<<---------------*/
	/* ----------------------------------------------*/

		/** Wrapper layout **/
	    div#wrapperLayout { width: 100%; min-width: 1000px; min-height: 100%; overflow: hidden; position: relative; padding-bottom: 40px; }
	    	div#wrapperLayout #wrapperLayoutSub1 { position: relative; }

	    /** Center layout **/
	    div#centerLayout {  width: 100%; overflow: hidden; position: relative; }

	   	/** Left layout **/
	   	div#leftLayout { 
	   		width: 253px; min-height: 790px; padding: 1px 0px 10000px 0px; margin: 0px 0px -10000px 0px;
	   		background: url("../images/wrapper_bg.jpg") top left no-repeat; border-right: 1px solid #738eb5; }

	    /** Right layout **/
	   	div#rightLayout { margin: 0px 0px 0px -254px; }
	   		div#rightLayout #rightLayoutSub1 { 
	   			margin: 0px 0px 0px 254px; z-index: 55;
	   			background: url("../images/right_bg2.jpg") top left repeat-x; }
	   		div#rightLayout #rightLayoutSub2 { 
	   			min-height: 790px; padding: 1px 0px 0px 0px; z-index: 55;
	   			background: url("../images/right_bg4.jpg") top right no-repeat; }

	   	/** Header layout **/
	   	div#headerLayout { position: relative; }

	    /** Footer layout **/
	   	div#footerLayout { position: relative; clear: both; width: 100%; min-width: 1000px; height: 1px; }

	    /** Content layout **/
	   	div#contentLayout { }

	/* ----------------------------------------------*/
	/* ------------>>> NAVIGATIONS <<<---------------*/
	/* ----------------------------------------------*/
	
		/** mainMenu **/
		#mainMenu { width: 100%; }
			#mainMenu .tableTr { list-style: none; margin: 0px 0px 0px 0px; }
			#mainMenu { border-collapse: collapse; }
			#mainMenu .tableTd { 
				text-align: center; vertical-align: center; position: relative; 
				font-size: 11px; color: #153171; height: 20px; padding: 0px 2px 0px 2px; }
			#mainMenu .tableTd a { text-transform:lowercase; text-decoration: none; position: relative; top: 3px; color: #153171; }
			#mainMenu .tableTd .currentSub1 { position: relative; width: auto; }
			#mainMenu .tableTd .currentSub2 { position: absolute; left: -25px; top: -150px; z-index: 55; }
			#mainMenu .tableTd .currentSub3 { position: relative; top: 3px; }
			#mainMenu .tableTd .hovered:hover { 
				position: relative; height: 20px; cursor: pointer;
				background: url("../images/main_menu_bg4.png") left top repeat-x; }
			#mainMenu .tableTd .hoveredSub1:hover { 
				position: relative; height: 20px; cursor: pointer;
				background: url("../images/main_menu_bg5.png") left top no-repeat; }
			#mainMenu .tableTd .hoveredSub2:hover { 
				position: relative; height: 20px; cursor: pointer;
				background: url("../images/main_menu_bg6.png") right top no-repeat; }
				
			#mainMenu .tableTd .hovered2 { 
				position: relative; height: 20px;
				background: url("../images/main_menu_bg4.png") left top repeat-x; }
			#mainMenu .tableTd .hovered2Sub1 { 
				position: relative; height: 20px;
				background: url("../images/main_menu_bg5.png") left top no-repeat; }
			#mainMenu .tableTd .hovered2Sub2 { 
				position: relative; height: 20px;
				background: url("../images/main_menu_bg6.png") right top no-repeat; }
			#mainMenu .tableTd .hovered2Sub3 { 
				position: relative; height: 20px;
				background: url("../images/main_menu_bg7.png") center top no-repeat; }
				
		/** secondMenu **/
		#secondMenu { margin: 140px 0px 0px 30px; width: 187px; }
			#secondMenu li { background: url("../images/second_menu_bg.gif") left center no-repeat; }
			#secondMenu li a { display: block; margin: 0px 0px 4px 20px; font-size: 1.38em; text-decoration: none; }
			#secondMenu li a:hover { text-decoration: underline; }
			#secondMenu .current { background: url("../images/second_menu_bg2.gif") left 5px no-repeat; }
			#secondMenu .current span, #secondMenu .current a {    display: block; margin: 3px 0px 4px 13px; padding: 2px 0px 4px 5px;    color: #f25024; font-size: 1.38em; line-height: 14px;    background: #ffffff; }				
			#wedo {position:absolute; padding: 96px 0px 0px 23px; font-size:18px; font-weight:bold}

		/** treeMenu **/
		#treeMenu { margin: 34px 15px 30px 12px; }
			#treeMenu li { background: url("../images/second_menu_bg.gif") left top no-repeat; line-height: 0.8em; }
			#treeMenu li a { display: block; margin: 0px 0px 11px 15px; font-size: 1.02em; text-decoration: none; }
			#treeMenu li a:hover { text-decoration: underline; }
			#treeMenu li span, #treeMenu li .current { font-size: 1.02em; color: #f25024; }

			
		/** buttonMenu **/
		#buttonMenu { margin: 0px 0px 0px 5px; }
			#buttonMenu li { margin: 2px 2px 0px 0px; }
			#buttonMenu li #buttonMenuItem1 { 
				display: block; width: 11px; height: 9px; text-decoration: none; overflow: hidden;
				background: url("../images/bt1.png") left top no-repeat; }
			#buttonMenu li #buttonMenuItem1:hover { background: url("../images/bt1_hover.png") left top no-repeat; }
			#buttonMenu li #buttonMenuItem2 { 
				display: block; width: 10px; height: 9px; text-decoration: none; overflow: hidden;
				background: url("../images/bt2.png") left top no-repeat; }
			#buttonMenu li #buttonMenuItem2:hover { background: url("../images/bt2_hover.png") left top no-repeat; }
	
	/* ----------------------------------------------*/
	/* -------------->>> BOXES <<<-------------------*/
	/* ----------------------------------------------*/
	
		/** partnerBox **/
		#partnerBox { position: absolute; top: 43px; left: 101px; }
		
		/** sloganBox **/
		#sloganBox { position: absolute; top: 54px; left: 5px; }
		
		/** phoneBox **/
		#phoneBox { position: absolute; top: 51px; right: 110px; }
		
		/** logoBox **/
		#logoBox { position: absolute; top: 94px; right: 110px; }
		
		/** mainMenuBox **/
		#mainMenuBox { margin: 229px 110px 0px 0px; background: url("../images/main_menu_bg.png") top left repeat-x; }
			#mainMenuBox #mainMenuBoxSub1 { background: url("../images/main_menu_bg2.png") top left no-repeat; height: 20px; }
			#mainMenuBox #mainMenuBoxSub2 { 
				height: 20px; padding: 0px 11px 0px 11px;
				background: url("../images/main_menu_bg3.png") top right no-repeat; }
			
		/** wiseBox **/
		#wiseBox { position: absolute; top: -138px; left: 97px; z-index: 99; }
		
		/** phone2Box **/
		#phone2Box { position: absolute; top: -37px; left: 48px; z-index: 99; }
			#phone2Box p { text-align: right; font-size: 0.95em; }
			
		/** contentBox **/
		#contentBox { padding: 40px 77px 30px 15px; position: relative; }
		#contentBox img {margin-right:11px}
		#contentBox table {text-align:center}
		
		/** portfolioBox **/
		.portfolioBox { }
			.portfolioBox .line { width: 100%; overflow: hidden; margin: 0px 0px 3px 0px; }
			.portfolioBox .line .item { float: left; margin: 0px 5px 0px 0px; }
			
		/** absolute1Box **/
		.absolute1Box { position: absolute; left: 110px; top: 105px; width: 441px; overflow: hidden;}
			.absolute1Box .body { padding: 7px 7px 7px 7px; background: #005da0; }
			.absolute1Box .header { height: 24px; background: #015c9f url("../images/absolute1_bg.png") top right no-repeat; overflow: hidden; }
			.absolute1Box .header .images { 
				float: right; height: 13px; width: 31px; margin: 5px 14px 0px 0px;
				background: url("../images/absolute1_bg2.png") top left no-repeat; }
				
		/** copyright2Box **/
		#copyright2Box { 
			position: absolute; top: -38px; right: 70px; padding: 0px 30px 0px 0px; z-index: 99;
			background: url("../images/theta.gif") right 3px  no-repeat; color: #a6a6a6; text-align: right; 
			line-height:100% }
			#copyright2Box a { color: #a6a6a6; line-height:100%;  font-size: 10px }
			#copyright2Box  { color: #a6a6a6; line-height:100%;  font-size: 10px }



			
	/* ----------------------------------------------*/
	/* -------------->>> FORMS <<<-------------------*/
	/* ----------------------------------------------*/

	/* ----------------------------------------------*/
	/* ---------->>> DECORATION STYLES <<<-----------*/
	/* ----------------------------------------------*/

	   	/** Emphasis **/

	   	/** Paragraphs **/

	   	/** Separators **/

	   	/** Titles **/

	   	/** Links **/

	   	/** Text colors **/

	   	/** Borders **/

	   	/** Backgrounds **/
	   
	   	/** Images **/
	
	   	/** Font size **/

	   	/** Inputs **/

	   	/** Labels **/

	   	/** Textareas **/

	   	/** Labels **/

	   	/** Submits **/

        /** Tables **/
        
        /** Lists **/
        
        /** Images **/
.message {text-align:left;margin-bottom:1px;b1ackground:#153171;b1order-top:1px solid #485980;b1order-bottom:1px solid #485980;padding:37px 10px 10px}
.message img {margin:3px 10px 0 4px;width:48px;height:48px;behavior:url(res/alpha.htc);float:left}
.message .short {display:block;font-size:14px;font-weight:bold;line-height:180%}
.message .text {}
.message .orderId b {color:#fed326}

.unfold {display:none;color:#277aa5;height:15px;text-align:right;padding-right:10px;background:#eee;padding:5px 6px;}
.unfold span {float:left;font-size:12px;font-weight:bold}
.unfold a {text-decoration:none;font-size:10px;padding-right:30px;color:#de6f34;display:block;background:url(../pix/bt_unfold.gif) right 3px no-repeat}
.form .header .fold {display:none}


.form {padding:1px !important;margin-top:20px;height:1%}
.form table._formTable {width:100%;border-collapse:collapse}
.form table._formTable td {border:none !important;b1order-bottom:1px solid #485980 !important;padding:10px 0 10px 0 !important}
.form table._formTable td div {p1adding-top:10px}
.form .header {display:none;height:15px;text-align:right;margin:0;color:#fff;font-size:14px;padding:5px 6px;background:#153171;border-bottom:1px solid #485980}
.form .header span {font-weight:bold;float:left}
.form .header a {text-decoration:none;font-size:10px;padding-right:30px;color:#de6f34;display:block;background:url(../pix/bt_fold.gif) right 3px no-repeat}
.form .descr {padding:5px 0;color:#fff;backg1round:#153171}
.form .err {border:1px solid #d55;background:#153171;padding:10px;margin-top:10px}
.form .groupRow {font-size:12px;font-weight:bold}
.form table._formTable .groupRow td {background:no-repeat 6px 21px url(../pix/bull_dot_orange.png) !important;border:none !important;padding:15px 19px 3px !important;border-bottom:1px solid #485980 !important}
.form .groupComment {}
.form table._formTable .itemRow td {vertical-align:top !important}
.form .itemRow.odd {ba1ckground-color:#1b5e97}
.form .itemRow.even {backgro1und-color:#075190}
.form .itemRow.odd .ctlCell {ba1ckground-color:#1b5e97}
.form .itemRow.even .ctlCell {b1ackground-color:#075190}
.form .itemRow .labelCell {text-align:left;width:35%;border-right:1px solid #485980}
.form .labelCell .required {color:#f77}
.form .itemRow .ctlCell {}
.form .itemRow .label {}
.form .itemRow .comment {font-size:95%;padding-left:2px}
.form .itemRow .ctlText {border:1px #ccc solid;font-size:12px}
.form .itemRow .ctlCheck {border:1px #ccc solid;color:#0094fd;font-size:12px}
.form .itemRow .ctlSelect {}
.form .itemRow .ctlTextArea {width:100%;height:70px;border:1px #ccc solid;font-family:arial;font-size:12px}
.form .itemRow .grippie {font-size:0;height:3px;background:url(../pix/bt_vresize.gif) no-repeat center bottom;cursor:s-resize;padding-bottom:5px}
.form .itemRow div.err {text-align:left;margin:1px 0 0 1px;padding:0 3px 2px 5px}
.form .ctlRow td {text-align:right !important;border:none}
.form .ctlButton {height:23px;background:#0b79d4;padding:0 10px;font-weight:bold;color:#fff;border:1px solid #fff !important}

.pager {padding-top:20px}
.pager a {display:block;float:left;padding:3px 10px;text-decoration:none;margin-right:10px;background:#cf1a13;font-weight:bold;color:#fff;border:1px solid #fff !important}
.pager a:hover {background:#6EA6D4}
.pager .current {background:#aaa}

#subscr {width:200px;margin:60px auto 0}
#subscr #head {text-align:center}
#subscr #head span {font-size:135%;font-weight:bold}
#subscr .subhead {text-align:center;background:#3f8ac1;padding:3px;margin-top:20px}
#subscr .sform {background:#e4e8ef;padding:7px}
#subscr .go {height:20px;margin-right:6px;background:#0b79d4;padding:0 10px;f1loat:right;f1ont-weight:bold;color:#fff;border:1px solid #fff !important}
#subscr input {width:100px;margin-top:7px}
#subscr * table {width:100%;color:#222}

}