/* 
LimeArtCollective

Description: HTML/CSS LimeArtCollective
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Version: 1.0


All files, unless otherwise stated, are released under the GNU General Public License
version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html)

----------------------------------------------------------------------

	--  Import fonts
	00. Resets
	01. Basics
	02. Typography
	03. Forms
	04. Links
	05. Video & images
	06. Lists
	07. Elements
	-------
		7.1 Blockquotes
		7.2 Message box
		7.3 Dropcaps
		7.4 Dropcap icons
		7.5 Custom lists
		7.6 Skill bars
		7.7 Buttons
		7.8 Accordion
		7.9 Tabs container
		7.10 Highlights
		7.11 Testimonials carousel
		7.12 Image ribbons
		7.13 Alert boxes
	--------
	08. Common classes (wrapper etc..)
	09. Header
	10. Navigation & menus
	11. Slider (Flexslider & Teamslider)
	12. Footer, To top button & Twitter widget
	13. Portfolio layout
	14. Blog entries & Elements
	15. Skeleton (Columns)
	16. Google maps
	17. Social media icons
	18. Pricing tables
	19. Widgets
	20. Images overlay effect
	21. Fancybox
	22. Flexslider full CSS


----------------------------------------------------------------- */


/* IMPORT FONTS
------------------------------------------------ */

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700italic,700,600italic,600,400italic,300italic,300);

@import url(http://fonts.googleapis.com/css?family=Pacifico);

/* 00. RESETS
------------------------------------------------ */

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, font, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%; }
	
ol, ul  { list-style: none; }

:focus  { outline: 0; }

/* deleting the default appearence for form elements */
input, textarea, select { -moz-appearance: none; -webkit-appearance: none; }

.clearfix:after { content: ""; display: block; clear: both; visibility: hidden; font-size: 0;  height: 0; }
.clearfix { height: 1%; }
.clear { clear: both; display: block; font-size: 0;	height: 0; line-height: 0; width:100%; }

/* HTML5 display definitions */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, dialog { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; visibility: hidden; }



/* 01. BASICS
------------------------------------------------ */

html {
	height: 100%;
	font-size: 100%;
	overflow-y: scroll; /* Force a scrollbar in non-IE */
	-webkit-text-size-adjust: 100%; /* Prevent iOS text size adjust on orientation change without disabling user zoom */
	-ms-text-size-adjust: 100%;
	}

* {
    outline: none;
}


.center  {
	text-align:center !important;
	}

body {
	font-family: 'Open Sans', sans-serif; font-size:12px; color:#6B6A6A; text-align: left; line-height:22px;
	font-weight:400;
	background: #EEE url(../images/bg.png) repeat;
	-webkit-font-smoothing: antialiased; 
		-webkit-text-size-adjust: none;
	}


::selection { background:#2db6cf; color:#fff; }
::-moz-selection { background:#2db6cf; color:#fff; }
::-webkit-selection { background:#2db6cf; color:#fff; }	


hr {
border: 0;
border-bottom: 1px dashed #E8E8E8;
margin: 10px 0 50px;
height: 0;
clear: both;
}

p { 
	margin-top: 15px; 
	margin-bottom:10px;
	}
	
div p:first-child { 
	margin-top: 0px; 
	}	
	
article > p:last-child {
	padding-bottom: 60px;
	}


/* 02. TYPOGRAPHY
------------------------------------------------ */

h1, h2, h3, h4, h5, h6 {
	font-family: 'Open Sans', sans-serif;
	color: #595959;
	font-weight: normal;
	}

.wrapperoverlay h1, .wrapperoverlay h2, .wrapperoverlay h3, .wrapperoverlay h4, .wrapperoverlay h5, .wrapperoverlay h6 {
	color: #edf4f5;
	}
	
.sectiontitle {
	color: #F4F4F4;
	text-transform: uppercase;
	margin-bottom: 25px;
	padding-bottom:10px;
	font-size:13px;
	font-weight:bold;
	text-align: left;
	}

#intro {
	width:100%;
	display:inline-block;
	}


#intro h2 {
	color:#6B6A6A;
	font-size:20px;
	padding-bottom:60px;
	padding-top:50px;
	background: #F8F8F8;
	} 

.logo{
	margin:0px auto;
	text-align;center;
	padding-bottom:20px;
	}

#logo h1 {
margin: 0 !important;
line-height: 1em !important;
padding: 0 !important;
font: 400 50px/1.5 'Pacifico', Helvetica, sans-serif;
color: #2E2E2E;
}

.titleoutside {
	padding-bottom:20px;;
	}

h3.title {
	color:#999;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
	padding-bottom:15px;
	background: url(../images/seperator.png) no-repeat bottom center;
	} 

.colored {color:#ff0000;}

#pagetitle h1, #pagetitle h2, #pagetitle h3, #pagetitle h4, #pagetitle h4, #pagetitle h5 {
	padding-top: 0.1em;
	text-align:center;
	font-size:20px;
	text-transform:uppercase;
	} 
	
.page-description {
	margin-bottom: 45px;
	}

h1 { font-size: 42px; line-height: 49px; }
h2 { font-size: 28px; line-height: 36px; }
h3 { font-size: 18px; line-height: 24px; }
h4 { font-size: 14px; line-height: 19px; text-transform:uppercase; padding-bottom:10px; }
h5 { font-size: 13px; line-height: 17px; }
h6 { font-size: 11px; line-height: 15px; }


div h1, div h2, div h3, div h4, div h5, div h6 {
	margin-top: 30px;
	}
	
div h1:first-child, div h2:first-child, div h3:first-child, div h4:first-child, div h5:first-child, div h6:first-child {
	margin-top: 0px;
	}

strong, b, dt {
	font-weight: bold;
	font-family: 'Open Sans', Sans serif;
}

i, dfn {
	font-style: italic;
	font-family: 'Open Sans', Sans serif;
	}
	
strong i, b i, dt i {
	font-weight: bold;
	font-family: 'Open Sans', Sans serif;
	}

sub, sup {
	font-size: 0.625em;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
	}

sup {
	top: -0.5em;
	}

sub {
	bottom: -0.25em;
	}

/* 03. FORMS
------------------------------------------------ */

input[type=text], input[type=password], textarea {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	background: #ffffff;
	border: 1px solid #e6e6e6;
	line-height: 28px;
	height: 38px;
	color: #999999;
	padding: 0 5px 0 18px;
	resize: none;
	}

input[type=text], input[type=password] { width: 150px; background-color: #F8F8F8;
border: 1px solid #E8E8E8; margin-right:20px; }	

textarea { width:533px;height: 170px; max-width: 100%; padding: 0 5px 5px 18px; }	

.comment_form	{ margin-top:20px;background-color: #F8F8F8;
border: 1px solid #E8E8E8;resize: none; }	

input[type=submit] {
    font-size:11px;
    text-transform:uppercase;
    font-weight:400;
    line-height:1em;
    border:1px solid;
    padding:8px 12px;
    color:#FFF !important;
     filter:dropshadow(color=#fff,offx=0,offy=1);
    -webkit-box-shadow:inset 0 -1px 0 0 rgba(0,0,0,0.1);
    -moz-box-shadow:inset 0 -1px 0 0 rgba(0,0,0,0.1);
    box-shadow:inset 0 -1px 0 0 rgba(0,0,0,0.1)
	transition:background-color .3s ease-out 0s,border .3s ease-out 0s,color .3s ease-out 0s,opacity .3s ease-in-out;
    -webkit-transition:background-color .3s ease-out 0s,border .3s ease-out 0s,color .3s ease-out 0s,opacity .3s ease-in-out;
    -moz-transition:background-color .3s ease-out 0s,border .3s ease-out 0s,color .3s ease-out 0s,opacity .3s ease-in-out;
    -ms-transition:background-color .3s ease-out 0s,border .3s ease-out 0s,color .3s ease-out 0s,opacity .3s ease-in-out;
    -o-transition:background-color .3s ease-out 0s,border .3s ease-out 0s,color .3s ease-out 0s,opacity .3s ease-in-out;
	 background-color: #2db6cf;
    border-color: #3f9aea;
    cursor:pointer;
    margin:5px 10px 0px 0;
 display:inline-block
	}

input[type=submit]:hover { 
	 background-color: #32A7BF;
    border-color: #4fbe52;
    color:#fff;  
	}
	
label {
	font-family: Helvetica, Arial, sans-serif;
	display: block;
	line-height: 16px;
	font-size: 10px;
	text-indent: -9999px; 
	color: red;
	text-transform: uppercase;
	position: absolute;
	top: 8px;
	left: 5px;
	}
		
form {
	margin-top: 15px;
	}
	
form div {
	margin-top: 0px;
	position: relative;
	float:left;
	}
	
div form:first-child, form div:first-child 	 {
	margin-top: 0px;
	}
	

/* check form */
form .checkfalse {
	width: 3px;
	height: 16px;
	background: #ca0021;
	text-indent: -9999px;
	position: absolute;
	top: 8px;
	left: 10px;
	}

#form-note {
	display: none;
	overflow: hidden;
	}
	
#form-note .confirm_message {
	color: #42d87e;
	line-height: 30px;
	display: inline-block;
	float: left;
	}
	
#form-note .error_message {
	color: #df2929;
	line-height: 30px;
	display: inline-block;
	float: left;
	}
	
#form-note .error {
	background: #df3b3b url(../images/error.png) center center no-repeat;
	width: 30px;
	height: 30px;
	display: inline-block;
	text-indent: -9999px;
	margin-right: 15px;
	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;	
	float: left;
	}
	
#form-note .confirm {
	background: #1eb56c url(../images/confirm.png) center center no-repeat;
	width: 30px;
	height: 30px;
	display: inline-block;
	text-indent: -9999px;
	margin-right: 15px;
	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;	
	float: left;
	}
	

	
/* 04. LINKS
------------------------------------------------ */

a {
	text-decoration: none;
	color: #595959;
	cursor: pointer;
	transition: color 0.3s;
	-moz-transition: color 0.3s;
	-webkit-transition: color 0.3s;
	border: 0;
	}

a:hover {
	color: #2db6cf;
	}
	
.wrapperoverlay a {	color: #edf4f5;	}
.wrapperoverlay a:hover {	color: #2db6cf;	}

a.color {
	text-decoration: none;
	color: #CCC;
	}

a.darkl {
	text-decoration: none;
	color: #666;
	}
	
a.color:hover {
	color: #2db6cf;
	}
	
.wrapperoverlay a.color { color: #2db6cf; }		
.wrapperoverlay a.color:hover { color: #edf4f5; }		
	
a.readmore .readmoreicon {
	background: #666 url(../images/plus.png) center center no-repeat;
	width: 11px;
	height: 11px;
	color:#CCC;
	display: inline-block;
	text-indent: -9999px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	float: left;
	padding: 1px;
	margin-right: 6px;
	margin-top: 5px;
	transition: background-color 0.3s;
	-moz-transition: background-color 0.3s;
	-webkit-transition: background-color 0.3s;
	}
	
a.readmore:hover .readmoreicon {
	background-color: #2db6cf;
	}
	
.wrapperoverlay a.readmore:hover .readmoreicon { color: #edf4f5; }		
a.themebutton {
	display: inline-block;
	font-family: 'PTSansBold',Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 30px;
	height: 30px;
	padding: 0 15px;
	color: #ffffff;
	background: #999999;
	border: none;
	cursor: pointer;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	}
	
a.themebutton:hover {
	background: #2db6cf;
	}
	
.wrapperoverlay a.themebutton { background: #555b5d; color: #282D30; }		
.wrapperoverlay a.themebutton:hover { background: #2db6cf; color: #ffffff; }		



/* 05. VIDEO AND IMAGES
------------------------------------------------ */

img, object, video {
	max-width: 100%; 
	height: auto;
	display:block;
	}
	
img {
	width: auto;
	max-width: 100%; 
	border: 0;
	-ms-interpolation-mode: bicubic;
	}


p img { margin-top: 15px; }
p img:first-child { margin-top: 0px; }
img.alignleft { margin: 3px 30px 30px 0; float: left; }
img.alignright { margin: 3px 0px 30px 30px; float: right; }
img.aligncenter { margin-bottom: 30px; }

.embeddedvideo {
	position: relative;
	padding-bottom: 55%;
	padding-top: 15px;
	height: 0;
	overflow: hidden;
	}
	
.embeddedvideo iframe {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.media {
	margin-top: 15px;
	}
	
div .media:first-child {
	margin-top: 0px;
	}


/* 06. LISTS 
------------------------------------------------ */

article ul {
	margin-top: 15px;

	}

article ol {
	margin-top: 15px;
	margin-left: 45px;
	list-style: decimal;
	}
	
article ol li {
	line-height: 22px;
	}

/* 07. ELEMENTS 
------------------------------------------------ */

/* 	7.1 Blockquote
------------------------------------------------ */

blockquote {
	margin-top: 15px; 
	background: url(../images/icons/quote.png) no-repeat 15px center;
	background-color: #F8F8F8;
	border: 1px solid #E8E8E8;
	padding: 15px;
	padding-left: 50px;
	}

blockquote p {
	}

div blockquote:first-child { 
	margin-top: 0px; 
	}

/* 	7.2 Message box
------------------------------------------------ */
	
.message {
	margin-top: 10px; 
	background-color: #F8F8F8;
	border: 1px solid #E8E8E8;
	padding: 15px;
	}

.message h4 {
	font-weight:bold;
	padding-top:10px;
	}

/* 	7.3 Dropcaps
------------------------------------------------ */

.dropcap {
	background: #eaeaea;
	color: #777;
	display: inline-block;
	float: left;
	font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-size: 23px;
	font-weight: 600;
	height: 36px;
	line-height: 36px;
	margin: 4px 7px 0 0;
	text-align: center;
	width: 36px;
	border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

	.dropcap.dark {
		background: #3a3a3a;
		color: #fff;
	}

	.dropcap.blue {
		background: #2DB6CF;
		color: #fff;
	}

/* 	7.4 Dropcap icons
------------------------------------------------ */

	.dropcap.star { background-image: url(../images/icons/star.png); background-position:  center center; background-repeat: no-repeat; text-indent: -9999px; }
	.dropcap.heart { background-image: url(../images/icons/wht_plus.png); background-position:  center center; background-repeat: no-repeat; text-indent: -9999px; }
	.dropcap.wrench { background-image: url(../images/icons/wrench.png); background-position:  center center; background-repeat: no-repeat; text-indent: -9999px; }
	.dropcap.sound { background-image: url(../images/icons/sound.png); background-position:  center center; background-repeat: no-repeat; text-indent: -9999px; }
	.dropcap.wifi { background-image: url(../images/icons/wifi.png); background-position:  center center; background-repeat: no-repeat; text-indent: -9999px; }
	.dropcap.alarm { background-image: url(../images/icons/alarm.png); background-position:  center center; background-repeat: no-repeat; text-indent: -9999px; }
	.dropcap.browser { background-image: url(../images/icons/browser.png); background-position:  center center; background-repeat: no-repeat; text-indent: -9999px; }
	.dropcap.arrow { background-image: url(../images/icons/arrow.png); background-position:  center center; background-repeat: no-repeat; text-indent: -9999px; }
	.dropcap.arrowcircle { background-image: url(../images/icons/arrowcircle.png); background-position:  center center; background-repeat: no-repeat; text-indent: -9999px; }
	.dropcap.attach { background-image: url(../images/icons/attach.png); background-position:  center center; background-repeat: no-repeat; text-indent: -9999px; }
	.dropcap.brightness { background-image: url(../images/icons/brightness.png); background-position:  center center; background-repeat: no-repeat; text-indent: -9999px; }
	.dropcap.brush { background-image: url(../images/icons/brush.png); background-position:  center center; background-repeat: no-repeat; text-indent: -9999px; }
	.dropcap.bulb { background-image: url(../images/icons/bulb.png); background-position:  center center; background-repeat: no-repeat; text-indent: -9999px; }
	.dropcap.calculator { background-image: url(../images/icons/calculator.png); background-position:  center center; background-repeat: no-repeat; text-indent: -9999px; }
	.dropcap.calendar { background-image: url(../images/icons/calendar.png); background-position:  center center; background-repeat: no-repeat; text-indent: -9999px; }
	.dropcap.cancel { background-image: url(../images/icons/cancel.png); background-position:  center center; background-repeat: no-repeat; text-indent: -9999px; }
	.dropcap.linked { background-image: url(../images/icons/linked.png); background-position:  center center; background-repeat: no-repeat; text-indent: -9999px; }
	.dropcap.cart { background-image: url(../images/icons/cart.png); background-position:  center center; background-repeat: no-repeat; text-indent: -9999px; }
	.dropcap.phone { background-image: url(../images/icons/phone.png); background-position:  center center; background-repeat: no-repeat; text-indent: -9999px; }
	.dropcap.magnifier { background-image: url(../images/icons/magnifier.png); background-position:  center center; background-repeat: no-repeat; text-indent: -9999px; }
	.dropcap.save { background-image: url(../images/icons/save.png); background-position:  center center; background-repeat: no-repeat; text-indent: -9999px; }
	.dropcap.heart { background-image: url(../images/icons/heart.png); background-position:  center center; background-repeat: no-repeat; text-indent: -9999px; }

/* 	7.5 Custom lists 
------------------------------------------------*/

ul.none {
	list-style: none;
	margin: 0;
}

ul.dotted + ul.dotted:before {
	content:'';
	display: block;
	clear: both;
	border-bottom: 1px dotted #bdbdbd;
	margin: -15px 0 5px;
	padding-left:0px;
}

	.arrow li, .arrow-2 li, .circle li, .check li, .check-2 li, .star li, .plus li, .dash li {
		list-style: none;
		margin: 0;
		padding: 0 0 0 24px;
	}

	.arrow li { background: url(../images/icons/list-arrow.png) no-repeat 5px 5px; }

	.arrow-2 li { background: url(../images/icons/list-arrow-2.png) no-repeat 2px 4px; }

	.circle li { background: url(../images/icons/list-circle.png) no-repeat 4px 5px; }

	.check li { background: url(../images/icons/list-check.png) no-repeat 3px 4px; }

	.check-2 li { background: url(../images/icons/list-check-2.png) no-repeat 0 4px; }

	.star li { background: url(../images/icons/list-star.png) no-repeat 0 1px; }

	.plus li { background: url(../images/icons/list-plus.png) no-repeat 3px 3px; }

	.dash li { background: url(../images/icons/list-dash.png) no-repeat 3px 8px; }


address {
	border: 1px dashed #e5e5e5;
	padding: 15px;
	margin-top: 20px;
	}
	
div address:first-child { 
	margin-top: 0px; 
	}	
	
pre {
	border: 1px dashed #e5e5e5;
	padding: 15px;
	margin-top: 20px;
	}
	
div pre:first-child { 
	margin-top: 0px; 
	}	
		

/*	7.6 Skill bars
------------------------------------------------*/	

.skill {
	margin-top: 15px;
	}
	
div .skill:first-child {
	margin-top: 0px;
	}

.skill .skill_bar {
	background: #cccccc;
	height: 30px; width: 100%;
	position: relative;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	}
	
.skill .skill_bar .skill_active {
	background: #2db6cf;
	height: 100%;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	}
	
.skill .skill_bar span {
	color: #ffffff;
	position: absolute;
	top: 2px;
	left: 10px;
	line-height: 25px;
	}
	

/*	7.7 Buttons
----------------------------------------------- */

a.ef-button,a.ef-button span {
    
    display:inline-block
    
}

a.ef-button span {
    
    font-size:11px;
    text-transform:uppercase;
    font-weight:400;
    line-height:1em;
    padding:8px 12px;
    color:#656565;
    text-shadow:0 1px 0 #fff;
    filter:dropshadow(color=#fff,offx=0,offy=1);
    background-color:#f5f5f5;
    -webkit-box-shadow:inset 0 -1px 0 0 rgba(0,0,0,0.1);
    -moz-box-shadow:inset 0 -1px 0 0 rgba(0,0,0,0.1);
    box-shadow:inset 0 -1px 0 0 rgba(0,0,0,0.1)
	transition:background-color .3s ease-out 0s,border .3s ease-out 0s,color .3s ease-out 0s,opacity .3s ease-in-out;
    -webkit-transition:background-color .3s ease-out 0s,border .3s ease-out 0s,color .3s ease-out 0s,opacity .3s ease-in-out;
    -moz-transition:background-color .3s ease-out 0s,border .3s ease-out 0s,color .3s ease-out 0s,opacity .3s ease-in-out;
    -ms-transition:background-color .3s ease-out 0s,border .3s ease-out 0s,color .3s ease-out 0s,opacity .3s ease-in-out;
    -o-transition:background-color .3s ease-out 0s,border .3s ease-out 0s,color .3s ease-out 0s,opacity .3s ease-in-out;
border-radius: 4px;
    
}

a.ef-button span:hover {
    
    color:#656565;
    text-shadow:0 0 0 #fff;
    filter:dropshadow(color=#fff,offx=0,offy=0);
    -webkit-box-shadow:inset 0 1px 2px 0 rgba(0,0,0,0.1);
    -moz-box-shadow:inset 0 1px 2px 0 rgba(0,0,0,0.1);
    box-shadow:inset 0 1px 2px 0 rgba(0,0,0,0.1);
	
    
}

a.ef-button {
    
    color:#202020;
    cursor:pointer;
    margin:5px 10px 0px 0;
    margin-left:0px !important;
    padding-left:0px !important;
    padding:5px;
    
}

.ef-button.ef-rounded,.ef-button.ef-rounded span {
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}

.ef-button.ef-l-rounded,.ef-button.ef-l-rounded span {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.ef-button.ef-green span,.ef-button.ef-blue span,.ef-button.ef-orange span,.ef-button.ef-red span,.price-item.recomended .ef-button span,.ef-button.ef-gray span {
    text-shadow: 0 0;
    color: #fff;
}

.ef-button.ef-blue span {
    background-color: #ff0000;
    border-color: #3f9aea;
}

.ef-button.ef-gray span {
    background-color: #404040;
}

.ef-button.ef-blue span:hover {
    background-color: #32A7BF;
    border-color: #4fbe52;
    color:#fff;
}

.ef-button.ef-gray span:hover {
    background-color: #ff0000;
    border-color: #4fbe52; 
    color:#fff;
}

/* 	7.8 Accordion
--------------------------------------------- */

	.accordion { width: 100%; padding-top:10px; }
	.accordion h5 {
		padding: 6px 0;
		cursor: pointer;
		position: relative;
		margin: 0 !important;
		font-weight: 400;
		font-size: 12px;
		color: #a6a6a6;
		margin-bottom: 0;
		border-bottom: 1px dotted #d6d6d6;
		transition: color 0.2s;
		-moz-transition: color 0.2s;
		-webkit-transition: color 0.2s;
	}
	.accordion h5:hover { color: #2db6cf; }
	.accordion h5 span {
		display: inline-block;
		width: 15px;
		height: 15px;
		margin-right: 10px;
		vertical-align: middle;
		background: url(../images/plus-minus.png) 0 0 no-repeat;
		transition: background 0.3s;
		-moz-transition: background 0.3s;
		-webkit-transition: background 0.3s;
	}
	.accordion h5.active { color: #2db6cf; border-bottom-width:0; margin-bottom: 0; }
	.accordion h5:last-of-type { border-bottom-width:0; }
	.accordion h5.active span { background-position: 0 -15px; }
	.accordion .content {
		display:none;
		padding-left: 26px;
	}
	.accordion .content.active { border-bottom: 1px dotted #d6d6d6; }
	.accordion .content:last-of-type { border-bottom-width: 0; }
	.accordion .content p { margin: 0 0 10px 0 !important; }


/* 	7.9 Tabs container
--------------------------------------------- */

	.tabs ul { padding: 0; clear: both; width: 100%; }
	.tabs ul li { display: inline; }
	.tabs ul li:first-child a { border-left: 1px solid #e3e3e3; }
	.tabs ul li.active a { color: #404040; }
	.tabs ul li a {
		position: relative;
		top: 1px;
		font-size: 10px;
		text-transform: uppercase;
		background: #f5f5f5;
		padding: 3px 22px;
		float:left;
		border: 1px solid #e3e3e3;
		border-left-width: 0;
		text-decoration: none;
		color: #999;
		font-weight: 700;
		transition: all 0.2s;
		-moz-transition: all 0.2s;
		-webkit-transition: all 0.2s;
	}
	.tabs ul li.active a {
		background: #fff;
		border-bottom: 1px solid #fff;
	}
	.tabs .content { float: left;
		clear: both;
		border: 1px solid #e3e3e3;
		background: #fff;
		padding: 15px 20px 20px;
		width: 100%;
		box-sizing:border-box;
		-moz-box-sizing:border-box; 
		-webkit-box-sizing:border-box;

	}
	.tabs .content > div { opacity: 0; }
	.tabs p:last-child { margin-bottom: 0 !important; }


/* 	7.10 Highlights
--------------------------------------------- */

.highlight {
		padding: 3px 5px;
		margin: 0 2px;
		background-color: #e9e9e9;
		color: #404040;
	}
	.highlight.blue { background-color: #ff0000; color: #f7f7f7; }
	.highlight.info { background-color: #D6EFF8; color: #2D98BD; }
	.highlight.attention { background-color: #FBFAE4; color: #8F872E; }
	.highlight.succes { background-color: #ECFFE7; color: #506940; }
	.highlight.alert { background-color: #FFE4E5; color: #CA3436; }


/* 	7.11 Testimonials carousel
--------------------------------------------- */

	.testimonials-wrapper { position: relative; overflow: hidden; }
	.testimonial { position: relative; top:0; left:0; overflow: hidden; }
	.testimonial-content {
		min-height: 40px;
		color: #6B6A6A; 
		font-family: "Open Sans", "Times New Roman", Helvetica, Arial, sans-serif;
		font-weight: normal;
		font-size: 12px;
		line-height: 24px;
		width: 100%;
		background: #fff;
		border: 1px solid #e3e3e3;
		padding: 14px 20px;
		box-sizing:border-box;
		-moz-box-sizing:border-box; /* Firefox */
		-webkit-box-sizing:border-box; /* Safari */
	}

	.testimonial-author,.testimonial-author a {
		color: #999; 
		font-family: "Open Sans", "Times New Roman", Helvetica, Arial, sans-serif;
		font-weight: normal;
		font-size: 12px;
		line-height: 24px;
	}
	.testimonial-author a { font-weight: 600; color: #404040 }
	.testimonial-author a:hover { color: #2db6cf; }
	.testimonial-author {
		position: relative;
		top: -1px;
		background: url('../images/icon-testimonial.png') 40px 0 no-repeat;
		padding:  6px 0 0 70px;
		height: 27px;
	}
	.testimonial-next,.testimonial-prev {
		width: 18px;
		height: 18px;
		position: absolute;
		right: 1px;
		bottom: 6px;
		background: #4D4D4D url('../images/next.png') center center no-repeat;
		cursor: pointer;
		transition: background 0.2s ease-in-out;
		-moz-transition: background 0.2s ease-in-out;
		-webkit-transition: background 0.2s ease-in-out;
		-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
	}
	.testimonial-prev { right: 20px; background: #4D4D4D url('../images/prev.png') center center no-repeat; }
	.testimonial-next:hover,.testimonial-prev:hover { background-color: #2db6cf; }

/* 	7.12 Image ribbons
--------------------------------------------- */

.newribbon {
position:absolute;
top:0;
left:0;
width:78px;
height:77px;
background: url(../images/newribbon.png) no-repeat;
z-index:8999;
}

.featuredribbon {
position:absolute;
top:0;
left:0;
width:78px;
height:77px;
background: url(../images/featuredribbon.png) no-repeat;
z-index:8999;
}

.hotribbon {
position:absolute;
top:0;
left:0;
width:78px;
height:77px;
background: url(../images/hotribbon.png) no-repeat;
z-index:8999;
}

/* 	7.13 Alert boxes
--------------------------------------------- */

.alert-warning,
	.alert-info,
	.alert-attention,
	.alert-success {
		display: block;
		width: 100%;
		padding: 4px 10px;
		margin: 0;
		color: #e9e9e9;
		font-size: 11px;
		line-height: 24px;
		font-weight: 400;
		font-family: "Open Sans", "Times New Roman", Helvetica, Arial, sans-serif;
		cursor: default;
		box-sizing:border-box;
		-moz-box-sizing:border-box; 
		-webkit-box-sizing:border-box;
	}

	.alert-warning:last-child,
	.alert-info:last-child,
	.alert-attention:last-child,
	.alert-success:last-child { margin-bottom: 0; }

	.alert-warning:first-child,
	.alert-info:first-child,
	.alert-attention:first-child,
	.alert-success:first-child { margin-bottom: 0; }

	.alert-warning { border: 1px dashed #ff9e9f;background: #ffe4e5; color: #ca3436; margin-bottom: 10px; }
	.alert-info { color: #2d98bd;border: 1px dashed #83c7df;background: #d6eff8; margin-bottom: 10px; }
	.alert-attention { background-color: #FBFAE4;border: 1px dashed #DED58A; color:#8F872E; margin-bottom: 10px; }
	.alert-success { color: #509640;border: 1px dashed #99dd8a;background: #ecffe7; margin-bottom: 10px; }

	.alert-warning strong,
	.alert-info strong,
	.alert-attention strong,
	.alert-success strong { font-weight: 700; color:#fff;}



/* 08. COMMON CLASSES 
------------------------------------------------ */

#page {
	position: relative;
	overflow: hidden;
	}
	
#sidebar {
	width: 240px;
	padding-bottom: 60px;
	}
	
#maincontent {
	width: 660px;
	}


.offset {
	width:1000px !important;
	background:#fff;
	padding-left: 0px !important;
	padding-right: 0px !important;
	padding-bottom:0px !important; 
	}

.wrapper {
	width: 940px; 
	background: #ffffff;
	padding: 40px 30px 0px 30px;
	margin: 0 auto;
	position: relative;
	}

.entry-info{
	padding: 40px 120px 0px 120px;
	}

.entry-info a{
	padding-top:20px;
	}

.bloglink{
	margin-top:50px;
	}

.wrapperblog {
	width: 1000px; 
	background: #ffffff;
	padding: 0px 0px 0px 0px;
	margin: 0 auto;
	position: relative;
	}

.top {padding-top:60px !important;}
	
.wrapperoverlay {
	margin: 0 auto;
	width: 940px;
	max-width: 100%;
	padding: 40px 30px;
	background: #F8F8F8;
	color: #9fa5a6;
	}

.dark{ 
	background:#282D30;
	}

.socialpad { 
	min-height:40px;
	}
	
.main_inner {
	padding-top: 0px;
	padding-bottom:40px;
	}
	
.sidebar_section {
	margin-top: 20px;
	}
#sidebar .sidebar_section:first-child {
	margin: 0;
	}

.left_float { 
	float: left; 
	}

.center { 
	text-align:center; 
	}

.columncenter { 
	width:100%; 
	text-align:center;
	}
	
.right_float { 
	float: right; 
	}
	
.seperator { 
	background: transparent url(../images/seperator.png) no-repeat bottom center; 
	padding-top:0px;  
	}

.bottom { 
	margin-bottom:25px;  
	}
	
.seperator-section { 
	background: transparent url(../images/seperator.png) no-repeat top center; 
	padding-top: 63px; 
	}

#pagetitle {
	position: relative;
	z-index: 2;
	}
	
#pagetitle .tagline {
	font-size: 16px;
	margin-left: 30px;
	color: #9fa5a6;
	}	


.gray { 
	width:100%; 
	background:#F8F8F8; 
	margin-left:-30px; 
	padding-left:30px; 
	padding-right:30px; 
	}


/* 09. HEADER 
------------------------------------------------ */

header {
	margin-top:20px;
	}
	
header .header_inner {
	z-index:10;	
	text-align:center;
	}
	
.header_top {
	text-align:center;
	}
	
.header_tagline {
	text-align: center;
	padding-bottom: 40px;
	padding-top: 40px;
	}
	
.header_tagline h1, .header_tagline h2, .header_tagline h3, .header_tagline h4, .header_tagline h5, .header_tagline h6 {
	margin:  0 0 5px 0;
	}
	

/* 10. NAVIGATION AND MENU 
------------------------------------------------ */

nav {
	z-index: 15;
display:inline-block;
padding-top:15px;
padding-bottom:5px;
	}

#logo {
	margin:20px auto;
	}

nav ul li {
	float:left;
	margin-left: 30px;
	line-height: 50px;			/* height of the logo */
	position: relative;
	z-index: 10;
	}

nav ul li a  {
	font-family: 'Open Sans', sans serif;
	font-weight:bold;
	text-transform: uppercase;
	font-size: 13px;
	color: #999999;
	text-decoration: none;
	}
	
nav ul li a:hover, nav ul li a.active {
	color: #595959; text-decoration: none;
	}

nav ul li ul {
	position: absolute;
	left: 0px;
	top: 40px;
	background: #282D30;
	display: none;
	min-width: 150px;
	z-index: 5;
	}
	
nav ul li ul li {
	width: 130px;
	line-height: 20px;
	margin: 0;
	text-align:left !important;
	padding: 10px 14px 10px 14px;
	border-top: 1px dotted #2D3336;
	position: relative;
	}
	
nav ul li ul li:first-child {
	border-top: none;
	}
	
nav ul li ul li a {
	font-family: 'Open Sans', sans serif;
	font-size: 12px;
	color: #b3b3b3 !important;
	text-decoration: none; 
	text-transform: inherit;
	text-align:left;
	}
	
nav ul li ul li a:hover, nav ul li ul li a.active {
	color: #ffffff !important; text-decoration: none !important;
	}

nav ul li ul li ul {
	left: 155px;
	top: 0;
	margin: 0;
	}
	
nav select {
	display: none;
	border: 1px solid #EEE;
	background: #f7f7f7 url(../images/selectbox.png) right top no-repeat;
	height: 35px;
	width: 100%;
	padding:8px;
	color: #999999;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	}
	
nav select option {
	cursor: pointer;
	padding: 5px 7px;
	}
	


/* 11. SLIDER 
------------------------------------------------ */

#slider {
	overflow: hidden;
	}

#home .slidermain {
	width: 1000px;
	margin: 0 auto;
	height: auto;
	position: relative;
	z-index: 2;
	overflow: hidden;
	background: #ffffff;
	}

#blog #slider {
	width: 100% !important;
	margin: 0 auto;
	height: auto;
	position: relative;
	z-index: 2;
	overflow: hidden;
	background: #ffffff;
	}
	
#portfolio #slider {
	margin-bottom: 0px;
	position: relative;
	z-index: 2;
	overflow: hidden;
	width:1000px;
	display:block;
	margin:0 auto;
	}

#blog #slider {
	position: relative;
	z-index: 2;
	overflow: hidden;
	}
	
#pageloader #slider {
	margin-bottom: 0px;
	}

.slidercontent {
	width:660px !important;
	}
	
#pageloader #slider ul, #portfolio #slider ul, #blog #slider ul {
	margin-top: 0;
	padding-left: 0;
	}

#pageloader #slider ul li, #portfolio #slider ul li, #blog #slider ul li {
	padding-left: 0;
	background: none;
	line-height: inherit;
	}
	
#pageloader #slider ul, #portfolio #slider ul, #blog #slider ul {
	margin-top: 0;
	padding-left: 0;
	}

#pageloader #slider ul li, #portfolio #slider ul li, #blog #slider ul li {
	padding-left: 0;
	background: none;
	line-height: inherit;
	}
	
#blog #slider {
	position: relative;
	z-index: 2;
	overflow: hidden;
	}
	

/* Team members slider
-------------------------------------------- */

	.team-members { margin-bottom: 20px; overflow: hidden; padding-top:80px; }
	.team-members .desc,.team-members .nav { padding-top: 0px; }
	.team-members h2 { margin-bottom: 0 !important; font-size: 22px; font-weight: 700; color: #404040; }
	.team-members h5 { margin-bottom: 0; font-size: 14px; font-weight: 400; color: #b3b3b3; margin-top:10px; padding-bottom:20px;}
	.team-members .up, .team-members .down {
		margin:0px;
		padding:0px;
		display:block;
		width: 19px;
		height: 19px;
		background: #666 url('../images/prev.png') no-repeat center center;
		cursor: pointer;
		transition: background-color 0.3s ease-in-out;
	    -moz-transition: background-color 0.3s ease-in-out;
	    -webkit-transition: background-color 0.3s ease-in-out;
		-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	}
	.team-members .down { background: #666 url('../images/next.png') no-repeat center center; width:19px; height:19px; margin-left:22px; padding:0px; }
	.team-members .up {  float:left; }
	.team-members .up:hover {  background-color: #2DB6CF; }
	.team-members .down:hover {  background-color: #2DB6CF; }
	.team-members .up:active,.team-members .down:active { background-color: #2DB6CF; }
	.team-members .member{ overflow: hidden; display: none; }
	.team-members .member .desc { float: left;width: 50%; position:relative; top:-300px; margin-left:50px;}
	.team-members .member .picture { float: left; width: 40%; position:relative; left:-1000%; margin-right: 10px; }
	.team-members .member .picture img { max-width: 100%; }


/* 12. FOOTER, TO TOP BUTTON & TWITTER WIDGET
------------------------------------------------ */

#bottom {
	position: relative;
	z-index: 2;
	}

.totop {
	position:fixed;
	bottom: 122px;
	right: 30px;
	z-index: 10;
	width: 30px;
	height: 30px;
	display: none;
	background: #282D30 url(../images/top.png) no-repeat center center;
	text-indent: -9999px;
	transition: background-color 0.3s;
		-moz-transition: background-color 0.3s;
		-webkit-transition: background-color 0.3s;
-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	}
	
.totop:hover {
	background-color: #2db6cf;
	opacity: 1.0;
	filter: alpha(opacity = 100);
	}

footer {
	margin-bottom: 60px;
	}

.footers {
	background-color:#282D30;
	padding-bottom:50px;
	padding-top:50px;
	}

#footer .column {
	padding-bottom:0px;
	}
	
footer .footer_bottom {
	margin: 0px auto 0 auto;
	padding: 20px 30px;
	width:940px;
	text-align:center;
	color: #9FA5A6;
	background:none;
	}

footer .lightfooter {
	color: #edf4f5;
	}

#text-widget p{
	font-size:13px;
	}


/*	Twitter Widget
------------------------------------------------*/
#twitter {
	color: #6B6A6A;
font: 13px/36px 'Open Sans', sans serif;
font-weight: 400;
	line-height:22px;
	float: left;
	display: block;
	margin-top:0px;
	list-style:none;
	margin-left:0px;
	padding-left:0px;
	padding-bottom: 20px;
}

#twitter b a, #twitter b a:hover {color: #B3B3B3;font-family: 'Open Sans', sans-serif; font-weight:700; margin-top:40px !important; padding-top:3px !important; padding-left:25px !important; background: url(../images/tweet_grey.png) no-repeat 0 90%;}
#twitter li {line-height: 18px; margin: 0px 0 12px 0; list-style:none; padding-bottom:10px;}
#twitter li:last-child {padding: 0; padding-bottom:10px;margin: 0;line-height:22px;}
#twitter a {color: #CCC;}
#twitter a:hover {color: #00b1e8;}



/* 13. PORTFOLIO LAYOUT
------------------------------------------------*/

.portfolio-entries {
	width: 100%;
	padding-bottom: 0px;
	background:#F8F8F8;
	}
	
.portfolio-entry {
	float: left;
	width: 220px;
	background: #fff;
	margin-right: 0px;
	margin-bottom: 0px;
	position: relative;
	background: #f7f7f7;
	}

.columns4 .portfolio-entry { width: 250px; }
.columns3 .portfolio-entry { width: 300px; }
.columns2 .portfolio-entry { width: 460px; }
	
.portfolio-meta {
	margin-top: 20px;
	text-align: center;
	}
	
.portfolio-categories {
	color: #b3b3b3;
	font-size: 11px;
	}
	

/* 	Filter     */

.filter {
	overflow: hidden;
	margin: 0;
	padding: 0;
	margin-bottom: 0px;
	text-align: center;
	}
	
.filter li {
	display: inline-block;
	padding: 0px;
	line-height: 10px;
	background: url(../images/seperator_filter.png) no-repeat center left;
	padding-left: 8px;
	padding-right: 6px;
	margin-bottom: 5px;
	
	/* For IE 7 */
	zoom: 1;
	*display: inline;
	}
	
.filter li:first-child {
	background: none;
	}

.filter li a {
	display: inline-block;
	text-decoration: none;
	font-size: 11px;
	text-transform: uppercase;
	line-height: 10px;
	padding: 0;
	color: #999999;
	}
.filter li a:hover { color: #595959; text-decoration: none;}
.filter li a.active { color: #ffffff; }



/*  14.	BLOG ENTRIES & ELEMENTS
------------------------------------------------*/

#blog .entry {
	padding-top: 63px;  
	margin-bottom: 0px;
	}
	
#blog .entry:first-child {
	background: none; 
	padding-top: 0;  
	margin-top: 0;
	}

/*	Meta Datas
------------------------------------------------*/
.entry-meta div {
	font-size: 11px;
	line-height: 18px;
	color: #b3b3b3;
	}

.entry {
	margin-bottom: 60px;
	
	}
	
.meta_date {
	margin-bottom: 40px;
	text-transform: uppercase;
	}

.post-headline {
	padding-top:15px;
	padding-bottom:15px;
	text-align:center;
	}

.post-headline h3 {
	font-size: 24px !important;
	}
	
.entry-meta{
	text-align:center;
	}

.entry-info p{
	text-align:justify;
	}
	
#blog .entry-content-sidebar {
	width: 540px;
	}
	
#blog .entry-thumb {
	margin-bottom: 20px;
	display:inline-block;
	width:100%;
	}

#blog .entry-meta {
	width: 100%;
	text-align: center;
	display:inline-block;
	}

#home .entry-content {
	margin-top: 20px;
	}
	
#home .one_third .entry-info {	width: 255px; }
#home .one_fourth .entry-info {	width: 175px; }
	
#home .entry-info .entry-date {
	font-size: 11px;
	color: #b3b3b3;
	}
	
#home .entry-info p {
	margin-top: 10px;
	}
	
#home .entry-info .entry-meta {
	margin-top: 15px;
	}

/* recent posts widget */
	.post-image { float:left; width: 50px; height: 50px; margin-top:4px; }
	.post-headlinesmall { overflow: hidden; padding-left: 12px; line-height: 22px; padding-bottom:15px; }
	.post-headlinesmall span { display: block; font-size: 11px; color: #b3b3b3; }

/*	Meta Datas      */

.entry-meta div {
	font-size: 11px;
	line-height: 18px;
	color: #b3b3b3;
	}
	
.meta_date {
	margin-bottom: 15px;
	text-transform: uppercase;
	}
	

.meta a:hover {
	color:#2DB6CF;
	}

.meta_comments a {
	background: url(../images/icons/comments_icon.png) no-repeat left 1px;
	padding-left: 19px;
	color: #b3b3b3;
	padding-top:0px;
	}

.meta_tags {
	background: url(../images/icons/tags_icon.png) no-repeat left 3px;
	padding-left: 19px;
	color: #b3b3b3;
	}

.meta_likes {
	background: url(../images/icons/likes_icon.png) no-repeat left 3px;
	padding-left: 19px;
	color: #b3b3b3;
	padding-top:0px;
	}

.meta_likes a {
	color: #b3b3b3;
	padding-top:0px;
	}


.meta_views {
	background: url(../images/icons/views_icon.png) no-repeat left 3px;
	padding-left: 19px;
	color: #b3b3b3;
	}

.meta_views a {
	color: #b3b3b3;
	padding-top:0px;
	}

.meta{
	padding-top:40px;
	}

.meta_tags a {
	color: #b3b3b3;
	padding-top:0px!important;
	}
	
.meta_readmore {
	margin-top: 15px;
	}
	
.meta_readmore a.readmore .readmoreicon {
	float: right;
	margin-right: 0px;
	margin-left: 6px;
	}

.meta_type {
	margin-bottom: 15px;
	height: 30px;
	}

.meta_type a {
	width: 30px;
	height: 30px;
	display: inline-block;
	background: #2db6cf;
	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	}
	
.meta_type a.type_quote { background: #2db6cf url(../images/type_quote.png) no-repeat center center; }
.meta_type a.type_post { background: #2db6cf url(../images/type_post.png) no-repeat center center; }
.meta_type a.type_image { background: #2db6cf url(../images/type_image.png) no-repeat center center; }
.meta_type a.type_gallery { background: #2db6cf url(../images/type_gallery.png) no-repeat center center; }
.meta_type a.type_video { background: #2db6cf url(../images/type_video.png) no-repeat center center; }
.meta_type a.type_audio { background: #2db6cf url(../images/type_audio.png) no-repeat center center; }
.meta_type a.type_link { background: #2db6cf url(../images/type_link.png) no-repeat center center; }

.meta_type a:hover { 
	background-color: #999999;
}

.meta_readmore {
	margin-top: 15px;
	}
	
.meta_readmore a.readmore .readmoreicon {
	float: right;
	margin-right: 0px;
	margin-left: 6px;
	}

.meta_type {
	margin-bottom: 15px;
	height: 30px;
	}

.meta_type a {
	width: 30px;
	height: 30px;
	display: inline-block;
	background: #2db6cf;
	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	}
	
.meta_type a.type_quote { background: #2db6cf url(../images/type_quote.png) no-repeat center center; }
.meta_type a.type_post { background: #2db6cf url(../images/type_post.png) no-repeat center center; }
.meta_type a.type_image { background: #2db6cf url(../images/type_image.png) no-repeat center center; }
.meta_type a.type_gallery { background: #2db6cf url(../images/type_gallery.png) no-repeat center center; }
.meta_type a.type_video { background: #2db6cf url(../images/type_video.png) no-repeat center center; }
.meta_type a.type_audio { background: #2db6cf url(../images/type_audio.png) no-repeat center center; }
.meta_type a.type_link { background: #2db6cf url(../images/type_link.png) no-repeat center center; }

.meta_type a:hover { 
	background-color: #999999;
}

/*   Paginations   */

#pagination {
	width: 100%;
	margin-bottom: 60px;
        margin-top:0px !important;
	padding-top: 18px;
	text-align: center!important;
	}
	
#pagination a {
	background: url(../images/seperator_filter.png) no-repeat center left;
	padding: 5px 5px 1px 8px; 
	font-size: 11px;
	text-transform: uppercase;
	color: #999999;
	}

#pagination a.first {
	padding-left:0px !important;
	}
	
#pagination a:first-child {
	background: none;
	padding-left:0px;
	}
	
#pagination a:hover {
	color: #2db6cf;
	}
	
#pageloader #pagination, #portfolio #pagination {
	width: 100%;
	margin-bottom: 20px;
	}


/*   Comments   */

#comments  {
	padding-top: 0px;
	margin-bottom: 60px;
	padding-left:120px;
	padding-right:120px;
	}
	
#comments .comment-list  {
	padding-bottom: 15px;
	border-bottom: 1px dashed #e6e6e6;
	width: 540px;
	}
	
#comments .comment {
	overflow: hidden;
	border-top: 1px dashed #e6e6e6;
	padding-top: 15px;
	margin-top: 15px;
	}
	
#comments .comment-list .comment:first-child {
	padding-top: 0px;
	margin-top: 0px;
	border-top: none;
	}	

#comments .comment .comment { 
	margin-left: 70px; 
	margin-bottom: 0; 
	padding-bottom: 0;
	}
	
#comments .user {
	float: left;
	width: 50px;
	}
	
#comments .comment_content {
	margin-left: 70px;
	}
	
#comments .comment_date {
	font-size: 10px;
	line-height: 12px;
	text-transform: uppercase;
	margin-top: 5px;
	}
	
#commenticon {
	width: 100px;
	text-align: right;
	}
	
#commenticon span {
	width: 30px;
	height: 30px;
	display: inline-block;
	background: #2db6cf url(../images/comments.png) no-repeat center center;
	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	}
	

/* 	Leave Comments        */


#leavecomment {
	padding-top: 60px;
	padding-left:120px;
	padding-right:120px;
	margin-bottom: 60px;
	}
	
#leavecomment .leavecomment-form {
	width: 540px;
	}
	
#leavecommenticon {
	width: 100px;
	text-align: right;
	}
	
#leavecommenticon span {
	width: 30px;
	height: 30px;
	display: inline-block;
	background: #2db6cf url(../images/leavecomment.png) no-repeat center center;
	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	}
	

	
/*   15. SKELETON
------------------------------------------------*/

.column { 
	float: left; 
	padding-bottom: 60px;
	margin-right: 40px;
	}

.one_full { width: 100%; float: none; margin-right: 0; }
.one_half  { width: 440px; }
.one_third { width: 280px; }
.two_third { width: 600px; }
.one_fourth { width: 200px; }
.two_fourth { width: 440px; }
.three_fourth { width: 680px; }

.last {	margin-right: 0px; }

#maincontent .one_half  { width: 285px; }
#maincontent .one_third { width: 180px; }
#maincontent .two_third { width: 390px; }



/* 16. GOOGLE MAPS
------------------------------------------------*/

#map {
	width: 1000px;
	height: 350px;
	margin: auto;
	background: #fff;
	margin-top:-20px;
	}
	
#map img {	
	max-width: inherit;
	height: auto;
	}
	
#map {
	text-shadow: none;
	}
	
	
/* 17. SOCIAL MEDIA ICONS
------------------------------------------------*/

.socialmedia {
	text-align: center;
	height: 30px;
	}

.left  {
	text-align: left!important;
	margin-left:-5px;
	}

	
.socialmedia a {
	height: 28px;
	width: 28px;
	display: inline-block;
	text-indent: -9999px;
	margin-left: 2px;
	margin-right: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	position: relative;
	overflow: hidden;
	
	/* For IE 7 */
	zoom: 1;
	*text-indent:0; 
	*font-size:0; 
	*line-height:0;
	*display: inline;
	}
	
.socialmedia a span {
	height: 28px;
	width: 20px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	}
	
a.facebookg span { background: transparent url(../images/socials/facebookg.png); }
a.pinterest span { background: transparent url(../images/socials/pinterest.png); }
a.youtube span { background: transparent url(../images/socials/youtube.png); }
a.twitterg span { background: transparent url(../images/socials/twitterg.png); }
a.thumblrg span { background: transparent url(../images/socials/thumblrg.png); }
a.vimeog span { background: transparent url(../images/socials/vimeog.png); }
a.dribbbleg span { background: transparent url(../images/socials/dribbbleg.png); }
a.behanceg span { background: transparent url(../images/socials/behanceg.png); }
a.flickrg span { background: transparent url(../images/socials/linkeding.png); }
a.forrstg span { background: transparent url(../images/socials/forrstg.png); }
a.deviantartg span { background: transparent url(../images/socials/deviantartg.png); }
a.linkeding span { background: transparent url(../images/socials/linkeding.png); }
a.rssg span { background: transparent url(../images/socials/rssg.png); }
a.googleplusg span { background: transparent url(../images/socials/googleplusg.png); }



/*	Buttons
------------------------------------------------*/
a.button {
	display: inline-block;
	text-decoration: none;
	text-align: center;
	padding: 3px 15px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 0 10px 10px 0;
	}
	
a.button:hover {
	-moz-box-shadow: 0px 1px 0px #cccccc; 
	-webkit-box-shadow: 0px 1p 0px #cccccc; 
	box-shadow: 0px 1px 0px #cccccc;
	}
	
		
a.white {
	color: #999999;
	text-shadow: 1px 1px 0px #ffffff;
	border: 1px solid #cccccc;
	
	background: #f0f0f0;
	background-image: linear-gradient(bottom, rgb(240,240,240) 12%, rgb(250,250,250) 100%);
	background-image: -o-linear-gradient(bottom, rgb(240,240,240) 12%, rgb(250,250,250) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(240,240,240) 12%, rgb(250,250,250) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(240,240,240) 12%, rgb(250,250,250) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(240,240,240) 12%, rgb(250,250,250) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.12, rgb(240,240,240)),
		color-stop(1, rgb(250,250,250))
	);

	}
a.white:hover { border: 1px solid #999999; color: #333333; }

a.blue {
	color: #318588;
	text-shadow: 1px 1px 0px #ace9ec;
	border: 1px solid #5bc0c7;
	
	background: #6ccbd6;
	background-image: linear-gradient(bottom, rgb(108,203,214) 0%, rgb(160,218,221) 100%);
	background-image: -o-linear-gradient(bottom, rgb(108,203,214) 0%, rgb(160,218,221) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(108,203,214) 0%, rgb(160,218,221) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(108,203,214) 0%, rgb(160,218,221) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(108,203,214) 0%, rgb(160,218,221) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(108,203,214)),
		color-stop(1, rgb(160,218,221))
	);
	}
a.blue:hover { border: 1px solid #469499; color: #194b51; -moz-box-shadow: 0px 1px 0px #cccccc; -webkit-box-shadow: 0px 1p 0px #cccccc; box-shadow: 0px 1px 0px #cccccc; }

a.yellow {
	color: #ae8c2d;
	text-shadow: 1px 1px 0px #fce8af;
	border: 1px solid #fcd14b;
	
	background: #fcd96c;
	background-image: linear-gradient(bottom, rgb(252,217,108) 0%, rgb(252,228,154) 100%);
	background-image: -o-linear-gradient(bottom, rgb(252,217,108) 0%, rgb(252,228,154) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(252,217,108) 0%, rgb(252,228,154) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(252,217,108) 0%, rgb(252,228,154) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(252,217,108) 0%, rgb(252,228,154) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(252,217,108)),
		color-stop(1, rgb(252,228,154))
	);
	}
a.yellow:hover { border: 1px solid #ba972a; color: #7e6621; -moz-box-shadow: 0px 1px 0px #cccccc; -webkit-box-shadow: 0px 1p 0px #cccccc; box-shadow: 0px 1px 0px #cccccc; }

a.green {
	color: #768c34;
	text-shadow: 1px 1px 0px #e0eebc;
	border: 1px solid #aecd5b;
	
	background: #c2e16d;
	background-image: linear-gradient(bottom, rgb(194,225,109) 0%, rgb(206,225,154) 100%);
	background-image: -o-linear-gradient(bottom, rgb(194,225,109) 0%, rgb(206,225,154) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(194,225,109) 0%, rgb(206,225,154) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(194,225,109) 0%, rgb(206,225,154) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(194,225,109) 0%, rgb(206,225,154) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(194,225,109)),
		color-stop(1, rgb(206,225,154))
	);
	}
a.green:hover { border: 1px solid #738b32; color: #56691c; -moz-box-shadow: 0px 1px 0px #cccccc; -webkit-box-shadow: 0px 1p 0px #cccccc; box-shadow: 0px 1px 0px #cccccc; }

a.pink {
	color: #e0556e;
	text-shadow: 1px 1px 0px #e9b6bf;
	border: 1px solid #f2798d;
	
	background: #f28699;
	background-image: linear-gradient(bottom, rgb(242,134,153) 0%, rgb(242,162,176) 100%);
	background-image: -o-linear-gradient(bottom, rgb(242,134,153) 0%, rgb(242,162,176) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(242,134,153) 0%, rgb(242,162,176) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(242,134,153) 0%, rgb(242,162,176) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(242,134,153) 0%, rgb(242,162,176) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(242,134,153)),
		color-stop(1, rgb(242,162,176))
	);
	}
a.pink:hover { border: 1px solid #d53652; color: #8e2437; -moz-box-shadow: 0px 1px 0px #cccccc; -webkit-box-shadow: 0px 1p 0px #cccccc; box-shadow: 0px 1px 0px #cccccc; }

a.purple {
	color: #d46fc9;
	text-shadow: 1px 1px 0px #efe2ee;
	border: 1px solid #e8a0e0;
	
	background: #e8b0e2;
	background-image: linear-gradient(bottom, rgb(232,176,226) 0%, rgb(232,211,230) 100%);
	background-image: -o-linear-gradient(bottom, rgb(232,176,226) 0%, rgb(232,211,230) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(232,176,226) 0%, rgb(232,211,230) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(232,176,226) 0%, rgb(232,211,230) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(232,176,226) 0%, rgb(232,211,230) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(232,176,226)),
		color-stop(1, rgb(232,211,230))
	);
	}
a.purple:hover { border: 1px solid #c359b7; color: #843c7c; -moz-box-shadow: 0px 1px 0px #cccccc; -webkit-box-shadow: 0px 1p 0px #cccccc; box-shadow: 0px 1px 0px #cccccc; }


a.grey {
	color: #999999;
	text-shadow: 1px 1px 0px #ebebeb;
	border: 1px solid #adadad;
	
	background: #bfbfbf;
	background-image: linear-gradient(bottom, rgb(191,191,191) 0%, rgb(217,217,217) 100%);
	background-image: -o-linear-gradient(bottom, rgb(191,191,191) 0%, rgb(217,217,217) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(191,191,191) 0%, rgb(217,217,217) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(191,191,191) 0%, rgb(217,217,217) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(191,191,191) 0%, rgb(217,217,217) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(191,191,191)),
		color-stop(1, rgb(217,217,217))
	);
	}
a.grey:hover { border: 1px solid #737373; color: #595959; -moz-box-shadow: 0px 1px 0px #cccccc; -webkit-box-shadow: 0px 1p 0px #cccccc; box-shadow: 0px 1px 0px #cccccc; }

a.orange {
	color: #e08457;
	text-shadow: 1px 1px 0px #fde5d9;
	border: 1px solid #fda072;
	
	background: #fdb897;
	background-image: linear-gradient(bottom, rgb(253,184,151) 0%, rgb(253,203,179) 100%);
	background-image: -o-linear-gradient(bottom, rgb(253,184,151) 0%, rgb(253,203,179) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(253,184,151) 0%, rgb(253,203,179) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(253,184,151) 0%, rgb(253,203,179) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(253,184,151) 0%, rgb(253,203,179) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(253,184,151)),
		color-stop(1, rgb(253,203,179))
	);
	}
a.orange:hover { border: 1px solid #de7744; color: #bd5223; -moz-box-shadow: 0px 1px 0px #cccccc; -webkit-box-shadow: 0px 1p 0px #cccccc; box-shadow: 0px 1px 0px #cccccc; }
		


/* 18. PRICING TABLES
------------------------------------------------ */

	.pricing-table {
		font-family: "Open Sans", "Times New Roman", Helvetica, Arial, sans-serif;
		background: #fff;
		border: 1px solid #e3e3e3;	
		margin-bottom: 40px;
		box-sizing:border-box;
		-moz-box-sizing:border-box; 
		-webkit-box-sizing:border-box;
		padding-bottom:0px;
	}
	.pricing-table:last-child { margin-bottom: 0; }
	.pricing-table .title {
		font-weight: 700;
		font-size: 14px;
		text-transform: uppercase;
		display:block;
		color: #f5f5f5;
		background:#606060;
		text-align: center;
		padding: 12px 0;
	}
	.pricing-table .price {
		line-height: 32px;
		font-weight: 600;
		font-size: 42px;
		text-transform: normal;
		display:block;
		color: #606060;
		text-align: center;
		padding: 18px 0;
		background:#F3F3F3;
		border-bottom:1px solid #E3E3E3;
		
	}
	.pricing-table .price span {
		display: block;
		font-weight: 400;
		font-size: 11px;
		color: #606060;
		margin-top: 6px;
		line-height: 15px;
	}
	.pricing-table .package {
		margin: 0 !important;
	}
	.pricing-table .package li {
		margin: 0;
		background: #f4F4F4;
		padding: 8px 20px;
		text-align: center;
		color: #999;
	}

	.pricing-table .package li:nth-child(2n+0) {
		background: #fff;
	}
	.pricing-table .action {
		border-top: 1px solid #e9e9e9;
		background: #f5f5f5;
		padding: 12px 20px;
		text-align: center;
	}
	.pricing-table .package li strong { font-weight: 700; color: #808080; }

	/* Special Package */
	.pricing-table.package-special .title {
		background: #2AA9C3; 
	}
	.pricing-table.package-special .price {
		border-top: 1px solid #2db6cf;
		background: #2db6cf url(../images/overlay.png) center -80px no-repeat;
		color: #fff;
	}

	.pricing-table.package-special .price span {
		display: block;
		font-weight: 400;
		font-size: 11px;
		color: #fff;
		margin-top: 6px;
		line-height: 15px;
	}


/* 19. WIDGETS
------------------------------------------------*/

.widget {
	margin-top: 30px;
	padding-bottom:20px;
	}

.nonpad {
	padding-bottom:0px;
	}
	
div .widget:first-child {
	margin-top: 0px;
	}
	
#top .widget h1, #top .widget h2, #top .widget h3, #top .widget h4, #top .widget h5, #top .widget h6,
#bottom .widget h1, #bottom .widget h2, #bottom .widget h3, #bottom .widget h4, #bottom .widget h5, #bottom .widget h6{ 
	display: none; 
	}

#top .widget {
	line-height: 30px;
}

#menu-widget ul {
	margin-top: 30px;
	}
	
#menu-widget ul li {
	padding: 4px 0 3px 20px;
	background: transparent url(../images/arrowtoright.png) 2px 12px no-repeat;
	line-height: 22px;
	border-bottom: 1px dashed #e6e6e6;
	}
	
#menu-widget ul li a {
	color: #999999;
	}
	
#menu-widget ul li a:hover, ul.sidebarmenu li a.active {
	color: #2db6cf;
	}

	

/*  20. OVERLAY EFFECTS IMAGES
------------------------------------------------*/
.imgoverlay {
	position: relative;
	cursor: pointer;
	overflow: hidden;
	}

.imgoverlay a .overlay {
	width: 100%;
	height: 100%;
	background: #ffffff;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
	}
	
	
	
/* 21. AJAX ANIMATION SECTION
------------------------------------------------*/
	
#animationsection {
	position: relative;
	z-index: 2;
	}

#slidersection {
	width: 100%;
	height: auto;
	z-index: 2;
	}
	
#loadingsection {
	width: 100%;
	position: absolute;
	top: 0;
	left: 100%;
	z-index: 2;
	}
	
#pageloader {
	padding: 50px 30px;
	margin-bottom:0px;
	padding-bottom:40px;
	background: #f7f7f7;
	width: 940px;
	margin: 0 auto;	
	position: relative;
	}
	
#pageloader #sidebar {
	padding-bottom: 0px;
	}
	
#loader {
	height: 100%;
	width: 100%;	
	z-index: 0;
	position: absolute;
	top: 0;
	left: 0;
	}
	
#loader .wrapper {
	background: #fff;
	padding: 0 30px;
	height: 100%;
	}
	
#loader .wrapper div {
	background: url(../images/loader.gif) center 60px no-repeat;
	width: 100%;
	height: 100%;
	display: none;
	text-align: center;
	}
	
#loader .wrapper div span {
	display: none;
	margin-top: 15px;
        padding-top:5px;
        padding-bottom:5px;
        padding-left:70px;
        padding-right: 70px;
        background:#282D30;
	display:inline-block;
        font-size: 11px;
        text-transform: uppercase;
	}
	
#close {
	text-align: left;
	margin-top: 10px;
	}
	
#close a {
	font-size: 11px;
	text-transform: uppercase;
	color: #999999;
        background:url(../images/cross.png) no-repeat center left;
        padding-left:15px;
	}
	
#close a:hover {
	color: #595959;
	}


/* 21. FANCYBOX
-------------------------------------------------  */

.fancybox-tmp iframe, .fancybox-tmp object {
	vertical-align: top;
	padding: 0;
	margin: 0;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1002;
}

.fancybox-outer {
	padding: 0;
	margin: 0;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
}

.fancybox-opened {
	z-index: 1003;	
}

.fancybox-opened .fancybox-outer {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-inner {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	position: relative;
	outline: none;
	overflow: hidden;
}

.fancybox-error {
	color: #444;
    font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin: 0;
    padding: 10px;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
	padding: 0;
	margin: 0;
	vertical-align: top;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -21px;
	margin-left: -21px;
	width: 42px;
	height: 42px;
	background: url('../images/fancybox_loading.gif');
	opacity: 0.8;
	cursor: pointer;
	z-index: 1010;
}

.fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('../images/fancybox_sprite.png');
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 1004;
}

.fancybox-prev, .fancybox-next {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	background: transparent url('../images/blank.gif'); /* helps IE */
	z-index: 1003;
}

.fancybox-prev {
	left: 0;	
}

.fancybox-next {
	right: 0;
}

.fancybox-prev span, .fancybox-next span {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 36px;
	height: 36px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 1003;
}

.fancybox-prev span {
	background-position: 0 -36px;
}

.fancybox-next span {
	background-position: 0 -72px;
}

.fancybox-prev:hover, .fancybox-next:hover {
	visibility: visible;
}

.fancybox-prev:hover span {
	left: 20px;
}

.fancybox-next:hover span {
	left: auto;
	right: 20px;
}

.fancybox-tmp {
	position: absolute;
	top: -9999px;
	left: -9999px;
	padding: 0;
	overflow: visible;
	visibility: hidden;
}

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 1001;
	background: #000;
}

.fancybox-title {
	visibility: hidden;	
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 1005;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 1003;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	margin-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;	
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/* 22. FLEXSLIDER FULL CSS
---------------------------------------------------- */

/*
 * jQuery FlexSlider v1.8
 * http://flex.madebymufffin.com
 *
 * Copyright 2011, Tyler Smith
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {width: 100%; margin: 0; padding: 0;}
.flexslider .slides > li {display: none; height: auto;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {position: relative; zoom: 1;}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative;}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {zoom: 1; position: relative;}

/* Caption style */
/* IE rgba() hack */
.flex-caption { background: #282D30; width: 240px; opacity: 0.9; filter: alpha(opacity = 90);}
.flex-caption {position: absolute; left: 30px; bottom: 30px; padding: 15px 15px; color: #ffffff;  -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.flex-caption h1, .flex-caption h2, .flex-caption h3, .flex-caption h4, .flex-caption h5, .flex-caption h6   { color: #ffffff; margin: 0; font-size:13px; }

/* Direction Nav */
.flex-direction-nav li a {width: 25px; height: 25px;display: block; position: absolute; bottom: 15px; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;transition: background-color 0.3s;
-moz-transition: background-color 0.3s;
-webkit-transition: background-color 0.3s;}
.flex-direction-nav li .next {background: #282D30 url(../images/next.png) no-repeat center center; right: 15px;}
.flex-direction-nav li .prev {background: #282D30 url(../images/prev.png) no-repeat center center; right: 45px;}
.flex-direction-nav li a:hover { background-color: #2db6cf; }
.flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: 30px; text-align: center;}
.flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {width: 11px; height: 11px; display: block; background: url(../images/bullets.png) no-repeat 0 0; cursor: pointer; text-indent: -9999px;}
.flex-control-nav li a:hover {}
.flex-control-nav li a.active {background-position: bottom left; cursor: default;}