/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline; }
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }
	body {
		line-height: 1; }
	ol, ul {
		list-style: none; }
	blockquote, q {
		quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
	table {
		border-collapse: collapse;
		border-spacing: 0; }



/* #Basic Styles
================================================== */
	body {
		background: #f6f6f6 url('../images/main_bkg.jpg');
		background-size:cover;
		font: 15px/21px 'Lato', arial, sans-serif;
		color: #0E0E0E;
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
 }

/* #Typography
================================================== */
	h1, h2, h3, h4, h5, h6 {
		color: #555;
		font-family: "Lato", arial, serif;
		font-weight: normal; 
	}
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	h1 { font-size: 29px; line-height: 38px; margin-bottom: 14px;}
	h2 { font-size: 21px; line-height: 28px; margin-bottom: 10px; }
	h3 { font-size: 18px; line-height: 26px; margin-bottom: 8px; }
	h4 { font-size: 16px; line-height: 24px; margin-bottom: 8px; margin-top: 4px; }
	h5 { font-size: 15px; line-height: 21px; }
	h6 { font-size: 14px; line-height: 21px; }
	.subheader { color: #777; }

	p { margin: 0 0 20px 0; }
	p img { margin: 0; }
	p.lead { font-size: 21px; line-height: 27px; color: #777;  }

	em { font-style: italic; }
	strong { font-weight: 700; }
	small { font-size: 80%; }

/*	Blockquotes  */
	blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; }
	blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
	blockquote cite { display: block; font-size: 12px; color: #555; }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }

	hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }


/* #Links
================================================== */
	a, a:visited { color: #444; outline: 0; text-decoration: none;
		
		-webkit-transition: all 0s linear;
		-moz-transition: all 0s linear;
		-ms-transition: all 0s linear;
		-o-transition: all 0s linear;
		transition: all 0s linear;			
	}
	a:hover, a:focus { color: #0ad1e5; }
	p a, p a:visited { line-height: inherit; }


/* #Lists
================================================== */
	ul, ol { margin-bottom: 20px; }
	ul { list-style: none outside; }
	ol { list-style: decimal; }
	ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
	ul.square { list-style: square outside; }
	ul.circle { list-style: circle outside; }
	ul.disc { list-style: disc outside; }
	ul ul, ul ol,
	ol ol, ol ul { margin: 4px 0 5px 30px; }
	ul ul li, ul ol li,
	ol ol li, ol ul li { margin-bottom: 6px; }
	li { line-height: 1.5em; margin-bottom: 12px; }
	ul.large li { line-height: 21px; }
	li p { line-height: 21px; }

/* #Images
================================================== */

	img.scale-with-grid {
		max-width: 100%;
		height: auto; }
	.frame-scale-with-grid {
		max-width: 100%; }
		
	#google_map iframe {
		width: 100%;
		height: 416px;
		border: 0;
	}	


/* #Forms
================================================== */

	form {
		margin-bottom: 20px; }
	fieldset {
		margin-bottom: 20px; }
	input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea,
	select {
		border: 1px solid #ccc;
		padding: 6px 4px;
		outline: none;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		font: 13px Arial, sans-serif;
		color: #777;
		margin: 0;
		width: 210px;
		max-width: 100%;
		display: block;
		margin-bottom: 20px;
		background: #fff; }
	select {
		padding: 0; }
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus,
	textarea:focus {
		border: 1px solid #aaa;
 		color: #444;
 		-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
		-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
		box-shadow:  0 0 3px rgba(0,0,0,.2); }
	textarea {
		min-height: 60px; }
	label,
	legend {
		display: block;
		font-weight: bold;
		font-size: 13px;  }
	select {
		width: 220px; }
	input[type="checkbox"] {
		display: inline; }
	label span,
	legend span {
		font-weight: normal;
		font-size: 13px;
		color: #444; }

/* #Misc
================================================== */
	.remove-bottom { margin-bottom: 0 !important; }
	.half-bottom { margin-bottom: 10px !important; }
	.add-bottom { margin-bottom: 20px !important; }



/* #Buttons
================================================== */

.button, a.button,
	button,
	input[type="submit"],
	input[type="reset"],
	input[type="button"] {
		border-style: solid;
		border-width: 0;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		
	/*	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 0;*/
		background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.1));
		background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.1));
		background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.1));
		background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.1));
		background-image: linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.1));
		background-repeat: repeat-x;
	/*	border-color: rgba(0, 0, 0, 0.03) rgba(0, 0, 0, 0.05) rgba(0, 0, 0, 0.15);*/
		color: white;
		text-shadow: 0 1px rgba(0, 0, 0, 0.4);
		background-color: #374045;
		text-decoration: none;
		font-size: 16px;
		font-family: "Lato", arial;
		font-weight: 400;

		display: inline-block;
		cursor: pointer;
		line-height: normal;
		padding: 5px 14px;
}


.button:hover, a:hover.button,
	button:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover {

		background-color: #0ad1e5;
	  
	  }

.button:active,
	button:active,
	input[type="submit"]:active,
	input[type="reset"]:active,
	input[type="button"]:active {
		
		background-color: #3d494f;
		
		}

	.button.full-width,
	button.full-width,
	input[type="submit"].full-width,
	input[type="reset"].full-width,
	input[type="button"].full-width {
		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
		text-align: center; }

	/* Fix for odd Mozilla border & padding issues */
	button::-moz-focus-inner,
	input::-moz-focus-inner {
    border: 0;
    padding: 0;
	}

.button_hilite, a.button_hilite{
	background-color: #0ad1e5;
}	
.button_hilite:hover, a:hover.button_hilite{
	background-color: #374045;
}

.button_pale, a.button_pale{
	color: #374045;
	background-color: #f8f8f8;
	text-shadow: 0 1px 0 rgba(256, 256, 256, 0.4);
}	
a:hover.button_pale{
	color: #fff;
	background-color: #374045;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}
.button, button.sm_button, a.sm_button,
	input[type="submit"].sm_button,
	input[type="reset"].sm_button,
	input[type="button"].sm_button {
		
		font-size: 13px;
}


/* Menu IDX */
#menu_idx {
	width: 396px;
	margin: 36px auto 36px;
	height: 46px;
	padding: 0px 0 0 5px;
	font-family: 'Lato', arial, sans-serif;
	font-weight: 400;
	font-size: 15px;
	-moz-border-top-right-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -khtml-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
	-moz-border-top-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -khtml-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    
	border:1px solid #616261;
	background-color: #222;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #222), color-stop(100%, black));
	background-image: -webkit-linear-gradient(top, #222, black);
	background-image: -moz-linear-gradient(top, #222, black);
	background-image: -ms-linear-gradient(top, #222, black);
	background-image: -o-linear-gradient(top, #222, black);
	background-image: linear-gradient(top, #222, black);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#222, endColorstr=black);
	-webkit-box-shadow:inset 0px 4px 15px rgba(255, 255, 255, 0.3),inset -6px -6px 7px rgba(0, 0, 0, 1);
	-moz-box-shadow:inset 0px 4px 15px rgba(255, 255, 255, 0.3),inset -6px -6px 7px rgba(0, 0, 0, 1);
	box-shadow:inset 0px 4px 15px rgba(255, 255, 255, 0.3),inset -6px -6px 7px rgba(0, 0, 0, 1);
}
#menu_idx a{
	font-size: 16px;	
	text-decoration: none;
}
#menu_idx ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#menu_idx ul li {
	margin-bottom: 0;
}
#menu_idx > ul > li {
	position: relative;
	float: left;
	z-index: 1015;
	padding: 0px 2px 0px 0px;
	background: url('../images/main_nav_bgr_sep.png') right 2px no-repeat;	
}
#menu_idx > ul > li > a {
	
}
#menu_idx > ul > li:hover > a {
	background: url('../images/main_nav_bgr_dark_hover.png') top left repeat-x;
}
#menu_idx > ul > li > a:hover {
	background:#292929;
}
#menu_idx > ul > li:last-child {
background:none;
}
#menu_idx > ul > li > a {
	line-height: 46px;
	text-decoration: none;
	display: block;
	padding: 0px 19px;
	z-index: 6;
	position: relative;
	color: #fff;
	text-shadow: 0px 1px 0px #111;
	
	-webkit-transition: all 0s linear;
	-moz-transition: all 0s linear;
	-ms-transition: all 0s linear;
	-o-transition: all 0s linear;
	transition: all 0s linear;
}
#menu_idx > ul > li > div {
	background: #4f5152;
	background-image: -moz-linear-gradient(#58595a,#414344);
	background-image: -o-linear-gradient(#58595a,#414344);
	background-image: -webkit-linear-gradient(#58595a,#414344);
	background-image: linear-gradient(#58595a,#414344);
	border: 1px solid #3b3d3e;
	border-top: 1px solid #212223;
}
#menu_idx > ul > li > div > ul {
	border-top: 3px solid #45494b;
}
#menu_idx > ul > li ul > li > a {
	color: #fff;
	text-shadow: 0px -1px 0px #343a3c;
}
#menu_idx > ul > li ul > li > a {
	background: url('../images/main_nav_bgr_sep_vertical_dark.png') bottom left repeat-x;	
}
#menu_idx > ul > li ul > li > a.last_submenu_item{
	background: none;		
}
/* Menu IDX */


#select_menu {
	display: none;
}


/* #Main containers + Common styles
================================================== */

#wrapper{
	width: 100%;
	margin: 0 auto 0 auto;
	text-align: left;
	background:url(../images/wrap_bkg.png) center 70px no-repeat;
	/*background: white;*/

	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);	
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}
#wrapper.full_wrapper{
	width: 100%;
	margin: 0px auto;
	padding: 20px 0 0;
}

.h5 {
	height: 5px;
}
.h10 {
	height: 10px;
}
.h15 {
	height: 15px;
}
.h20 {
	height: 20px;
}
.h40 {
	height: 40px;
}
.mt50 {
	margin-top: 50px !important;
}

.header {
}
.index .header .sixteen.columns {
text-align:center;
}
.section_video_idx {
text-align:center;
}


/* LISTS */

ul.arrowed{
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.arrowed li {
	padding: 0 0 0 20px;
	background: url('../images/arrow.png') 0px 3px no-repeat;
	margin-bottom: 6px;
}
ul.dotted{
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.dotted li {
	padding: 0 0 0 20px;
	background: url('../images/dot.png') 0px 3px no-repeat;
	margin-bottom: 6px;
}
ul.checked{
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.checked li {
	padding: 0 0 0 26px;
	background: url('../images/check.png') 0px 3px no-repeat;
	margin-bottom: 6px;
}

.no_bm {
	margin-bottom: 0;
}


/* #Footer
================================================== */
#footer {
	width: auto;
	clear: both;
	overflow: auto;
	min-height: 100px;
	background: rgba(0,0,0,0.8);
	font-size: 12px;
	
	color: #c3c3c3;
	box-shadow: inset 0px 4px 16px rgba(255, 255, 255, 0.3),inset -4px 0 8px rgba(0, 0, 0, 1);
	-webkit-box-shadow: inset 0px 4px 16px rgba(255, 255, 255, 0.3),inset -4px 0 8px rgba(0, 0, 0, 1);
	-moz-box-shadow: inset 0px 4px 16px rgba(255, 255, 255, 0.3),inset -4px 0 8px rgba(0, 0, 0, 1);
}

#wrapper.full_wrapper #footer {
	width: 100%;
}

.footer_inside {
	width:960px;
	margin: 20px auto;
}
#wrapper.full_wrapper .footer_inside {
	width: 960px;
	margin: 20px auto;
}

#footer h4 {
	color: #d1d6d9;
	font-size: 14px;
	font-weight:700;
	line-height: 18px;	
	margin-top: 0px;
	margin-bottom: 8px;
}
#footer.footer_dark h3{
	color: #818f96;
	text-shadow: 0px -1px 0px #111;
}
#footer .column {
	float: left;
	width: 18%;
	min-height: 100px;
}
#footer .big_column {
	float: right;
	width: 28%;
	min-height: 100px;
}
#footer p {
	margin-bottom: 0;
	font-size:14px;
}

/* Footer Icons*/
.icon_partners,
.icon_rocket,
.icon_msstech,
.icon_spark,
.icon_mrk,
.icon_start {
	margin:22px 23px 22px 0;	
}
.icon_partners {
	float: left;
	width: 50px;
	height: 115px;
	background: url('../images/sprite_footer.png')3px center no-repeat;
	text-indent: -9999px;
	margin:22px 20px 22px 0;	
}
.icon_rocket {
	float: left;
	width: 235px;
	height: 115px;
	background: url('../images/sprite_footer.png') -74px center no-repeat;
	text-indent: -9999px;
}
.icon_msstech {
	float: left;
	width: 92px;
	height: 115px;
	background: url('../images/sprite_footer.png') -336px center no-repeat;
	text-indent: -9999px;
}
.icon_spark {
	float: left;
	width: 162px;
	height: 115px;
	background: url('../images/sprite_footer.png') -454px center no-repeat;
	text-indent: -9999px;
}
.icon_mrk {
	float: left;
	width: 244px;
	height: 115px;
	background: url('../images/sprite_footer.png') -642px center no-repeat;
	text-indent: -9999px;
}
.icon_start {
	float: left;
	width: 115px;
	height: 115px;
	background: url('../images/sprite_footer.png') -813px center no-repeat;
	text-indent: -9999px;
	margin-right:0;	
}

#footer .columns ul {
	margin: 0px 0 0 18px;
	list-style: none;
	padding: 0;
}
#footer .columns ul li {
	margin-bottom: 4px;
	background: url('../images/arrow_footer_list.png') -5px 1px no-repeat;
	padding-left: 16px;
}
#footer a {
	text-decoration: none;
	padding: 0px;
	font-size: 12px;
	line-height: 15px;
	color:#949ea3;

	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;			
}
#footer a:hover {
	color:#0ad1e5;
}
#footer .three.columns, #footer .four.columns {
border-left: 1px solid #373737;
padding-left:36px;
margin:0;
}
.footer_btm {
	clear: both;
	overflow: auto;
	border-bottom: 1px solid #373737;
	width:960px;
	margin:0 auto;
}
.footer_btm_inner {
  margin:0 10px;
}

#wrapper.full_wrapper {
	width: 960px;
	margin: 0px auto;
}

/* #Footer :: END
================================================== */





/* #Template Styles
================================================== */

/* Custom Menu BGR COLOR */
.custom_menu #menu, .custom_menu #menu > ul > li > a  {
	
}

/* Menu Font */
.custom_menu #menu > ul > li > a {
	
}

/* Menu Font Size */
#menu > ul > li > a {
	
}

/* HighLight Color */
/*
a:hover, a:focus { color: hex ; }
.button:hover,a:hover.button,button:hover,input[type="submit"]:hover,input[type="reset"]:hover,	input[type="button"]:hover, .button_hilite, a.button_hilite { color: #fff; background-color: hex ;}
.button_hilite, a.button_hilite { color: #fff; background-color: hex ;}
.button_hilite:hover, a:hover.button_hilite { color: #fff; background-color: #374045;}
		
.section_big_title h1 strong { color: hex ;}
.section_featured_texts h3 a:hover { color: hex ;}
		
.breadcrumb a:hover{ color:  hex ;}
.post_meta a:hover{ color:  hex ;}
.portfolio_filter div.current{ background-color:  hex ;}
	   
.next:hover,.prev:hover{ background-color:  hex ;}
.pagination .links a:hover{ background-color:  hex ;}
	   
.info  h2{ background-color:  hex ;}
#footer a:hover { color:  hex ;}
.footer_pic img:hover{ border: 3px solid  hex ;}

.jcarousel-next-horizontal:hover, .jcarousel-prev-horizontal:hover { background-color: hex ;}
*/

/* Title Font */
h1, h2, h3, h4, h5, .title, .section_big_title h1, .heading, #footer h4 {

}

/* Button Font */
.button, a.button, button, input[type="submit"], input[type="reset"], input[type="button"] {

}

/* Body Font */
body {

}

/* #Template Styles::END
================================================== */




/* CUSTOM RESPONSIVE STYLES */

/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
        
        #wrapper,
        #wrapper.full_wrapper {
        	border-radius: 0px;
        	padding:0;
        	background-size:720px;
        }
       
        #footer 			{ width: 100%; }
        .footer_inside, #wrapper.full_wrapper .footer_inside 
        					{ margin: 20px auto; width: 730px; }
        .footer_btm 		{ border-radius: 0; width: 730px;}
        .footer_btm_inner, #wrapper.full_wrapper .footer_btm_inner	{ width: 730px; margin: 0px auto; }
        #footer .five.columns { width:160px; }
        #footer .four.columns { width:246px; }
        #footer .three.columns, #footer .four.columns { padding-left:16px; }
		
		.icon_rocket, .icon_msstech, .icon_digitex, .icon_spark, .icon_mrk		{height: 78px; margin:0 23px 0 0;}
		.icon_spark, .icon_mrk		{margin-bottom:22px;}   
        
    }


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {

        #wrapper,
        #wrapper.full_wrapper {
        	border-radius: 0px;
        	padding:0;
        	background-size:320px;
        }
		.index .header .sixteen.columns a img { width:380px; }
        
        #footer 			{ width: 100%; }
		.footer_inside, #wrapper.full_wrapper .footer_inside { margin: 0px auto 20px; width: 300px; padding: 0; }

	    .footer_btm		{ border-radius: 0; width:300px; }
        .footer_btm_inner, #wrapper.full_wrapper .footer_btm_inner	{ margin: 0px auto; width:300px; }
		
		.icon_rocket, .icon_msstech, .icon_digitex, .icon_spark, .icon_mrk		{ height: 78px; margin:0 23px 0 0; }

		.icon_spark {margin-bottom:0;}
		.icon_mrk {margin:0 23px 22px 0px; }
            	
    	.header_left 		{ text-align: center;}
    	.header_left img 	{ margin: 20px 0 0 0px; max-width: 100%; height: auto;}
    	
    	.header_right 		{ text-align: center;}
    	#menu 				{ display: none; }
    	#select_menu		{ display: block; width: 100%; padding: 8px; margin-bottom: 0;}
    	
    	.columns.title,
    		.column.title	{ margin: 20px 0 22px; }
    	.margined_left 		{ margin-left: 0; }
    	#footer h4			{ margin-top: 30px; }
    	#footer .columns ul { margin-left: 0; }
		#footer .three.columns, #footer .four.columns { border-left: none; padding-left: 0; }
    	
    	/* Page Specific */
    	
		.section_video_idx img { width:100%; }
		#menu_idx {width:292px;}      	
		#menu_idx > ul > li > a { padding:0 12px; }
        #menu_idx a { font-size:12px; }
    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
    
    	#wrapper,
        #wrapper.full_wrapper {
        	border-radius: 0px;
        	padding:0;
        	background-size:480px;
        	background-position:60px 50px;
        }
    
    	body { background-size:100%; }

		.index .header .sixteen.columns a img { width:380px; }
        
        
		.footer_btm		{ border-radius: 0; width:400px; }
        .footer_inside, #wrapper.full_wrapper .footer_inside
        					{ margin: 0px auto 20px; width: 420px; padding:0;  }
        .footer_btm_inner, #wrapper.full_wrapper .footer_btm_inner
        					{ margin: 0px auto; width: 400px; }
		#footer .three.columns, #footer .four.columns {border-left:none; padding-left:0;}
		.icon_mrk {margin: -20px 4px 17px 0px;}

		
		/* Page Specific */
		
		#menu_idx > ul > li > a { padding:0 19px; }
        #menu_idx a { font-size:15px; }
        #menu_idx {width:380px;}  
}