@charset "utf-8";
	body{ font-family: Open Sans, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: #222222;
		}
	h1{ font-family: Open Sans, Arial, Helvetica, sans-serif; font-size: 28px; font-weight: normal; color: #222222; }
	h2{ font-family: Open Sans, Arial, Helvetica, sans-serif; font-size: 23px; font-weight: normal; color: #222222; }
	h3{ font-family: Open Sans, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; color: #222222;width: 490px; }
	h4{ font-family: Open Sans, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; color: #222222; }
	h5{ font-family: Open Sans, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: normal; color: #222222; }
	h6{ font-family: Open Sans, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: #222222; }
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited  { font-weight: inherit; color: inherit; }
	h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, 
	a:hover h1, a:hover h2, a:hover h3, a:hover h4, a:hover h5, a:hover h6 { color: #666666; }
	
	.callus{ font-family: Open Sans, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; color: #0393d1 !important; }
	#header .logo{ margin-top: 10px; margin-bottom: 6px; }
	a, a:visited{ color: #289dcc; }
	a:hover, a:focus{ color: #666666; }
	#infobar{ position: fixed; }
	
	/* Top Bar ------------------------------------------------------------------------ */
	
	#topbar{ background: #ffffff; border-bottom: 1px solid #efefef; }
	#topbar .callus { color: #0393d1; }
	#topbar .callus a { color: #0393d1; }
	#topbar .callus a:hover { color: #333333; }
	    
	 	@media only screen and (max-width: 767px) {
		#topbar .callus{ background: #efefef; }	
	}
		
	/* Header ------------------------------------------------------------------------ */  
	
	#header { background: #ffffff; height: 90pxpx; }
	#header .select-menu{ background: #ffffff; }
	#navigation ul li { height: 90pxpx; }
	#navigation ul li a { height: 87px; line-height: 90pxpx; }
	#navigation .sub-menu{ top:87px; }
	#header-searchform{ margin-top: 31px; }
	
	/* Navigation ------------------------------------------------------------------------ */ 
	
	#navigation ul li a { font-family: Open Sans, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: #666666; }
	#navigation ul li a:hover { color: #0393d1; border-color: #0393d1; }
	#navigation li.current-menu-item a,
	#navigation li.current-menu-item a:hover,
	#navigation li.current-page-ancestor a,
	#navigation li.current-page-ancestor a:hover,
	#navigation li.current-menu-ancestor a,
	#navigation li.current-menu-ancestor a:hover,
	#navigation li.current-menu-parent a,
	#navigation li.current-menu-parent a:hover,
	#navigation li.current_page_ancestor a,
	#navigation li.current_page_ancestor a:hover { color: #0393d1; border-color: #0393d1; }
	#navigation .sub-menu{ background: #0393d1 !important; border-color: #ffffff; }
	#navigation .sub-menu li a,
	html body #navigation .sub-menu li .sub-menu li a,
	html body #navigation .sub-menu li .sub-menu li .sub-menu li a { font-family: Open Sans, Arial, Helvetica, sans-serif; /* normal Body font for Dropdowns */ font-size: 14px; font-weight: normal; color: #ffffff; }
	#navigation .sub-menu li{ border-color: #ffffff; }
	#navigation .sub-menu li a:hover,
	#navigation .sub-menu li .sub-menu li a:hover,
	#navigation .sub-menu li.current-menu-item a,
	#navigation .sub-menu li.current-menu-item a:hover,
	#navigation .sub-menu li.current_page_item a,
	#navigation .sub-menu li.current_page_item a:hover { color: #222222 !important; }
	#title {
		background: #FFFFFF;
	    background-image: linear-gradient(bottom, #FAFAFA 0%, #FFFFFF 100%);
	    background-image: -o-linear-gradient(bottom, #FAFAFA 0%, #FFFFFF 100%);
	    background-image: -moz-linear-gradient(bottom, #FAFAFA 0%, #FFFFFF 100%);
	    background-image: -webkit-linear-gradient(bottom, #FAFAFA 0%, #FFFFFF 100%);
	    background-image: -ms-linear-gradient(bottom, #FAFAFA 0%, #FFFFFF 100%);
	    border-bottom: 1px solid #e4e4e4;
	    border-top: 1px solid #e4e4e4;
	}
	#title h1 { font-family: PT Sans, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; color: #ffffff; }
	#title h2 { font-family: PT Sans, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: normal; color: #eeeeee; }
	#title #breadcrumbs { color: #aaaaaa; }
	#title #breadcrumbs a { color: #aaaaaa; }
	#title #breadcrumbs a:hover { color: #289dcc; }
	#alt-title h1 { background: #0393d1; font-family: PT Sans, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; color: #ffffff; }
	#alt-title h2 { background: #ffffff; font-family: PT Sans, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: normal; color: #999999; }
	#alt-breadcrumbs, #no-title { background: #ffffff;border-bottom: 1px solid #e4e4e4; color: #999999; }
	#alt-title .grid{ opacity: 0.8; }
	#no-title  #breadcrumbs{ color: #999999 }
	#alt-breadcrumbs a, #no-title #breadcrumbs a { color: #999999 }
	#alt-breadcrumbs a:hover, #no-title #breadcrumbs a:hover { color: #289dcc }
	
	#sidebar .widget h3 { font: bold 15px Open Sans, Arial, Helvetica, sans-serif; color: #0393d1; }
	
	/* Twitter Bar ------------------------------------------------------------------------ */ 
	
	#twitterbar { font-family: arial, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; color: #ffffff; background: #289dcc; }
	#twitterbar .twitterpost a { color: #ffffff; }
	    
	/* Footer ------------------------------------------------------------------------ */  
	
	#footer{ border-top: 10px solid #333333; }  
	#footer, #infobar { border-top-color: #333333; background: #444444; color:#999999; }
	#footer a, #infobar a{ color:#999999; }
	#footer a:hover, #infobar a:hover{ color:#ffffff; }
	#footer .widget h3, #infobar .widget h3 { font-family: Open Sans, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: normal !important; color: #ffffff !important; border-bottom:1px solid #555555; }
	#infobar .no-widgets{ color:#999999; }
	
	/* Copyright ------------------------------------------------------------------------ */  
	        
	#copyright { background: #222222; color: #777777; }
	#copyright a { color: #0393d1; }
	#copyright a:hover { color: #ffffff; }
	    
	/* Forms ------------------------------------------------------------------------ */  
	    
	input[type="text"], input[type="password"], input[type="email"], textarea, select, button, input[type="submit"], input[type="reset"], input[type="button"] { font-family: Open Sans, Arial, Helvetica, sans-serif; font-size: 14px; }
	    
	/* Accent Color ------------------------------------------------------------------------ */ 
	
	::selection { background: #0393d1 }
	::-moz-selection { background: #0393d1 }
	.highlight { color: #0393d1 }
	.post-icon { background: #0393d1 }
	.single .post-tags a:hover { background: #0393d1; border-color: #0393d1; }
	#pagination a:hover { border-color: #0393d1; background: #0393d1; }
	#filters ul li a:hover { color: #0393d1 }
	#filters ul li a.active { color: #0393d1 }
	.portfolio-item:hover .portfolio-title { background: #0393d1; border-color: #0393d1; }
	.projects-nav a:hover,
	.post-navigation a:hover { background-color: #0393d1 }
	.sidenav li a:hover { color: #0393d1 }
	.sidenav li.current_page_item a { border-left-color: #0393d1; color: #0393d1; }
	.sidenav li.current_page_item a, .sidenav li.current_page_item a:hover { background-color: #0393d1; }
	#back-to-top a:hover { background-color: #0393d1 }
	.widget_tag_cloud a:hover { background: #0393d1; border-color: #0393d1; }
	.widget_flickr #flickr_tab a:hover { background: #0393d1; border-color: #0393d1; }
	.widget_portfolio .portfolio-widget-item .portfolio-pic:hover { background: #0393d1; border-color: #0393d1; }
	#footer .widget_tag_cloud a:hover,
	#infobar .widget_tag_cloud a:hover { background: #0393d1; border-color: #0393d1; }
	#footer .widget_flickr #flickr_tab a:hover,
	#infobar .widget_flickr #flickr_tab a:hover { background: #0393d1; border-color: #0393d1; }
	#footer .widget_portfolio .portfolio-widget-item .portfolio-pic:hover,
	#infobar .widget_portfolio .portfolio-widget-item .portfolio-pic:hover { background: #0393d1; border-color: #0393d1; }
	.flex-direction-nav a:hover { background-color: #0393d1 }
	a.button.alternative-1 { background: #0393d1; border-color: #0393d1; }
	.gallery img:hover { background: #0393d1; border-color: #0393d1 !important; }
	.skillbar .skill-percentage { background: #0393d1 }
	.latest-blog .blog-item:hover h4 { color: #0393d1 }
	.tp-caption.big_colorbg{ background: #0393d1; }
	.tp-caption.medium_colorbg{ background: #0393d1; }
	.tp-caption.small_colorbg{ background: #0393d1; }
	.tp-caption.customfont_color{ color: #0393d1; }
	.tp-caption a { color: #0393d1; }
	.tp-leftarrow:hover,
	.tp-rightarrow:hover { background-color: #0393d1; }
	
		
		
	#nav{
letter-spacing:-1px;

}
#portfolio-related-post h3 span{
color:#0393d1;
}	
/* Let's get this party started */
::-webkit-scrollbar {
    width: 3px;
}
 
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    background: #FFFFFF; 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: #FFFFFF; 
}




-webkit-scrollbar {
    width: 3px;
}
 
/* Track */
-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
}
 
/* Handle */
-webkit-scrollbar-thumb {
    background: #FFFFFF; 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
-webkit-scrollbar-thumb:window-inactive {
	background: #FFFFFF; 
}