/*
	by Paul Pretorius
	Look and feel based on Nicky Robinson's design for the 2011 Creative Touches website (www.creativetouches.co.za)
	Nicky's website: http://www.nixrob.co.uk
	
	This CSS caters specifically for mobile devices.
*/

* {
	border: 0;
}

:focus {outline: 0;}

html, body, #wrapper {
	width: 420px;
}

body {
	font-family: helvetica, arial, sans-serif;
	background-color: #ECE8D8;
	color: #000000;
	margin: 0;
	padding: 0;
}

/************ header ************/

#header {
	height: 80px;
	width: 420px;
	margin: 0;
	padding: 0;
	text-align: left;
	background-color: #ffffff;
	border-bottom: 1px solid #E4E4E4;
}

#header a img{
	margin: 36px 0 0 20px;
}


/* Nav - links */
/*
.ct_logo 			{ width: 331px; background-position:  0px bottom; }
.floors				{ width: 121px; background-position: -331px bottom; }
.walls				{ width: 117px; background-position: -452px bottom; }
.water_featues		{ width: 217px; background-position: -569px bottom; }
.bespoke			{ width: 143px; background-position: -786px bottom; }
.contact_us			{ width: 143px; background-position: -929px bottom; }
*/


/*************** content *************/

#wrapper {
	margin:0;
	background-color: #F2EFE4;
	padding: 0;
	overflow: hidden;
	text-align: left;
}

#content {
	padding: 10px 20px;
	font-size: 1.0em;
	line-height: 1.5em;
} 

/* Pretty Colours */
#content a, #footer a{
	color: #27D;
	text-decoration: none;
}

#content a:hover, #footer a:hover {
	text-decoration: underline;
}

/* Media */
#content .media_content {
	border: none;
	text-align: left;
	margin: 0;
	padding: 15px 0px;
}

/* Form Elements */
.form_input { border: 1px solid #777; }
.form_input:focus { border: 1px solid #957409; }

/********** footer ***************/
#footer {
	padding: 10px 20px;
}

#footer p {
	font-size: 0.9em;
}

/* Social media links */
#footer .social_links img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	margin-right: 2px;
}

#footer .social_links img:hover {
	opacity: 1.0;
	filter: alpha(opacity=100);
}

/********* extras *********/
.super_script{
	position: relative;
	bottom: 0.5em;
	font-size: 0.75em;
}

.mobile_link {
	position: absolute;
	top: 0;
	left: 0;
}

.mobile_link {
	color: #27D;
	text-decoration:none;
}

.mobile_link:hover {
	text-decoration: underline;
}