t/*
Theme Name: 	Disco Wed Custom Theme - Responsive
Description: Design and Development by Tamesis Digital
Version: 3.0
Author: Tamesis Digital
Author URI: 	http://www.tamesisdigital.com
*/

/*
===========================
CONTENTS:

01 Sensible defaults
02 Typography
03 Media queries 
===========================
*/

/* ---------------------------------------------------------------------------------------------------------- 
01 Sensible defaults ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

@import "css/reset.css";

div,
article,
section,
header,
footer,
nav,
li					{ position:relative; /* For absolutely positioning elements within containers (add more to the list if need be) */ }
.group:after 		{ display:block; height:0; clear:both; content:"."; visibility:hidden; /* For clearing */ }
body 				{ background:#fff; /* Don't forget to style your body to avoid user overrides */ }
::-moz-selection 	{ background:#ff0; color:#333; }
::selection 		{ background:#ff0; color:#333; }


br.clear {
clear:both;
display:block;
height:1px;
margin:-1px 0 0;
}
/* ---------------------------------------------------------------------------------------------------------- 
02 Typography -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
/*

14 / 16	= 		0.875em 		(14px equivalent)
16 / 16	= 		1em 			(16px equivalent)
18 / 16 = 		1.125em 		(18px equivalent)
21 / 16 = 		1.3125em 		(21px equivalent)
24 / 16 = 		1.5em 			(24px equivalent)
30 / 16 = 		1.875em 		(30px equivalent)

*/

body,
input,
textarea 			{ /* We strongly recommend you declare font-weight using numerical values, but check to see which weights you're exporting first */ }

h1, 
h2, 
h3, 
h4, 
h5, 
h6 					{ font-weight:bold; /* This helps to identify headings at the initial build stage, but you should write something more precise later on */ }


/* ---------------------------------------------------------------------------------------------------------- 
03 Drop down nav styles ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
/*General set-up*/
#cssmenu{
	outline: #5a5da0 solid 1px;
	margin:0px;
	padding:0px;
	font-weight:bold;
	height:58px;
	background-color:#FFF;
  	margin-bottom: 3px;

	}
#cssmenu ul{
	background:#FFF;
	height:35px;
	list-style:none;
	margin:0;
	padding: 12px 0 0;
	}
#cssmenu li{
	float:left;
	padding: 0 0 5px 0;
	margin: 0 0 0 10px;
	background-image: url(images/menu-seperator.png);
	background-position: right 14px;
	background-repeat: no-repeat;
	font-size:1.35em;
	}
#cssmenu li a{
	color:#3c4075;
	display:block;
	font-weight:normal;
	line-height:32px;
	margin: 0 24px 0 8px;
	padding:0;
	text-align:center;
	text-decoration:none;
	min-width: 39px;
	border-top:1px solid transparent;
	border-bottom:1px solid transparent;
	}

/*Make some allowances for first and last items*/
#cssmenu li:first-child {
	margin:0 0 0 10px;
} 
#cssmenu li:last-child
{
	background-image:none !important;
	background-position: none !important;
	background-repeat:none !important;
	margin-right:0 !important;
	padding-right:0 !important;
}
/*Extra allowances so the outline shows on the last child - which shouldn't show the seperator image*/
#cssmenu > ul > li.current-menu-item:last-child , #cssmenu > ul > li.current-menu-ancestor:last-child {
	background-image:url(images/menu-current-left.png),url(images/menu-current-right.png) !important;
	background-position: left -1px, right -1px !important;
	background-repeat:no-repeat, no-repeat !important;
	}
#cssmenu li:hover:last-child{
	background-image:url(images/menu-current-left.png),url(images/menu-current-right.png) !important;
	background-position: left -1px, right -1px !important;
	background-repeat:no-repeat, no-repeat !important;
	
}

/*Show the outline and menu seperator for current items and hover - outline is made up of background images on the li and borders on the A link*/
#cssmenu > ul > li.current-menu-item , #cssmenu > ul > li.current-menu-ancestor {
	background-image:url(images/menu-current-left.png),url(images/menu-current-right.png), url(images/menu-seperator.png);
	background-position: left -1px, right -1px, right 14px;
	background-repeat:no-repeat, no-repeat, no-repeat;	}
#cssmenu li.menu-level0.current-menu-item > a, #cssmenu li.menu-level0.current-menu-ancestor > a{
	color:#dc376a;
	border-top:1px #3c4075 solid;
	border-bottom:1px #3c4075 solid; }
#cssmenu li:hover {
	background-image:url(images/menu-current-left.png),url(images/menu-current-right.png), url(images/menu-seperator.png);
	background-position: left -1px, right -1px, right 14px;
	background-repeat:no-repeat, no-repeat, no-repeat;
	}	
#cssmenu li.menu-level0 > a.hover{ color:#dc376a; text-decoration:none;
	border-top:1px #3c4075 solid;
	border-bottom:1px #3c4075 solid;
}
#cssmenu ul li:hover a{	text-decoration:none;}

/* start sub-menu*/
#cssmenu li ul{
	background:#fff;
	display:none;
	height:auto;
	padding:0;
	margin:5px 0 0 0;
	border:0;
	position:absolute;
	width:160px;
	z-index:200;
	/*top:1em;
	/*left:0;*/
	border:#3c4075 1px solid;
	}
#cssmenu li:hover ul{
	display:block;
	}	
#cssmenu li li {
	display:block;
	float:none;
	margin:0px;
	padding:0px;
	width:160px;
	background-image:none;
	border-bottom:1px #3c4075 dotted;
	}
#cssmenu li li:first-child {
	margin:0;
} 
#cssmenu li li:last-child
{	margin-right:0;
	padding-right:0;
	border-bottom:none;}

#cssmenu li:hover li a{
	background:none;
	}
#cssmenu li ul a{
	display:block;
	height:35px;
	font-size:12px;
	font-style:normal;
	margin:0px;
	padding:0 5px 0;
	text-align:left;
	border:0px;
	}
#cssmenu li ul a:hover, #cssmenu li ul li:hover a{
	background:#dc376a;
	color:#fff !important;
	text-decoration:underline;
	}
#cssmenu p{
	clear:left;
	}	

/* ---------------------------------------------------------------------------------------------------------- 
05 Custom Disco Wed Styles ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

body {background: #FFFFFF url(images/background.gif) top center repeat fixed; font-size:0.9em; font-family: "Tahoma", Arial, sans-serif; color:#3c4075;}

.clear { clear:both; }

#wrap {
  width: 897px;
  margin: 0 auto;
  }
  
/*Header*/
header #logo-left, header #logo-right {font-family: 'ClaireHandRegular'; color:#FFF; font-size:1.8em; text-shadow: -1px -1px 0px #3c4075;  }
header #logo-left a, header #logo-left a:link, header #logo-left a:hover, header #logo-left a:active, header #logo-left a:visited,
header #logo-right a, header #logo-right a:link, header #logo-right a:hover, header #logo-right a:active, header #logo-right a:visited { color:#FFF; }
header #logo-left, header #logo-center, header #logo-right  {float:left;}
header #logo-left { width:301px; margin-top:54px;}
header #logo-center {width:291px;}
header #logo-right { width:305px; text-align:right; margin-top:12px;}

#social-links { float:right; margin-bottom:16px;}
#social-links ul{ list-style: none;}
#social-links .discoshed,
#social-links .facebook,
#social-links .twitter,
#social-links .mixcloud {width: 27px; height: 26px; float:left; margin-left:9px;}

/*Titles and general*/
header h1 {width: 291px; height: 138px; background: url(images/logo.gif); text-indent: 100%; white-space: nowrap; overflow: hidden; float:left; background-repeat:no-repeat;}
h1 {font-family: 'ClaireHandRegular'; font-size:1.6em; color: #D9386C;}
hr { border:0; border-bottom:#dcddf4 thin dotted; clear: both; }
A:link, A:active, A:visited { text-decoration:underline; color:#3c4075;}
A:hover { text-decoration:underline;}
A.readmore:link, A.readmore:active, A.readmore:visited { text-decoration:none; color:#3c4075;}
A.readmore:hover { text-decoration:underline;}
.alignleft {
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
}
.alignright {
    float: right;
    margin-bottom: 10px;
    margin-left: 10px;
}

#page-content .pink-button, #homepage-featured .pink-button { margin: 12px 10px 0 0;}


div.wpcf7-response-output { margin:2em 0 1em;}

div.wpcf7-mail-sent-ok {
     border: 1px solid #3C4075;
}

div.wpcf7-mail-sent-ng {
     border: 1px solid #3C4075;
}

div.wpcf7-spam-blocked {
     border: 1px solid #3C4075;
}

div.wpcf7-validation-errors {
     border: 1px solid #3C4075;
}

span.wpcf7-not-valid-tip {
     background: none repeat scroll 0% 0% #D9386C;
	 color:#FFF;
     border: 1px solid #D9386C;
     font-size: 10pt;
     left: 0;
     padding: 2px;
     position: absolute;
     top: 40px;
     width: 280px;
     z-index: 100;
}


/*Main Content*/
#wrap-content  {
  background: #FFFFFF;
  -moz-box-shadow: 0 0 32px  #3c4075;
  -webkit-box-shadow: 0 0 32px  #3c4075;
  box-shadow: 0 0 32px  #3c4075;
  padding-bottom: 6px;
	}


#wrap-content ul li { list-style: disc outside; margin: 0 0 5px 16px; }	

#wrap-page-content {
	background-image: url(images/background-page-content.gif), url(images/border-page-content-bottom.gif);
	background-repeat: no-repeat, no-repeat;
	background-position: top left, bottom left;
	padding:25px 6px 14px 7px;; 
	}
#inner-page-content {border-left:2px solid #dcddf4; border-right:2px solid #dcddf4; padding:2px 16px; overflow-x: hidden; overflow-y: auto;}

#page-content {width:557px; float:left; border-right:#dcddf4 thin dotted; padding-right:15px; padding-bottom: 25px;}
#page-content p { padding: 10px 0;}	
#content { margin-bottom:40px;}

#page-content .wpcf7 input.wpcf7-email, #page-content .wpcf7 input.wpcf7-text, #page-content .wpcf7 .wpcf7-textarea, form#commentform #comment, form#commentform #author, form#commentform #email { 
	border:#dcddf4 dotted thin;
	color:#8c8dc5;
	font-style:italic;
	font-size:1.2em;
	padding: 0 5px;
	
    -webkit-box-shadow: inset 0 0 3px #dcddf4;
    -moz-box-shadow: inset 0 0 3px #dcddf4;
    box-shadow: inset 0 0 3px #dcddf4;
	}
#page-content .wpcf7 input.wpcf7-email, #page-content .wpcf7 input.wpcf7-text{
	height:38px;
	width: 295px;
	}	
 #page-content .wpcf7 .wpcf7-textarea {
	width: 377px; }
form#commentform #comment {}
#page-content .wpcf7 input.wpcf7-submit, form#commentform #submit {
	border:0;
	padding: 8px 15px 10px;
	margin: 12px 10px 0 5px;;
	text-align: center;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	-webkit-box-shadow: #666 1px 1px 4px;
	-moz-box-shadow: #666 1px 1px 4px;
	box-shadow: #666 1px 1px 4px;
	
	background: #D9386C;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f293a8), to(#d9396c));
	background: -webkit-linear-gradient(#f293a8, #d9396c);
	background: -moz-linear-gradient(#f293a8, #d9396c);
	background: -ms-linear-gradient(#f293a8, #d9396c);
	background: -o-linear-gradient(#f293a8, #d9396c);
	background: linear-gradient(#f293a8, #d9396c);
	-pie-background: linear-gradient(#f293a8, #d9396c);
	
	display:inline-block;
	height:40px;
	color:#FFF;
	text-shadow:-1px -1px 0px #8d8cc0;
	font-size:1.2em;
	}
	
span.wpcf7-list-item { display: block; }
/*Sidebar*/

#sidebar { float:left; margin:0 3px 0 15px; }
#sidebar ul {
	margin-left: 0;
    padding-left: 0;
}
#sidebar, #sidebar ul li.widget { width:257px; }
#sidebar ul li.widget {border-bottom:#dcddf4 thin dotted; padding-bottom:15px; margin-bottom:15px !important; }

#sidebar ul li.widget ul li { list-style:none; margin:5px 0;}
#sidebar ul li.widget div.textwidget ul li { list-style: disc outside; margin: 0 0 5px 16px; }

#sidebar li.widget, #sidebar .widget_twitter ul li { list-style:none; margin:0;}
#sidebar li h2 {font-family: 'ClaireHandRegular'; font-size:1.6em; font-weight:normal;}
#sidebart .pink-button {margin: 0;}

#sidebar li.alternate-odd h1, #sidebar li.alternate-odd h2 { color:#3c4075;}
#sidebar li.alternate-even h1, #sidebar li.alternate-even h2 { color:#D9386C;}
/*#sidebar li h1, #sidebar li h2{ color:#3c4075;}*/

.homepage #sidebar li.alternate-odd h1, .homepage #sidebar li.alternate-odd h2 { color:#3c4075;}
.homepage #sidebar li.alternate-even h1, .homepage #sidebar li.alternate-even h2 { color:#D9386C;}


/*Widgets*/
/*Text*/
.textwidget, .widget_sidebar_extra {color:#8c8dc5; margin-top:5px !important;}
.widget_sidebar_extra h1, .widget_sidebar_extra h2{ color:#3C4075;} 
.textwidget ul li, .widget_sidebar_extra ul li { margin-top:15px !important;}

/*Mailing list*/
#sidebar .wpcf7 input.wpcf7-email, #sidebar .wpcf7 input.wpcf7-quiz, #sidebar #s { 
	border:#dcddf4 dotted thin;
    -webkit-box-shadow: inset 0 0 3px #dcddf4;
    -moz-box-shadow: inset 0 0 3px #dcddf4;
    box-shadow: inset 0 0 3px #dcddf4;
	height:38px;
	color:#8c8dc5;
	font-style:italic;
	font-size:1.2em;
	padding: 0 5px;}

#sidebar .wpcf7 input.wpcf7-email, #sidebar .wpcf7 input.wpcf7-quiz {width: 169px;}
#sidebar #s {width: 143px;}
#sidebar .wpcf7 input.wpcf7-submit, #sidebar #searchsubmit {
	border:0;
	padding: 8px 15px 10px;
	margin: 12px 10px 0 5px;;
	text-align: center;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	-webkit-box-shadow: #666 1px 1px 4px;
	-moz-box-shadow: #666 1px 1px 4px;
	box-shadow: #666 1px 1px 4px;
	
	background: #8d8cc0;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#b8bbe9), to(#8d8cc0));
	background: -webkit-linear-gradient(#b8bbe9, #8d8cc0);
	background: -moz-linear-gradient(#b8bbe9, #8d8cc0);
	background: -ms-linear-gradient(#b8bbe9, #8d8cc0);
	background: -o-linear-gradient(#b8bbe9, #8d8cc0);
	background: linear-gradient(#b8bbe9, #8d8cc0);
	-pie-background: linear-gradient(#b8bbe9, #8d8cc0);
	
	display:inline-block;
	height:39px;
	color:#FFF;
	text-shadow:-1px -1px 0px #8d8cc0;
	font-size:1.2em;
	}
label.screen-reader-text {
display: none;
}	
/*Testimonials*/
.widget_tamesistestimonials_widget #testimonial-top{ background:url(images/border-testimonal-top.gif) top left no-repeat; height:5px; width:260px;}
.widget_tamesistestimonials_widget #testimonial-content{ border-left:thin #5a5da0 solid; border-right:thin #5a5da0 solid; width:258px; overflow: hidden;}
.widget_tamesistestimonials_widget #testimonial-bottom{ background:url(images/border-testimonal-bottom.gif) bottom left no-repeat; height:103px; width:260px;}

#testimonial-bottom A:link, .testimonial-bottom A:active, .testimonial-bottom A:visited { width:100px; display:inline-block; margin: 47px 0 0 1px; font-size:0.9em; text-decoration:underline; color:#3c4075;}
.testimonial-bottom A:hover { text-decoration:underline;}

.widget_tamesistestimonials_widget ul li { list-style:none !important; padding: 10px 10px 0; margin:0 !important;}

.testimonial-content{ font-size:1.2em;}
.testimonial-credit { font-size:1em; margin:10px 0 0 0;}
.testimonial-content, .testimonial-credit { text-align:center; font-family:'ClaireHandRegular';}
.testimonial-content A:link, .testimonial-content A:active, .testimonial-content A:visited { text-decoration:none; color:#3c4075;}
.testimonial-content A:hover { text-decoration:underline;}
.testimonial-credit A:link, .testimonial-credit A:active, .testimonial-credit A:visited { text-decoration:underline; color:#3c4075;}
.testimonial-credit A:hover { text-decoration:underline;}




/*Twitter*/
.widget_twitter li { margin-bottom:10px !important;}
.follow-button { margin:10px 0;}
.follow-button A:link, .follow-button A:active, .follow-button A:visited { text-decoration:underline; color:#3c4075;}
.follow-button A:hover { text-decoration:underline;}

.entry-meta { font-size:0.8em;}
.entry-meta A:link, .entry-meta A:active, .entry-meta A:visited { text-decoration:none; color:#8c8dc5;}
.entry-meta A:hover { text-decoration:underline;}

.entry-content A:link, .entry-content A:active, .entry-content A:visited { text-decoration:underline; color:#3c4075;}
.entry-content A:hover { text-decoration:underline;}

/*Blog*/
#blog { margin-bottom:20px;}
#blog ul { margin-top: 5px; padding-left: 0;}
#blog ul li { list-style:none; margin:0;}
#blog .date { color:#8c8dc5;   font-size: 0.8em;}
#blog h2 A:link, #blog h2 A:active, #blog h2 A:visited { text-decoration:none; color:#3c4075; font-size: 0.9em; font-family: 'ClaireHandRegular';}
#blog h2 A:hover { text-decoration:underline;}
#blog A.bloglink:link, #blog A.bloglink:active, #blog A.bloglink:visited { text-decoration:underline; color:#3c4075;}
#blog A.bloglink:hover { text-decoration:underline;}

.bloglist ol{
	padding: 0;
}
#page-content.bloglist ol li{
	background: url("images/disco-separator.png") no-repeat scroll center top transparent;
    list-style: none outside none !important;
    margin: 0 !important;
    padding: 53px 0 10px !important;
	}

/*Homepage*/
#homepage-featured { background:url(images/background-homepage-featured.gif) repeat-x #e3e4f7 top left; padding:10px 0; border:#FFF solid 10px; /*min-height: 358px;*/ display: inline-block;}
#homepage-featured h1 {color:#d9386c; text-shadow: 1px 1px 2px #fff; font-size:2.1em; margin: 0;}
#page-content.homepage h1{color: #3C4075;   margin-bottom: 4px;}
.homepage-featured-carousel, .homepage-featured-copy{ float:left; width:410px; display: inline-block; margin: 0 10px;}
.homepage-featured-copy ul{
	padding-left: 2px;
}

.homepage-featured-carousel {
/*	height:309px;*/
	width:418px;
	position: relative;
	margin-right:15px;
}
.homepage-featured-carousel img {
	display: block;
	float: left;
}

.pagination {
	display: none !important;
/*	float:right;
	margin-top:-300px;
	margin-right:6px;*/

}
.pagination a {
	background: url(images/gallery-pagination.png) 0 0px no-repeat transparent;
	width: 15px;
	height: 15px;
	margin: 0 5px 0 0;
	display: inline-block;
}
.pagination a.selected {
	background-position: -25px 0px;
	cursor: default;
}
.pagination a span {
	display: none;
}
.clearfix {
	float: none;
	clear: both;
}


/*Testimonials*/
.list-testimonials ul { padding-top:20px;}
.list-testimonials ul li { list-style:none !important; margin:0 !important; padding: 53px 0 20px !important; background:url(images/disco-separator.png) top center no-repeat;}
.list-testimonials .content { font-style:italic;}
.list-testimonials .image, .list-testimonials .content, .list-testimonials .credit { margin-top:15px;}


/*Blog*/

#comments H2, #comments H3 { margin:15px 0 10px; font-size:1.2em; color:#d9386c;}

/*Footer*/
footer {text-align: center; color:fff; margin:10px 0 20px; }

footer nav {text-shadow: -1px -1px 0px #3c4075; font-size:1.2em; margin-bottom:20px;}
footer nav a, footer nav a:link, footer nav a:active, footer nav a:visited { color:#fff; text-decoration:none;}
footer nav a:hover { color:#FFF; text-decoration:underline;}

footer nav, footer div {     
	text-align: left;
    display: inline-block;
    /* for ie6/7: */
    *display: inline;
    zoom: 1;}
	
footer div { color:#3c4075; font-size:0.8em;}

footer .menu-footer-menu-container li { float:left; margin: 0 25px; list-style: none;}

footer a.link{
    color: #000;
    text-decoration: none;
}
footer a.link:visited {
    color: #000;
    text-decoration: none;
}
footer a.link:hover {
    color: #000;
    text-decoration: underline;
}
footer #footer-copyright{ height:23px; padding: 0px 20px 0 0;  background:url(images/tamesis-logo.gif) right top no-repeat;}


/* ---------------------------------------------------------------------------------------------------------- 
06 Media queries (using a mobile-first approach) ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

/* Small devices (landscape phones, 576px and up)*/
@media (max-width: 768px) { 
	
	body{
		background: #FFFFFF url(images/background-mobile.gif) top center repeat fixed;
	}
	
	#wrap {
    	width: 328px;
	}
	

	
	header #logo-left, header #logo-center, header #logo-right {
		text-align: center;
    	width: 100%; 
	}
	header #logo-left {
		margin-top: 20px;
	}
	
	header #logo-center H1{
		width: 291px;
		margin: 27px auto;
		float: none;
	}
	header #logo-right{
		text-align: center;
		float: none;
		margin: 0 auto;
		width: 100%;
	}
	header #logo-right #social-links{
		width: 100%;
	}
	header #logo-right #social-links ul{
		width:184px;
	    margin: 0 auto;
	}
	#social-links .discoshed, #social-links .facebook, #social-links .twitter, #social-links .mixcloud {
		margin-left: 0;
		margin-right: 9px;
	}
	
	
	nav.menu-header-menu-container {
		display:none;
	}
	
	
	#page-content {
		width: 281px;}
	
	#blog ul {
		padding-left: 0;}
	#sidebar {
    margin: 0 3px 0 0px;
	}
	
	nav.desktop {display:none;}
	
	
    .toggle-nav {
        display: inline-block !important;
        float: right;
        font-size: 2em;
		font-family: 'ClaireHandRegular';
        transition: color linear 0.15s;
		margin-bottom: 5px;
	}
	.toggle-nav span{font-size: .8em;}
		
    a.toggle-nav:link, 
	a.toggle-nav:visited,
	a.toggle-nav:hover, 
	a.toggle-nav:active {
        text-decoration: none;
        color: #fff;
    } 

	nav.mobile {
		position: relative;
		background: #fff;
		text-align: left;
		
		font-family: 'ClaireHandRegular';
		font-size: 1.3em;
	}

	nav.mobile ul {
		outline: #5a5da0 solid 1px;
		display: none;
		top: 0px;
		right: 0px;
		z-index: 999;
		padding: 15px;
		background: #fff;
	}
	nav.mobile ul ul{
		outline: none;
	}

	nav.mobile ul li {
		float: none;
		display: block;
		position: relative;
		top: 0px;
		right: 0px;
		min-width: 200px;
		background: #fff;
		text-align: left;
		text-decoration: none;
		
		padding-left: 14px;
		background-image: url(images/menu-seperator.png);
		background-position: left 7px;
		background-repeat: no-repeat;
	}

	nav.mobile li:after { 
		content: none; 
	}
	
	nav.mobile ul li a{
		text-decoration: none;
	}
	
	
	/*Homepage*/
	#homepage-featured {
		/*min-height: 718px;*/
	}
	#homepage-featured h1 {
		margin: 5px;
	}
	


	.homepage-featured-carousel {
		/*height: 219px;*/}
	
	.homepage-featured-carousel, .homepage-featured-copy {
		float: left;
		width: 283px;
	}
	
	#wrap-page-content {
		background-image: url(images/background-page-content-small.gif), url(images/border-page-content-bottom-small.gif);
	}
	
	#page-content ul {padding: 0}
	

	
	footer nav, footer div {
		text-align: center;
	}
	
	footer nav ul{ padding: 0;}
	
	footer nav li {margin: 0px 7px !important;}
	
	footer #footer-copyright{
		background: none;
	}
	
}

/* Medium devices (tablets, from 768px and up to desktop)*/
@media (min-width: 768px) and (max-width: 1095px) {
	body {font-size:0.8em;}
	
	#wrap {
    	width: 735px;
	}
	
	header #logo-left {
		width: 225px; 
	}
	header #logo-center {
		width: 300px;
	}
	header #logo-right {
		width: 200px;
		float:right;
	}
	
	#cssmenu li{
		font-size: 1.1em;
	}
	
	nav.desktop {display:inherit;}
	nav.mobile {display:none;}
	
	.toggle-nav {
    	display: none !important;
	}
	
	#homepage-featured {
    	min-height: 333px;
	}

	.homepage-featured-carousel, .homepage-featured-copy {
		width: 335px;
		}

	#homepage-featured .pink-button {
		margin: 12px 5px 0 0;
	}
	
	#page-content {
		width: 475px;}

	#wrap-page-content {
		background-image: url(images/background-page-content-medium.gif), url(images/border-page-content-bottom-medium.gif);
	}
	
	#sidebar, #sidebar ul li.widget {
		width: 165px;
	}
	
	/*Testimonials*/
	.widget_tamesistestimonials_widget #testimonial-top{ height:3px; width:183px;}
	.widget_tamesistestimonials_widget #testimonial-content{ width:183px; }
	.widget_tamesistestimonials_widget #testimonial-bottom{ height:87px; width:183px;}


	footer .menu-footer-menu-container li {
		font-size: 0.8em;
		margin: 0px 13px;
	}

}

/* Breakpoint where we can return to desktop */
@media (min-width: 1096px) { 

	
	.toggle-nav, nav.mobile {
    	display: none !important;
	}
	
}