@charset "utf-8";
/* CSS Document */


/* ---------------------------------------------------------------------- */
/* Theme Information
/* ----------------------------------------------------------------------
Name: Finesse
Description: Responsive Business Theme
Version: 2.6
Author: Ixtendo
Author URI: http://www.ixtendo.com
------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------- */
/* Imported Stylesheets (Their order is important.)
/* ---------------------------------------------------------------------- */
@import url(http://fonts.googleapis.com/css?family=Metrophobic); 
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700,300italic,400italic,600italic,700italic,300,600,800,800italic);
@import url(http://fonts.googleapis.com/css?family=Tinos:400,700,400italic,700italic);

@import url('css/html5-reset.css');

@import url('css/polyglot-language-switcher.css');
@import url('css/flexslider.css');
@import url('css/jquery.fancybox.css');
@import url('css/mediaelementplayer.css');

@import url('css/shortcodes.css');


/* ---------------------------------------------------------------------- */
/* Finesse Styles
/* ----------------------------------------------------------------------
TABLE OF CONTENTS

-Generic
-Containers
-Headings
-Links
-Text & Content Blocks
-Header
	-Logo & Tagline
	-Contact Info
-Navigation Bar
-Forms
-Homepage
-Icon Boxes
-Carousel
-Portfolio & Blog
-Portfolio
-Blog
-Columns
-Footer
-Widgets
-Scroll to Top
-Error Page
-Search Results
-Pagination
-Tables
-About Us
-Clients
-Media Queries
------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------- */
/* Generic
/* ---------------------------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
	outline: none;
}

body { margin:0 ; padding:0}



ul {
	list-style: none;	
}

/* Clearfix */

.clear {
	clear: both;
	display: block;
	height: 0;
	overflow: hidden; 
	visibility: hidden;
	width: 0;
}

/* ---------------------------------------------------------------------- */
/* Containers
/* ---------------------------------------------------------------------- */



/* ---------------------------------------------------------------------- */
/* Links
/* ---------------------------------------------------------------------- */
a, a > * {
	text-decoration: none;
}

a, a > *,
.button,
.jcarousel-prev, .jcarousel-next {
	-webkit-transition: color 0.2s ease, background-color 0.2s ease, border 0.2s ease, opacity 0.2s ease-in-out;
	-moz-transition: color 0.2s ease, background-color 0.2s ease, border 0.2s ease, opacity 0.2s ease-in-out;
	-ms-transition: color 0.2s ease, background-color 0.2s ease, border 0.2s ease, opacity 0.2s ease-in-out;
	-o-transition: color 0.2s ease, background-color 0.2s ease, border 0.2s ease, opacity 0.2s ease-in-out;
	transition: color 0.2s ease, background-color 0.2s ease, border 0.2s ease, opacity 0.2s ease-in-out;	
}

a:hover, a > * {
	color: #383838;	
}

/* ---------------------------------------------------------------------- */
/* Text & Content Blocks
/* ---------------------------------------------------------------------- */


section{
	margin-bottom: 40px;
}




/* ---------------------------------------------------------------------- */
/* Navigation Bar
/* ---------------------------------------------------------------------- */
#navbar {
	
	margin-bottom: 15px;
	
	
	height: 38px;
	font-size: 12px;
    line-height: 1.5em;
}

/* Navigation */

#nav {
	float: left;

	position: relative;
	top: 0px;
	left:0;
}

/* Navigation List */

ul#navlist li {
	float: left;
	min-width: 50px; /* 104px */
}

ul#navlist li a { 
	display: block;
	font-family: 'Open Sans', sans-serif; 
	font-size: 11px;
	line-height: 53px;	

	padding: 0 5px;
	text-align: center;
	color: #fff;
	text-transform:uppercase;
	
	border-left: none;

}


ul#navlist li a:hover { 
	color: #fff;
	background-color: #8D3996 !important;
	border-color: #8D3996 !important;

}

ul#navlist li:first-child a { 
	
}

ul#navlist li.current a, .no-touch ul#navlist li a:hover, ul#navlist li a.selected {
	color: #fff;
	background-color: #8D3996 !important;
	border-color: #8D3996 !important;
}

.no-touch ul#navlist li a:hover, ul#navlist li a.selected {
	background-color: #8D3996 !important;
	border-color: #8D3996 !important;
}

/* Drop-Down Menus */

.ddsubmenustyle, .ddsubmenustyle div {
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
	z-index: 100;
}

.ddsubmenustyle > ul {
	top: 0px !important;
}

.ddsubmenustyle ul {
	position: absolute;
	left: 0;
	top: 0;
	width: 200px;
}

.ddsubmenustyle li a {
	display: block;
	color: #fff;
	background-color: #221918;
	padding: 8px 15px;
	border-top: 1px solid #4d4d4d;
	border-bottom: 1px solid #262626;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	line-height: 1.5em;
}

.ddsubmenustyle > ul > li:first-child a {	
	border-top: none;
}

/* Neutral CSS */

.ddiframeshim {
	position: absolute;
	z-index: 500;
	background: transparent;
	border-width: 0;
	width: 0;
	height: 0;
	display: block;
}

/* Tiny Nav */

.tinynav { 
	display: none; 
	height: 28px;
	padding: 5px 10px;
	margin: 5px 14px;
	background-color: #e5e5e5;
	border: none;
}

.tinynav option {
	padding: 5px 10px;
}

/* my css */
.someWebSty {background-color: #8D3996;}
ul#navlist li a {background-color: #221918;}