/*BodyFix*/
body { overflow-x:hidden;text-align:center;}

/*Main Wrappers
===============*/
.main_wrapper { width:1020px; margin:0 auto; text-align:center;text-align:left;background:url("../images/main-bg.gif") 0 0 repeat;box-shadow:0px 0px 20px rgba(0,0,0,0.47);}

/*Header
========*/
	header { background:url("../images/header-top-bg.png") 0 0 repeat-x; position:relative; z-index:10}
	header .red_line { background:#ed1c24; height:5px; width:303px; display:block; position:absolute; left:0; top:-5px}
	/*Logo*/
	.logo { 
		position:absolute;
		left:2px;
		top:24px;
		width:206px;
		height:97px;
		display:block;
		background:url("http://www.cylence.media/images/CylenceMedia-tritone-web.png") 0 0 no-repeat;
		text-decoration:none;
	}
	.phone_block{
		position:absolute;
		top:74px;
		right:0;
		overflow:hidden;
	}
	.phone_block .left{
		font-family:'Abel', sans-serif;
		float:left;
		width:63px;
		padding:14px 0 0 0;
		color:#000;
		font-size:17px;
		line-height:1.2em;
	}
	.phone_block .right{
		font-size:12px;
		line-height:24px;
		font-style:italic;
		color:#686868;
		width:110px;
		float:left;
	}
	.phone_block .right span{
		font-size:15px;
		color:#000;
	}
	/*MainMenu*/
	nav.head_nav { margin:146px 0 0 0; position:relative;overflow:;}
	.mainmenu { margin:0; padding:0; position:relative; z-index:10;}
	.mainmenu li { float:left; padding:0; margin:0; position:relative;}
	.mainmenu li.sep { width:11px!important; background:url("../images/sep_menu.png") no-repeat center!important; display:block; height:34px}
	.mainmenu>li>a { display:block;text-align:center; line-height:20px; font-size:14px; text-decoration:none; color:#000; padding:7px 2px;margin:0 7px 22px 7px; font-family: 'Abel', sans-serif;text-transform:uppercase; }
	.mainmenu>li>a:hover, .mainmenu>li.act>a{border-bottom:#000 2px solid;}
		/*Submenu*/
	.level1 { left:7px; top:36px;}
	.level2 { left:200px; top:0px;}
	.level2r { left:-200px; top:0px;}
	.mainmenu li ul.sub_menu { margin:0; padding:0; position:absolute; overflow:visible; display:none}
	.mainmenu li ul.sub_menu li { float:none; background:#f9f9f9; border:#eee 1px solid;border-top:none;width:200px; position:relative;}
	.mainmenu li ul.sub_menu li a { 
	
		display:inline-block;
		padding:5px 12px 5px 10px;
		line-height:14px;
		font-size:12px;
		color:#383838;
		font-family: 'Abel', sans-serif;
		text-transform:none;
		text-align:left
	}
	
	.mainmenu li ul.sub_menu li>a:hover{
		color:#000;
		text-decoration:none;
	}
	.mainmenu>li>ul.sub_menu>li>a:hover{
		background:url("../images/nav-marker.gif") right 10px no-repeat;
	}
	
		/*MobileMenu*/
	.mobile_nav { display:none}
	.mobile_menu { display:none}
	
	/*Soicials*/
	.socials { margin:0; padding:0; position:absolute; right:-4px; top:0px; overflow:hidden;}
	.socials li { width:35px; height:37px; float:left}
	.socials li a { width:35px; height:37px; display:block;}
	
/*Slider
========*/
	.slider_wrapper {
		border:#e7e7e7 1px solid;
		border-radius:3px;
		background:#e9e9e9;
		padding:9px;
	}
	#top_slider { overflow:hidden;border-radius:3px;}

/*Main Container
================*/
	.slogan { 
		padding:35px 0 20px 0;
		border-bottom:#f2f2f2 1px solid;
		margin-bottom:32px;
		text-align:left;
	}
	.slogan h1 { 
		margin-bottom:0;
		font-size:30px;
		line-height:1.2em;
		color:#000;
		font-family: 'Abel', sans-serif;
	}
	.slogan .text{
		font-style:italic;
		font-size:14px;
		line-height:21px;
		color:#000;
		padding-top:4px;
	}
	
	.divider{
		background:url("../images/divider-bg.gif") 33% 0 no-repeat;
	}
	.divider-pos1{
		background-position:71% 0;
	}
	.divider-inner{
		padding-top:15px;
		margin-bottom:15px;
	}
	
	
	.service-list{margin-bottom:21px;}
	.service-list li{
		background:url("../images/service-marker.png") 0 0px no-repeat;
		padding-left:31px;
		font-size:12px;
		line-height:1.2em;
	}
	.service-list li:first-child{
	}
	.service-list li a{
		color:#5b5b5b;
		text-decoration:none;
	}
	.service-list li a:hover{
		text-decoration:underline;
	}
	.testimonials{
		color:#959595;
		font-size:11px;
		margin-bottom:15px;
	}
	.testimonials .testimonial{
		background:#e7e7e7;
		font-style:italic;
		padding:1px;
		border-radius:3px;
		margin-bottom:17px;
	}
	.testimonials .testimonial-inner{
		border:#f0f0f0 1px solid;
		border-radius:3px;
		background:url("../images/testimonials-bg.png") right 0 no-repeat;
		padding:30px 32px 28px 36px;
		position:relative;
	}
	.testimonials .corner{
		position:absolute;
		display:block;
		width:16px;
		height:12px;
		z-index:9;
		background:url("../images/corner.png") 0 0 no-repeat;
		bottom:-11px;
		left:65px;
	}
	.testimonials .author{
		display:block;
		color:#5b5b5b;
		font-size:12px;
		margin-bottom:-5px;
	}
		/*Sliding Gallery*/
	.slider1_list { overflow:hidden;}
	.slider1_list li { text-align:left; background:#e7e7e7; padding:20px 15px 17px 15px; border:#e7e7e7 1px solid; color:#5b5b5b; cursor:pointer; float:left;}
	.slider1_list li img { border:#eee 1px solid;margin-bottom:16px;}
	.slider1_list li h3 { color:#555555; margin-bottom:10px; font-style:normal}
	
		/*Seperators*/
	.seperator {background:url("../images/bg_grey_pix.png") repeat-y ; overflow:hidden}
	.seperator_after8 { background-position:50% 0}
	.seperator_right { background-position: 75% 0}	
	.seperator_left { background-position: 25% 0}	

/*Aside
=======*/
	.aside { padding:40px 30px 55px 30px; background:#e7e7e7; margin-top:43px}
	.aside-divider{
		background:url("../images/aside-divider.gif") 28.23% 0 repeat-y;
	}
	.aside-divider.pos1{
		background-position:46.98% 0;
	}
	.aside-divider.pos2{
		background-position:71.98% 0;
	}
	
	.footer_logo{
		color:#fff;
		font-family:'Oswald Light';
		font-size:25px;
		line-height:1.2em;
		text-decoration:none;
		display:inline-block;
		margin-bottom:20px;
	}
	.copyright_text{
		color:#9f9f9f;
		font-style:italic;
		padding-right:28px;
	}
	.copyright{
		color:#fff;
		padding-top:25px;
	}
	
/*Footer
==================*/
	footer { 
		position:relative;
		color:#d6d6d6;
		background:#303030;
		padding:13px 40px;
	}
		
/*----------------------------------------------------------
Tablet Portrait size to standard 960 (768x1024) 
-----------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
/*Main Wrappers
===============*/
.main_wrapper { background:#ffffff; width:768px; margin:0 auto; text-align:center; position:relative; padding:0 0px; text-align:left}

/*Header
========*/
	/*MobileMenu*/
	.mobile_nav { display:none}
	.mobile_menu { display:none}
	
/*Slider
========*/
	.top_slider { width:768px; padding-bottom:5px;overflow:hidden}
	#top_slider { overflow:hidden}

/*Main Container
================*/
	.site_container { padding:0 0px}
	.bf_block { background:#f9f9f9; margin:20px 0 40px 0; padding:40px 0px; border-bottom:#efefef 1px solid; border-top:#efefef 1px solid}

/*Aside
=======*/
	.aside { padding:35px 0px 50px 0px;}
	.aside-divider.pos2 {
		background-position: 75% 0;
	}

/*Footer
==================*/
	

}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	/*Empty*/
}

/*------------------------------------------------
Mobile Landscape Size to Tablet Portrait (480x320)
--------------------------------------------------*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
/*Main Wrappers
===============*/
.main_wrapper { background:#ffffff; width:440px; margin:0 auto; text-align:center; position:relative; padding:0px; box-shadow:0px 0px 20px #606060; text-align:left; }

/*Header
========*/
	/*MainMenu*/
	nav.head_nav { display:none!important}
	/*MobileMenu*/
	.mobile_menu li.has-menu>ul { display:none}
	.mobile_menu li.has-menu{
		
	}
	.mobile_menu li.has-menu>a{
		display:inline-block;
		background:url("../images/nav-marker.gif") right 8px no-repeat;
		padding-right:10px;
	}
	.mobile_menu li.has-menu>a.act{
		background:url("../images/nav-marker-act.gif") right 8px no-repeat;
	}
	.mobile_nav { display:block!important; margin:150px 0 10px 0; position:relative;}
	.mobile_nav a.menu_toggle { display:block; border-top:#e7e7e7 1px solid; border-bottom:#e7e7e7 1px solid; line-height:40px; font-size:12px; text-decoration:none; color:#5b5b5b; font-family: 'Abel', sans-serif; text-align:center; text-transform:uppercase; background:none; margin:0 0 10px 0;}
	.mobile_nav a.menu_toggle:hover, .mobile_nav a.menu_toggle.act{
		 border-top:#000 1px solid; border-bottom:#000 1px solid;color:#000;
	}
	.mobile_menu { display:none; margin:0 0 0 50px; padding:0}
	.mobile_menu li { }
	.mobile_menu li a {padding:0;font-family:'Abel', sans-serif;font-size:14px;}
	.mobile_menu li a:hover { }
	.mobile_menu .sub_menu { padding:15px 0 0 0; margin:0}
	.mobile_menu .level1 a { margin-left:40px!important}
	.mobile_menu .level2 a, .level2r a { margin-left:55px!important}
	/*Logo*/
	.aside-divider, .divider{
		background:none;
	}
	/*Soicials*/

/*Slider
========*/
	.top_slider { width:440px; padding-bottom:5px;overflow:hidden}
	#top_slider { overflow:hidden}

/*Main Container
================*/
	.site_container { padding:0 10px}
	.bf_block { background:#f9f9f9; margin:20px 0 40px 0; padding:30px 10px; border-bottom:#efefef 1px solid; border-top:#efefef 1px solid}
	.es-carousel-wrapper { margin-top:20px}
	.es-nav {top:-40px!important}
	.es-nav span{
		right:40px;
	}
		/*Resolution Fixes*/
	.add-spacers { margin-left:0px!important; margin-right:0px!important}
	.contact_input input, .contact_input textarea { margin:0!important}
		/*Seperators*/
	.seperator { background:none}
		/*SideBar*/
	.sidebar_right { border-top:#efefef 1px solid; padding:20px 0 0px 0;}
	.sidebar_left { border-bottom:#efefef 1px solid; padding:0 0 20px 0;}

/*Aside
=======*/
	.aside { padding:35px 10px 30px 10px;}
	

/*Footer
==================*/
	
	
/*Skeleton Fixes
================*/
.columns { padding-bottom:15px}
}

/*-----------------------------------------------------
Mobile Portrait Size to Mobile Landscape Size (320x480) 
-------------------------------------------------------*/
@media only screen and (max-width: 479px) {
/*Main Wrappers
===============*/
.main_wrapper { background:#ffffff; width:320px; margin:0 auto; text-align:center; position:relative; padding:0px; box-shadow:0px 0px 20px #606060; text-align:left}

/*Header
========*/
	/*MainMenu*/
	nav.head_nav { display:none!important}
	.mobile_menu li.has-menu>ul { display:none}
	.mobile_menu li.has-menu{
		
	}
	.mobile_menu li.has-menu>a{
		display:inline-block;
		background:url("../images/nav-marker.gif") right 8px no-repeat;
		padding-right:10px;
	}
	.mobile_menu li.has-menu>a.act{
		background:url("../images/nav-marker-act.gif") right 8px no-repeat;
	}
	.mobile_nav { display:block!important; margin:220px 0 10px 0; position:relative;}
	.mobile_nav a.menu_toggle { display:block; border-top:#e7e7e7 1px solid; border-bottom:#e7e7e7 1px solid; line-height:40px; font-size:12px; text-decoration:none; color:#5b5b5b; font-family: 'Abel', sans-serif; text-align:center; text-transform:uppercase; background:none; margin:0 0 10px 0;}
	.mobile_nav a.menu_toggle:hover, .mobile_nav a.menu_toggle.act{
		 border-top:#000 1px solid; border-bottom:#000 1px solid;color:#000;
	}
	.mobile_menu { display:none; margin:0 0 0 30px; padding:0}
	.mobile_menu li { }
	.mobile_menu li a {padding:0;font-family:'Abel', sans-serif;font-size:14px;}
	.mobile_menu li a:hover { }
	.mobile_menu .sub_menu { padding:15px 0 0 0; margin:0}
	.mobile_menu .level1 a { margin-left:40px!important}
	.mobile_menu .level2 a, .level2r a { margin-left:55px!important}
	/*MobileMenu*/
	
	/*Logo*/
	/*Soicials*/
	
/*Slider
========*/
	.top_slider { width:320px; padding-bottom:5px; background:#efefef url("../images/bg_subslider.png") repeat-y left; overflow:hidden}
	#top_slider { overflow:hidden}
	
	.phone_block {
		right:auto;
		left:0;
		top:140px;
	}

/*Main Container
================*/
	.site_container { padding:0 10px}
	.bf_block { background:#f9f9f9; margin:20px 0 40px 0; padding:20px 10px; border-bottom:#efefef 1px solid; border-top:#efefef 1px solid}
	.es-carousel-wrapper { margin-top:20px}
	.es-nav {top:-40px!important}
		/*Resolution Fixes*/
	.add-spacers { margin-left:0px!important; margin-right:0px!important}
	.contact_input input, .contact_input textarea { margin:0!important}
		/*Seperators*/
	.seperator { background:none}
		/*SideBar*/
	.sidebar_right { border-top:#efefef 1px solid; padding:20px 0 0px 0;}
	.sidebar_left { border-bottom:#efefef 1px solid; padding:0 0 20px 0;}
	.aside-divider, .divider{
		background:none;
	}
		
/*Aside
=======*/
	.aside { padding:35px 35px 35px 10px;}

/*Footer
==================*/
	
	
/*Skeleton Fixes
================*/
.columns { padding-bottom:15px}

}