/* CSS Document */



body {
width:100%;
/*background:#F5EEE4;
background:#245791;*/
background:#FFFFFF;
padding:0;
margin:0;
font-family:Tahoma;
font-size:12px;
font-weight:normal;
}

h1 {
padding:5px 0 15px 0;
margin:0;
font-size:30px;
height:35px;
vertical-align:middle;
font-family:Helvetica;
font-weight:normal;
}

h2 {
padding:5px 0 5px 0;
margin:0;
font-size:16px;
font-family:Georgia, "Times New Roman", Times, serif;
}

h3 {
padding:5px 0 5px 0;
margin:0;
font-size:24px;
font-family:Helvetica;
}

a {
text-decoration:none;
color:#0066FF;
}

a:hover {
text-decoration:underline;
color:#000000;
}

.empty{
height:10px;
}

.clear {
clear:both;
}

.left {
float:left;
}

.right{
float:right;
}

.bold{
font-weight:bold;
}


.cont_900 {
width:1000px;
padding:0;
margin:0 auto;
}

.cont_3px{
padding:3px;
text-align:center;
}

.line {
height:1px;
background:#999999;
font-size:0;
}

.white {
color:#FFFFFF;
}

.blue {
color:#51a5ed;
}

		.pale{
		background:url(images/white_dot.png);
		}

#header {
background:url(images/bck_top2.gif) 0 0 repeat-x #3087bc;
height:250px;
}

#header-bck {
background:url(images/bck-header.png) 0 0 no-repeat;
height:250px;
width:1000px;
padding:0;
margin:0 auto;
}

.big1 {
font-size:20px;
}

.big2 {
font-size:24px;
}

.big3 {
font-size:28px;
}

.black {
color:#000000;
}
.orange {
color:#E0AF09;
}

.green_bck {
background:#97AE20;
padding:5px;}

.grey_bck {
background:#CCCCCC;
padding:5px;}

.white_bck {
background:#FFFFFF;
padding:5px;}

.txt-right {
text-align:right;
background:#FFFFFF;
padding:10px;
border:#CCCCCC 1px dashed;
}

.txt-right:hover {
background:#EFEFEF;}

.txt-left {
text-align:left;
background:#FFFFFF;
padding:10px;
border:#eeeeee 1px solid;


}

.txt-left:hover {background:#EEEEEE;}

.underline {
text-decoration:underline;
}

#logo {
background:url(images/logo_01.png) 50px -10px no-repeat;
width:542px;
height:120px;
padding:0;
margin:0;
}


#logo h4{
color:#FFFFFF;
float:left;
font-size:26px;
/*font-weight:bold;*/
padding:65px 0 0 20px!important;
padding:75px 0 0 0;
width:300px;
margin:0;
font-weight:normal;
}

#logo h4 a{
color:#FFFFFF;
font-weight:normal;
}

#logo h4 a:hover{
text-decoration:none;
color:#FFFF00;
}

#logo .slogan{
background:url(images/quote_slogan.png) 0 0 no-repeat;
color:#FFFF00;
float:left;
font-size:22px;
font-weight:normal;
padding:15px 0 0 0;
margin:20px 0 0 0;
width:207px;
height:44px;
text-align:center;
}

#logo img{
border:none;
}



/* menu */

#all-menu{
width:420px;
padding:0 0 0 30px;
}

#try {
color:#4185c0;
font-size:12px;
height:35px;
line-height:35px;
text-align:center;
}

#try .t14{
font-size:14px;
}

#try .t18{
font-size:18px;
}

#try .t22{
font-size:22px;
}

#try:hover {
/*background:#000000;
color:#245791;*/

}


#menu {
color:#FFFFFF;
background:url(images/bck_menu2.png) 0 0 no-repeat;
width:418px;
height:40px;
/*font-family:Helvetica;*/
font-size:18px;
margin:20px 0 0 0;
}



#menu ul {
/*	padding:10px 0 10px 0;*/
margin:0;
	list-style: none;
	padding:0 0 0 40px;
}

#menu li {
	float: left;
	padding: 0;
	margin: 0;
}

#menu ul a:link, #menu ul a:visited {
	display: block;
	float: left;
	padding:0 20px 0 20px;
	text-decoration: none;
	color:#FFFFFF;
	height: 40px;
	line-height:40px;
}

#menu ul li a:hover {
	color: #ffffff!important;
	color:#000000;
	text-decoration:none;
/*	background:url(images/bck_menu_hover.gif) 0 0 repeat-x;*/
	background:url(images/bck-menu-hover.png) 0 1px repeat-x!important;
	background:url(images/bck-menu-hover.gif) 0 1px repeat-x;
	}


#menu-2 {
color:#CCCC99;
height:20px;
font-family:Tahoma;
font-size:14px;
margin:10px 0 0 0;
}

#menu-2 ul {
/*	padding:10px 0 10px 0;*/
	margin:0;
	list-style: none;
	padding:0 0 0 50px;
}

#menu-2 li {
	float: left;
	padding: 0;
	margin: 0;
}

#menu-2 li a{
	display: block;
	float: left;
	padding:0 7px;
	text-decoration: none;
	color:#ffffff;
	height: 20px;
	line-height:20px;
	font-weight:normal;
}

#menu-2 li a:hover{
	text-decoration:none;
	color:#000000;
/*	background:#98af21;*/
	background:#FFFFFF;
	font-weight:normal;
}


/* end menu */


#banner{
/*background:url(images/logo_02.jpg) 0 0 no-repeat;*/
width:1000px;
height:124px;
padding:0 0 0 0;
/*position:absolute;
z-index:2;*/
}

.banner-txt {
padding:20px 0 0 40px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:22px;
color:#CCCC66;
}

.banner-txt-2 {
padding:5px 0 0 40px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
color:#FFFFFF;
}

#edit_all{
/*background:url(images/bck_shadow.gif) 0 0 repeat-x #FFFFFF;*/
/*background:url(images/bck_shadow_edit_home.gif) 0 0 repeat-x #FFFFFF;*/
background:url(images/bck_edit_home.gif);
padding:0;
margin:0;
}

#edit_all_top {
background:url(images/bck_shadow_edit_home.gif) 0 0 repeat-x;

}

#edit {
background:url(images/bck_edit.gif) 0 0 repeat-y;
width:1000px;
padding:0;
margin:0 auto;
}

#edit_home {
/*background:url(images/bck_edit_home.gif) 0 0 repeat-y;*/
width:1000px;
padding:0;
margin:0 auto;
height:350px;
overflow:hidden;
}

#edit_shadow{
background:url(images/bck_shadow_edit.gif) 0 0 no-repeat;
width:1000px;
height:26px;
} 

#edit_shadow_home{
background:url(images/bck_shadow_edit_home.gif) 0 0 repeat-x;
width:1000px;
height:26px;
} 


#left_column {
float:left;
/*margin:0 250px 0 0;*/
width:730px;
margin:0 0 0 10px;
}

.box-left{
padding:0 10px 20px 10px;
}

#left_column_home {
/*margin:0 250px 0 0;
width:1000px;*/
margin:0 50px;
}





#right_column {
float:right;
width:248px;
}

.box-right{
padding:0 0 0 0px; 
}

.box_1_t{
background:url(images/box_1_t.gif) 0 0 no-repeat;
width:237px;
height:15px;
font-size:0px;
}

.box_1_m{
background:url(images/box_1_m.gif) 0 0 repeat-y;
width:237px;
font-size:12px;
}

.box_1_b{
background:url(images/box_1_b.gif) 0 0 no-repeat;
width:237px;
height:15px;
font-size:0px;
}

.submenu{
background:url(images/bck_submenu.gif) 0 0 no-repeat;
width:237px;
height:33px;
line-height:32px;
font-family:Georgia, "Times New Roman", Times, serif;
}

.submenu1{
background:url(images/bck_submenu1.gif) 0 0 no-repeat;
width:237px;
height:33px;
line-height:33px;
font-weight:normal;
font-size:14px;
margin:0 0 4px 0;
}

.submenu2{
background:url(images/bck_submenu2.gif) 0 0 no-repeat;
width:237px;
height:33px;
line-height:33px;
font-weight:normal;
font-size:14px;
margin:0 0 4px 0;
}

.submenu3{
background:url(images/bck_submenu3.gif) 0 0 no-repeat;
width:237px;
height:33px;
line-height:33px;
font-weight:normal;
font-size:14px;
margin:0 0 4px 0;
}

.submenu4{
background:url(images/bck_submenu4.gif) 0 0 no-repeat;
width:237px;
height:33px;
line-height:33px;
font-weight:normal;
font-size:14px;
margin:0 0 4px 0;
}

.box-submenu{
height:21px;
line-height:21px;
padding:5px 0 0 35px;
vertical-align:middle;
}

.box-submenu a{
color:#000000;
}

.box-submenu a:hover{
color:#908D56;
text-decoration:none;
}

#footer{
background:url(images/bck_footer.gif) 0 0 repeat-x;
/*background:#3087bc;*/
height:51px;
line-height:51px;
text-align:center;
}

.box-footer{
font-family:Tahoma;
font-size:14px;
color:#FFFFFF;
/*padding:10px;*/
}

.box-footer a{
color:#FFFFFF;
text-decoration:none;
}

.box-footer a:hover {
color:#FFFF66;
text-decoration:none;
}

.box-copy{
font-size:12px;
color:#000000;
/*height:30px;*/
line-height:30px;
text-align:center;

}

.box-copy span{
background:url(images/png_blank.png);
padding:3px;
}

.box-copy a, .box-copy a:hover {
color:#000000;
text-decoration:none;
}

#sub_footer {
/*background:url(images/footer.jpg) repeat-x;*/
background:#245791 url(images/footer.gif) 50% 0 repeat-x;
/*height:100px;*/
min-height:178px;
height:auto;
height:178px;



}


/*home page */

.home_edit{
/*padding:0 0 0 215px;*/
font-size:14px;
line-height:22px;
}

.home_edit .txt{

}

.home_edit ul img {
vertical-align:middle;
}

.home_edit ul {
	margin: 0;
	list-style: none;
	padding:20px 0 0 0;
	font-size:18px;
	color:#666666;
}

.home_edit li {
	padding: 0 0 10px 0;
	margin: 0;
}




#moto_box{
position:relative;
float:left;
width:255px;
height:300px;
}

#moto_3{
position:absolute;
top:-78px;
left:0;
background:url(images/my_moto_3.png) 0 0 no-repeat;
width:227px;
height:379px;
z-index:20;
}


/* site page */

.box_site2 {
float:left;
width:140px;
min-height:120px;
border:#999999 1px dotted;
padding:5px;
margin:10px 10px 10px 0;
text-align:center;
background:#FFFFFF;
}


.box_site3 {
float:left;
width:150px;
min-height:103px;
height:auto;
height:103px;
/*border:#999999 1px dotted;*/
padding:5px;
margin:10px 10px 10px 0;
text-align:center;
/*background:#FFFFFF;*/
}

.box_site3  img{
border:2px solid transparent;
}

.box_site3 a:hover img{
border:#355b8a 2px solid;
}

.box_site2:hover {
/*background:#EEEEEE;*/
}

/* banner page */

.box_site_banner {
border:#999999 1px dotted;
padding:5px;
margin:10px 0;
text-align:center;
}

.box_site_banner:hover{
background:#EEEEEE;
}

.box_site_banner ul {
font-size:14px;
}

/* flash site */

.box_cms{
text-align:left;
padding:0 0 0 30px;
font-size:12px;
}

.box_cms a{
color:#000000;
}

.box_cms ul{
margin:0;
padding:0;
list-style:disc;
}

/* contact us */

.contact {
border:#CCCCCC 1px dashed;
padding:10px;
width:250px;
text-align:center;
margin:0;
}

/* faq */

.txt12_black{
font-weight:bold;
}


.facebook_box{
padding:0 0 10px 0;
}

.linkedin_box{
padding:0 0 10px 0;
}

.linkedin_box img{
border:none;
}

/* harmonika */

.dhtmlgoodies_question{	/* Styling question */
	/* Start layout CSS */
	color:#000000;
/*	font-size:0.9em;*/
/*	background-color:#317082;*/
/*	width:430px;*/
	margin-bottom:2px;
	margin-top:2px;
	padding-left:2px;
	background-image:url('images/bg_answer.gif');
	background-repeat:no-repeat;
	background-position:top right;	
	height:140px;
	
	/* End layout CSS */
	
	overflow:hidden;
	cursor:pointer;
	text-align:center;
}
.dhtmlgoodies_answer{	/* Parent box of slide down content */
	/* Start layout CSS */
/*	border:1px solid #317082;
	background-color:#E2EBED;*/
/*	width:400px;*/
	
	/* End layout CSS */
	
	visibility:hidden;
	height:0px;
	overflow:hidden;
	position:relative;

}
.dhtmlgoodies_answer_content{	/* Content that is slided down */
	padding:1px;
	font-size:0.9em;	
	position:relative;
}

/* Easy Slider */

	#slider{}	
	#slider ul, #slider li, #slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
		
		#slider2 {
				height:300px;
		overflow:hidden; 
		
		}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:860px;

		}	

	#slider2 li{ 
		/*background:#f1f1f1;*/
		}		
	#slider2 li h2{ 
		margin:0 20px;
		padding-top:20px;
		}	
	#slider2 li p{ 
		margin:20px;
		}						
		
	p#controls, p#controls2{
		margin:0;
		position:relative;
		} 
	
	#prevBtn, #nextBtn, #prevBtn2, #nextBtn2{ 
		display:block;
		margin:0;
		overflow:hidden;
		text-indent:-8000px;		
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:-160px;
		}	
	#nextBtn, #nextBtn2{ 
		left:860px;
		}														
	#prevBtn a, #nextBtn a, #prevBtn2 a, #nextBtn2 a{  
		display:block;
		width:30px;
		height:77px;
		background:url(images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #nextBtn2 a{ 
		background:url(images/btn_next.gif) no-repeat 0 0;	
		}		
		
		#z_slide_1 {
		width:860px;
		height:300px;
		background:url(images/z-slider-1.jpg) 0 0 no-repeat;
		}	
		
		#z_slide_1 .txt{									
		width:340px;
		height:224px;
		padding:40px 0 0 510px;
		line-height:36px;
		
		}
		
		#z_slide_2 {
		width:860px;
		height:300px;
		background:url(images/z-slider-2.jpg) 0 0 no-repeat;
		}	
		
		#z_slide_2 .txt{									
		width:340px;
		height:224px;
		padding:40px 0 0 60px;
		line-height:36px;
		
		}
		
		#z_slide_3 {
		width:860px;
		height:300px;
		background:url(images/z-slider-3.jpg) 0 0 no-repeat;
		}	
		
		#z_slide_3 .txt{
										
		width:340px;
		height:224px;
			padding:140px 0 0 500px;
		line-height:36px;
		
		}
		
				#z_slide_4 {
		width:860px;
		height:300px;
		background:url(images/z-slider-4.jpg) 0 0 no-repeat;
		}	
		
		#z_slide_4 .txt{
										
		width:340px;
		height:224px;
			padding:80px 0 0 510px;
		line-height:36px;
		
		}
		
					#z_slide_5 {
		width:860px;
		height:300px;
		background:url(images/z-slider-5.jpg) 0 0 no-repeat;
		}	
		
		#z_slide_5 .txt{
										
		width:340px;
		height:224px;
		padding:40px 0 0 60px;
		line-height:36px;
		
		}
		


/* // Easy Slider */

#design4banner {
text-align:center;
padding:10px 0;
width:468px;
height:60px;
float:left;
}

#design4banner img{
border:none;
}


#psd4slicing {
text-align:center;
padding:10px 0;
width:468px;
height:60px;
float:right;
}

#psd4slicing img{
border:none;
}

#child-sites {
width:1000px;
padding:0;
margin:0 auto;
}

.banner_site {
text-align:center;
padding:20px 0;
}

.banner_site img{
border:none;
}



.moto {
background:url(images/btn_moto.gif) 0 0 no-repeat;
width:174px;
display:block;
height:38px;
text-align:center;
line-height:38px;
font-size:24px;
float:left;
margin:0 20px 0 0;


}

.moto a{
background:url(images/btn_moto.gif) 0 0 no-repeat;
width:174px;
display:block;
height:38px;
text-align:center;
line-height:38px;
font-size:24px;
}

.moto a:hover{
background:url(images/btn_moto.gif) 0 -39px no-repeat;
width:174px;
display:block;
height:38px;
text-align:center;
line-height:38px;
font-size:24px;
color:#FFFFFF;
}



.btn-1{
background:url(images/btn-1.png) 0 0 no-repeat;
width:191px;
height:44px;
line-height:40px;
padding:0 0 0 0;
text-align:center;
color:#FFFFFF;
margin:0 auto;
display:block;
font-size:20px;
}

.btn-1 a {
background:url(images/btn-1.png) 0 0 no-repeat;
width:191px;
height:44px;
line-height:40px;
padding:0 0 0 0;
text-align:center;
color:#FFFFFF;
margin:0 auto;
display:block;
}

.btn-1 a:hover {
background:url(images/btn-1.png) 0 -46px no-repeat;
width:191px;
height:44px;
line-height:40px;
padding:0 0 0 0;
text-align:center;
color:#000000;
margin:0 auto;
display:block;
text-decoration:none;
}

.try-different-link {
position:fixed;
top:35%;
right:0;
width:29px;
height:220px;
z-index:100;
}

.development-process {
width:90%;
margin:0 auto;
border:#CCCCCC 2px dashed;
padding:20px;
margin:20px 0;
}

.development-process ul{
font-size:12px;
list-style:square;
padding:0 0 0 20px;
}

/* mega menu */

.megamenu{
position: absolute;
display: none;
left: 0;
top: 0;
background: white;
border: 1px solid #245791;
border-width: 5px 1px;
padding: 10px;
font: normal 12px Verdana;
z-index: 100;

}

.megamenu .column{
float: left;
width: 180px; /*width of each menu column*/
margin-right: 5px;
}


.megamenu .column2{
float: left;
width: 255px; /*width of each menu column*/
margin-right: 5px;
border-right:#CCCCCC 1px dashed;
/*border-top:#CCCCCC 1px solid;*/
}

.megamenu .column3{
float: left;
width: 250px; /*width of each menu column*/

}

.no-brd {
border:0;
}


.megamenu .column img, .megamenu .column2 img,  .megamenu .column3 img{
vertical-align:middle;
}

.megamenu .column ul, .megamenu .column2 ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.megamenu .column3 ul {
margin:0 0 0 0;
padding:0 0 0 0;
/*list-style:square;*/
color:#CCCCCC;
line-height:25px;
list-style:none;
width:100%;
}



.megamenu .column3 ul li a{
text-decoration: none;
color:#990000;
}

.megamenu .column3 ul li a:hover{
text-decoration:none;
color:#000000;
display:block;
}


.megamenu .column ul li, .megamenu .column2 ul li{
padding-bottom: 10px;
}

.megamenu .column h3, .megamenu .column2 h3,  .megamenu .column3 h3{
/*background: #e0e0e0;*/
font: bold 16px Tahoma;
margin: 0 0 5px 0;
padding:0 0 3px 0;
border-bottom:#CCCCCC 1px dotted;
}


.megamenu .column2 h4{
/*background: #e0e0e0;*/
font: normal 20px Tahoma;
margin: 0 0 0 0;
padding:0 0 0 0;
/*border-bottom:#CCCCCC 2px solid;*/
color:#0066CC;
}

.megamenu .column2 a h4{
text-decoration:none;
color:#0066CC;
}

.megamenu .column2 a:hover h4{
text-decoration:none;
color:#000000;
}

.megamenu .column2 h4 img{
border:none;
}

.megamenu .img_left{
float:left;
padding:0 10px 5px 0;
}

.megamenu .min{
font-size:11px;
color:#000000;
padding:0 10px 0 0;
}

.megamenu .column ul li a, .megamenu .column2 ul li a{
text-decoration: none;
}