/* HTML/CSS and flash by Ben Tabb at www.bentabb.com / email: bentabb@mac.com */

* {
margin:0;
padding:0;
}

body {
background-color:#766F67;
font-family:Arial, Helvetica, sans-serif;
}

img {
border:none;
}

.keylines img {
border:1px solid #370A00;
margin:0 0 0 25px;
}

.line {
	border-bottom:1px solid #370A00;
	width:%100;
}

li {
list-style-type:none;
display:inline;
margin:0 12px 0 12px;
height:25px;
}

#recycling li {
	display:block;
	margin:15px 0 0 0;
	height:auto;

}

.invisible {
margin:0 0 0 -9999px;
}

p, #recycling {
font-style:italic;
font-size:13px;
color:#4F3421;
line-height:21px;
letter-spacing:.12em;
margin:15px 25px;
}

.bigType {
font-size: 20px;
clear:left;
}

.title {
font-size:14px;
font-style:normal;
}

.hometext {
color: #2D2721;

}

.pageTextRight, .designerText {
position:absolute;
overflow:auto;
}

a:link {
color: #E3E3E3;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #E3E3E3;
}
a:hover {
color: #FFFFFF;
text-decoration: none;
}
a:active {
text-decoration: none;
}

.column a:link {
color:#2E2822;
text-decoration: none;
}
.column a:visited {
text-decoration: none;
color:#2E2822;
}
.column a:hover {
color: #000000;
text-decoration: none;
}
.column a:active {
text-decoration: none;
}

#aboutdeviMats {
width:240px;
height:410px;
float:right;
margin:10px 0 0 0;
overflow:auto;
}

.dropCap {
font-size:24px;
font-style:bold italic;
}

#graphicTitles {
width: 860px;
height:17px;
margin:12px auto;
}

#mainWrapper {
margin: 75px auto;
width:1020px;
}

#navigation {
font-size:13px;
font-weight:300;
color:#DEDACF;
text-align:center;
letter-spacing:.1em;
}

#contentWrapper {
margin:25px auto;
width:815px;
border:1px solid #000000;
overflow:auto;
}

#contentMain {
margin:30px 20px;
background-color:#DADACF;
width:775px;
height:420px;
position:relative;
}

#contentMainHome {
margin:30px 20px;
background-color:#766F67;
width:775px;
position:relative;
}

.cornerGraphicLeft {
width:199px;
height:74px;
float:left;
}

.cornerGraphicTopRight, .cornerGraphicTopRight2 {
width:199px;
height:68px;
position:absolute;
background-repeat:no-repeat;
left: 576px;
top: 0px;
}

.cornerGraphicTopRight {
background-image:url(images/curlyCornerRight.gif);
}

.cornerGraphicTopRight2 {
background-image:url(images/curlyRight.gif);
}

#promo {
margin:20px 0 0 0;
}

#homepageText {
width:550px;
}

#aboutdevimatsPhoto {
margin:30px 20px;
background-image:url(images/aboutDeviMats.jpg);
width:775px;
height:420px;
position:relative;
}	

#eventsTexture {
width:195px;
height:420px;
background-image:url(images/eventsTexture.jpg);
background-repeat:no-repeat;
background-color:#D3CCC9;
}

.rightContent {
width:580px;
height:420px;
overflow:auto;
position:absolute;
left: 195px;
top: 0;
}

.leftContent {
width:580px;
height:420px;
overflow:auto;
position:absolute;
left: 0;
top: 0;
}

#friendsTexture {
width:195px;
height:420px;
background-image:url(images/friendsTexture.jpg);
background-repeat:no-repeat;
background-color:#A0BEB9;
}

#matcareTexture {
width:195px;
height:420px;
background-color:#BDD5D1;
float:right;
}

#contactusTexture {
width:195px;
height:420px;
background-color:#B1C0BB;
float:right;
}

.column {
width:260px;
margin:0 15px 0 0;
float:left;
}

#whatsNamePhoto {
margin:30px 20px;
background-image:url(images/whatsNameBg.jpg);
width:775px;
height:420px;
position:relative;
}

#designerPage {
width:378px;
height:390px;
float:left;
margin:20px 0 30px 15px;
overflow:auto;
}

#designerPhoto {
background-image:url(images/theDesigner.jpg); 
background-repeat:no-repeat; 
width:366px; 
height:420px;
float:right;
top:0;
}

#deviYoga {
position:absolute;
margin:-16px 0 0 -22px;
}

#mats {
	position:absolute;
	width:700px;
	margin:-50px 0 0 300px;
}

#mats a {
margin:0 0 0 5px;
display:inline;
float:left;
}