/*
	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
*/

* {
	border: 0;
}

:focus {outline: 0;}

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

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

#header_background{
	height: 130px;
	width: 100%;
	z-index: 600;
	position: fixed;
	top: 0;
	left: 0;
	background-color: #ffffff;
	border-bottom: 1px solid #E4E4E4;
	padding: 0;
	margin:0;
}

#header {
	height: 130px;
	width: 1073px;
	margin: 0 auto;
}

#nav {
	padding: 0;
	width: 1073px;
	margin: 0 auto;
	height: 63px;
	background-color: transparent; /* paul - should be white */
	position: relative;
	top: 67px;
	left: 0px;
}

#nav ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#nav li {
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
	border: 0;
}

#nav a {
	background-image: url('http://www.creativetouches.co.za/emailsystem/images/ct_header.jpg');
	height: 63px;
	display: block;
	color: transparent;
}

#nav a:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
}

#nav a.ct_logo:hover {
	opacity: 0.85;
	filter: alpha(opacity=85);
}

/* 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; }

#wrapper {
	width: 1073px;
	margin: 0 auto;
	background-color: #F2EFE4;
	padding: 131px 0 0 0;
}

/*************** side bar ************/
#sidebar {
	width: 300px;
	float: right;
	margin: 0;
	padding: 20px 40px;
	font-size: 0.9em;
	line-height: 1.5em;
	border: none;
	float: right;
}

#sidebar h1,
#sidebar h2,
#sidebar h3 {
	text-transform: uppercase;
}

#sidebar .sidebar_top {
	margin: 0;
	padding: 0 0 10px 0;
	border: none;
	border-bottom: 1px solid #bbb;
}

#sidebar .sidebar_element {
	margin: 0;
	padding: 10px 0;
	border: none;
	border-bottom: 1px solid #bbb;
}

#sidebar .sidebar_element ul {
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
}

#sidebar .sidebar_element .social_button {
	padding: 5px;
}

#sidebar .sidebar_element .social_link {
	position: relative;
	bottom: 0.65em;
}
/* Form Elements */
.form_input { border: 1px solid #777; }
.form_input:focus { border: 1px solid #957409; }

/*************** content *************/
#content {
	width: 612px;
	padding: 20px 40px;
	font-size: 0.9em;
	line-height: 1.5em;
	float: left;
	border: none;
	border-right: 1px solid #dfdfdf;
} 

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

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

/* Media */
#content .media_content {
	border: none;
	text-align: center;
	margin: 10px 12px;
	padding: 8px;
}

/********** footer ***************/
#footer {
	height: 80px;
	padding: 20px 40px;
	clear: both;
}

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

/* 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: 10px;
	left: 10px;
	z-index: 9999;
}

.mobile_link a {
	font-weight: bold;
}

.mobile_link a, .mobile_link a:active, .mobile_link a:visited {
	color: #27D;
	text-decoration: none;
}

.mobile_link a:hover {
	color: #27D;
	text-decoration: underline;
}