/* Table of Content
==================================================
	
	#Basic Styles
	#Site Styles
	#Typography
	#Links
	#Lists
	#Images
	#Buttons
	#Forms
	#Misc */

@import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700|Bree+Serif);


/* #Basic Styles
================================================== */
	body {
	font-family:'Droid Sans', sans-serif;
	font-size:12px;
	line-height:16px;
	color: #495d60;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
	background-color: #f3f1ef;
	background-image:url(../images/bg_180.jpg);

 }


/* #Typography
================================================== */
	h1, h2, h3, h4, h5, h6 {
		color: #495d60;
		font-family: 'Bree Serif';
		font-weight: normal;
		 }
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; text-decoration:inherit;}
	
	h1 {
		font-size: 46px;
		text-transform: uppercase;
		line-height:1em;
	}
	h2 { 
		font-family:'Droid Sans', sans-serif;
		font-size:12px; 
		}
	h3 {
	font-size: 18px;
	text-transform: uppercase;
	line-height: 0.8em;
	}
	
	h4 { 
	font-size: 14px;
	color:#fe7134;}
	
	.blue h4 {
	color: #8ecdd6;
	}
	.green h4 {
	color: #9ac58d;
	}
	.dark h4 {
	color: #495d60;
	}
	
	h5 { 
	font-size: 12px; 
	color:#fe7134;
	text-transform: uppercase;}
	
	.blue h5 {
	color: #8ecdd6;
	}
	.green h5 {
	color: #9ac58d;
	}
	.dark  h5 {
	color: #495d60;
	}
	
	h6 { font-size: 14px; line-height: 21px; }
	
	p { margin: 0 0 11px 0; }
	
	p img { margin: 0; }
	

	em { font-style: italic; }
	strong { font-weight: bold; color: #333; }
	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: #333; text-decoration: underline; outline: 0; }
	a:hover, a:focus { color: #000; }
	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; font-size: 90%;  }
	ul ul li, ul ol li,
	ol ol li, ol ul li { margin-bottom: 6px; }
	li { line-height: 18px; margin-bottom: 12px; }
	ul.large li { line-height: 21px; }
	li p { line-height: 1em; }

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

	img.scale-with-grid {
		max-width: 100%;
		height: auto; }


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

	.button,
	button,
	input[type="submit"],
	input[type="reset"],
	input[type="button"] {
		background: #fff; 
		border: none;
	 	font-family: 'Bree Serif';
		color: #fe7134;
	  	display: inline-block;
	  	font-size: 12px;
	 	text-decoration: none;
	    cursor: pointer;
	    line-height: normal;
		text-transform: uppercase;
	 }
	 .blue input[type="submit"] {
	color: #8ecdd6;
	}
	.green input[type="submit"] {
	color: #9ac58d;
	}
	.dark  input[type="submit"] {
	color: #495d60;
	}

	.button:hover,
	button:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover {
		color: #cfcfcf;
		 }

	.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;
	}


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

	
	input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea,
	select {
		font-family:'Droid Sans', sans-serif;
		font-size:12px;
		line-height:16px;
		color: #495d60;
		border: 1px solid #cfcfcf;
		background: #fff; 
		outline: none;
		padding: 6px 4px;		
		margin: 0;
		margin-bottom: 10px;
		width: 250px;
		max-width: 100%;
		display: block;
		resize: none;
		-webkit-transition: all 0.2s ease-out;
		-moz-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
		
	
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus,
	textarea:focus {
		color: #cfcfcf;
 		-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 {
		height: 108px; }
	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; }


/*
 * jQuery Nivo Slider v3.1
 * http://nivo.dev7studios.com
 *
 * Copyright 2012, Dev7studios
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
  
/* The Nivo Slider styles */

.nivoSlider {
	position:relative;
	width:100%;
	height:auto;
	overflow: hidden;
	
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	max-width: none;
}
.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	width:100%;
	z-index:8;
	padding: 5px 10px;
	opacity: 0.8;
	overflow: hidden;
	display: none;
	-moz-opacity: 0.8;
	filter:alpha(opacity=8);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	text-align:center;
	padding: 15px 0;
}
.nivo-controlNav a {
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}
/* basic scrollbar styling */
/* vertical scrollbar */
.mCSB_container{
	width:auto;
	margin-right:30px;
	overflow:hidden;
} 
.mCSB_container.mCS_no_scrollbar{
	margin-right:0;
}
.mCustomScrollBox .mCSB_scrollTools{
	width:16px;
	height:100%;
	top:0;
	right:0;
}
.mCSB_scrollTools .mCSB_draggerContainer{
	height:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.mCSB_scrollTools .mCSB_buttonUp+.mCSB_draggerContainer{
	padding-bottom:40px;
}
.mCSB_scrollTools .mCSB_draggerRail{
	width:0px;
	height:100%;
	margin:0 auto;
	
}
.mCSB_scrollTools .mCSB_dragger{
	cursor:pointer;
	width:100%;
	height:15px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:15px;
	height:15px;
	margin:0 auto;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	text-align:center;
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown{
	height:20px;
	overflow:hidden;
	margin:0 auto;
	cursor:pointer;
}
.mCSB_scrollTools .mCSB_buttonDown{
	bottom:0;
	margin-top:-40px;
}
/* horizontal scrollbar */
.mCSB_horizontal .mCSB_container{
	height:auto;
	margin-right:0;
	margin-bottom:30px;
	overflow:hidden;
}
.mCSB_horizontal .mCSB_container.mCS_no_scrollbar{
	margin-bottom:0;
}
.mCSB_horizontal.mCustomScrollBox .mCSB_scrollTools{
	width:100%;
	height:16px;
	top:auto;
	right:auto;
	bottom:0;
	left:0;
	overflow:hidden;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_draggerContainer{
	height:100%;
	width:auto;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	overflow:hidden;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_buttonLeft+.mCSB_draggerContainer{
	padding-bottom:0;
	padding-right:20px;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
	height:2px;
	margin:7px 0;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_dragger{
	width:30px;
	height:100%;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:4px;
	margin:6px auto;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_horizontal .mCSB_scrollTools .mCSB_buttonRight{
	width:20px;
	height:100%;
	overflow:hidden;
	margin:0 auto;
	cursor:pointer;
	float:left;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_buttonRight{
	right:0;
	bottom:auto;
	margin-left:-40px;
	margin-top:-16px;
	float:right;
}

/* default scrollbar colors and backgrounds */
.mCustomScrollBox .mCSB_scrollTools{
	opacity:0.75;
}
.mCustomScrollBox:hover .mCSB_scrollTools{
	opacity:1;
}
.mCSB_scrollTools .mCSB_draggerRail{
	/*
	background: rgba(0,0,0,0.4);
	filter: "alpha(opacity=40)";
	-ms-filter: "alpha(opacity=40)";  old ie */
	border-right-width: 2px;
	border-right-style: dotted;
	border-right-color: #cfcfcf;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background:#cfcfcf; 
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:#fe7134;
	
}
.blue .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #8ecdd6;
}
.green .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #9ac58d;
}
.dark .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #495d60;
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:#fe7134;
}
.blue .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.blue .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #8ecdd6;
}
.green .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.green .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #9ac58d;
}
.dark .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.dark .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #495d60;
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
	background-image:url(mCSB_buttons.png);
	background-repeat:no-repeat;
	opacity:0.4;
	filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */
}
.mCSB_scrollTools .mCSB_buttonUp{
	background-position:0 0;
	/* 
	sprites locations are 0 0/-16px 0/-32px 0/-48px 0 (light) and -80px 0/-96px 0/-112px 0/-128px 0 (dark) 
	*/
}
.mCSB_scrollTools .mCSB_buttonDown{
	background-position:0 -20px;
	/* 
	sprites locations are 0 -20px/-16px -20px/-32px -20px/-48px -20px (light) and -80px -20px/-96px -20px/-112px -20px/-128px -20px (dark) 
	*/
}
.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:0 -40px;
	/* 
	sprites locations are 0 -40px/-20px -40px/-40px -40px/-60px -40px (light) and -80px -40px/-100px -40px/-120px -40px/-140px -40px (dark) 
	*/
}
.mCSB_scrollTools .mCSB_buttonRight{
	background-position:0 -56px;
	/* 
	sprites locations are 0 -56px/-20px -56px/-40px -56px/-60px -56px (light) and -80px -56px/-100px -56px/-120px -56px/-140px -56px (dark) 
	*/
}
.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover{
	opacity:0.75;
	filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */
}
.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active{
	opacity:0.9;
	filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */
}
/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/
 

/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */

 

/* #Base 960 Grid
================================================== */

    .container { position: relative; width: 960px; margin: 0 auto; padding: 0; }
	
   		.grid_1,
		.grid_2,
		.grid_3,
		.grid_4,
		.grid_5,
		.grid_6,
		.grid_7,
		.grid_8,
		.grid_9,
		.grid_10,
		.grid_11,
		.grid_12	{float: left; display: inline; margin-left: 10px; margin-right: 10px;}
    
	.row  { margin-bottom: 20px; }

    /* Nested Column Classes */
    .container .alpha               { margin-left: 0 !important; }
    .container .omega               { margin-right: 0 !important; }

	
		/* Base Grid */
		.container .grid_1 					{ width: 60px;  }
		.container .grid_2 					{ width: 140px; }
		.container .grid_3 					{ width: 220px; }
		.container .grid_4 					{ width: 300px; }
		.container .grid_5 					{ width: 380px; }
		.container .grid_6 					{ width: 460px; }
		.container .grid_7 					{ width: 540px; }	
		.container .grid_8 					{ width: 620px; }
		.container .grid_9 					{ width: 700px; }
		.container .grid_10 				{ width: 780px; }	
		.container .grid_11 				{ width: 860px; }	
		.container .grid_12 				{ width: 940px; }
		
		/* Prefix Extra Space >> 12 Columns */
		.container .prefix_1 				{ padding-left: 80px;  }
		.container .prefix_2 				{ padding-left: 160px; }
		.container .prefix_3 				{ padding-left: 240px; }
		.container .prefix_4 				{ padding-left: 320px; }
		.container .prefix_5 				{ padding-left: 400px; }
		.container .prefix_6 				{ padding-left: 480px; }
		.container .prefix_7 				{ padding-left: 560px; }
		.container .prefix_8 				{ padding-left: 640px; }
		.container .prefix_9 				{ padding-left: 720px; }
		.container .prefix_10 			{ padding-left: 800px; }
		.container .prefix_11 			{ padding-left: 880px; }
		
		.container .prefix_1_2 {padding-left:30px;}
		
		/* Suffix Extra Space >> 12 Columns */
		.container .suffix_1 				{ padding-right:80px; }
		.container .suffix_2 				{ padding-right:160px; }
		.container .suffix_3 				{ padding-right:240px; }
		.container .suffix_4 				{ padding-right:320px; }
		.container .suffix_5 				{ padding-right:400px; }
		.container .suffix_6 				{ padding-right:480px; }
		.container .suffix_7 				{ padding-right:560px; }
		.container .suffix_8 				{ padding-right:640px; }
		.container .suffix_9 				{ padding-right:720px; }
		.container .suffix_10 			{ padding-right:800px; }
		.container .suffix_11 			{ padding-right:880px; }
		
		.container .suffix_1_2 				{ padding-right:40px; }



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

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

    @media only screen and (min-width: 768px) and (max-width: 959px) {
        .container                                  { width: 768px; }
        .grid_1,
				.grid_2,
				.grid_3,
				.grid_4,
				.grid_5,
				.grid_6,
				.grid_7,
				.grid_8,
				.grid_9,
				.grid_10,
				.grid_11,
				.grid_12 { margin-left: 10px; margin-right: 10px;  }

        .container .grid_1 				{ width: 44px;  }
				.container .grid_2 			  { width: 108px; }
				.container .grid_3 				{ width: 172px; }
				.container .grid_4 				{ width: 236px; }
				.container .grid_5 				{ width: 300px; }
				.container .grid_6 			  { width: 364px; }
				.container .grid_7 				{ width: 428px; }	
				.container .grid_8 				{ width: 492px; }
				.container .grid_9 				{ width: 556px; }
				.container .grid_10 			{ width: 620px; }	
				.container .grid_11 			{ width: 684px; }	
				.container .grid_12 			{ width: 748px; }
					
				
				/* Prefix Extra Space >> 12 Columns */
				.container .prefix_1 			{ padding-left: 64px;  }
				.container .prefix_2 			{ padding-left: 128px; }
				.container .prefix_3 			{ padding-left: 192px; }
				.container .prefix_4 			{ padding-left: 256px; }
				.container .prefix_5 			{ padding-left: 320px; }
				.container .prefix_6 			{ padding-left: 384px; }
				.container .prefix_7 			{ padding-left: 448px; }
				.container .prefix_8 			{ padding-left: 512px; }
				.container .prefix_9 			{ padding-left: 576px; }
				.container .prefix_10 		{ padding-left: 640px; }
				.container .prefix_11 		{ padding-left: 704px; }
				
				.container .prefix_1_2 			{ padding-left: 22px;  }
				
				
				/* Suffix Extra Space >> 12 Columns */
				.container .suffix_1 			{ padding-right: 64px;  }
				.container .suffix_2 			{ padding-right: 128px; }
				.container .suffix_3 			{ padding-right: 192px; }
				.container .suffix_4 			{ padding-right: 256px; }
				.container .suffix_5 			{ padding-right: 320px; }
				.container .suffix_6 			{ padding-right: 384px; }
				.container .suffix_7 			{ padding-right: 448px; }
				.container .suffix_8 			{ padding-right: 512px; }
				.container .suffix_9 			{ padding-right: 576px; }
				.container .suffix_10 		{ padding-right: 640px; }
				.container .suffix_11 		{ padding-right: 704px; }
				
				.container .suffix_1_2 			{ padding-right: 22px;  }
				}


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

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

    @media only screen and (max-width: 767px) {
        .container { width: 300px; }
        .container .grid_1,
				.container .grid_2,
				.container .grid_3,
				.container .grid_4,
				.container .grid_5,
				.container .grid_6,
				.container .grid_7,
				.container .grid_8,
				.container .grid_9,
				.container .grid_10,
				.container .grid_11,
				.container .grid_12 {  width: 300px; margin: 0 0 30px 0;}


        /* Prefix Extra Space >> 12 Columns */
				.container .prefix_1_2,
        .container .prefix_1,
        .container .prefix_2,
        .container .prefix_3,
        .container .prefix_4,
        .container .prefix_5,
        .container .prefix_6,
        .container .prefix_7,
        .container .prefix_8,
        .container .prefix_9,
        .container .prefix_11,
        .container .prefix_11 { padding-left: 0; }
				
				/* Suffix Extra Space >> 12 Columns */
				.container .suffix_1_2
        .container .suffix_1,
        .container .suffix_2,
        .container .suffix_3,
        .container .suffix_4,
        .container .suffix_5,
        .container .suffix_6,
        .container .suffix_7,
        .container .suffix_8,
        .container .suffix_9,
        .container .suffix_11,
        .container .suffix_11 { padding-right: 0; }

    }


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

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

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .container { width: 420px; }
        .container .grid_1,
				.container .grid_2,
				.container .grid_3,
				.container .grid_4,
				.container .grid_5,
				.container .grid_6,
				.container .grid_7,
				.container .grid_8,
				.container .grid_9,
				.container .grid_10,
				.container .grid_11,
				.container .grid_12 { width: 420px; margin: 0 0 30px 0; }
				
    }


/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }
div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px}
div.pp_default .pp_top .pp_left{background:url(../images/prettyPhoto/default/sprite.png) -78px -93px no-repeat}
div.pp_default .pp_top .pp_middle{background:url(../images/prettyPhoto/default/sprite_x.png) top left repeat-x}
div.pp_default .pp_top .pp_right{background:url(../images/prettyPhoto/default/sprite.png) -112px -93px no-repeat}
div.pp_default .pp_content .ppt{color:#f8f8f8}
div.pp_default .pp_content_container .pp_left{background:url(../images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px}
div.pp_default .pp_content_container .pp_right{background:url(../images/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px}
div.pp_default .pp_next:hover{background:url(../images/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer}
div.pp_default .pp_previous:hover{background:url(../images/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer}
div.pp_default .pp_expand{background:url(../images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px}
div.pp_default .pp_expand:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer}
div.pp_default .pp_contract{background:url(../images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px}
div.pp_default .pp_contract:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer}
div.pp_default .pp_close{width:30px;height:30px;background:url(../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer}
div.pp_default .pp_gallery ul li a{background:url(../images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa}
div.pp_default .pp_social{margin-top:7px}
div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto}
div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(../images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px}
div.pp_default .pp_nav .pp_pause{background-position:-51px -29px}
div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(../images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0}
div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px}
div.pp_default .pp_content_container .pp_details{margin-top:5px}
div.pp_default .pp_nav{clear:none;height:30px;width:110px;position:relative}
div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px}
div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7}
div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0}
div.pp_default .pp_bottom .pp_left{background:url(../images/prettyPhoto/default/sprite.png) -78px -127px no-repeat}
div.pp_default .pp_bottom .pp_middle{background:url(../images/prettyPhoto/default/sprite_x.png) bottom left repeat-x}
div.pp_default .pp_bottom .pp_right{background:url(../images/prettyPhoto/default/sprite.png) -112px -127px no-repeat}
div.pp_default .pp_loaderIcon{background:url(../images/prettyPhoto/default/loader.gif) center center no-repeat}
div.light_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat}
div.light_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat}
div.light_rounded .pp_next:hover{background:url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer}
div.light_rounded .pp_previous:hover{background:url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
div.light_rounded .pp_expand{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_rounded .pp_expand:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_rounded .pp_contract{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_rounded .pp_contract:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.light_rounded .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.light_rounded .pp_nav .pp_play{background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.light_rounded .pp_nav .pp_pause{background:url(../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.light_rounded .pp_arrow_previous{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat}
div.light_rounded .pp_arrow_next{background:url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat}
div.light_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat}
div.light_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat}
div.dark_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat}
div.dark_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat}
div.dark_rounded .pp_content_container .pp_left{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y}
div.dark_rounded .pp_content_container .pp_right{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y}
div.dark_rounded .pp_next:hover{background:url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer}
div.dark_rounded .pp_previous:hover{background:url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
div.dark_rounded .pp_expand{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_expand:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.dark_rounded .pp_description{margin-right:85px;color:#fff}
div.dark_rounded .pp_nav .pp_play{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.dark_rounded .pp_nav .pp_pause{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.dark_rounded .pp_arrow_previous{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat}
div.dark_rounded .pp_arrow_next{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat}
div.dark_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat}
div.dark_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat}
div.dark_rounded .pp_loaderIcon{background:url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat}
div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000}
div.dark_square .pp_description{color:#fff;margin:0 85px 0 0}
div.dark_square .pp_loaderIcon{background:url(../images/prettyPhoto/dark_square/loader.gif) center center no-repeat}
div.dark_square .pp_expand{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_square .pp_expand:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_square .pp_contract{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_square .pp_contract:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.dark_square .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.dark_square .pp_nav{clear:none}
div.dark_square .pp_nav .pp_play{background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.dark_square .pp_nav .pp_pause{background:url(../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.dark_square .pp_arrow_previous{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat}
div.dark_square .pp_arrow_next{background:url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat}
div.dark_square .pp_next:hover{background:url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer}
div.dark_square .pp_previous:hover{background:url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer}
div.light_square .pp_expand{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_square .pp_expand:hover{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_square .pp_contract{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_square .pp_contract:hover{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.light_square .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.light_square .pp_nav .pp_play{background:url(../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.light_square .pp_nav .pp_pause{background:url(../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.light_square .pp_arrow_previous{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat}
div.light_square .pp_arrow_next{background:url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat}
div.light_square .pp_next:hover{background:url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer}
div.light_square .pp_previous:hover{background:url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer}
div.facebook .pp_top .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat}
div.facebook .pp_top .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x}
div.facebook .pp_top .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat}
div.facebook .pp_content_container .pp_left{background:url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y}
div.facebook .pp_content_container .pp_right{background:url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y}
div.facebook .pp_expand{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.facebook .pp_expand:hover{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.facebook .pp_contract{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.facebook .pp_contract:hover{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.facebook .pp_close{width:22px;height:22px;background:url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.facebook .pp_description{margin:0 37px 0 0}
div.facebook .pp_loaderIcon{background:url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat}
div.facebook .pp_arrow_previous{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default}
div.facebook .pp_arrow_next{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default}
div.facebook .pp_nav{margin-top:0}
div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px}
div.facebook .pp_nav .pp_play{background:url(../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_nav .pp_pause{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_next:hover{background:url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer}
div.facebook .pp_previous:hover{background:url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer}
div.facebook .pp_bottom .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat}
div.facebook .pp_bottom .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x}
div.facebook .pp_bottom .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat}
div.pp_pic_holder a:focus{outline:none}
div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}
div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}
.pp_content{height:40px;min-width:40px}
* html .pp_content{width:40px}
.pp_content_container{position:relative;text-align:left;width:100%}
.pp_content_container .pp_left{padding-left:20px}
.pp_content_container .pp_right{padding-right:20px}
.pp_content_container .pp_details{float:left;margin:10px 0 2px}
.pp_description{display:none;margin:0}
.pp_social{float:left;margin:0}
.pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden}
.pp_social .twitter{float:left}
.pp_nav{clear:right;float:left;margin:3px 10px 0 0}
.pp_nav p{float:left;white-space:nowrap;margin:2px 4px}
.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px}
a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}
.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}
.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}
.pp_gallery div{float:left;overflow:hidden;position:relative}
.pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0}
.pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden}
.pp_gallery ul a img{border:0}
.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}
.pp_gallery li.default a{background:url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px}
.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important}
a.pp_next{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%}
a.pp_previous{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%}
a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}
a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px}
.pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px}
#pp_full_res{line-height:1!important}
#pp_full_res .pp_inline{text-align:left}
#pp_full_res .pp_inline p{margin:0 0 15px}
div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px}
div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff}
div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000}
div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff}
div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative}
div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff}
div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px}
div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important}
div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default}
div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default}
div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat}
div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat}
div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4}
div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff}
.pp_top,.pp_bottom{height:20px;position:relative}
* html .pp_top,* html .pp_bottom{padding:0 20px}
.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}
.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}
* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}
.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}
.pp_fade,.pp_gallery li.default a img{display:none}
/**
 * Default DropKick theme
 *
 * Feel free to edit the default theme
 * or even add your own.
 *
 * See the readme for themeing help
 *
 */

/***** Begin Theme, feel free to edit in here! ******/

/* One container to bind them... */
.dk_container {
 	font-family:'Droid Sans', sans-serif;
	font-size:12px;
	line-height:16px;
	color: #495d60;
	border: 1px solid #cfcfcf;
	background: #fff; 
  	margin-bottom: 18px;
	width:100%;
  	max-width:270px;
  	-webkit-transition: all 0.2s ease-out;
		-moz-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
}
  .dk_container:focus {
    outline: 0;
  }
  .dk_container a {
    cursor: pointer;
    text-decoration: none;
  }
.dk_container ul, .dk_container li
{
	margin:0px;
}
/* Opens the dropdown and holds the menu label */
.dk_toggle {
 
  background-image: url('../images/dk_arrows.png');
  background-repeat: no-repeat;
  background-position: 95% center;
 color: #495d60;
  padding: 7px 45px 7px 10px;
  text-shadow: #fff 1px 1px 0;
  -webkit-transition: border-color .5s;
  -moz-transition: border-color .5s;
  -o-transition: border-color .5s;
  transition: border-color .5s;
}
  .dk_toggle:hover {
    border-color: #8c8c8c;
  }
  /* Applied when the dropdown is focused */
  .dk_focus .dk_toggle {
    /*border-color: #40b5e2;*/
  }
  .dk_focus .dk_toggle {
   -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);
  }

/* Applied whenever the dropdown is open */
.dk_open {
 		color: #cfcfcf;
 		-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); 
  /**
   * Help: Dropdown menu is covered by something
   * Try setting this value higher
   */
  z-index: 10;
}
  .dk_open .dk_toggle {
    background-color: #fff;
    border-color: #cfcfcf;
    color: #ccc;
    -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);
 }

/* The outer container of the options */
.dk_options {
  box-shadow: rgba(0, 0, 0, .2) 0 2px 8px;
  -moz-box-shadow: rgba(0, 0, 0, .2) 0 2px 8px;
  -webkit-box-shadow: rgba(0, 0, 0, .2) 0 2px 8px
}
  .dk_options a {
    background-color: #fff;
    border-bottom: 1px solid #cfcfcf;
    padding: 8px 10px;
  }
  .dk_options li:last-child a {
    border-bottom: none;
  }
  .dk_options a:hover,
  .dk_option_current a {
	background-color:#fe7134;
    border-bottom-color: #cfcfcf;
    color: #fff;
    text-decoration: none;
    text-shadow: rgba(0, 0, 0, .5) 0 1px 0;
  }
 
.blue .dk_options a:hover,
  .blue .dk_option_current a {
	background-color: #8ecdd6;
}
.green .dk_options a:hover,
  .green .dk_option_current a {
	background-color: #9ac58d;
}
.dark .dk_options a:hover,
  .dark .dk_option_current a {
	background-color: #495d60;
}

/* Inner container for options, this is what makes the scrollbar possible. */
.dk_options_inner {
  border: 1px solid #cfcfcf;
  border-bottom-width: 2px;
  border-bottom-color: #999;
  color: #495d60;
  max-height: 250px;
  text-shadow: #fff 0 1px 0;
}

/* Set a max-height on the options inner */
.dk_options_inner,
.dk_touch .dk_options {
  max-height: 250px;
}

/******  End Theme ******/

/***** Critical to the continued enjoyment of working dropdowns ******/

.dk_container {
  display: none;
  float: left;
  position: relative;
}
  .dk_container a {
    outline: 0;
  }

.dk_toggle {
  display: -moz-inline-stack;
  display: block;
  *display: inline;
  position: relative;
  zoom: 1;
}

.dk_open {
  position: relative;
}
  .dk_open .dk_options {
    display: block;
  }
  .dk_open .dk_label {
    color: inherit;
  }

.dk_options {
  display: none;
  margin-top: -1px;
  position: absolute;
  right: 0;
  width: 100%;
}
  .dk_options a,
  .dk_options a:link,
  .dk_options a:visited {
    display: block;
  }
  .dk_options_inner {
    overflow: auto;
    position: relative;
  }

.dk_touch .dk_options {
  overflow: hidden;
}

.dk_touch .dk_options_inner {
  max-height: none;
  overflow: visible;
}

.dk_fouc select {
  position: relative;
  top: -99999em;
  visibility: hidden;
}

/***** End Critical to the continued enjoyment of working dropdowns ******/
/* @override 
	http://www.birthnerd.com/stylesheets/styles.css */

/*
Template Name: William Davis
Template URI: http://gozha.net/wd/
Author: Olechka
Author URI: http://themeforest.net/user/olechka/
Description: William Davis HTML5/CSS3 Responsive VCard Template.
Version: 1.0
*/

 
/* Table of Content
==================================================
	#Header
	#Common style of one page
	#Home page
	#Portfolio
	#About
	#Contact
	#Hire Me Form
*/


body {
	background-image:url(../images/bg_180.jpg);
	/***   If you need anither background remove next comment ***/
/*	background-image:url(../images/bg_280.jpg);*/
/*	background-image:url(../images/bg_380.jpg);*/
/*	background-image:url(../images/bg_480.jpg);*/
/*	background-image:url(../images/bg_580.jpg);*/
	overflow:scroll;
 }
	
/* #Header
================================================== */

header h1
{
margin-top:60px;
}
h1, h2
{
	text-align:center;
}
/***it hide text William Davis (it is needed for SEO)****/
.hide
{
  display: block;
    height: 0;
    text-indent: -9999px;
}
.text_logo
{
	margin-top:55px;
}
.text_logo a
{
	color: #495d60;
	text-shadow:-3px 3px 0px #d4d3d2;
}
nav {
	background-image: url(../images/bg_nav.jpg);
	background-repeat: repeat-x;
	height: 50px;
	text-align:center;
	margin-top: 55px;
	padding-top: 31px;
	margin-bottom: 20px;
}

nav ul
{	
	display:inline-block;
	overflow:hidden;
	margin:auto;
}
nav ul li {
	float: left;
	margin:0 21px;
	background-position: 0px 75%;
	-o-transition: all 100ms ease-in;
	-webkit-transition: all 100ms ease-in;
	-moz-transition: all 100ms ease-in;
	transition: all 100ms ease-in;
	padding-bottom:10px;
	
}
nav ul li:hover
{
	padding-bottom:10px;
	background-image: url(../images/nav_hover.png);
	background-repeat: repeat-x;
	background-position: 0px bottom;
}
li.active
{
	padding-bottom:10px;
	background-image: url(../images/nav_hover.png);
	background-repeat: repeat-x;
	background-position: 0px bottom;
}

nav ul li a{
	font-size:16px;
	color:#000;
	opacity: 0.6;
	font-weight: bold;
	text-decoration:none;
/*	text-shadow:0px 1px 0px #ffa256;*/
	display:block;
/*	padding-left:30px;*/
	background-repeat: no-repeat;

}
#menu_min
	{
		display:none;
	}

/*add icon for menu items*/
.home {
/*	background-image: url(../images/home.png);*/
}
.portfolio {
/*	background-image: url(../images/portfolio.png);*/
}
.about {
/*	background-image: url(../images/about.png);*/
	}
.contact {
/*	background-image: url(../images/contact.png);*/
	background-position: 0px 2px;
}

/*blue skin*/
.blue nav {
background-image: url(../images/bg_nav_blue.jpg);
}
.blue nav ul li:hover
{
	background-image: url(../images/nav_hover_blue.png);
}
.blue li.active
{
	background-image: url(../images/nav_hover_blue.png);
}
.blue nav ul li a{
		color:#495d60;
		text-shadow:0px 1px 0px #b6e4eb;
	}
.blue .home {
	background-image: url(../images/home_blue.png);
}
.blue .portfolio {
	background-image: url(../images/portfolio_blue.png);
}
.blue .about {
	background-image: url(../images/about_blue.png);
	}
.blue .contact {
	background-image: url(../images/contact_blue.png);
}

/*green skin*/
.green nav {
	background-image: url(../images/bg_nav_green.jpg);
}
.green nav ul li:hover
{
	background-image: url(../images/nav_hover_green.png);
}
.green li.active
{
	background-image: url(../images/nav_hover_green.png);
}
.green nav ul li a{
		color:#475e40;
		text-shadow:0px 1px 0px #c9e3c0;
	}
.green .home {
	background-image: url(../images/home_green.png);
}
.green .portfolio {
	background-image: url(../images/portfolio_green.png);
}
.green .about {
	background-image: url(../images/about_green.png);
	}
.green .contact {
	background-image: url(../images/contact_green.png);
}

/*dark skin*/

.dark nav {
	background-image: url(../images/bg_nav_dark.jpg);
}
.dark nav ul li:hover
{
	background-image: url(../images/nav_hover_dark.png);
}
.dark li.active
{
	background-image: url(../images/nav_hover_dark.png);
}
.dark nav ul li a{
		color:#a0adaf;
		text-shadow:0px 1px 0px #1e2e30;
	}
.dark .home {
	background-image: url(../images/home_dark.png);
}
.dark .portfolio {
	background-image: url(../images/portfolio_dark.png);
}
.dark .about {
	background-image: url(../images/about_dark.png);
	}
.dark .contact {
	background-image: url(../images/contact_dark.png);
}
/* End of Header
================================================== */

/* Common style of one page
================================================== */
#panel-container > div {
	display: none;/* hide another pages */
	float:left;
}
#panel-container .first_panel
{
	display: block;/*show first page*/
}

#index .block
{
	padding-left: 30px;
}
.block {
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #fe7134;
	height: 265px;
	background-color: #FFF;
	padding: 16px 10px 15px 20px;
}

.block h3 {
	margin-bottom: 14px;
}
.block_text {
	margin-left: 30px;
}
.copyright {
	text-align: center;
	margin-top: 30px;
}
.blue .block {
	border-top-color: #8ecdd6;
}
.green .block {
	border-top-color: #9ac58d;
}
.dark .block {
	border-top-color: #495d60;
}
/* End of Common style of one page
================================================== */

/* Home page style
================================================== */
.photo {
	float: left;
	margin-left: 30px;
	position: relative;
	border: 2px dotted #cfcfcf;
	padding: 3px;
	width: 174px;
	height: 204px;
	background: url(../images/143.gif) no-repeat 50% 50%; /*preloader*/
}
.hire_plus {
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#FFF;
	text-decoration:none;
	text-indent:9px;
	line-height:31px;
	display:block;
	background-color: #FE7134;
	border-radius:15px;
	position: absolute;
	height: 30px;
	width: 30px;
	right: 8%;
	bottom: 8%;
	z-index:100;
	-o-transition: all 350ms ease-in;
	-webkit-transition: all 350ms ease-in;
	-moz-transition: all 350ms ease-in;
	transition: all 350ms ease-in;
	
}
.blue .hire_plus {
	background-color: #8ecdd6;
}
.green .hire_plus {
	background-color: #9ac58d;
}
.dark .hire_plus {
	background-color: #495d60;
}
.hire_plus:hover 
{
	color:#FFF;
	background-color:#bfbebe;
}
.tooltip
{
	height:0;
	width:0;
	font-size:0px;
	line-height: 0px;
	color: rgba(73,93,96,0.1);
	text-align: center;
	text-indent:-1px;
	position: absolute;
	top: -34px;
	left: -28px;
	-o-transition: all 350ms ease-in;
	-webkit-transition: all 350ms ease-in;
	-moz-transition: all 350ms ease-in;
	transition: all 350ms ease-in;
	
}

.hire_plus:hover .tooltip
{
	font-family: 'Droid Sans', sans-serif;
	font-size: 12px;
	color:#fff;
	line-height: 24px;
	text-align: center;
	display: block;
	position: absolute;
	top: -34px;
	left: -28px;
	width: 85px;
	height: 25px;
	background-color: rgba(73,93,96,0.8);
} 
.hire_plus:hover .tooltip:after
{
	display:block;
	content: '';
	border: 7px solid;
	border-color:rgba(73,93,96,0.8) transparent transparent transparent;
	top: 25px;
	left: 35px;
	position:absolute;
	height:0;
	width:0;
	padding:0;
}


ul.social {
	margin-left: 30px;
	margin-top:35px;
	overflow:hidden;
}
.social li {
	float: left;
}
.social li a{
	display:block;
	height: 30px;
	width: 30px;
	margin-right: 20px;
	background-color:#bfbebe;
	border-radius:15px;
	background-repeat: no-repeat;
	background-position: center center;
	-o-transition: all 400ms ease-in;
	-webkit-transition: all 400ms ease-in;
	-moz-transition: all 450ms ease-in;
	transition: all 450ms ease-in;
}
.social li a:hover{
	background-color: #fe7134;
	position:relative;
	top:3px;
}
.blue .social li a:hover {
	background-color: #8ecdd6;
}
.green .social li a:hover {
	background-color: #9ac58d;
}
.dark .social li a:hover {
	background-color: #495d60;
}
/*add social icon */
.facebook {
	background-image: url(../images/facebook_ico.png);
}
.google {
	background-image:url(../images/google_ico.png);
}
.twiter {
	background-image: url(../images/twiter_ico.png);
}
.youtybe{
	background-image:url(../images/youtybe_ico.png);
}
.linkedIn{
	background-image: url(../images/linkedIn_ico.png);
}
.skype{
	background-image: url(../images/skype_ico.png);
}
.tumbler{
	background-image:url(../images/tumbler_ico.png);
}
.vimeo{
	background-image:url(../images/vimeo_ico.png);
}
.dribble{
	background-image:url(../images/dribble_ico.png);
}
.digg{
	background-image:url(../images/dig_ico.png);
}
.deviantart{
	background-image:url(../images/deviantart_ico.png);
}
.flickr{
	background-image:url(../images/flickr.png);
}
/* End of Home page style
================================================== */

/* Portfolio page style
================================================== */
#carousel_inner {
    float:left; /* important for inline positioning */
    overflow: hidden;  /* important (hide the items outside the div) */
    /* non-important styling bellow */
   	margin-bottom:20px;
}
#carousel_ul {
    position:relative;
    left:0px; /* important (this should be negative number of list items width(including margin) */
    list-style-type: none; /* removing the default styling for unordered list items */
    width:9999px; /* important */
    /* non-important styling bellow */ 
	margin: 0px;
    padding: 0px;
    height:300px;
}
#carousel_ul li{
    float: left; /* important for inline positioning of the list items */                                    
    width:290px;  /* fixed width, important */
    /* just styling bellow*/
    padding:5px;
    height:290px;
    background: #fff;
    margin-bottom:0;
    margin-right:20px; 
}
.left_scroll, .right_scroll{
	float: right;
	display: block;
	height: 12px;
	width: 8px;
	margin:10px 0 0 12px;
	background-image: url(../images/arrow_sprite.png);
	background-repeat: no-repeat;
}
.right_scroll {
	background-position: -8px -12px;
}
.left_scroll {
	background-position: 0px -12px;
}
.right_scroll:hover {
	background-position: -8px 0px;
}
.left_scroll:hover {
	background-position: 0px 0px;
}
/*** setting another color arrow***/
.blue .right_scroll:hover {
	background-position: -8px -24px;
}
.blue .left_scroll:hover {
	background-position: 0px -24px;
}
.green .right_scroll:hover {
	background-position: -8px -36px;
}
.green .left_scroll:hover {
	background-position: 0px -36px;
}
.dark .right_scroll:hover {
	background-position: -8px -48px;
}
.dark .left_scroll:hover {
	background-position: 0px -48px;
}

#filters {
	float: left;
}
#filters a {
	display:block;
	padding:5px 15px;
	float:left;
	text-decoration: none;
	font-family:'Droid Sans', sans-serif;
	font-size:12px;
	color: #495d60;
}
#filters a:hover {
	background-color:#fe7134;
	color:#fff;
}
.blue #filters a:hover {
	background-color: #8ecdd6;
}
.green #filters a:hover {
	background-color: #9ac58d;
}
.dark #filters a:hover {
	background-color: #495d60;
}
#filters .activef /*used js, setting active class in filtering link*/
{
background-color:#fe7134;
	color:#fff;
}
.blue #filters .activef {
	background-color: #8ecdd6;
}
.green #filters .activef {
	background-color: #9ac58d;
}
.dark #filters .activef {
	background-color: #495d60;
}
.portfolio_bg {
/*	background-image: url(../images/portfolio_bg.png);*/
	background-repeat: repeat-x;
	background-position: left bottom;
/*	padding-bottom: 33px;*/
/*	margin-bottom:30px;*/
}
/**** caption overlay ****/
#carousel_ul figure {
	position: relative;
}
#carousel_ul figure a {
	display:block;
	line-height:0;
}
#carousel_ul figure figcaption {
	opacity:0;
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-image: url(../images/pattern_hover.png);
	-o-transition: all 0.5s ease-out 0s;
	-webkit-transition: all 0.5s ease-out 0s;
	-moz-transition: all 0.5s ease-out 0s;
	transition: all 0.5s ease-out 0s;
}
#carousel_ul figure a:hover figcaption {
	opacity:1;
}
#carousel_ul figure a:hover figcaption h5{
	margin:35% 0 0 0;
	
}
#carousel_ul figure figcaption h5{
	margin:5% 0 0 0;
	background-color:#6398ce;
	color:#fff;
	padding:15px 0 8px 20px;
	line-height:1.5em;
	-o-transition: all 0.5s ease-out 0s;
	-webkit-transition: all 0.5s ease-out 0s;
	-moz-transition: all 0.5s ease-out 0s;
	transition: all 0.5s ease-out 0s;
}
#carousel_ul figure figcaption p{
	margin:0;
	background-color:#6398ce;
	color:#fff;
	padding:0 0 20px 20px;
	line-height:1.5em;
}

.blue #carousel_ul figure figcaption h5 {
	background-color: #8ecdd6;
}
.green #carousel_ul figure figcaption h5 {
	background-color: #9ac58d;
}
.dark #carousel_ul figure figcaption h5 {
	background-color: #495d60;
}
.blue #carousel_ul figure figcaption p {
	background-color: #8ecdd6;
}
.green #carousel_ul figure figcaption p {
	background-color: #9ac58d;
}
.dark #carousel_ul figure figcaption p {
	background-color: #495d60;
}
/* End of Portfolio page style
================================================== */
/* About page style
================================================== */
.scrollContent {
	height: 240px;
}
#about h3 {
	margin-bottom: 10px;
}
.date_of_study {
	font-family: 'Bree Serif';
	margin: 0;
	padding: 10px 0 0 0;
}
#about h5 {
	margin-bottom: 10px;
}

.rate0, .rate1, .rate2, .rate3, .rate4, .rate5, .rate6, .rate7, .rate8, .rate9, .rate10 {
	background-image: url(../images/rate.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: inline-block;
	float: right;
	height: 10px;
	width: 145px;
	margin: 2px 2px 0 4px;
	text-align: right;
}

.blue .rate0, .blue .rate1, .blue .rate2, .blue .rate3, .blue .rate4, .blue .rate5, .blue .rate6, .blue .rate7, .blue .rate8, .blue .rate9, .blue .rate10 {
	background-image: url(../images/rate_blue.png);
}
.green .rate0, .green .rate1, .green .rate2, .green .rate3, .green .rate4, .green .rate5, .green .rate6, .green .rate7, .green .rate8, .green .rate9, .green .rate10 {
	background-image: url(../images/rate_green.png);
}
.dark .rate0, .dark .rate1, .dark .rate2, .dark .rate3, .dark .rate4, .dark .rate5, .dark .rate6, .dark .rate7, .dark .rate8, .dark .rate9, .dark .rate10 {
	background-image: url(../images/rate_dark.png);
}

.rate0 {
	background-position: 0px 0px;
}
.rate1 {
	background-position: 0px -10px;
}

.rate2 {
	background-position: 0px -20px;
}
.rate3 {
	background-position: 0px -30px;
}

.rate4 {
	background-position: 0px -40px;
}
.rate5 {
	background-position: 0px -50px;
}

.rate6 {
	background-position: 0px -60px;
}
.rate7 {
	background-position: 0px -70px;
}
.rate8 {
	background-position: 0px -80px;
}
.rate9 {
	background-position: 0px -90px;
}
.rate10 {
	background-position: 0px -100px;
}
#skill_carousel li {
	margin: 0 200px 0 0;
	padding:0 10px 0 20px;
	width:240px;
	float:left;
}
#skill_carousel
{
	position: relative; 
	left: 0px; 
	width: 9999px;
}
#skill_carousel li p {
	padding: 5px 0 0 25px;
	margin: 15px 0 24px 0;
	overflow:hidden;
}
.blockSkill {
	background-color: #fff;
	border-top: 4px solid #FE7134;
	height: 265px;
	padding: 16px 0 15px 0;
	overflow:hidden;
	float:left;
}
.blue .blockSkill {
	border-top-color: #8ecdd6;
}
.green .blockSkill {
	border-top-color: #9ac58d;
}
.dark .blockSkill {
	border-top-color: #495d60;
}
#leftmove, #rightmove{
	float: right;
}
#rightmove {
	margin:10px 45% 0 0;
}
#leftmove {
	margin:10px 10px 0 0;
}

/* End of About page style
================================================== */
/* Contact page style
================================================== */

.social.contact_social {
	margin: 0px;
	padding-top: 15px;
}
.contact_social li a {
	margin-right: 10px;
}
.free_to_contact {
	margin-top: -3px;
	margin-bottom: 20px;
}
.invalid_field
{
	border: 1px solid #fe7b3f !important;
	-moz-box-shadow: 0 0 3px rgba(254,113,52,.5);
	-webkit-box-shadow: 0 0 3px rgba(254,113,52,.5);
	box-shadow:  0 0 3px rgba(254,113,52,.5);
}
.blue .invalid_field{
	border-color: #8ecdd6 !important;
	-moz-box-shadow: 0 0 3px rgba(142,205,214,.5);
	-webkit-box-shadow: 0 0 3px rgba(142,205,214,.5);
	box-shadow:  0 0 3px rgba(142,205,214,.5);
}
.green .invalid_field {
	border-color: #9ac58d !important;
	-moz-box-shadow: 0 0 3px rgba(154,197,141,.5);
	-webkit-box-shadow: 0 0 3px rgba(154,197,141,.5);
	box-shadow:  0 0 3px rgba(154,197,141,.5);
}
.dark .invalid_field {
	border-color: #495d60 !important;
	-moz-box-shadow: 0 0 3px rgba(73,93,96,.7);
	-webkit-box-shadow: 0 0 3px rgba(73,93,96,.7);
	box-shadow:  0 0 3px rgba(73,93,96,.7);
}

.success {
	font-weight:bold;
}
/* End of Contact page style
================================================== */
#hire_me_form textarea {
	width: 600px;
}
#hire_me .block {
	padding-right: 0px;
	padding-left: 0px;
	height:auto;
	min-height:265px;
	
}
#hire_me .block h3{
	margin-left:30px;
	}
#hire_me_form .field {
	margin-left: 30px;
}
#hire_me_form .field_text {
	margin-right: 10px;
	margin-left: 10px;
}
#hire_me_form .submit_link {
	float: right;
	margin-right:20px;
}
#hire_me_form .field_text #commentsh {
	height: 190px;
}
#hire_me_form  .field input{
	width: 270px;
}

/* Template Modifications
================================================== */

/*BL*/

div.block_text p {
	width: 108%;
	margin-left: -30px;	
}

.box-list {
	margin-left: -30px;
}

.box-list li a {
	color: #6495d4
}

#panel-container p a,
.block_text a {
	color: #6495d4;
}

#carousel_ul figure a {
	text-decoration: none;
}

div#filters {
	display: none;
}

carousel_ul li figure a {
	width: 650px;
}

carousel_ul li figure a img.sm-img {
	width: 290px !important;
}


/* @override 
	http://www.birthnerd.com/stylesheets/layout.css */

/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */
 
/* #Site Styles
================================================== */

/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		#index .photo {
			margin-left:0px;
		}
		#skill_carousel li p {
			padding: 5px 0 0 0;
		}
		.rate0, .rate1, .rate2, .rate3, .rate4, .rate5, .rate6, .rate7, .rate8, .rate9, .rate10 {
			width: 170px;
		}
		ul.social {
    		margin-left: 0px;
			margin-top: 20px;
		}
		.block_text {
		margin-left: 0px;
		}
		
		div.block_text p,
		.box-list {
			width: 96%;
			margin-left: 0;	
		}
		
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
	nav {
		position:relative;
	}

	nav ul
	{
		position:absolute;
		top:81px;
		left: 0;
		width:100%;
		background-color:#fff;
		height:0;
		-webkit-transition: all 400ms ease-in;
		-moz-transition: all 400ms ease-in;
		transition: all 400ms ease-in;
		z-index:100;
		text-align:left;
		border-bottom: 4px solid #FE7134;
		box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
	}
	.blue nav ul{
		border-bottom-color:#8ecdd6;
	}
	.green nav ul{
		border-bottom-color:#9ac58d;
	}
	.dark nav ul 
	{
		border-bottom-color:#495d60;
	}
	nav ul.open
	{
		display:block;
		height:200px;
		-webkit-transition: all 400ms ease-in;
		-moz-transition: all 400ms ease-in;
		transition: all 400ms ease-in;
		
	}
	nav ul li {
	float:none;
	margin:10px 40%;
	background-position: 0px 95%;
	-webkit-transition: all 100ms ease-in;
	-moz-transition: all 100ms ease-in;
	transition: all 100ms ease-in;
	display:inline-block;
	
	}
	nav ul li:hover
	{
	padding-bottom:10px;
	background-image: url(../images/nav_hover.png);
	background-repeat: repeat-x;
	background-position: 0px bottom;
	}
	li.active
	{
	padding-bottom:10px;
	background-image: url(../images/nav_hover.png);
	background-repeat: repeat-x;
	background-position: 0px bottom;
	}

	nav ul#main_menu li a{
	
	display:block;
	text-align:left;
	text-shadow:none;
	
	}
	#menu_min
	{
	display:inline-block;
	cursor:pointer;
	background-image:url(../images/menu.png);
	background-repeat:no-repeat;
	padding: 0 0 0 30px;
	font-size:22px;
	color:#ae1e06;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffa256;
	}
	
	.blue #menu_min{
		color:#495d60;
		text-shadow:0px 1px 0px #b6e4eb;
		background-image:url(../images/menu_blue.png);
	}
	.green #menu_min{
		color:#475e40;
		text-shadow:0px 1px 0px #c9e3c0;
		background-image:url(../images/menu_green.png);
	}
	.dark #menu_min 
	{
		color:#a0adaf;
		text-shadow:0px 1px 0px #1e2e30;
		background-image:url(../images/menu_dark.png);
	}
	#hire_me .block {
		overflow:hidden;
	}
	#hire_me_form .field_text {
    margin-left: 30px;
    margin-right: 10px;
	}
	#hire_me_form .field {
    margin-right: 10px;
	}
	}
	div.block_text p {
		width: 100%;	
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		header h1 a img {
			width: 420px;
			margin-bottom: -40px;
		}	
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		header h1 a img {
			width: 300px;
		}	
	}