body, a, a:link, a:visited, a:hover, img {
	border: 0px;
	margin: 0px;
	font: normal 10px Arial, Helvetica, San-Serif;
	line-height: 120%;
	color: #363636;
	vertical-align: top;
	text-align: left;
	text-decoration: none;
}

body { background: #363636 url(lookfeel/bodybg.jpg) repeat-x; }
a:link, a:visited, a:hover {
	font: normal 10px Arial, Helvetica, San-Serif;
	color: #363636;
	line-height: 160%;
	text-decoration: underline;
}
a:hover { color: #9a9a9a; }
a:focus { outline: none; }
li { padding: 2px; color:#363636; }
p {
	margin: 0px;
	padding: 0px;
	font: normal 10px Arial, Helvetica, San-Serif;
	line-height: 120%;
	color: #363636;
}

div { border: solid 0px red; }

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

.editpagebox {
	position: absolute;
	left: 0px;
	top: 0px;
	background: #000000;
}

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

/* login ****************************************************/

table.login {
	float: left;
	margin: 0px;
	padding: 0px;
}

div.loginerror {
	font: normal 10px Arial, Helvetica, San-Serif;
	color: #aa0000;
}

td.loginlabel {
	width: 236px;
	padding-bottom: 2px;
	font: normal 12px Arial, Helvetica, San-Serif;
	color: #363636;
	text-align: left;
}

input.logininput {
	width: 236px;
	height: 18px;
 	background: #ffffff;
 	border: solid 1px #363636;
	margin-bottom: 8px;
	padding: 2px;
	font: normal 10px Arial, Helvetica, San-Serif;
	color: #363636;
	text-align: left;
}

td.loginbutton, td.logoutbutton {
	width: 236px;
	background: none;
	text-align: left;
}

input.loginbutton, input.loginbutton:link, input.loginbutton:visited, input.loginbutton:hover,
input.logoutbutton, input.logoutbutton:link, input.logoutbutton:visited, input.logoutbutton:hover {
	display: block;
	width: 48px;
	margin: 0px;
	padding: 2px 0px 0px 0px;
	background: url(lookfeel/login.jpg) no-repeat 36px 6px;
 	border: none;
 	font: normal 12px Arial, Helvetica, San-Serif;
	color: #363636;
 	text-align: left;
 	cursor: pointer;
}

input.loginbutton:hover {
 	background: url(lookfeel/loginh.jpg) no-repeat 36px 6px;
 	color: #9a9a9a;
}

input.logoutbutton, input.logoutbutton:link, input.logoutbutton:visited, input.logoutbutton:hover {
	width: 55px;
	_width: 67px;
	padding: 2px 0px 0px 12px;
	background: url(lookfeel/logout.jpg) no-repeat 0px 6px;
}

input.logoutbutton:hover {
 	background: url(lookfeel/logouth.jpg) no-repeat 0px 6px;
 	color: #9a9a9a;
}

/* top section *************************************************************************************************/

div.page {
	width: 854px;
	_width: 1000px;
	height: 497px;
	_height: 670px;
	padding: 173px 73px 0px 73px;
	vertical-align: top;
}

div.sides {
	float: left;
	width: 236px;
	height: 278px;
	margin: 0px 0px 33px 0px;
	text-align: left;
}

div.middle {
	float: left;
	width: 236px;
	height: 278px;
	margin: 0px 73px 33px 73px;
	text-align: left;
}

/* Side Menu *****************************************************************************************************/

div.Side0 {
	position: relative;
	float: left;
	width: 163px;
	_width: 163px;
	margin-left: 73px;
	_margin-left: 36px;
	text-align: left;
}

a.Side0, a.Side0:link, a.Side0:visited, a.Side0:hover {
	display: block;
	width: 68px;
	_width: 86px;
	padding-left: 18px;
	padding-bottom: 5px;
	background: url(lookfeel/square.jpg) no-repeat left 4px;
	font-size: 14px;
	font-weight: normal;
	line-height: 120%;
	color: #9a9a9a;
	text-align: left;
	text-decoration: none;
}

a.Side0:hover {
	background: url(lookfeel/squareh.jpg) no-repeat left 4px;
	color: #363636;
}

a.Side0.bread, a.Side0.bread:link, a.Side0.bread:visited, a.Side0.bread:hover {
	background: url(lookfeel/squareh.jpg) no-repeat left 4px;
	color: #363636;
}

div.Side1 {
	position: absolute;
	display: block;
	left: 86;
	margin-top: -22px;
}

a.Side1, a.Side1:link, a.Side1:visited, a.Side1:hover {
	display: block;
	width: 77px;
	padding-top: 2px;
	padding-left: 11px;
	padding-bottom: 3px;
	background: url(lookfeel/triangle.jpg) no-repeat left 4px;
	font-size: 12px;
	font-weight: normal;
	line-height: 120%;
	color: #9a9a9a;
	text-align: left;
	text-decoration: none;
}

a.Side1:hover {
	background: url(lookfeel/triangleh.jpg) no-repeat left 4px;
	color: #363636;
}

a.Side1.crumbs, a.Side1.crumbs:link, a.Side1.crumbs:visited, a.Side1.crumbs:hover {
	background: url(lookfeel/triangleh.jpg) no-repeat left 4px;
	color: #363636;
}

/* Index Template ************************************************************************************************/

div.indexlogo {
	width: 236px;
	padding-top: 4px;
	text-align: center;
}

div.footertitle {
	margin-top: 5px;
	margin-bottom: 158px;
	font: bold 22px Arial, Helvetica, San-Serif;
	color: #ffffff;
	line-height: 120%;
	letter-spacing: 4px;
	text-transform: uppercase;
}

/* Portfolio Template ********************************************************************************************/

div.portfoliomiddle {
	float: left;
	width: 272px;
	height: 278px;
	margin: 0px 55px 33px 55px;
	text-align: left;
	overflow: hidden;
}

div.portfoliopic {
	width: 270px;
	_width: 272px;
	height: 270px;
	_height: 272px;
	margin-top: 6px;
	border: solid 1px #363636;
	text-align: center;
	overflow: hidden;
}

img.portfolio { width: 272px; }

div.portfoliotext {
	float: left;
	width: 236px;
	height: 217px;
	margin-bottom: 8px;
	overflow: hidden;
}

div.portfoloiothumbs {
	float: left;
	width: 236px;
	height: 53px;
	overflow: hidden;
}

div.thumbnail, div.thumbnailright {
	float: left;
	width: 51px;
	_width: 53px;
	height: 51px;
	_height: 53px;
	margin-right: 8px;
	border: solid 1px #363636;
	text-align: center;
	cursor: pointer;
	overflow: hidden;
}

div.thumbnailright { margin-right: 0px; }

img.thumbnail  { width: 53px; }

/* Main Section ************************************************************************************************/

div.title {
	padding-bottom: 4px;
	font: normal 14px Arial, Helvetica, San-Serif;
	color: #363636;
	line-height: 120%;
	text-align: left;
}

div.subtitle {
	padding: 4px 0px 4px 0px;
	font: normal 12px Arial, Helvetica, San-Serif;
	color: #363636;
	line-height: 120%;
	text-align: left;
}

div.text, div.text p {
	padding-bottom: 4px;
	font: normal 10px Arial, Helvetica, San-Serif;
	color: #363636;
	line-height: 160%;
	text-align: justify;
}

div.contacttext, div.contacttext p {
	padding-bottom: 6px;
	font: normal 10px Arial, Helvetica, San-Serif;
	color: #363636;
	line-height: 160%;
	text-align: left;
}

a.sublink, a.sublink:link, a.sublink:visited, a.sublink:hover {
	display: block;
	width: 229px;
	_width: 236px;
	padding: 0px 0px 4px 7px;
	background: url(lookfeel/subsquare.jpg) no-repeat left 4px;
	font: normal 10px Arial, Helvetica, San-Serif;
	color: #363636;
	line-height: 120%;
	text-align: left;
	text-decoration: none;
}

a.sublink:hover {
	background: url(lookfeel/subsquareh.jpg) no-repeat left 4px;
	color: #9a9a9a;
}

div.pdf a, div.pdf a:link, div.pdf a:visited, div.pdf a:hover {
	display: block;
	width: 214px;
	_width: 236px;
	height: 10px;
	_height: 22px;
	padding: 7px 0px 5px 22px;
	background: url(lookfeel/pdf.jpg) no-repeat left 4px;
	font: normal 10px Arial, Helvetica, San-Serif;
	color: #363636;
	line-height: 120%;
	text-align: left;
	text-decoration: none;
}

div.pdf a:hover {
	background: url(lookfeel/pdfh.jpg) no-repeat left 4px;
	color: #9a9a9a;
}

div.caption {
	width: 236px;
	height: 20px;
	font: normal 10px Arial, Helvetica, San-Serif;
	color: #363636;
	line-height: 120%;
	text-align: left;
	overflow: hidden;
}

/* Footer **************************************************************************************************/

div.footer {
	clear: left;
	float: left;
	width: 854px;
	height: 186px;
	text-align: center;
	_overflow: hidden;
}

div.logo {
	width: 854px;
	height: 127px;
	margin-top: 29px;
	text-align: center;
	overflow: hidden;
}

/* wysiwyg ********************************************************************************************************************/

.picture {
	display: block;
	float: left;
	padding: 7px;
}

.caption {
	padding-top: 4px;
	display: block;
	text-align: center;
}

.floatleft {
	display: block;
	float: left;
	padding: 7px;
}

.floatright {
	display: block;
	float: right;
	padding: 7px;
}

.righttoleft {
	unicode-bidi: bidi-override; 
	direction: rtl;
}

.lefttoright {
	unicode-bidi: bidi-override; 
	direction: ltr;
}