html, body, div, img, .itemtitle, #header h1 { margin: 0px; padding: 0px; }
html, body { background-color: #e4e4e3; _background-color: #E1E1DF;}
body {text-align: center; font-size: 76%; padding: 20px 0; }
img { border: none; }

body, table { font-family: tahoma,  "Palatino Linotype", Georgia, serif; }
#content h1, #content h2, #content h3, #leftmenu a  { font-family:  verdana,"Bitstream Vera Sans", sans-serif; }

#container { width: 702px; text-align: left; margin: 0 auto; position: relative; }
#header { height: 135px; background: #aaa url(../gfx/topheader.png) no-repeat 0 0;}
#header h1 { text-indent: -3000px; width: 100%; line-height: 90px; clear: none; }
#header h1 a {display:block; border: none; text-decoration: none; }
#frontpage { margin-bottom: 10px; width: 498px; width: 518px; }

#content { width: 515px; position: relative; left: 0px; /*padding: 10px 0 0 0;*/
					background: transparent url(../gfx/maintile.png) repeat-y 0 0;  min-height: 300px; _height: 300px; 	}

#footer { width: 515px; height: 50px; background: url(../gfx/footer.png) no-repeat 0 0; text-indent: -3000px; }

#content a:link { color: #444; text-decoration: none; border-bottom: 1px dotted #E0922F;}
#content a:visited { color: #444; text-decoration: line-through; border-bottom: 1px dotted #E0922F; }
#content a:hover { color: #ff8000; text-decoration: none; border-bottom: none; }
#content a:active { color: #aaa; text-decoration: none; border-bottom: 1px dotted #E0922F; }

#content h1, #content h2, #content h3 { color: #222;  }
#content h1 { font-size: 1.3em; border-bottom: 2px solid #ff8000; margin-top: 0px; padding-top: 10px; }
#content h2 { font-size: 1.1em; border-bottom: 2px solid #ca6500; margin: 0 0 0 0; height: 1.1em; width: 457px;}
#content h3 { font-size: 1.1em;  font-weight: normal; margin: 0; }

#content dt { display: inline; font-size: 0.9em; color: #555; font-weight: bold; border-bottom: 1px dotted #ff8000; }
#content dt:after {content: " ::"; color: #ff8000; }
#content dd { font-size: 0.9em; margin: 0.2em 25px 0.7em 20px; }


div.pleft, div.pleft2, div.pright, div.pmid {  }
div.pleft, div.pleft2 { padding-right: 100px; font-size: 0.95em; }
div.pleft { background: transparent url(../gfx/rightarrow.gif) no-repeat 370px 100% }
div.pleft2 { background: transparent url(../gfx/lastarrow.gif) no-repeat 220px 100%; }
div.pright { font-size: 0.95em; background: transparent url(../gfx/leftarrow.gif) no-repeat 20px 100%;}
div.pleft2 { padding-bottom: 25px; }
div.pright p { padding: 0 0 0 80px !important; width: 376px; text-align: right; }
div.pmid { font-weight: bold; text-align: center; color: #555;}
span.orange { color: #ff8800; }
div.pleft h2, div.pleft2 h2, div.pright h2 { clear: both; height: 0.9em !important; border: none !important; color: #888 !important; font-size: 0.9em !important; }
div.pright h2 { text-align: right; }

pre { border: 1px dotted #aaa; padding: 10px; background-color: #eee; }
pre, code { font-size: 12px; }

p { line-height: 1.4em; margin: 5px 0 10px; }
p.center { text-align: center;  }
blockquote { border-left: 2px solid #F29522; margin: 0px; padding: 2px 5px; width: 440px; background-color: #FFF2E5; clear: both;  }

th { text-align: center; background-color: #FFF2E5; padding: 5px; font-size: 12px; border-bottom: 1px dotted #ca6500;}

#menu { width: 179px; position: absolute; top: 131px; right: 0px; z-index: 2; }
#leftmenu { margin: 0; padding: 0 0 45px; list-style-type: none;
						background: #000 url(../gfx/menufoot3.png) no-repeat 0 100%; }
#leftmenu li { background:  url(../gfx/menufoot3.png) repeat-y 0 0; padding: 5px 0 0 20px; }
#leftmenu a { display: block; height: 30px; padding-left: 34px; color: #fff; text-decoration: none;
							font-size: 12px; line-height: 30px; background-image: url(../gfx/icon.gif); background-repeat: no-repeat; }
#leftmenu a:hover { color: #F5B25F;  }
#leftmenu .m_home a { background-position: 0 -3px; }
#leftmenu .m_projects a { background-position: 0 -305px; }
#leftmenu .m_portfolio a { background-position: 0 -62px; }
#leftmenu .m_order a {background-position: 0 -120px; }
#leftmenu .m_advert a { background-position: 0 -183px; }
#leftmenu .m_contact a { background-position: 0 -243px; }

.opencontent { background: transparent url(../gfx/innertop.gif) no-repeat 0 0; margin: 0 0 0 24px;
							border: none !important; text-indent: 4px; height: 24px; }

a.morelink { display: block; text-align: right; text-decoration: none; border: none !important; color: #444; font-variant: small-caps;
						padding: 0 10px 10px 0; background: transparent url(../gfx/divider.gif) no-repeat 9px 100%; }
a.morelink:visited { color: #aaa !important; text-decoration: none !important; }
a.morelink:hover { color: #FF8000 !important; }


.shortitem { position: relative; margin: 0 0 0 24px; padding: 0 13px 0 10px; width: 456px; background: transparent url(../gfx/innertile.gif) repeat-y 0 0;   }
/* Hack some inconsistencies with IE5, then correct for IE 6*/
#frontpage .shortitem { min-width: 456px; _width: 476px; } #frontpage p {  _padding-right: 15px; }
.striplink { border: none !important; text-decoration: none; }
.skype { padding-left: 45px; }
.stripimage { margin: 10px 0 0 0; border: none;}
.shortitem span.date { position: absolute; top: 55px; left: 160px; width: 300px; text-align: right; font-size: 0.9em; color: #444; }
.itemtitle { padding: 0px !important; line-height: 18px;border-bottom: 0px solid #E0922F !important; }
.closecontent { height: 5px; width: 100%; /*position: relative;*/ margin: 0 0 0 24px;  background: url(../gfx/innerbottom.gif) no-repeat 0px 100%; }
.thingslist { background: transparent url(../gfx/bodylogo.gif) no-repeat 80% 50%;}
#portblock { position: relative; margin: 0 0 0 33px; height: 219px; width: 454px;
							background: #000 url(../gfx/portblock.png) no-repeat 0 0;	}
#bigpic { position: absolute; top: 10px; right: 10px; }
#thumb1,#thumb2,#thumb3 { width: 125px; position: absolute; left: 10px; border: 0px; }
#portblock a, #portblock img { border: none !important;  text-decoration: none;   }
#thumb1 { top: 10px; }  #thumb2 { top: 80px; }  #thumb3 { top: 150px; }

.portitem { width: 475px; margin: 10px 0 0 23px; padding: 0 0 0 0; background: transparent url(../gfx/innertile.gif) repeat-y 0 0; clear: both;}
.portheading { _height: 15px; width: 475px !important; padding: 5px 0 0 10px; margin: 0px !important; background: transparent url(../gfx/innertop.gif) no-repeat 0 0 !important; border-bottom: none !important; }
.portcontent { padding: 15px 15px; background: transparent url(../gfx/innerbottom.gif) no-repeat 0 100%; }
.portcontent p { margin: 0; padding: 5px 0; }
.portcontent h2, .portcontent h3 { width: 99% !important; }
.porttable { width: 445px; border-top: 1px dotted #FF8000;  }
.porttable td.first { border-top: none; }
.porttable th { width: 100px; text-align: right; border-right: 1px dotted #FF8000; padding: 8px;}

.prevlink, .nextlink { margin: 10px 30px; }
.prevlink { float: left;  }
.nextlink { float: right; }
.prevlink:hover, .nextlink:hover { border-bottom: 1px solid #F4F1ED !important; }

.f_form fieldset { width: 440px; border: none; }
.f_form legend { display: none; padding: 5px; }
.f_form p.submit { margin: 0px; text-align: right; }
.f_form label { float: left; width: 100px; text-align: right; padding-right: 10px; height: 30px; }
.f_form textarea{ width:298px; margin-bottom: 5px; }
.f_form br.fm{ clear: left; }
.f_form span.fm_err { padding-left: 160px; }
.f_form { margin: 0px; padding: 0 0 10px 0; }

address, .phone { padding: 0 0 10px 50px; font-style: normal; }
address br { }

.latesthead { background: url(../gfx/head_latest2.gif) no-repeat 0 0; }
.newshead { background: url(../gfx/head_news2.gif) no-repeat 0 0; }
.porthead { background: url(../gfx/head_portfolio2.gif) no-repeat 0 0; }
.abouthead { background: url(../gfx/head_about2.gif) no-repeat 0 0; }
.contacthead { background: url(../gfx/head_contact2.gif) no-repeat 0 0; }
.fronthead { background:  url(../gfx/head_front2.gif) no-repeat 0 0; }
.whohead { background:  url(../gfx/head_who2.gif) no-repeat 0 0; }
.pda { display: none; }