*
{
	margin: 0;
	padding: 0;
}
::selection
{
	background: #D8ECEA;
/*Safari*/
}
::-moz-selection
{
	background: #D8ECEA;
/*Firefox*/
}
BODY
{
	margin-top: 20px;
	background: url(images/bg5.gif) repeat-x;
	background-color: #FFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #CCCCCC;
}
H1
{
	font-size: 2.8em;
}
H2
{
	font-size: 1.8em;
}
H3
{
	font-size: 1.3em;
}
P, BLOCKQUOTE, UL, OL
{
	margin-bottom: 1.5em;
	text-align: justify;
	line-height: 1.8em;
}
BLOCKQUOTE, UL, OL
{
	margin-left: 3em;
}
A
{
	color: #CCCCCC;
}
A:hover
{
	text-decoration: none;
	color: #000000;
}
IMG
{
	border: none;
}
/*Boxed*/
.boxed
{
}
.boxed .title
{
	margin: 0;
	padding: 5px 15px;
	background: url(http://www.barefootstudios.ca/images/img08.gif) no-repeat left center;
	text-transform: uppercase;
	font-size: small;
}
.boxed .content
{
	padding: 15px;
}
.boxed OL, .boxed UL
{
	margin-left: 0;
	list-style-position: inside;
	list-style-type: none;
}
.boxed OL A, .boxed UL A
{
	text-decoration: none;
	color: #666;
}
.boxed OL A:hover, .boxed UL A:hover
{
	text-decoration: underline;
}
.boxed OL LI, .boxed UL LI
{
	line-height: 17px;
}
/*Logo*/
#header
{
	width: 794px;
	margin-left: auto;
	margin-right: auto;
	height: 87px;
	background-color: #FFF;
}
#logo
{
	width: 250px;
	height: 85px;
	margin-top: 5px;
	margin-left: 20px;
	float: left;
	background: #FFF url(images/logo2.gif) no-repeat;
}
/*lava lamp styles*/
.lavaLampBottomStyle
{
	position: relative;
	height: 29px;
	width: 400px;
	padding-bottom: 15px;
	margin: 20px 0;
	overflow: hidden;
	padding-left: 0px;
	padding-top: 0px;
	line-height: 40px;
}
.lavaLampBottomStyle LI
{
	float: left;
	list-style: none;
}
.lavaLampBottomStyle LI.back
{
	border-bottom: 5px solid #EF3D24;
	width: 9px;
	height: 40px;
	z-index: 8;
	position: absolute;
}
.lavaLampBottomStyle LI A
{
	text-decoration: none;
	color: #828282;
	outline: none;
	text-align: center;
	top: 7px;
	letter-spacing: 1px;
	z-index: 10;
	display: block;
	float: left;
	height: 30px;
	position: relative;
	overflow: hidden;
	margin: auto 8px;
}
.lavaLampBottomStyle LI A:hover, .lavaLampBottomStyle LI A:active, .lavaLampBottomStyle LI A:visited
{
	color: #828282;
	border: none;
}
/*lava lamp styles end*/
#toplinks
{
	float: right;
	margin-top: 0px;
	color: #000000;
/*text-algin: right*/
	font-size: 12px;
	font-weight: bold;
	margin-right: 5px;
}
#headerimg
{
	width: 794px;
	height: 179px;
	background-color: #FFF;
	margin: auto;
}
#headerimg IMG
{
	width: 794px;
	height: 188px;
}
/*Page*/
#page
{
	width: 794px;
	margin: 0 auto;
}
/*Content*/
#content
{
	float: left;
	width: 794px;
	background-color: #FFF;
	padding-bottom: 15px;
	color: #666;
	font-size: 12px;
}
#welcome
{
	padding: 20px;
}
#welcome P A
{
	color: #000000;
	text-decoration: none;
}
#welcome P A:hover
{
	text-decoration: underline;
}
.abouteach
{
	color: #000000;
}
.abouteach SPAN
{
	color: #EF3D24;
}
#contact
{
	padding: 20px;
}
#contact A
{
	color: #069;
	text-decoration: none;
}
#contact A:hover
{
	text-decoration: underline;
}
#contact SPAN
{
	color: #EF3D24;
}
#contact H3
{
	color: #EF3D24;
	letter-spacing: 1px;
	margin-bottom: 10px;
}
#contact H3 SPAN
{
	color: #EF3D24;
}
#contact IMG
{
	margin-right: 70px;
}
P.contact
{
	width: 225px;
	float: left;
}
#welcome H3
{
	color: #EF3D24;
	letter-spacing: 1px;
	margin-bottom: 10px;
}
#welcome H3 SPAN
{
	color: #EF3D24;
}
#services
{
	float: right;
	margin-top: none;
	padding-top: none;
	padding-bottom: none;
	margin-bottom: none;
	width: 200px;
}
#services UL
{
	margin-top: 0px;
	padding-top: 0px;
	font-size: 12px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	float: left;
	margin-left: 0px;
	padding-left: 0px;
	color: #666;
	list-style-type: none;
}
#services UL LI
{
	line-height: 17px;
}
#services H3
{
	margin-bottom: 8px;
}
#services A
{
	background: url(images/bullet.gif) no-repeat left;
	padding-left: 15px;
	text-decoration: none;
	color: #666;
}
#services A:hover
{
	text-decoration: underline;
	color: #EF3D24;
}
#descriptions
{
	margin-top: 0px;
	padding-top: 0px;
	width: 794px;
	height: 100px;
}
#descriptions A
{
	color: #666;
	text-decoration: none;
	background: url(images/bullet.gif) no-repeat left;
	padding-left: 15px;
	margin-bottom: 10px;
}
#descriptions A:hover
{
	color: #EF3D24;
	text-decoration: underline;
}
#descriptions P SPAN
{
	font-size: 14px;
	font-weight: bold;
	color: #EF3D24;
}
P.farleftpara
{
	width: 240px;
	margin-left: 14px;
	_margin-left: 8px;
	line-height: 17px;
	float: left;
}
P.midpara
{
	width: 240px;
	margin-left: 19px;
	line-height: 17px;
	float: left;
}
P.farright
{
	width: 240px;
	margin-left: 19px;
	line-height: 17px;
	float: left;
}
#tabimages A
{
	outline: none;
}
#tabimages
{
	width: 794px;
	height: 145px;
	float: none;
	display: block;
	float: left;
	padding-bottom: 0px;
	margin-bottom: 8px;
}
#tabimages IMG
{
	width: 246px;
	height: 145px;
	padding-left: 14px;
}
HR
{
	width: 770px;
	color: #CCC;
	float: left;
	background-color: #CCC;
	height: 3px;
	margin-left: 11px;
	margin-bottom: 5px;
}
P.welcomepara
{
	width: 490px;
	margin-left: 2px;
	margin-bottom: 20px;
	padding-bottom: 0;
	font-size: 12px;
	line-height: 17px;
	color: #666;
	font-weight: normal;
	float: left;
}
.portfoliolayout
{
	width: 765px;
	float: left;
	margin-left: 14px;
	height: 400px;
}
.portfoliolayout IMG
{
	margin-right: 21px;
	margin-bottom: 13px;
	outline: none;
}
.portfoliolayout A
{
	outline: none;
}
IMG.rightone
{
	margin-right: 0px;
}
#welcome P
{
	float: left;
	width: 500px;
}
P.clientblurb
{
	width: 350px;
}
.cone
{
	float: left;
	margin-right: 14px;
	vertical-align: middle;
}
P.portfolio A
{
	color: #01AC99;
	text-decoration: none;
}
P.portfolio A:hover
{
	text-decoration: underline;
}
.aboutheadings
{
	color: #EF3D24;
	letter-spacing: 1px;
	font-size: 13px;
}
.folio
{
	float: left;
	margin-right: 15px;
	margin-top: 5px;
}
.folio_small_clear
{
	float: left;
	clear: left;
	border: 1px solid #808080;
	margin-top: 0px;
	padding-top: 0px;
}
.folio_small
{
	float: left;
	margin-left: 10px;
	border: 1px solid #808080;
}
H5
{
	float: left;
	margin-left: 15px;
	margin-top: 13px;
	font-size: 12px;
	font-weight: bold;
	color: #007056;
	background: url(images/bullet.gif) no-repeat left;
	padding-left: 15px;
}
#bottomlinks OL
{
	list-style-type: none;
	display: inline;
}
#bottomlinks OL LI
{
	display: inline;
}
#bottomlinks A
{
	text-decoration: none;
	color: #FFFFFF;
	font-size: 10px;
	color: #666;
	padding-left: 10px;
	font-weight: bold;
}
#bottomlinks A:hover
{
	text-decoration: underline;
	color: #01AC99;
}
#bottomlinks P
{
	padding-bottom: 0;
	margin-bottom: -5px;
	text-align: center;
	font-size: 10px;
}
P.first
{
	width: 794px;
	text-align: center;
}
.relaxation
{
	margin-top: 14px;
	margin-left: 0px;
	margin-left: -15px;
	width: 218px;
	height: 403px;
	margin-bottom: 10px;
}
.headings
{
	color: #EF3D24;
	letter-spacing: 1px;
	font-size: 13px;
}
#bottomlinks
{
	padding-bottom: 15px;
	text-align: center;
	width: 794px;
	clear: both;
}
#olist
{
	clear: left;
	float: left;
	width: 246px;
	margin-left: 5px;
	color: #666;
}
#ulist
{
	float: left;
	width: 262px;
	padding-left: 15px;
}
#uolist
{
	float: left;
	width: 150px;
	padding-left: 65px;
	margin-top: 37px;
}
/*Sidebar
Footer*/
#footer
{
	width: 760px;
	margin: 0 auto;
	padding: 20px 0;
	background: url(http://www.barefootstudios.ca/images/img05.gif) repeat-x;
}
#footer P
{
	margin: 0;
	text-align: center;
	font-size: x-small;
	color: #404040;
}
#footer A
{
	color: #000000;
}