body {
	padding: 10px;
	margin:0;
	background: #BDC3C7
			;
	font-family: "Trebuchet MS", Helvetica, sans-serif;	font-size: 14px;
	color: #424242;
}

h1 {
	font-family: "Trebuchet MS", Helvetica, sans-serif;	font-size: 30px;
	color: #424242;	
}

h2,.homepage_block_title {
	font-family: "Trebuchet MS", Helvetica, sans-serif;	font-size: 26px;
	color: #424242;	
}

h3 {
	font-family: "Trebuchet MS", Helvetica, sans-serif;	font-size: 22px;
	color: #424242;	
}

h4 {
	font-family: "Trebuchet MS", Helvetica, sans-serif;	font-size: 18px;
	color: #424242;	
}

h5 {
	font-family: "Trebuchet MS", Helvetica, sans-serif;	font-size: 16px;
	color: #424242;	
}

h6 {
	font-family: "Trebuchet MS", Helvetica, sans-serif;	font-size: 14px;
	color: #424242;	
}

a:link,a:visited,a:active {
	color: #242424;
	
	font-weight: normal;
	text-decoration: underline;
	font-style: normal;
	}

a:hover {
	color: #808080;
	
	font-weight: normal;
	text-decoration: underline;
	font-style: normal;
	}

.homepage > table > tbody > tr > td {
	vertical-align:top;
}


.wrap {
	box-sizing: border-box;
	width: 900px;
	background: #ECF0F1
			;
	box-shadow: 0 0 0px rgba(0,0,0,0.5);
	padding: 15px;
	border-color: #000000;
	border-style: none;
	border-width: 0px;
	border-radius: 0px;
				margin-left: auto;
			margin-right:auto;
			}

.head {
	background: #2980b9
			;
	border-color: #c2c2c2;
	border-style: none;
	border-width: 1px;
	border-radius: 0px;
	box-shadow: 0 0 0px rgba(0,0,0,0);
	padding: 27px;
	font-family: Impact, Charcoal, sans-serif;	font-size: 37px;
	color: #ecf0f1;
	
	font-weight: normal;
	text-decoration: none;
	font-style: normal;
		margin-bottom: 0px;

}

.head a img {
	max-width:100%;
}

.navigation {
	height: 40px;
	background: #50514a
			;
	border-color: #c2c2c2;
	border-style: none;
	border-width: 1px;
	border-radius: 0px;
	box-shadow: 0 0 0px rgba(0,0,0,0);
	margin-bottom: 15px;
}

.show_menu {
	background: transparent;

}

.show_menu .icon-bar {
	background: #ECF0F1;
}
#menu {
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	height: 40px;
}

#menu > li {
	position:relative;
	float:left;
	display:inline;
}

#menu > li:hover {
	left:auto;
}

#menu > li > a {
	display:block;
	height: 40px;
	line-height: 40px;
	padding: 0 14px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;	font-size: 16px;
	color: #ECF0F1;
	
	font-weight: normal;
	text-decoration: none;
	font-style: normal;
	}

#menu > li > a:hover {
	font-family: "Trebuchet MS", Helvetica, sans-serif;	color: #ECF0F1;
	
	font-weight: normal;
	text-decoration: none;
	font-style: normal;
		background: #3D3E37
			;
}

#menu > li > ul {
	position: absolute;
	left:-9999px;
	top: 0;
	z-index: 100;
	list-style:none;
	padding:0;
	margin-top: 40px;
	background: #50514a
			;
	border-color: #c2c2c2;
	border-style: none;
	border-width: 1px;
	border-radius: 0px;
	box-shadow: 0 0 0px rgba(0,0,0,0);
}

#menu > li:hover > ul {
	left: auto;
}

#menu > li > ul > li a {
	display:block;
	padding: 14px;
	font-family: Georgia, serif;	font-size: 14px;
	color: #ECF0F1;
	
	font-weight: normal;
	text-decoration: none;
	font-style: normal;
	
}

#menu > li > ul > li a:hover {
	font-family: "Trebuchet MS", Helvetica, sans-serif;	color: #ECF0F1;
	
	font-weight: normal;
	text-decoration: none;
	font-style: normal;
		background: #3D3E37
			;

}

input[type=text],input[type=password],textarea {
	border-color: #c2c2c2;
	border-style: solid;
	border-width: 1px;
	border-radius: 0px;
	padding: 5px;
	background: #ffffff
			;
	margin-bottom: 10px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;	font-size: 14px;
	color: #555555;
	
	font-weight: normal;
	text-decoration: none;
	font-style: normal;
		box-shadow: 0 0 0px rgba(0,0,0,0);

}

input[type=button],input[type=submit]{
	border-color: #c2c2c2;
	border-style: none;
	border-width: 1px;
	border-radius: 0px;
	padding: 7px;
	background: linear-gradient(to bottom, #646464 0%,#383838 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#646464', endColorstr='#383838',GradientType=0 );
	margin-bottom: 0px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;	font-size: 14px;
	color: #ECF0F1;
	
	font-weight: normal;
	text-decoration: none;
	font-style: normal;
		box-shadow: 0 0 0px rgba(0,0,0,0);
}

.comment {
	background: #fff
			;
	border-color: #c2c2c2;
	border-style: solid;
	border-width: 1px;
	border-radius: 0px;
	box-shadow: 0 0 0px rgba(0,0,0,0);
	padding: 10px;
	margin-bottom: 10px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;	font-size: 14px;
	color: #242424;
	
	font-weight: normal;
	text-decoration: none;
	font-style: normal;
	}

.comment_name {
	font-family: "Trebuchet MS", Helvetica, sans-serif;	font-size: 18px;
	color: #242424;
	
	font-weight: normal;
	text-decoration: none;
	font-style: normal;
	}


.link {
	margin-bottom: 10px;
}

.link > h3 > a {
	font-family: "Trebuchet MS", Helvetica, sans-serif;	font-size: 14px;
	color: #242424;
	
	font-weight: normal;
	text-decoration: none;
	font-style: normal;
		margin-bottom: 10px;
	display:inline-block;
}

.album_box {
	box-sizing: border-box;
	width: 49%;
	display:inline-block;
	vertical-align:top;
	;
	padding: 10px;
	margin-bottom: 10px;
	border-color: #c2c2c2;
	border-style: solid;
	border-width: 0px;
	border-radius: 0px;
	box-shadow: 0 0 0px rgba(0,0,0,0);
}

.album_thumb {
	width:130px;
	height:120px;
	float:left;
	background-position:center center;
	background-repeat: no-repeat;
	padding: 0px;
	border-color: #c2c2c2;
	border-style: solid;
	border-width: 0px;
	border-radius: 0px;
	margin: 10px;
}

.album_title > a {
	font-family: "Trebuchet MS", Helvetica, sans-serif;	font-size: 18px;
	color: #242424;
	
	font-weight: normal;
	text-decoration: underline;
	font-style: normal;
		margin-bottom: 10px;
}

.album_description {
	font-family: "Trebuchet MS", Helvetica, sans-serif;	font-size: 14px;
	color: #242424;
	
	font-weight: normal;
	text-decoration: none;
	font-style: normal;
	}

.article_thumb {
	width:130px;
	height:130px;
	display:inline-block;
	float:left;
	margin-right:10px;
	background-position:center center;
	background-repeat:no-repeat;
}

/* Desktop */
@media (min-width: 980px) and (max-width: 950px)
{
	.wrap {
		width: 900px;
	}
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px)
{
	
	.wrap {
		width: 690px;
	}

}

/* Landscape Phone to portrait tablet */
@media (max-width: 767px) 
{
	.wrap {
		width: 430px;
	}

	.navigation {
		display:block;
		float:none;   
		position:static;
		height:auto;
		
	}



	ul#menu{
		float:none;
		display:none;
		position:static;
		height: auto;
	}
	#menu li {
		display:block;
		float:none;   
	}

	#menu li a {
		display:block;
		float:none;   
	}

	#menu li ul {
		position:static;
		margin-left: 15px;
		width:auto;
		float:none;
		background:transparent;
		top:auto;
		margin-top: 0;
	}

	#menu li ul li {
		float:none;
	}
	#menu li:hover ul {
		left:auto;
		top:0;
		margin-top: 0;
		margin-left: 15px;
	}

	#menu li ul li a{
		background: transparent;
		display:block;
		width: auto;
		
		border:none;
		text-decoration:none;
	}



	.homepage-table > tbody> tr {
		display:block;
	}

	.homepage-table > tbody > tr > td {
		display:block;
		width:auto;
	}

	.album_box {
		width:auto;
		float:none;
	}

	.shop_thumb {
		float:none;
	}

	.shopping_cart_table {

	}

	.shopping_cart_thumb {
		display:none;
	}

	.show_menu {
		display:inline-block;
	}

	#head {
		height:auto;
	}

	.next_cell, .prev_cell {
		width:42px;
	}

}

/* Landscape phones and down */
@media (max-width: 480px)
{
	.wrap {
		width:auto;
	}
	body {
		padding:0;
	}
	.next_cell, .prev_cell {
		display:none;
	}

	.responsive_nav_cell {
		display:table-cell;
	}
}