.hide {
	display: none;
}

header, #pages, body, footer {
	width: 100%;
	margin: 0;
	overflow: hidden;
}

/* Hide Elements that area not necessary */
#topnav, .painting-list h2, .painting-list p, header p, footer p, .hide {
	display: none;
}

/* Show hidden elements */
#pages nav#tabs, .handheld {
	display: block;
}

header nav, footer nav {
	margin: 0;
	padding-bottom: 0;
	border: none;
}

header img {
	width:300px;
}

#overlay img {
	position:absolute;
	top:0;
	left:0;
}

#overlay .info {
	display:none;
}


/* Start Footer */
footer {
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	height: 50px;
	padding-top:0;
	border-top: 1px solid #888;
	background: #444444;
	background: -moz-linear-gradient(top, #444444 0%, #111111 50%, #000000 51%, #000000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444444), color-stop(50%,#111111), color-stop(51%,#000000), color-stop(100%,#000000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #444444 0%,#111111 50%,#000000 51%,#000000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #444444 0%,#111111 50%,#000000 51%,#000000 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #444444 0%,#111111 50%,#000000 51%,#000000 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #444444 0%,#111111 50%,#000000 51%,#000000 100%); /* W3C */
}

footer nav {	
	margin: 0;
	padding-top: 0;
	border-top: 1px solid #000;
}

footer nav ul {
	width: 286px;
	margin: 0 auto;
}

footer nav li a {
	display:block;
	padding: 0;
	padding-top:34px ;
	width:70px;
	font:normal 11px Helvetica, Arial;
	float: left;
	position: relative;
	text-decoration: none;
	color: #FFF;
	border-right: 1px solid #555;
	border-left: 1px solid #222;
}

footer nav li:first-child a {
	border-left:none;
}

footer nav li:last-child a {
	border-right:none;
}

footer nav li#fbmenu a{
	background: url(../../images/icons/icon-menu.png) no-repeat center center;
}

footer nav li#fbaboutus a{
	background: url(../../images/icons/icon-aboutus.png) no-repeat center center;
}

footer nav li#fbcallus a{
	background: url(../../images/icons/icon-call.png) no-repeat center center;
}

footer nav li#fbcontact a{
	background: url(../../images/icons/icon-map.png) no-repeat center center;
}

/* End Footer */

.painting-list {
	width: 100%;
	padding-bottom: 60px;
	margin-top: 10px;
	position:absolute;
	left:0;
	top:160px;
}

.painting-list .info {
	width: 70%;
}

.painting-list img {
	max-width: 30%;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	display: block;
	margin-right:0;
	float: left;
}

.painting-list li {
	border-top: 1px solid #EB8;
	border-bottom: 1px solid #A63;
	padding: 10px 5px;
}

.painting-list .info .price {
	padding: 5px 0 0 10px;
	
}


.painting-list li:first-child {
	border-top: none;
}

.painting-list li:last-child {
	border-bottom: none;
}

#oil-on-canvas,#sides,#entrees {
	-webkit-transform:rotate(0);   
	-moz-transform:rotate(0);  
	-ms-transform:rotate(0);  
	-o-transform:rotate(0);
	transform:rotate(0);
}

/* Start Contact Page */

#contact {
	position: relative;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

#contact p {
	right: 0;
	font-size: 1em;
	padding: 10px;
}

#contact ul {
	padding-bottom:70px;
}

/* End Contact Page */


/* Start Profile Page */

#aboutus img {
	padding-top: 10px;
	border: 0px;
	width: 100%;

	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;

	-webkit-transform:rotate(0);   
	-moz-transform:rotate(0);  
	-ms-transform:rotate(0);  
	-o-transform:rotate(0);
	transform:rotate(0);
}

#aboutus .content {
	width: 100%;
	padding-bottom: 70px;
}

#aboutus h2 {
	padding-top: 10px;
}

#aboutus p {
	font-size: .9em;
	line-height: 1.2em;
}

footer li {
	display:block;
	border-right: 1px dotted;
}

/* End Profile Page */