body {
	border-width: 0px;
	padding: 0px;
	margin: 0px;
	background: #2e3130 url(lookfeel/bg.jpg) repeat-y;
	color: #ffffff;
	vertical-align: top;
	font: normal 11px Helvetica Neue, Arial, sans-serif;
	text-align: left;
}

td, p {
	font: normal 11px Helvetica Neue, Arial, sans-serif;
	padding-bottom: 0px;
	text-align: left;
}

ul {
	margin: 0px 0px 0px 20px;
}

li {
	font: normal 11px Helvetica Neue, Arial, sans-serif;
	line-height: 16px;
	color: #FFFFFF;
}

a, a:link, a:visited, a:hover { color: #ffffff; text-decoration: none; }

a:hover { color: #ff9600; }

img {
	border: 0px;
	line-spacing: 0px;
}

div { 
	scrollbar-3dlight-color: #ffffff;
	scrollbar-arrow-color: #ffffff;
	scrollbar-base-color: #2e3130;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-face-color: #2e3130;
	scrollbar-highlight-color: #2e3130;
	scrollbar-shadow-color: #2e3130;
	scrollbar-track-color: #2e3130;
	
	border: solid 0px red;
}

/* sections **************************************************************************************************************/

div.page {
	position: absolute;
	width: 100%;
	height: 600px;
}

div#banner {
	background: url(lookfeel/logo.jpg) center left no-repeat;
	width: 100%;
	height: 140px;
	text-align: left;
	clear: both;
}

div.indextext {
	text-align: left;
	width: 243px;
	height: 367px;
	float: left;
	margin-left: 80px;
	padding: 12px 15px 0px 15px;
	border-right: solid 1px #979898;
	overflow: auto;
		
	_width: 273px;
	_height: 379px;
	_margin-left: 40px;
	*margin-left: 80px;
}

div.profilepic {
	text-align: left;
	width: 99px;
	height: 367px;
	float: left;
	margin-left: 80px;
	padding: 12px 15px 0px 15px;
	
	_width: 129px;
	_height: 379px;
	_margin-left: 40px;
	*margin-left: 80px;
}

div.propic {
	width: 99px;
	height: auto;
	overflow: hidden;
}

img.propic {
	width: 99px;
}

div.profile {
	text-align: left;
	width: 258px;
	height: 367px;
	float: left;
	padding: 12px 15px 0px 15px;
	border-left: solid 1px #979898;
	overflow: auto;
	
	_width: 288px;
	_height: 379px;
}

/*** normal.php ***/

div.normal {
	text-align: left;
	height: 367px;
	margin: 0px 0px 0px 80px;
	overflow: auto;
	
	_height: 379px;
}

div.normalpic {
	width: 99px;
	float: left;
	margin: 15px;
	clear: right;
	
	_width: 129px;
	_height: 379px;
	_border-right: solid 1px #979898;
	_margin: 0px;
	_padding: 15px 0px 0px 15px;
}

div.normalright {
	border-left: solid 1px #979898;
	position: relative;
	font: normal 11px Helvetica Neue Light, Arial, sans-serif;
	color: #ffffff;
	text-align: left;
	margin-left: 129px;
	min-height: 367px;
	
	_margin-left: 128px;
}

div.normaltext {
	font: normal 11px Helvetica Neue Light, Arial, sans-serif;
	color: #ffffff;
	text-align: left;
	padding: 15px;
}

div.kidmargins {
	padding: 14px 0px 14px 0px;
	border-top: solid 1px #979898;
}

.kidtitle, a.kidtitle:link, a.kidtitle:visited, a.kidtitle:hover {
	font: bold 10px Helvetica Neue, Arial, sans-serif; 
	text-decoration: none;
	color: #ff9600;
	text-align: left;
	padding: 4px 15px 4px 15px;
}

a.kidtitle:hover { color: #ffffff; }

.kidtext {
	font: normal 9px Helvetica Neue, Arial, sans-serif;
	line-height: 120%;
	text-decoration: none;
	color: #ffffff;
	padding: 4px 15px 4px 15px;
}

.kidlink, a.kidlink:link, a.kidlink:visited, a.kidlink:hover {
	display: block;
	font: normal 9px Helvetica Neue, Arial, sans-serif;
	text-decoration: underline;
	color: #ffffff;
	padding: 4px 15px 4px 15px;
}

a.kidlink:hover { color: #ff9600; }

/*** contact.php ***/

div.contact {
	margin-left: 80px;
	border-bottom: solid 1px #979898;
}

div.contactmargin {
	padding: 5px 0px 0px 15px;
}

div.portfolio {
	width: 143px;
	height: 329px;
	border-right: solid 1px #979898;
	margin-left: 80px;
	_width: 144px;	
}

div.swash {
	background: #ff9600;
	height: 16px;
	padding-top: 2px;
	padding-left: 15px;
	
	_height: 18px;
}

div.list {
	width: 113px;
	height: 287px;
	padding: 12px 15px 12px 15px;
	overflow: auto;
		
	_width: 143px;
	_height: 311px;
}

div#mainpic {
	position: absolute;
	top: 193px;
	left: 224px;
	width: 200px;
	height: 329px;
	overflow: hidden;
	
	_top: 191px;
}

div#info {
	position: absolute;
	top: 193px;
	left: 424px;
	height: 329px;
	border-left: solid 1px #979898;
	
	_top: 191px;
}

div#infotext {
	height: 294px;
	width: 200px;
	margin: 12px 15px 5px 15px;
	overflow: auto;
}

div.projectthumbs {
	height: 43px;
	margin-left: 80px;
	clear: both;
	border-top: solid 1px #979898;
	text-align: center;
	padding: 3px 0px 3px 0px;
	overflow: hidden;
	
	_height: 49px;
}

div.footer {
	height: 18px;
	margin-left: 80px;
	border-top: solid 1px #979898;
	clear: both;
	padding: 10px 28px 0px 15px;
	vertical-align: top;
	
	_height: 28px;
}

/*** testimonials.php ***/

div.testimonials {
	margin-left: 80px;
	border-bottom: solid 1px #979898;
}

div.testimonialsmargin {
	padding: 8px 0px 5px 15px;
}


/* admin link ***********************************************************************************************************/

.editpagebox, .fronteditpagebox {
	position: absolute;
	left: 0px;
	top: 0px;
	background: #000000;
	z-index: 1000;
}

a.editpagelink, a.editpagelink:visited {
	color: #ffffff;
	padding: 6px;
	display: block;
}
a.editpagelink:hover { text-decoration: underline; }

/* Top Menu ************************************************************************************************************/

div.Pipe {
	font: normal 11px Helvetica Neue Light, Arial, sans-serif;
	color: #ffffff;
	text-decoration: none;
	text-align: left;
	float: left;
}

div.Top0 {
	width: 100%;
	padding-top: 96px;
	padding-left: 180px;
}

a.Top0:link, a.Top0:visited, a.Top0:hover {
	display: block;
	font: normal 11px Helvetica Neue Light, Arial, sans-serif;
	color: #ffffff;
	text-decoration: none;
	text-align: left;
	text-transform: uppercase;
	float: left;
	white-space: nowrap;
}

a.Top0:hover { color: #ff9600; }

div.Top1 {
	display: block;
	position: absolute;
	top: -2000px;
	left: -2000px;
	z-index: 500;
	padding-top: 5px;
}

a.Top1:link, a.Top1:visited, a.Top1:hover {
	display: block;
	font: normal 11px Helvetica Neue Light, Arial, sans-serif;
	color: #ffffff;
	text-decoration: none;
	text-align: left;
	margin: 0px 0px 0px 0px;
	text-transform: uppercase;
	float: left;
}

a.Top1:hover { color: #ff9600; }

/* text ***************************************************************************************************************/

.title {
	font: bold 16px Helvetica Neue, Arial, sans-serif; 
	text-decoration: none;
	color: #ffffff;
	text-align: left;
	height: 34px;
	margin-left: 80px;
	padding: 17px 0px 0px 15px;
	border-top: solid 1px #979898;
	border-bottom: solid 1px #979898;
	
	_height: 51px;
}

.text {
	font: normal 11px Helvetica Neue Light, Arial, sans-serif;
	color: #ffffff;
	text-decoration: none;
	text-align: left;
	padding-bottom: 5px;
}

.subtitle {
	font: bold 11px Helvetica Neue, Arial, sans-serif; 
	text-decoration: none;
	color: #ffffff;
	text-align: left;
	padding-bottom: 5px;
}

.subtext {
	font: normal 11px Helvetica Neue, Arial, sans-serif;
	line-height: 16px;
	color: #4D4D4D;
	text-decoration: none;
	text-align: left;
	padding-top: 5px;
}

.sublink, a.sublink:link, a.sublink:visited, a.sublink:hover {
	font: normal 11px Helvetica Neue, Arial, sans-serif;
	line-height: 16px;
	text-decoration: none;
	color: #0060b6;
	padding: 4px 0px 18px 0px;
}

a.sublink:hover { text-decoration: underline; }

div.listlink {
	display: block;
	padding: 1px 0px 0px 6px;
	background: url(lookfeel/dot.gif) no-repeat left 6px;
}

div.listbot {
	padding-bottom: 20px;
}

.listlink, a.listlink:link, a.listlink:visited, a.listlink:hover {
	font: normal 11px Helvetica Neue, Arial, sans-serif;
	text-decoration: underline;
	color: #ffffff;
	padding: 0px 0px 0px 0px;
}

a.listlink:hover { color: #ff9600; }

div.feature {
	text-align: left;
	height: 321px;
	float: left;
	width: 595px;
}

div.featuremargins {
	padding: 14px 14px 0px 14px;
	border-bottom: solid 1px #979898;
	height: 92px;
	overflow: hidden;
	
	_height: 106px;
}

div.feature2 {
	text-align: left;
	height: 58px;
	float: left;
	width: 595px;
}

div.featuremargins2 {
	padding: 10px 14px 0px 14px;
	height: 47px;
	overflow: hidden;
	
	_height: 57px;
}

div.feature2title {
	padding-bottom: 8px;
	font: bold 11px Helvetica Neue, Arial, sans-serif; 
	text-decoration: none;
	color: #ffffff;
	text-align: left;
}

.featuretitle, a.featuretitle:link, a.featuretitle:visited, a.featuretitle:hover {
	font: bold 10px Helvetica Neue, Arial, sans-serif; 
	text-decoration: none;
	color: #ffffff;
	text-align: left;
}

a.featuretitle:hover { color: #ff9600; }

.featuretext {
	font: normal 9px Helvetica Neue, Arial, sans-serif;
	line-height: 120%;
	text-decoration: none;
	color: #ffffff;
	padding: 4px 0px 4px 0px;
}

.featurelink, a.featurelink:link, a.featurelink:visited, a.featurelink:hover {
	font: normal 9px Helvetica Neue, Arial, sans-serif;
	text-decoration: underline;
	color: #ffffff;
	padding: 0px 0px 0px 0px;
}

a.featurelink:hover { color: #ff9600; }

.copyright {
	font: normal 9px Helvetica Neue Light, Arial, sans-serif;
	color: #ffffff;
	float: left;
}

.disclaimer, a.disclaimer:link, a.disclaimer:visited, a.disclaimer:hover {
	font: normal 9px Helvetica Neue Light, Arial, sans-serif;
	text-decoration: none;
	color: #ffffff;
	padding: 0px 0px 0px 0px;
	text-transform: uppercase;
}

a.disclaimer:hover { color: #ff9600; }

/* pictures **************************************************************************************************************/

img#imgmain {
	height: 367px;
}

img.thumbnail {
	height: 43px;
	border-right: solid 1px #2e3130;
}

div.featurepic {
	margin-right: 14px; 
	float: left;
}

.featurepic {
	display: block;
	width: 131px;
	height: 78px;
	overflow: hidden;
}

/* others *****************************************************************************************************************/

.contacttitle, .responsetitle  {
	font: bold 11px Helvetica Neue, Arial, sans-serif;
	color: #4D4D4D;
	vertical-align: top;
	padding: 0px 10px 0px 0px;
}

.contactdata, .responsedata {
	font: normal 11px Helvetica Neue, Arial, sans-serif;
	color: #4D4D4D; 
}

.responseheading {
	font: bold 12px Helvetica Neue, Arial, sans-serif;
	color: #4D4D4D;
	padding: 0px 10px 0px 0px;
}

div.contact, div.response, div.downloads {
	font: normal 11px Helvetica Neue, Arial, sans-serif;
	color: #4D4D4D; 
	line-height: 16px;
	text-decoration: none;
	padding: 0px 0px 0px 0px;
}

.responserequired {
	font: normal 9px Helvetica Neue, Arial, sans-serif;
	color:#FF0000; 
	padding: 0px 10px 0px 0px;
}

div.downloads {
	padding: 5px 5px 5px 0px;
}

div.download {
	padding: 10px 2px 2px 0px;
}

img.download {
	border : none;
}

a.download:link, a.download:visited {
	font: normal 11px Helvetica Neue, Arial, sans-serif;
	color: #ffffff;
	text-decoration: none;
}

a.download:hover { color: #ff9600; }

/*** sitemap ***/

a.sitemaplink1, a.sitemaplink1:link, a.sitemaplink1:visited, a.sitemaplink1:hover,
a.sitemaplink2, a.sitemaplink2:link, a.sitemaplink2:visited, a.sitemaplink2:hover,
a.sitemaplink3, a.sitemaplink3:link, a.sitemaplink3:visited, a.sitemaplink3:hover {
	color: #ffffff;
	text-decoration: none;
}
a.sitemaplink1, a.sitemaplink1:link, a.sitemaplink1:visited, a.sitemaplink1:hover { color: #ff9600; }
a.sitemaplink1:hover { color: #ffffff; }
a.sitemaplink2:hover, a.sitemaplink3:hover { color: #ff9600; }

div.sitemap1, div.sitemap2, div.sitemap3 {
	padding-top: 3px;
	margin-left: 20px;
}
div.sitemap2 { margin-left: 40px; }
div.sitemap3 { margin-left: 60px; }