/*––––––––––––––––––––––––––––––––––––––––––––––––
	Theme Name: Shweshwe
	Theme URI: http://www.shweshwe.co.za/
	Description: Shweshwe
	Author: Create Design
	Author URI: http://www.createdesign.co.za/
	CSS Author: Create Design
	CSS Author URI: http://www.createdesign.co.za/
	Date: March 2010
––––––––––––––––––––––––––––––––––––––––––––––––*/

/* Import Navigation Stylesheet, included in this style sheet
––––––––––––––––––––––––––––––––––––––––––––––––*/

/* Universal Styles
––––––––––––––––––––––––––––––––––––––––––––––––*/

body {
	background: #7d7773;
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	color: #666;
	margin: 0px;
	text-align: left;
}

texttitle {
	border: 0px 0px 0px 0px;
	text-align: left;
	height: 45px;
	margins: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

img {
	border: 0px;
}

bold {
	font-family: "Courier New", Courier, monospace;
	font-size: 13px;
	text-decoration: none; 
	font:bolder;
}

a {
	font-family: "Courier New", Courier, monospace;
	font-size: 13px;
	text-decoration: none; 
	font:bolder;
	color: #074193;
	border: 0px;
}

a:hover {
	font-family: "Courier New", Courier, monospace;
	font-size: 13px;
	text-decoration: none; 
	font:bolder;
	color: #f53d52;
	border: 0px;
}

/* Library Styles
––––––––––––––––––––––––––––––––––––––––––––––––*/
.clearLeft {
	clear: left;
}

.left {
	float: left;
}

.right {
	float: right;
}

/* Layout Styles
––––––––––––––––––––––––––––––––––––––––––––––––*/

#container {
  width: 990px; /*the width of the element*/
  height: 605px; /*the height of the element*/
  position: absolute; /*absolute position to center the element in relation to its parent element*/
  left: 50%; /*the left border of the element is positioned at half of the available width of the parent element*/
  top: 50%; /*the top border of the element is positioned at half of the available height of the parent element*/
  margin-left: -495px; /*half of the element width is removed from the left margin to center it*/
  margin-top: -303px; /*half of the element height is removed from the top margin to center it*/
}

#wrap {
	width: 990px;
	height: 550px;
	margin: 0px auto;
	text-align: left;
	background-color: #7d7773;
	background-position: 0px 0px;
	position: relative;
}

	.wraphome {
		background-image: url(images/home.jpg);
	}
	
	.wrapfabric {
		background-image: url(images/fabric.jpg);
	}
	
	.wrapcontact {
		background-image: url(images/contact.jpg);
	}

#logo {
		position: absolute;
		top: 0px;
		left: 10px;
		border: 0px;
		height: 157px;
	}
	
#nav {
		list-style-type: none;
		margin: 23px 0px 0px 20px;
		padding: 0px;
		width: 140px;
	}
			#nav li a {
				display: block;
				height: 40px;
				background-position: 0px 0px;
			}
		
	#aCol {
		float: left;
		width: 167px;
		height: 383px;
		padding: 0px 0px 0px 0px;
		position: absolute;
		top: 167px;
		
	}
	
		.aColhome {
			background: url(images/navhomebg.jpg);
		}
		
		.aColfabric {
			background: url(images/navfabricbg.jpg);
		}
		
		.aColcontact {
			background: url(images/navcontactbg.jpg);
		}

	
	#bCol {
		float: left;
		width: 480px;
		padding: 0px 0px 0px 0px;
		position: absolute;
		left: 180px;
		top: 167px;
		text-align: top left;
	}
	
	#content {
		padding: 0px 0px 0px 0px;
		line-height: 17px;
		text-align: top left;
		margin: 0px 0px 0px 0px;
	}
	
	#footer {
		clear: both;
		list-style-type: none;
		border: 0px;
		margin: 0px auto;
		position: relative;
		width: 990px;
		height: 55px;
		padding: 0px;
		font-size: 11px;
		color: #CCC;
	}
	
		#footer li {
			margin: 0px;
		}
		
		#footer a {
			font-size: 11px;
		}
		
		#footer a.hover {
			font-size: 11px;
		}
	
		#footer .logo {
			float:right;
			text-align: right;
			margin-top: 0px;
		}