/*------------------------------------reset--------------------------------------------*/
*{
	font-size:100%;
}
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,label,blockquote,fieldset,input { margin: 0; padding: 0; }

ul, ol {
	list-style:none;
}
.floatleft {
	float:left;
}
.floatright {
	float:right;
}
img {
	border:none;
}
/*layout*/
.clear {

	clear:both;
}
.clearer { 
clear: both;
height:40px;


}
.clearfix { 
clear: both;
height:20px;
}


/* ---------------------- end reset ---------------------------------*/

/*---------------tag styles ---------------------------*/
hr {
	height:1px;
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:1px solid #e1dfdf;

}
hr.forblog {
	height:1px;
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:1px solid #e1dfdf;
	margin:0px 0px 45px 0px;

}


p {text-align:justify;margin:1em 0;line-height:19px;}

h1 {
	font-size:2.7em;
	margin:0 0 0.1em 0;
	position:relative;
	color:#a7bfab;
	font-weight:normal;

	

}



h3 {

	font-size:1.5em;
	color:#de613a;
	letter-spacing:0px;
}
h4 {
	font-size:1em;
	color: #D1D1D1;
	letter-spacing:0px;
	font-weight:normal;

}
h5 {
	font-size:1.3em;
	height:25px;
	color: #404040;
	letter-spacing:0px;
	font-weight:normal;

}

.float-left {
	float:left;
	padding:0px 9px 0px 0px;
	display:inline;
}

a:link {
	color:#19a1d9;
	text-decoration:underline;
	
}
a:visited {
	color:#19a1d9;
	text-decoration:underline;
}
a:hover {
	color:#19a1d9;
	text-decoration:none;
	
}
a:active {
	color:#19a1d9;
	text-decoration:underline;
}
/*---------------end tag styles---------------------------*/



/* ---------------------- start styles ---------------------------------*/

body {
		font-family: Georgia, "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size:79%;
	color:#646464;
	background-color: #fff;
}




#wrapper {
	width:923px;
	margin:0px auto;
	padding:0px;
	text-align:left;

}

/*start header*/

#header {
	width:923px;
	height:370px;
	margin:0px;
	padding:0px;
}


#header-content {
	
	height:105px;
	margin:0px;
	padding:0px;
}

#header-content a{
	color:#a7bfab; font-weight:bold; 


}
h1#logo {
	float:left;
	padding:17px 0px 0px 0px;
}

h1#logo a em{
	display:block;
	background-image:url(../images/logo.png);
	behavior:url(../images/iepngfix.htc);
	background-repeat:no-repeat;
	background-position:0 0;
	width:151px;
	height:42px;
	text-indent:-10000px;
	cursor:pointer;


}

h2#slogan {
	float:left;
	padding-top:17px;

}

h2#slogan em {
	display:block;
	background:url(../images/slogan.png) no-repeat 0 0;
	behavior:url(../images/iepngfix.htc);
	width:189px;
	height:42px;
	text-indent:-10000px;
}






#header-image {
	width:600px;
	margin:50px;
	padding:0px;


}



#effect-container{
	width:498px;
	height:265px;
	background:url(../images/static-image.jpg) no-repeat 0 0;
	float:right;
}

#effect1 {
	float:left;
	margin:0px;
	padding:36px 0px 0px 39px;
}
#effect2 {
	float:left;
	margin:0px;
	padding:58px 0px 0px 9px;
}
/*end header*/


/*start body */

#mainbody {

	width:923px;
	min-height:600px;
	overflow:hidden;
	margin:0px;
	padding:32px 0px 0px 0px;
	font-size:1.2em;
}

#leftcol {
	float:left;
	width:570px;
}
#leftcol  a,#service  a  {
	background:#fbf6cd;
	text-decoration:none;
	color:#646464;
	border-bottom:#666 dashed 1px;
	
 
}
#leftcol  a:hover,#service  a:hover {
	background:transparent;
	text-decoration:none;
	color:#646464;
	
 
}
#rightcol {
	float:right;
	width:300px;
	margin:0px;
	padding:0px 1px 0px 47px;
	
}

p.business {
	display:block;
	width:255px;
	height:25px;
	background:url(../images/tab1.gif) no-repeat 0 0;
	font-weight:bold;
	font-size:13px;
	color:#0874ba;
	margin:0px;
	padding:6px 0px 0px 20px;
}

p.download {
	display:block;
	width:255px;
	height:22px;
	background:url(../images/tab2.gif) no-repeat 0px 0px;
	font-weight:bold;
	font-size:13px;
	color:#666666;
	margin:0px;
	padding:3px 0px 0px 20px;
	
}

#info {
	width:273px;
	border-left:solid 1px #d0cfce;
	border-right:solid 1px #d0cfce;
	background:url(../images/tabgradient.gif) repeat 0 0;
}

#info p {
	margin:0px;
	padding:14px 18px 29px 18px;
}

#pdf {
	width:273px;
	border-left:solid 1px #d0cfce;
	border-right:solid 1px #d0cfce;
	background:url(../images/tabgradient.gif) repeat 0 0;
}
#pdf p {
	background:url(../images/pdficon.gif) no-repeat 19px 14px;
	margin:0px;
	padding:14px 0px 0px 91px;
}
#pdf p.download-text {
	background:none;
	margin:0px;
	padding:14px 0px 0px 91px;
}
#pdf p.download-text a {
	background:url(../images/grayarrow.gif) no-repeat 0px 4px;
	margin:0px;
	padding:0px 0px 0px 12px;
}

#bgeffect {
	width:275px;
	height:64px;
	background:url(../images/bgeffect.gif) no-repeat 0 0;
}

#featured {
	float:left;
	width:340px;
	padding-top:33px;
}
#featured h2,#service h2  {
	height:29px;
	font-size:2em;
	color:#de613a;
	letter-spacing:0px;
}
#featured p {
	padding-top:22px;
}


#service {
	
	float:right;
	width:541px;
	padding:33px 0px 0px 42px;
}



ul#service-list  {
	margin:0px;
}
ul#service-list li {
	margin:0px;
	padding:10px 0px 0px 0px;
	background:url(../images/arrow.gif) no-repeat 0px 25px;
}
ul#service-list li span {
	margin:0px;
	padding:0px 0px 0px 10px;
	line-height:19px;
	
}


#testi {
	font-family:"Times New Roman", Times, serif;
	padding:5px 20px 0px 20px;
	width:883px;
	background:url(../images/testibg.gif) no-repeat 0 0;

}

#testi p {
font-size:1em;
font-style:italic;	
line-height:24px;
} 

#testi p span {
text-align:right;
font-size:0.9em;
	font-style:normal;
	font-weight:bold;
padding:5px 20px 0px 20px;
display:block;




}
#testi p span em {
	font-family:"Times New Roman", Times, serif;
	font-size:15px;
	font-style:italic;
	color:#808080;

	


}
/*end body */



/* footer */
#footer {
	width:923px;
	margin:0px;
	padding:40px 0px 0px 0px;
	overflow:hidden;
}


#footer p {
	float:left;
	font-size:12px;
	color:#6e6e6e;
	font-weight:bold;
}
	
ul#footer-link {
	float:left;
	margin:0px;
	padding:2px 0px 28px 8px;
}
ul#footer-link li {
	float:left;
	background:url(../images/dot.gif) no-repeat 0px 6px;
}
ul#footer-link li a {
	display:block;
	font-size:12px;
	text-decoration:none;
	padding:0px 12px 0px 12px;
	color:#6e6e6e;
}
ul#footer-link li a:hover {

	text-decoration:underline;

}
/*end footer */




/*landing page */




/*----------------------start services-------------------------*/
#sample-headings {
	padding-top:30px;
}


#sample-headings h1 {
	font-size: 36px;
	height:43px;
	margin-bottom:18px;
	color:#333333;
}

#sample-headings h2 {
	height:37px;
	font-size: 30px; 
	margin:22px 0px 18px 0px;
	color:#333333;
}
#sample-headings h3 {
	height:29px;
	font-size: 22px; 
	margin:22px 0px 18px 0px;
	color:#333333;
}
#sample-headings h4 {
	height:23px;
	font-size: 16px; 
	margin:22px 0px 18px 0px;
	color:#333333;
}
#sample-headings h5{
	height:19px;
	font-size: 12px; 
	margin:22px 0px 18px 0px;
	color:#333333;
}

#icon-list {
	padding:33px 0px 0px 0px;
}

#icon-list h2 {
	height:29px;
	font-size:22px;
	color:#333333;
	letter-spacing:0px;
}
#icon-list h4 {
	font-size:14px;
}


ul.number-list {
	margin:0px;
}


ul.number-list li {
	margin:0px;
	padding:22px 0px 0px 0px;

}
ul.number-list li em {
	font-style:normal;
	font-size:20px;
	color:#19a1d9;

}
ul.number-list li span {
	margin:0px;
	padding:0px 0px 0px 10px;
	line-height:19px;
	
}



/*----------------------end services-------------------------*/

/*----------------------start portfolio-------------------------*/
ul#portfolio {
	width:923px;

	padding:65px 0px 0px 0px;
}

ul#portfolio li {
	background:url(../images/portfoliobg.gif) no-repeat 0 0;
	width:264px;
	display:block;
	float:left;
	padding:24px 35px 50px 20px;
	
}
ul#portfolio li.last-col {
	background:url(../images/portfoliobg.gif) no-repeat 0 0;
	width:264px;
	display:block;
	float:left;
	padding:24px 0px 50px 20px;
	
}

ul#portfolio h3 {
	height:26px;
	padding-top:21px;
	font-size:18px;
	color:#333333;
}

ul#portfolio li a.port-link {
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	color:#1097d8;
}
ul#portfolio li a.port-link:hover {
	text-decoration:underline;

}
/*----------------------end portfolio-------------------------*/

/*----------------------start contact-------------------------*/

#contact form {
	width:390px;
	padding-top:50px;
}

#contact form label {
	display:block;
	margin:0px;
	padding:0px 0px 5px 0px;
}

#contact form input.inputbox {
	width:256px;
	height:25px;
	border:1px solid #d2d2d1;
	margin-bottom:30px;
	background-color:#fafafa;
	vertical-align:middle;
	padding:7px 2px 0px 2px;

}
#contact form input.txtbox {
	width:390px;
	height:122px;
	border:1px solid #d2d2d1;
	margin-bottom:30px;
	background-color:#fafafa;


}

#contact form input.send {
	float:right;
	width:116px;
	height:30px;
	font-size:13px;
	color:#FFFFFF;
	border:none;
	font-weight:bold;
	background-color:#333333;
	cursor:pointer;
	
}


#contact form input:hover.send {
	float:right;
	width:116px;
	height:30px;
	font-size:13px;
	color:#FFFFFF;
	border:none;
	font-weight:bold;
	background-color:#666666;
	cursor:pointer;
	
}

/*----------------------end contact-------------------------*/



/*----------------------start blog-------------------------*/

#blog-wrapper {
	background:url(../images/blogbg.gif) repeat-x 0 0;
	background-color:#FFFFFF;
}

#blog-header {
	width:923px;
	height:105px;
	margin:0px;
	padding:0px;
	background:url(../images/blog-headerbg.jpg) no-repeat 0 0;


}
#blog-leftcol {
	float:left;
	width:617px;
}


#blog-leftcol h5 {
	font-size:13px;
	color:#6e6e6e;
}

#blog-leftcol h5 span {
	color:#147bc0;
}

#blog-leftcol .post-blog {
	margin:0px 0px 45px 0px;
}



#blog-leftcol .post-blog p.read-more {
	display:block;
	width:115px;
	height:24px;
	text-align:center;
	padding:3px 0px 0px 0px;
	background:url(../images/read-more.gif) no-repeat 0 0;
}
#blog-leftcol .post-blog p.read-more a{
	height:24px;
	color:#ffffff;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	letter-spacing:-1px;

}
#blog-leftcol .post-blog p.read-more a:hover{
	text-decoration:underline;
}



#blog-rightcol {
	float:right;
	width:236px;
	margin:0px;
	padding:0px 0px 0px 70px;
}

#blog-rightcol h3 {

	font-size:17px;
	color:#333333;
	letter-spacing:0px;
	padding:7px 0px 0px 19px;
	background:url(../images/blog-arrow.gif) no-repeat 0px 10px;
}

ul.blog-nav {
	width:236px;
	padding:6px 0px 40px 0px;
	background:url(../images/dotted.gif) repeat-x 0px 5px;
}
ul.blog-nav li {
	width:234px;
	height:22px;
	margin:0px;
	padding:3px 0px 0px 2px;
	background:url(../images/dotted.gif) repeat-x 100% 100%;
}
ul.blog-nav li a {
	display:inline;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;	
}
ul.blog-nav li span {
	font-size:12px;
	font-weight:bold;	
	padding:0px 0px 0px 3px;
	color:#494949;
}


ul.blog-nav li a:hover {
	text-decoration:underline;
	
	
}



ul.about-blog {
	width:236px;
	padding:6px 0px 40px 0px;
}
ul.about-blog li {
	width:236px;
	background:url(../images/dotted.gif) repeat-x 0 0;
	margin:0px;
	padding:15px 0px 0px 0px;
	font-size:12px;
	color:#646464;
	line-height:17px;
}
ul.about-blog li a {
	text-decoration:underline;
	color:#ff6600
	
}
ul.about-blog li a:hover {
	text-decoration:none;
	color:#ff6600
	
}


/*----------------------end blog-------------------------*/






/*end landing page */
/* ---------------------- end styles ---------------------------------*/


/* rollover effect */

#rollover-effect1 {
  list-style: none;
}

#rollover-effect1 li {
  float: left;
}

#rollover-effect1 a * {
  display: none;
   cursor:pointer;
}

#rollover-effect1 a,
#rollover-effect1 a .hover {
  height: 143px;
   cursor:pointer;
	position: relative;
	display: block;
	background: url(../images/fade-effect.jpg) 0 0 no-repeat;
}

/* individual navigation items */
#rollover-effect1 a.video1 {
  background-position: 0 0;
  width: 283px;
}

#rollover-effect1 .highlight a.video1:hover,
#rollover-effect1 a.video1 .hover {
  background-position: 0 -143px;
  width: 283px;
}


/* rollover-effect 2 */

#rollover-effect2 {
  list-style: none;
}

#rollover-effect2 li {
  float: left;
}

#rollover-effect2 a * {
  display: none;
  cursor:pointer;
}

#rollover-effect2 a.video2,
#rollover-effect2 a.video2 .hover {
 cursor:pointer;
  height: 107px;
	position: relative;
	display: block;
	background: url(../images/fade-effect1.jpg) 0 0 no-repeat;
}

/* individual navigation items */
#rollover-effect2 a.video2 {
  background-position: 0 0;
  width: 157px;
}

#rollover-effect2 .highlight a.video2:hover,
#rollover-effect2 a.video2 .hover {
  background-position: 0 -107px;
  width: 157px;
}

/* end rollover effect */

/*-------------------------------
2.c Navigations
-------------------------------*/


ul#menu {
	float:right;
	height:70px;
	padding:70px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
}
ul#menu li {

	margin: 2px;
	list-style: none; 
	line-height: 1;
	z-index: 100;
}
ul#menu li a {
		color: #272727;
	font-size:0.9em;
	font-weight: bold;
	display: block;
	text-decoration: none;
	padding: 9px 7px;
	text-transform: uppercase;

}
ul#menu li a.bottom {
		color: #fff;
	font-size:0.9em;
	font-weight: bold;
	display: block;
	text-decoration: none;
	padding: 9px 7px;
	text-transform: uppercase;
	background:#a7bfab;
		-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;


}
ul#menu li a:hover {
	color: #fff;	
	background: #b7ccbb;
	font-weight: bold;
	display: block;
	text-decoration: none;
	padding: 9px 7px;
	text-transform: uppercase;


}

ul#menu li a.selected {
	color: #272727;
	font-weight: bold;
	display: block;
	text-decoration: none;
	padding:9px 7px;
	

}

/* Main navigation */




#menu a:hover {
	color: #fff;

}

#menu li {
	float: left;
	margin:2px;
}

/* Style drop down list */
#menu li ul {
	position: absolute;
	
	
}


#menu li ul.top {
	position: absolute;
	width: 400px;
	
	top:39px;
}

#menu li:hover ul {
	left: auto;
}

#menu li ul li a{

	font-size: 0.9em;
	color: #fff;
	width: 150px;
	background:#a7bfab;
	padding-left:15px;
		-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;

}

#menu li ul li a:hover{

	font-size: 0.9em;
	color: #fff;
	width: 150px;
	background: #b7ccbb;
	padding-left:15px;

}
ul#menu li a.top{
	color: #fff;	
	background:#de613a;
		-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	
	}
	
	
#menu li ul li a.top {

	font-size: 0.9em;
	color: #fff;
	width: 100px;
	background:#de613a;
		-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding-left:15px;

}
#menu li ul li a.top:hover {

	font-size: 0.9em;
	color: #fff;
	width: 100px;
	background:#ea7551;
	padding-left:15px;

}



#menu li ul ul {
	margin: -35px 0 0 180px;
}


/* IE7 Fix */

#menu li:hover, #menu li.hover {  
	position: static;
}

ul#footerNav {
	position: absolute;
	top: 27px; right: 0;
}
	ul#footerNav li {
		float: left; display: inline;
		margin-left: 15px;
	}

.tagline
{
	padding-top:40px;
	font-family:Georgia, "Times New Roman", Times, serif;
	width:700px;
	
}
.tagline p
{
	text-align:left;
	padding:40px 10px 0px 40px;
	font-size:2.7em;
	color: #fa4d25;
	line-height:0.9em;
	letter-spacing:-0.04em;
	}
.tagline p.yellow{
font-size: 1.4em;
color: #848184;
padding:10px 170px 10px 50px;
line-height:1.1em;
letter-spacing:-0.04em;



}

.contact_details{ border-bottom:1px dashed #383838;padding: 7px 0 10px; margin: 0; line-height: 16px; }
.ims {padding: 7px 0 0px; margin: 0; line-height: 16px; }
.contact_details dl, .ims dl { margin: 0; padding: 0; width: 100%; overflow: hidden; }
.contact_details dt, .contact_details dd , .ims dt, .ims dd { margin: 1px; padding: 0; display: inline; }
.contact_details dt { font-weight: bold; color: #a0a0a0; background:url(layout/contact_details_arrow.gif) no-repeat left center; padding: 0 0 0 10px; float: left;white-space: nowrap; width:65px; }
.contact_details dd { width: 175px;	float:left; color:#555555; }
.ims dt { font-weight: bold; color: #a0a0a0; float: left; white-space: nowrap; padding: 2px 0 0 19px; position: relative; top: 0;	left: 0; width:137px; font-size:12px; }
.ims dd { width: 100px;	float: left; color:#555555; }
.ims .ico { display: block;	width: 14px; height: 14px; overflow: hidden; position: absolute; left: 0;	top: 50%; margin: -7px 0 0 0; background-repeat: no-repeat; }
.skype .ico { background-image:url(layout/skype.png); }
.google .ico { background-image:url(layout/google.png); }
.twitter { background:url(layout/twitter.png) no-repeat left top; width:132px; float:left; height:59px; display:block; margin-top:20px; cursor:pointer; }
.twitter:hover { background-position:0 -57px; }

/* --- CONTACT FORM --- */

.form_nm {
	background-color: #f9f9f9;
	color: #404040;
	font-family: Arial, Verdana, sans-serif;
	font-size: 13px;
	line-height: 20px;
	border: 1px solid #dcdcdc;
	text-indent: 8px;
	width: 180px;
	height: 20px;
	padding-top: 4px;
}

.form_tf {
	background-color: #f9f9f9;
	color: #404040;
	font-family: Arial, Verdana, sans-serif;
	font-size: 13px;
	line-height: 20px;
	border: 1px solid #dcdcdc;
	text-indent: 8px;
	line-height: 18px;
	width: 250px;
	height: 150px;
	padding-top: 5px;
}

.form_cp{
	background-color: #f9f9f9;
	color: #404040;
	font-family: Arial, Verdana, sans-serif;
	font-size: 13px;
	line-height: 20px;
	border: 1px solid #dcdcdc;
	text-indent: 8px;
	line-height: 18px;
	width: 120px;
	height: 20px;
	padding-top: 5px;
}

a.srollover {display:block;width:203px;height:231px;
background:url(../images/pamytka.png) 0 0 no-repeat;text-decoration:none;
}


a.srollover_eng {display:block;width:203px;height:231px;
background:url(../images/pamytka_eng.png) 0 0 no-repeat;
text-decoration:none;
}


a:hover.srollover,a:hover.srollover_eng {
background-position:-203px 0;}


.buttons{
	background:#333;
	color:#FFF;
	display:block;
	padding:5px 16px 5px 16px;
	border:1px #333 solid;}