body {
  	margin:0;
  	padding:0; 
	BACKGROUND-COLOR: #FFF; 
	text-align: center; 
	color:#000;
  	font-family: Verdana,"lucida Sans",Arial,Trebuchet,sans-serif;
  	font-size: 11px;
	line-height: 1.6;
}

p {
line-height: 1.6;
}


.header {
	background-color: #FFF;
	}
	
#container {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	MARGIN: 0px auto; 
	WIDTH: 940px; 
	border: 1px;
	border-color:#B1E0CA;
	BACKGROUND-COLOR: #FFF; 
	TEXT-ALIGN: left;
}

#container2 {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	MARGIN: 0px auto; 
	WIDTH: 940px; 
	border: 1px;
	border-color:#B1E0CA;
	HEIGHT: 3100px; 
	BACKGROUND-COLOR: #ffffff; 
	TEXT-ALIGN: left;
}




.foliowrap {
	width: 600px;
}



.columnone{
	width: 550px;
	display: block;
	float: left;
	display: inline;
	padding-top: 20px;
	padding-bottom: 30px;
	padding-left: 0px;
}

.folioleft{
	width: 220px;
	display: block;
	float: right;
	display: inline;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 0px;
	padding-right: 20px;
}

.folioright{
	width: 250px;
	display: block;
	float: left;
	display: inline;
	padding-bottom: 30px;
	padding-left: 0px;
}


#columnfolio {
	display: block;
	padding-top: 10px;
	float: left;
	width: 940px;
	background-color: #ffffff;
}

#columnfolio IMG {
	padding-bottom: 100px;
	padding-left: 0px;

}


.indexright{
	width: 300px;
	display: inline;
	float: right;
	padding-right: 3em;
}

.columntwo {
	padding-top: 30px;
	width: 250px;
	display: inline;
	float:right;
	padding-right: 20px;
	text-align: left;

}

.basefolio {
	width: 500px;
	display: inline;
	float:left;
	text-align: left;

}

.columnfour {
	float: right;
	line-height: 2em;
	width: 150px;	
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	display: inline; 
	background-color: #FFF;
	float: right;
	border-left-width: 1px;
  	border-left-color: #D2CFD9;
  	border-left-style: solid;
	color: #000;

  }
  	
.columntwo {
	float: right;
	line-height: 2em;
	width: 248px;	
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	display: inline; 
	background-color: #FFF;
	float: right;
	border-left-width: 1px;
  	border-left-color: #D2CFD9;
  	border-left-style: solid;
	color: #000;

  }
  	


.webDetailsContainer{
	width:700px;
	display:block;
	clear: both;
	margin: 0;
	padding-top:20px;
	padding-left:0px;


}

.foliopics{
	padding-right: 20px;
	display: inline; 
	float: left;

	
}

.webdetails {
	width: 400px;
	display: inline; 
	padding-left: 20px;
	margin: 0;
	float: left; 
	line-height: 1.5;
	color: #000;
	
}


.webdetails2 {
	width: 250px; 
	padding: 0 0 0 0; 
	margin: 0;
	line-height: 1.5;
	
}

#webdetailscontainer2{
	display:block;
	clear: both;
	margin: 0;

}

.foliopics2{
	height: 180px;
	width: 230px;	
	display: inline; 
	float: left; 
	
}

.webdetails2 {
	width: 150px;
	display: inline; 
	padding: 0 0 0 0; 
	margin: 0;
	float: left; 
}


#webdetailscontainer3{
	width: 450px;
	display: block;
	float: left;
	display: inline;

}

.foliopics3{
	height: 180px;
	width: 240px;	
	display: inline; 
	float: right; 

	
}

.webdetails3 {
	width: 350px;
	display: inline; 
	padding: 0 0 0 0; 
	margin: 0;
	float: right; 	
	
}
#thumbnail {
	DISPLAY: block; 
	WIDTH: 600px; 
	DISPLAY: inline;
	
}


body#home a#homenav,
body#about a#aboutnav,
body#design a#designnav,
body#portfolio a#portfolionav,
body#cv a#cvnav,
body#contact a#contactnav {
color: #fff;
background: #DE3410;
}


#mainNav {
margin: 0 0 0 0;
padding: 0 ;
}

#mainNav ul {
list-style: none;
margin: 0;
padding: 0;
border: none;
width: 940px;
}

#mainNav li {
display: block;
margin: 0;
padding: 1px;
float: left;
width: auto;
}

#mainNav a {
color: #FFFFFF;
display: inline;
width: auto;
text-decoration: none;
background: #197F7E;
margin: 0;

}

#mainNav a:hover, #mainNav a:active { 
background: #47A5A4;color: #FFF; 
}

#home #mainNav .home a{ 
background-position: right bottom;
cursor: default;
}

#footer {
	CLEAR: both;  
	WIDTH: 950px; 
	text-align: left;
	padding-bottom: 50px;
	padding-top: 200px;
	color: #5C5B5B;

}

#footer a {
	COLOR:#5C5B5B;
	TEXT-DECORATION:underline;
	outline: none;
}


a {
	COLOR:#CD2807;
	TEXT-DECORATION:none;
	outline: none;
}

	a:hover, a:active { 
	color: #CD2807;
	TEXT-DECORATION: underline; 
	outline: none;
}



#nav {
	WIDTH: 940px; HEIGHT: 100px;
}
#nav IMG {
	
}

li {
	line-height: 1.6;
}

UL {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	BACKGROUND: #CDD1CC; 
	FLOAT: left; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 	
	WIDTH: 940px; 
	PADDING-TOP: 0px; 
	LIST-STYLE-TYPE: none
}


UL A {
	PADDING-RIGHT: 2em; 
	DISPLAY: block; 
	PADDING-LEFT: 2em; 
	BACKGROUND: url('images/divider.gif') repeat-y left top; 
	FLOAT: left; PADDING-BOTTOM: 0px; 
	COLOR: #fff; 
	LINE-HEIGHT: 2.1em; 
	PADDING-TOP: 0px; 
	TEXT-DECORATION: none

}
UL A:hover {
	COLOR: #fff; 
	TEXT-DECORATION: underline;
}



li {
	text-align:left;
    	font-size: 12px;
  	line-height:1.3;
	
}



img
{  border-style: none;
}


HR 
{ color: #CCC;
  height: 1px;

}