/********************** Fonts **********************/

 	body, button, input[type="submit"], input[type="reset"], input[type="button"],
	input[type="text"], input[type="password"], input[type="email"], textarea, select {
		font-family: Open Sans, Arial, Tahoma, sans-serif;
		font-weight: 400;
	}
	
	#menu {
		font-family: Open Sans, Arial, Tahoma, sans-serif;
	}
	
	h1 {
		font-family: Open Sans, Arial, Tahoma, sans-serif;
		font-weight: 400;
	}
	
	h2 {
		font-family: Open Sans, Arial, Tahoma, sans-serif;
		font-weight: 300;
	}
	
	h3 {
		font-family: Open Sans, Arial, Tahoma, sans-serif;
		font-weight: 700;
	}
	
	h4 {
		font-family: Open Sans, Arial, Tahoma, sans-serif;
		font-weight: 400;
	}
	
	h5 {
		font-family: Open Sans, Arial, Tahoma, sans-serif;
		font-weight: 700;
	}
	
	h6 {
		font-family: Open Sans, Arial, Tahoma, sans-serif;
		font-weight: 700;
	}
	
	
/********************** Font sizes **********************/

/* Body */
	body {
		font-size: 13px;
				line-height: 21px;
	}
	
	#menu {
		font-size: 13px;
				line-height: 21px;
	}
	
/* Grey notes */
	.Recent_comments li span.date, .Latest_posts li span.date,
	.Twitter li span.date, .Project_box span.type, .Twitter ul li a {
		font-size: 11px;
				line-height: 15px;
	}

	button, input[type="submit"], input[type="reset"], input[type="button"] {
		font-size: 12px;
	}

/* Copy & back to top */
	#Copy {
		font-size: 11px;
	}
	
/* Slider */
	#Slider h3 {
		font-size: 23px;
				line-height: 28px;
	}
	
	#Slider h2 {
		font-size: 42px;
				line-height: 46px;
	}
	
	#Slider .desc p {
		font-size: 19px;
				line-height: 24px;
	}
	
/* Headings */
	.mfn-slider_tabs li a h5 {
		font-size: 14px;
				line-height: 19px;
	}
	
	h1 { 
		font-size: 42px;
				line-height: 46px;
	}
	
	h2 { 
		font-size: 42px;
				line-height: 46px;
	}
	
	h3 { 
		font-size: 23px;
				line-height: 29px;
	}
	
	h4 { 
		font-size: 19px;
				line-height: 24px;
	}
	
	h5 { 
		font-size: 15px;
				line-height: 20px;
	}
	
	h6 { 
		font-size: 13px;
				line-height: 18px;
	}
	
	
/********************** Position, height & size **********************/

	#Header #logo {
		top: 5px; 
		left: 10px; 
	}
	
	#Header .sixteen {
		height: 120px;
	}
	
	
/********************** Tablet Portrait size to standard 960 (devices and browsers) **********************/	

	
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		#Slider h3 {
						font-size: 20px;
						line-height: 25px;
		}
		
		#Slider h2 {
						font-size: 34px;
						line-height: 38px;
		}
		
		#Slider .desc p {
						font-size: 16px;
						line-height: 21px;
		}
	}


/********************* Colors *********************/

/* Content font */

	body, .ui-tabs .ui-state-active a, .ui-tabs .ui-state-default.ui-state-active a,
	.ui-accordion .ui-state-default.ui-state-active a, .ui-accordion .ui-state-active a,
	.select_category li a {
		color: #595A5C	}
	
	
/* Headings font */

	h1 { color: #313131; }
	h2 { color: #313131; }
	h3 { color: #313131; }
	h4 { color: #313131; }
	h5, .portfolio_item h5 a { color: #313131; }
	h6 { color: #313131; }
	
	
/* Links color */

	a, a:visited, blockquote .quote,
	.select_category li.current-cat a, .select_category li.current-cat a,
	.select_category li.current-cat a span, .select_category li a:hover { 
		color: #336BA7;		
	}
	
	a:hover {
		color: #D33636;	
	}
	
	.thumbnail img, .post .image img, .single-portfolio .photo img {
		border-color: #A4A3A3;
	}	
	
	
/* Menu color */

	#Header #menu > ul > li > a {
		color: #000000;
	}
		
	#Header #menu > ul > li > a em {
		background: #000000;
	}
	
	#Header #menu > ul > li > a:hover,
	#Header #menu > ul > li.current-menu-item > a,
	#Header #menu > ul > li.current_page_item > a,
	#Header #menu > ul > li.current-menu-ancestor > a,
	#Header #menu > ul > li.current_page_ancestor > a {
		color: #336BA7;
	}
	
	#Header #menu > ul > li ul, #Header #menu > ul > li.submenu.hover > a {
		background: #0D457F;
		color: #FFFFFF;
	}
	
	#Header #menu > ul > li ul li a {
		color: #FFFFFF;
		border-color: #0D457F;
	}
	
	#Header #menu > ul > li ul li a:hover {
		color: #E7B302;
	}	
	
	
/* Grey notes */

	.Recent_comments li span.date, .Latest_posts li span.date,
	.Project_box span.type, .portfolio_item p,
	.post .category .label, .post .meta .comments, .post .desc p.tags span,
	.widget_categories, .widget_archive, .wp-caption .wp-caption-text,
	.select_category li a span, #Content .Twitter ul li > a { 
		color: #A3A3A3;
	}
	
/* Frames and borders color */

	.Recent_comments li, .Latest_posts li, blockquote, 
	.Latest_posts ul li .thumbnail, .trailer_box .thumbnail,
	.Project_box .thumbnail, .portfolio_item .photo,
	.post .date, .post .category, hr, .post .image, code, pre,
	.links, table thead th, table tbody td, .wp-caption,
	.pricing-box, .pricing-box ul li, .pricing-box .plan-header,
	.ui-widget .ui-widget-content, .ui-widget-content, .ui-widget .ui-widget-header,
	.ui-widget-header, .pager, .ui-accordion .ui-accordion-header, .widget .submenu ul li a, 
	#comments .commentlist > li, #comments .commentlist > li .photo, 
	#comments .commentlist li .comment-body, .gallery-icon, .select_category ul li a,
	#Content .Flickr .flickr_badge_image a, #Content .Twitter li, .ui-tabs .ui-tabs-panel, 
	.ui-tabs .ui-tabs-nav, .ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
	.single-portfolio .photo, .single-portfolio .sp-inside .sp-inside-right {
		border-color: #EEEEEE;
	}
	
/* Even rows backround color */

	.links, table tbody tr:nth-child(even) td, table tbody tr:nth-child(even) th,
	.pricing-box .plan-inside ul li:nth-child(even) { 
		background: #F2F2F2;
	}
	
/* Widget menu */

	.widget ul.menu { 
		background: #F2F2F2;
	}
	
	.widget ul.menu li a {
		color: #595A5C;
		border-color: #EAEAEA;
	}
	
	.widget ul.menu li.current_page_item a, 
	.widget ul.menu li a:hover {
		color: #313131;
		background: #E3E3E3;
	}
	

/* Headings background in tabs, accordion and pricing */

	.ui-widget-header, .ui-accordion .ui-state-default, .ui-tabs .ui-widget-header .ui-state-default, table thead th {
		background: #45484d;
	}	
	
	.ui-accordion .ui-state-default a, .ui-tabs .ui-state-default a, table thead th {
		color: #FFFFFF;
	}
	
	.pricing-box .plan-header h3 {
		background: #45484d;
		color: #FFFFFF;
	}
	
	.pricing-box .plan-inside ul li strong {
		color: #000000;
	}
	
	.pricing-box-featured .plan-header h3 {
		background: #45484d;
		color: #FFFFFF;
	}
	
	
	
/* Controls in testimonials & photo slider */

	.testimonial .rslides_tabs li a,
	#Slider.photo-slider ul.mfn-photo-slider_tabs li a {
		background: #A4A3A3;
	}
	
	.testimonial .rslides_tabs li.rslides_here a,
	#Slider.photo-slider ul.mfn-photo-slider_tabs li.mfn-photo-slider_here a	{
		background: #146BC6;
	}
	
	
/* Number of comments, slider arrows, year in post & reply */
	
	.Latest_posts ul li .thumbnail .quantity_of_comments, a.next, a.prev, .post .date .year,
	#comments .commentlist > li .reply a.comment-reply-link { 
		color: #FFFFFF;
		border-color: #413e3e;
		background: #3d3d3d;
	}
	
	
/* Tags */

	.Tags ul li a {
		background: #4c4c4c;
		border-color: #5b5b5b;
		color: #ffffff !important;
	}
	.Tags ul li a:hover {
		background: #6c6c6c;
		border-color: #868686;
	}
	
	
/* Slider */

	#Slider h3, #Error_404 h4 {
		color: #E7B302;
		font-weight: 400;
	}
	
	#Slider h2, #Error_404 h2 {
		color: #ffffff;
	}
	
	#Slider .desc p, #Error_404 .error p {
		color: #cecfd2;
	}
	
	#Slider a.button, #Error_404 a.button {
		background: #E7B302;
		color: #3E3E3E;
		text-shadow: 0 0 1px #d2a202;
	}	
	
			
	.mfn-slider_tabs li a h5 {
		color: #3E3E3E;
	}
	
	.mfn-slider_tabs li.mfn-slider_here a h5, .mfn-slider_tabs li a:hover h5 {
		color: #D33636;
	}

	.mfn-slider_tabs li a { 
		border-color: #BCBBBB;
	}
	
	.mfn-slider_tabs li a:hover svg path { 
		fill: #BCBBBB;
	}
	
	.mfn-slider_tabs li.mfn-slider_here a {
		border-top-color: #3E3E3E;
	}
	
	.mfn-slider_tabs li.mfn-slider_here a svg path { 
		fill: #3E3E3E;
	}
	

/* Call to action */

	.Call_to_action_inside h3 {
		color: #FFFFFF;
	}
	
	
/* Social, buttons, pagers */

	.social li, a.control_button, span.control_button { 
		background: #fdfdfd;
		border-color: #d3d3d3;
	}
	
	.social li:hover, a:hover.control_button, span:hover.control_button  { 
		background: #F5F5F5;
		border-color: #B4B4B4;	
	}

	button, input[type="submit"], input[type="reset"], input[type="button"],
	.pager a.page  { 
		background: #fdfdfd;
		border-color: #d3d3d3;
		color: #4e4e4e;
		text-shadow: 1px 1px 0 #FFFFFF;
	}
	
	button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover,
	.pager a:hover.page, .pager a.active.page { 
		background: #F5F5F5;
		border-color: #B4B4B4;	
	}
	
	
/* Inputs */

	input[type="text"], input[type="password"], input[type="email"], textarea, select {
		background: #FFFFFF;
		color: #999999;
		border: 1px solid #d8d8d8;
		
		-moz-box-shadow: inset 2px 2px 3px 1px #e8e8e8;
		-webkit-box-shadow: inset 2px 2px 3px 1px #e8e8e8;
		box-shadow: inset 2px 2px 3px 1px #e8e8e8;
	}
	
	
/* Buttons */

	a.button {
		background-color: #d33636;
		color: #FFFFFF;
	}
	
	
/* Footer headers and text */

	#Footer { 
		color: #FFFFFF;
		border-top-color: #ffffff;
	}
	
	#Footer a, #Copy a { 
		color: #ffffff;
	}
	
	#Footer a:hover, #Copy a:hover { 
		color: #ffffff;
	}
	
	#Footer h1,
	#Footer h2,
	#Footer h3,
	#Footer h4,
	#Footer h5,
	#Footer h6  {
		color: #FFFFFF; 
	}
	
	
/* Footer frames & border color */

	.Twitter li, .Flickr .flickr_badge_image a  {
		border-color: #ffffff; 
	}
	
	#Copy, #Footer .Twitter ul li > a {
		color: #acacac;
	}


/* title area */
	
	#Subheader h2 {
		color: #FFFFFF;
	}
	
	#Subheader ul.breadcrumbs li {
		color: #dedfe0;
	}
	
	#Subheader ul.breadcrumbs li a,
	#Subheader ul.breadcrumbs li a:hover {
		color: #E7B302;
	}
	
	#Subheader a.button {
		background: #D33636;
		color: #FFFFFF;
		text-shadow: 0 0 1px #8D321F;
	}
	
	
/********************** Backgrounds **********************/

	#Header.wide { 
		background: #FFFFFF; 
	}
	
	#Header.boxed .container { 
		background: #FFFFFF; 
	}
	
	#Header #menu > ul > li > a span { 
		background: #FFFFFF; 
	}
	
	.Header_wrapper { 
		background: #146BC6;
	}
	
	body, #Content, #Content .ui-tabs .ui-state-active { 
		background: #FFFFFF;
	}

	#Clients { 
		background: #F9F9F9;
	}
	
	#Call_to_action {
		background: #146BC6;
	}
	
	#Footer { 
		background: #3A3A3A;
	}
	
	#Copy { 
		background: #343434;
	}