/*  

Theme Name: it

Theme URI: http://dmdesign.dn.ua/

Description: IT Dream

Author: DMDesign	

Author URI: http://dmdesign.dn.ua/

*/



/* CSS Document */

body {margin:0px; padding:0px; background:url(images/gradient.gif) top repeat-x;}

.main {margin:0px; padding:0px; width:1000px; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC;}

.bg_color{background-color:#1088b3;}

.preim{font: bold 12px Tahoma, serif; color:#4eff00;}

#header {background:url(images/header.gif); height:283px; margin:0; padding:0;}

#header_1 {background:url(images/header.gif); height:283px; margin:0; padding:0;}

#header_2 {background:url(images/header.gif); height:283px; margin:0; padding:0;}

#header_3 {background:url(images/header.gif); height:283px; margin:0; padding:0;}

#header_4 {background:url(images/header.gif); height:283px; margin:0; padding:0;}

img {margin:0; padding:0; border:none;}

table{

	padding:15px 60px 0px 0px;

	margin:0;

	text-align:justify;

	font: normal 14px/1.2 Tahoma, serif; color:#fff;

	}

a{

	color:white;
	text-decoration:underline;

}

#menuleft a{

	font: normal 16px/1 Tahoma, serif; color:#fff; margin:0px; padding:0px 5px 0 0 ;

	text-decoration:underline;

}

#menuleft a:hover{text-decoration:underline;}





a:hover{text-decoration:underline;}



.ico_home{margin:0; padding:230px 0px 0px 0px; height:15px; width:86px; float:right;}

.ico_map{margin:0; padding:230px 0px 0px 0px; height:15px; width:90px; float:right;}

.ico_contacts{margin:0; padding:230px 0px 0px 0px; height:15px; width:90px; float:right;}



#main_body {

	text-align:left;

	background:url(images/bg.jpg) top no-repeat;

	height:100%;

	margin:0px; padding:0px;

	}

#main_body  h4, h4 a, h4 a:hover{font: normal 30px/1 Tahoma, serif; color:#e89f1f; text-decoration:none; margin:0px; padding:0px 0px 15px 0px;}
#main_body  h1, h1 a, h1 a:hover{font: normal 20px/1 Tahoma, serif; color:#e89f1f; text-decoration:none; margin:0px; padding:0px 0px 15px 0px;}



#sidebar{

	padding:25px 0px 0px 20px;

	margin:0;

	width:223px;

	float:left;

}

#sidebar img{

	border:none;

	margin:0;

	padding:0px 0px 0px 20px;

	}

#sidebar p{padding:5px 0px 5px 35px; margin:0;}

#sidebar span{padding-left:57px;}

#sidebar p{

	font: normal 13px/1 Tahoma, serif; color:#fff; margin:0px; padding:0px;

	text-decoration:none;

}

#sidebar a{

	font: normal 16px/1 Tahoma, serif; color:#fff; margin:0px; padding:0px;

	text-decoration:none;

}

#sidebar a:hover{text-decoration:underline;}





#main_txt{

	min-height:1200px;

	height:auto !important;

	height:1200px;

	padding:25px 0px 0px 40px;

	margin:0;

	width:717px;

	float:left;

/*background:url(images/IT.gif) bottom right no-repeat;*/



}



#main_txt p{

	padding:15px 60px 0px 0px;

	margin:0;

	text-align:justify;

	font: normal 14px/1.2 Tahoma, serif; color:#fff;

	}

#main_txt h2, h2 a, h2 a:hover{

	padding:15px 60px 0px 0px;

	margin:0;

	text-align:justify;

	font: normal 18px/1.2 Tahoma, serif; color:#fff;

	}

#main_txt h3 a, h3 a:hover{

	padding:15px 60px 0px 0px;

	margin:0;

	text-align:justify;

	font: normal 18px/1.2 Tahoma, serif; color:#fff;

cursor:hand;

	}
#main_txt h3{
	padding:15px 60px 0px 0px;

	margin:0;

	text-align:justify;

	font: normal 18px/1.2 Tahoma, serif; color:#fff;


	}



#main_txt li{

	padding:0px 60px 0px 0px;;

	margin:0;

	text-align:justify;

	font: normal 14px/1.2 Tahoma, serif; color:#fff;

	}

#main_txt li a, li a:hover{

	text-decoration:underline;

	font: normal 14px/1.2 Tahoma, serif; color:#fff;

	}

#main_txt ul{

	padding:0px 0px 0px 14px;

	margin:0;

	}



#footer {background:url(images/footer.jpg); height:199px; margin:0; padding:0;}

#copyrights{ 

	padding:50px 60px 0px 60px;

	text-align:left;

	font: normal 12px/1 Tahoma, serif;

	color:#adacab;

	}

#copyrights a{

	padding:0px 1px 0px 1px;

	font: normal 12px/1 Tahoma, serif;

	color:#adacab;

	text-decoration:none;

	}

#copyrights a:hover{text-decoration:underline;}

.foot_menu{	padding-left:165px;}

.footer_slogan{

	padding:60px 40px 0px 0px;

	text-align:right;

	font: normal 55px/1 Tahoma, serif;

	color:#adacab;

}





/* ������� ���� */

#menu {

	height: 66px;

}



#menu a:active {

  color:#fff;

  }

 	

div.outer_main {

	float: left;

	width: 200px; height: 66px;

	margin: 0px;

	background: url( 'images/menu_main.jpg' ) 0px 0px no-repeat;

  }

  

div.outer_main a {

	display: block;

	margin: 0; padding:0;

	width:100%; height:100%;

	overflow:hidden;

	font: normal 18px/1 Tahoma, serif;

	color:#fff;

	text-decoration: none;

	background: url( 'images/menu_main.jpg' ) 200px 0px no-repeat;

}

  

div.outer_main span {

	display: block;

	text-align:right;

	padding:20px 30px 2px 0px;

	margin:0px;

	} 

  

div.outer_main a:hover {

	background:url( 'images/menu_main.jpg' ) -200px 0px no-repeat;

}



div.outer_about {

	float: left;

	width: 200px; height: 66px;

	margin: 0px;

	background: url( 'images/menu_about.jpg' ) 0px 0px no-repeat;

  }

  

div.outer_about a {

	display: block;

	margin: 0; padding:0;

	width:100%; height:100%;

	overflow:hidden;

	font: normal 18px/1 Tahoma, serif;

	color:#fff;

	text-decoration: none;

	background: url( 'images/menu_about.jpg' ) 200px 0px no-repeat;

}



div.outer_about span {

	display: block;

	text-align:right;

	padding:20px 30px 2px 0px;

	margin:0px;

	} 

  

div.outer_about a:hover {

	background:url( 'images/menu_about.jpg' ) -200px 0px no-repeat;

}



div.outer_service {

	float: left;

	width: 200px; height: 66px;

	margin: 0px;

	background: url( 'images/menu_service.jpg' ) 0px 0px no-repeat;

  }

  

div.outer_service a {

	display: block;

	margin: 0; padding:0;

	width:100%; height:100%;

	overflow:hidden;

	font: normal 18px/1 Tahoma, serif;

	color:#fff;

	text-decoration: none;

	background: url( 'images/menu_service.jpg' ) 200px 0px no-repeat;

}

div.outer_service span {

	display: block;

	text-align:right;

	padding:5px 30px 2px 0px;

	margin:0px;

	} 

  

div.outer_service a:hover {

	background:url( 'images/menu_service.jpg' ) -200px 0px no-repeat;

}



div.outer_contacts {

	float: left;

	width: 200px; height: 66px;

	margin: 0px;

	background: url( 'images/menu_contacts.jpg' ) 0px 0px no-repeat;

  }

  

div.outer_contacts a {

	display: block;

	margin: 0; padding:0;

	width:100%; height:100%;

	overflow:hidden;

	font: normal 18px/1 Tahoma, serif;

	color:#fff;

	text-decoration: none;

	background: url( 'images/menu_contacts.jpg' ) 200px 0px no-repeat;

}

  

div.outer_contacts span {

	display: block;

	text-align:right;

	padding:20px 30px 2px 0px;

	margin:0px;

	} 

  

div.outer_contacts a:hover {

	background:url( 'images/menu_contacts.jpg' ) -200px 0px no-repeat;

}



div.outer_send {

	float: left;

	width: 200px; height: 66px;

	margin: 0px;

	background: url( 'images/menu_send.jpg' ) 0px 0px no-repeat;

  }

  

div.outer_send a {

	display: block;

	margin: 0; padding:0;

	width:100%; height:100%;

	overflow:hidden;

	font: normal 18px/1 Tahoma, serif;

	color:#fff;

	text-decoration: none;

	background: url( 'images/menu_send.jpg' ) 200px 0px no-repeat;

}

  

div.outer_send span {

	display: block;

	text-align:right;

	padding:13px 30px 2px 0px;

	margin:0px;

	} 

  

div.outer_send a:hover {

	background:url( 'images/menu_send.jpg' ) -200px 0px no-repeat;

}



















/*                                                    */

/*  main 'top-level' form elements                    */

/*                                                    */

@import "calendar.css";



.cform { 

	margin:10px auto 0 auto; 

	width: 450px; 

}



.cform fieldset	{ 

	margin-top:10px; 

	padding:10px 0 2px 0;

	border:none;

}



.cform .cf_hidden {

	display:none; 

	border:none!important;

	background:none!important;

	padding:0!important;

	margin:0!important;

}



.cform legend { 

	margin-left:10px;

	padding: 0 2px; 

	font:normal 20px Times; 

	color:#000066;

}



ol.cf-ol { 

	margin:0!important; 

	padding:0!important; 

}

ol.cf-ol li	{

	background:none!important; 

	margin:0 10px!important; /*some themes may interfere otherwise*/

	padding:0; 

	list-style:none!important; 

	text-align:left;

	line-height:1.3em;

}





/*                                                    */

/* just for text-only fields (no input)               */

/*                                                    */



ol.cf-ol li.textonly {

	padding:3px 0; 

	text-align:center;

	color:#000099;

}





/*                                                    */

/* global definitions for field labels                */

/*                                                    */



.cform label {

	margin:0 10px 0 0; 

	text-align:left;

	font-size: 11px;

	display:block;

	color:white;

	padding:2px;

	letter-spacing:1px;

}



label.cf-before {

	display:-moz-inline-box; /*for mozilla*/

	display:inline-block; /*for Opera & IE*/

	margin:3px 5px 0 0; 

	width:80px; 

}



label.cf-before span{

	width:80px; 

	display:block;

}



label.cf-after 	{

	display:-moz-inline-box; /*for mozilla*/

	display:inline-block; /*for Opera & IE*/

	margin:3px 0 0 4px;

	width:115px;

	text-align:left;	

}



label.cf-after span {

	width:115px;

	display:block;

}



label.cf-group-after {

	display:-moz-inline-box; /*for mozilla*/

	display:inline-block; /*for Opera & IE*/

	margin:3px 10px 0 4px;

	width:105px;

	text-align:left;

}

label.cf-group-after span {

	width:105px;

	display:block;

}



/*                                                    */

/*   FORM FIELDS general formatting                   */

/*                                                    */



.cform input,

.cform textarea,

.cform select { 

	margin:0 0 10px 0;

	padding:3px;

	background: #C5DAED; 

	border:none;

	border-top: 1px solid #f0f0f0; 

	vertical-align:top;

	color:white;

	font-weight:bold;

	letter-spacing:1px;

}

.cform input:hover,

.cform textarea:hover,

.cform select:hover	{

	background:#326CA0; 

	color:white;

}



.cform input:focus,

.cform textarea:focus,

.cform select:focus	{ 

	color:#000099;

	background:#F3F8F8; 

}



.cform textarea,

.cform input {

	width:415px; 

}

.cform select {

	width:421px; /* attempt to have equal length */

}  



.cform select.cfselectmulti	{ 

	height:6.5em; 

}



.cform textarea {

	font-family: arial;

	font-size: 0.9em;

	height: 6em;

	overflow:auto;

}



.cform  input.cf_date {

	width:395px;

}



/*                                                    */

/*   radio button title                               */

/*                                                    */



ol.cf-ol li.cf-box-title {

	color:#97AEFF;

	font-size:11px;

	letter-spacing:1px;

	padding:6px 0pt 0pt;

}



/*                                                    */

/*   check boxes                                      */

/*                                                    */



input.cf-box-a,

input.cf-box-b 	{ 

	margin:3px 0 0 0; 

	width:16px; 

	height:22px;

	border:none!important;

	background:none!important; 

}





/*                                                    */

/* check box groups                                   */

/*                                                    */



ol.cf-ol li.cf-box-group {

	padding: 0 0 5px 0; 

} 





/*                                                    */

/* formatting for text:  "(required)"  & other        */

/*                                                    */



span.reqtxt,

span.emailreqtxt { 

	display:block; /*for mozilla*/

	color:white;

	font-size:9px;

	letter-spacing:3px;

	margin:0pt 3px 0pt 0pt;

	text-align:right;

	vertical-align:top;

	height:13px;

	line-height:13px;

	width:421px;

}



.cform textarea.fldemail,

.cform textarea.fldrequired,

.cform input.fldemail,

.cform input.fldrequired {

	margin:0;

}



/*                                                    */

/*   FORM submit button                               */

/*                                                    */



p.cf-sb {

	padding: 0!important;

	margin: 10px 0 0 0;

	text-align:right;

}

.cform input.backbutton,

.cform input.resetbutton,

.cform input.sendbutton	{ 

	color:white;

	width:150px;

	padding:5px; 

	margin: 0px 18px 4px 0pt;

	font-size:0.8em;

	background:url(../images/button-bg.gif) repeat-x; 

	border:1px solid #adadad!important;

	border-left-color:#ececec!important; 

	border-top-color:#ececec!important;

}

.cform input.sendbutton:hover { 

	color:blue;

}

.cform input.resetbutton {

	width: auto;

	padding:5px 1em;

	margin-right:5px;

}

.cform input.backbutton {

	width: auto;

	padding:5px 1em;

	margin-right:5px;

}

/*                                                    */

/*   FORM FIELDS enhanced error display               */

/*                                                    */

ol.cf-ol li.cf_li_err {

	background:#FFDFDF url(li-err-bg.png) repeat!important;

	border-color:#DF7D7D;

	border-style:solid;

	border-width:1px 0pt;

	padding:5px 10px!important;

	margin:5px 0!important;

}



ol.cf-ol li ul.cf_li_text_err {

	padding:0 0 0 10px;

	margin:0;

	color:#333;

	display:inline-block;

}



ol.cf-ol ul.cf_li_text_err li {

	background:url(icon-alert.png) no-repeat left 1px!important;

	list-style:none!important;

	font-weight:bold;

	text-indent:0;

	margin:0 0 2px!important;

	padding-left:15px;

}

ol.cf-ol ul.cf_li_text_err li:before {

	content:'';

}





/*                                                    */

/* 'visitor verification' related styles              */

/*                                                    */



label.seccap {

	margin-top: 6px;

}



label.secq{

	display:-moz-inline-box; /*for mozilla*/

	display:inline-block; /*for Opera & IE*/

	width:auto;

	padding:2px 4px 2px 2px;

}

label.secq span {

	display:block!important;

	width:auto;

}



input.secinput {

	vertical-align:text-bottom;

}



#cforms_captcha6,

#cforms_captcha5,

#cforms_captcha4,

#cforms_captcha3,

#cforms_captcha2,

#cforms_captcha {

	height:15px;

	width:196px;

	padding: 4px 4px;

	margin: 0 0 8px 0;

	vertical-align:text-bottom;

}



img.captcha	{

	vertical-align:text-bottom;

	margin:0 0 8px 10px!important;

	padding:0!important;

	border:none!important;

	float:none!important;

}



img.captcha-reset {

	vertical-align:text-bottom;

	background:	url(captcha_reset_grey.gif) no-repeat;

	margin:0 0 10px 3px;

	width:21px;

	height:21px;

	border:none!important;

}



img.imgcalendar {

	border:none!important;

}



/*                                                    */

/* change formatting of response msgs here            */

/*                                                    */



div.cf_info {

	color:#333;

	display:none;

	padding:10px 15px!important;

	width:420px;

	line-height:1.3em;

	margin:10px auto;

}

div.cf_info ol {

	margin:0;

	padding:5px 15px 0 30px;

}

div.cf_info ol li {

	padding:1px 0;

	margin:2px 0;

}

div.cf_info a	{

	color:red!important;

	text-decoration:underline!important;

}

div.success {

	color:#000099;

	display:block;

	letter-spacing:2px;

	text-align:right;

}

div.failure {

	display:block;

	background:#FFDFDF url(li-err-bg.png) repeat!important;

	border-color:#DF7D7D;

	border-style:solid;

	border-width:1px 0pt;

}

div.waiting {

	background:#F9F9F9;

	color:#AAAAAA;

	display:block;

}

/*                                                    */

/*   formatting for invalid user inputs               */

/*                                                    */

.cform .cf_error { 

	color:#ad2929; 

	border:1px solid #ad2929; 

}

div.mailerr {

	display:block;

}

.mailerr,

.cform .cf_errortxt {

	color:#ad2929; 

}



/*                                                    */

/* disabled fields [disabled] does not work on IE!    */

/*                                       













body {margin:0; font-family:Arial, Helvetica, sans-serif; font-size:12px}

#slider {width:508px;}

.header {width:488px; border:2px solid #9ac1c9; padding:8px; font-weight:bold; margin-top:5px; cursor:pointer; background:url(images/header.gif)}

.header:hover {background:url(img/header_over.gif)}

.content {overflow:hidden}

.text {width:474px; border:2px solid #9ac1c9; border-top:none; padding:15px; text-align: left;}

.text p{color:white;}