/* CSS Document */
body{
	background: #FFF; 
	margin: 0px;
}

p{
	font-family:Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
	line-height: 1.5em;
	font-weight: lighter;
	font-size: 19px;
	max-width: 550px;
	color: #787787;
	letter-spacing: 0.2px;
	word-spacing: 1.2px;
}

a{
	text-decoration: none;
}

h1{
	color: #CCCCCC;
	font-family: 'Passion One', cursive; 
	font-size: 65px; 
	margin-bottom: -7px;
}

#ITBOOSTMENU{display: inline-block; padding-left: 7px; padding-right: 20px;}

#ITBOOSTMENU li{margin-top: 10px; display: inline-block; transition: background-color 0.5s ease; list-style: circle;  line-height: 1.7em; font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'DejaVu Sans', Verdana, 'sans-serif'}

#ITBOOSTMENU li a{color: #787787; opacity: 0.6; padding: 10px 20px; text-decoration: none; font-size: 16px; text-decoration: none}

#ITBOOSTMENU li:hover{background: #CCCCCC;}

#ITBOOSTMENU li a:hover{color: #000 !important}

#ITBOOSTMENU_SMALL{display: block;padding: 0px !important}

#ITBOOSTMENU_SMALL a{text-decoration: none; color: #FFF; width: 95%;}

#ITBOOSTMENU_SMALL li{color: #CCCCCC; text-align: left;  list-style: none !important; transition: background-color 0.5s ease; font-size: 22px;  border: 1px #000 solid; border-radius: 4px; margin-bottom: 7px !important; padding: 20px 20px; margin: auto; display: block !important; font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'DejaVu Sans', Verdana, 'sans-serif'}

@media only screen and (min-width:100px) and (max-width:1024px){
	
	#ITBOOST_TOPHOME{padding: 10px 30px !important}
	
	#image_about{
		float: none !important;
		width: 95% !important;
		margin: 20px 0px !important;
	}

	#PAGES{
		padding: 120px 0px 0px 0px !important;
	}	
	
	#thumb_masterarea{
		text-align: center !important;
	}
	#thumb_area{
		width: 90px !important;
		margin: 10px !important;
	}
	
	#services_masterarea{
		text-align: center !important;
		margin-top: 50px !important;
		margin-bottom: 50px !important;
	}	
	#services_area{
		width: 115px !important;
		margin: 20px !important;
	}
	
	#twocolumns{
		padding-top: 50px !important;
		padding-bottom: 50px !important;
	}
	
	#column1{
		display: block;
		margin: 0px 0px 30px 0px !important;
		padding: 20px 0px !important;
		width: 100% !important;
		text-align: center !important;
	}	
	
	#column2{ 
		display: block;
		margin: 0px 0px 30px 0px !important;
		padding: 20px 0px !important;
		width: 90% !important;
		margin: auto !important;
	}
	.column1{
		display: block;
		margin: 0px 0px 30px 0px !important;
		padding: 20px 0px !important;
		width: 100% !important;
		text-align: center !important;
	}	
	.column2{ 
		display: block;
		margin: 0px 0px 30px 0px !important;
		padding: 20px 0px !important;
		width: 90% !important;
		margin: auto !important;
	}	
	
	p{font-size: 14px;}
	
	h1{font-size: 45px !important; line-height: 1em}
	
	.openBtn{display: block !important}
	
	#top{position: fixed; z-index: 998; border-bottom: 1px #CCCCCC solid}
	
	#CALL{display: none}
	#NUMBER{display: none}
	
	#ITBOOSTMENU{display: none !important}
	
	#ITBOOSTSLIDER{
		padding: 110px 0px 0px 0px !important;
	}
	
	#ITBOOSTSLIDER_bottom{display: block !important}
	
	#ITBOOSTSLIDER_inner{
		padding-top: 50px;
		opacity: 1 !important;
		margin-top: -20px !important;
	}
		
	#phone_number{margin-left: 10px !important; display: inline-block !important}
	#phone_number_span{font-size: 25px !important;} 
	
	#slidertxt{padding: 5px 20px 15px 20px !important}
	
	#txt{
		display: block !important;
		margin: 0px 0px 30px 0px !important;
		padding: 20px 0px !important;
		width: 95% !important;
	}
	
	
	#txt h2{
		margin-left: 0px !important;
	}
	
	#red_bar{padding: 0px 20px}
	
#ITBOOSTSLOGO_TXT{vertical-align: middle;  display: inline-block; margin-left: 7px; text-align: left}	
		
	#ITBOOST_SERVICES{text-align: center !important; padding: 0px !important;}
	#ITBOOST_SERVICES li{display: block !important; width: 90% !important; margin: auto; margin-bottom: 7px;}
	
	#ITBOOST_FOOTER_ABOUT, #ITBOOST_FOOTER_CONTACTS{display: block !important; width: 90% !important; margin: auto; margin-bottom: 20px; margin-left: 0px !important;}
	
	#ITBOOST_FORM .input, textarea{width: 90% !important}
	
	#ITBOOST_TOP{display: none}
}