html,body {
margin:0;
padding:0;
}

body {
	background:url(http://creativeosmosis.com/images/bgtile.jpg) top repeat-x;
	font-size: 62.5%;
	color: #B2B2B2;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}



p {
	font-size: 1.3em;
	line-height: 1.4em;
	margin: 0;
	margin-bottom: 1em;
	padding: 0;
}

li {
	padding: 3px 0px;
	font-size: 1.1em;
}

a {
	color:#5aa09b;
	text-decoration:none;
}

a:hover {
	color:#76c6c0;
	text-decoration:none;
}

img{
	border:none;
	background:none;
	margin:0;
	padding:0;
	display: block;
	
}

ul.bio {
	list-style: none;
	display:block;
	padding: 0;
	color: #DDDDDD;
	margin: 10px 0 0 0;
	}

ul.contact {
	list-style: none;
	}
	

.right {
	float:right;
	}


blockquote {
	margin:1em;
	padding:0.5em;
	background-color:transparent;
}

blockquote p {
margin:.2em;
}


h5 {
	font-size: 1em;
	color: #fff;
	text-transform: uppercase;
	margin: 0px 0px 5px 0px;
	padding: 0;
	margin: 0;

}


#pagewidth {
	width:1000px;
	background-image: url(http://creativeosmosis.com/images/leftcol.jpg);
	background-repeat: no-repeat;
}

#wrapper {

}

.leftcol {
	position:absolute;
	background: transparent;
	text-align: right;
	margin: 70px 45px 0px 10px;
	float: left;
	left:0px;
	top:0px;
}

#twocols {
	width:742px;
	float:right;
	position:relative;
	padding-top: 0px;
}


#maincol {
	float:left;
	display:inline;
	position:relative;
	width:620px;
	min-height:777px;
	text-align: right;
}


#content, #content2, #content3 {
	float:left;
	padding:25px 20px 20px;
	background: url(http://creativeosmosis.com/images/contenttile.jpg);
	min-height: 777px;
	text-align: left;
}

#content2 {
	height: 820px;
	width: 580px;
	padding-top: 25px;
	}

#content3 {
	height: 777px;
	width: 580px;
	}


#content p, #content2 p, #content3 p {
	padding:0 10px;
	color:#CCCCCC;
}

#content h3, #content2 h3, #content3 h3 {
	padding: 0;
	margin: 0;
	font-size:1.1em;
	font-weight:normal;
	letter-spacing: 0.01px;
}

#content h2, #content2 h2, #content3 h2 {
	margin:0 0 10px 0;
	padding:0 0 2px 0;
	font-size:1.3em;
	letter-spacing:0.1em;
	color:#FFF;
	border-bottom: 1px solid #9f8a74;
}


#title {
color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:2.9em;
padding:7px 0 0 9px;
}

.welcome {
width:580px;
}

.header {
	width:580px;
	height:283px;
	margin:0;
}

#profilepic {
	width: 150px;
	margin:20px 0 0 0;
	float: right;
	}

#aboutinfo {
	width:410px;
	float: left;
}

.headercenter {
	text-align:center;
	margin:10px 0 0 200px;
}


.headerfolio img {
	border: none;
	display: block;
}

.headerfolio2 {
	width:580px;
	margin: 0;
}

.headercontact {
	width:580px;
	margin: 0 0 10px 0;
	}

.floatleft {
	float: left;
	position: relative;
	}
	
.floatleft2 {
	float: left;
	position: relative;
	padding: 0 15px;
	}



.content {
float:left;
}

#footer {
	clear:both;
	font-size:1em;
	color:#b2b2b2;
	text-align:left;
	padding:10px;
}

#footer ul li {
font-size:1em;
list-style:none;
display:inline;
padding:0;
}

#footer a {
text-decoration:none;
color:#b2b2b2;
}

#footer a:hover {
color:#5aa09b;
text-decoration:none;
}

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.clearfix {
display:block;
}

* html .clearfix {
height:1%;
}

/*menu*/


.col {
	background: url(http://creativeosmosis.com/images/navtile.png) no-repeat right;
	width:182px;
	margin:0;
	padding: 10px 20px 10px 0;
}

.navlink a, .navlink a:visited {
	color:#000;
}

.navlink a:hover {
	color:#5aa09b;
}

ul.menu, ul.subcategory, ul.projects {
	margin: 0;
	padding: 0;
	line-height:1.3em;
}

ul.menu li, ul.subcategory li, ul.projects li {
	margin: 0;
	padding: 1px 0;
}

ul.menu li {
	list-style: none;
	text-transform: uppercase;
}

ul.subcategory li {
	list-style: none;
	text-transform: none;
}

ul.subcategory a, ul.subcategory a:visited {
	color: #000;
	text-decoration: none;
}

ul.subcategory a:hover {
	color: #5aa09b;
}

ul.projects li {
	list-style: none;
	text-transform: none;
	background-color: transparent;
}

.active {
	color: #000;
	font-weight: bold;
	text-decoration:none;
}


ul.menu a, ul.subcategory a, ul.projects a {
	display: block;
	font-size:1em;
}

ul.menu a, ul.subcategory a {
	font-size:1.3em;
}

ul.projects a, ul.projects a:visited {
	color:#333;
	text-decoration: none;
	padding-right:10px;
	font-size:1.1em;
}
ul.projects a:hover {
	color: #1d201c;
	text-decoration: underline;
}
ul.projects a:active {
	color: #000;
	text-decoration: underline;
}


/*table*/

table.portfolio {
	margin: 10px 0px 15px 0px;
	font-size: 1.1em;
	width: 580px;
}


table.portfolio td {
	border-bottom: 1px solid #4f4235;
}