body { margin: 15px; padding: 0px; background: #dfdace; font: 8pt trebuchet, helvetica, san-serif, arial; }
a:link { color: #175da5; text-decoration: none }
a:active { color: #175da5; text-decoration: none }
a:visited { color: #175da5; text-decoration: none }
a:hover { color: #175da5; text-decoration: underline }

p { line-height: 1.9em; margin-bottom: 20px; }

div#containerpage { display: block; text-align: center; position: relative; }
div#containercontent { display: block; position: relative; width: 690px; padding: 40px; background: #ffffff; margin: 0 auto; }
div#headerbox { display: inline-block; height: 180px; background: url(../graphics/logo.png) no-repeat 0px 60px; padding-left: 140px; }
.menu { display: inline-block; height: 27px; float: left; }
div#headerabout { display: inline-block; clear: left; text-align: left; padding-top: 10px; padding-left: 75px; }
div#headerportfolio { display: inline-block; clear: left; text-align: left; padding-top: 10px; padding-left: 163px; }
div#headertips { display: inline-block; clear: left; text-align: left; padding-top: 10px; padding-left: 295px; }
div#containerfooter { display: block; margin-top: 5px; text-align: center; }
div#footerbox { display: block; width: 770px; margin: 0 auto; position: relative; text-align: right; }
div#footerlinks { display: inline-block; float: right; font-size: 7.5pt; }
.titleline { margin-bottom: 20px; font: 500 11pt arial, trebuchet, sans-serif, arial; color: #7f7358; }

.inputSubmit { color: #000000; background-color: #EEEEEE; border: 1px solid #000000; font: bold 9pt arial, helvetica, tahoma; }
.inputBox { color : #000000; background: #FFFFFF; border: 1px solid #000000; font: 9pt arial, helvetica, tahoma; padding: 0px 2px }
.inputBoxDrop { color : #000000; background: #FFFFFF; border: 1px solid #000000; font: 9pt arial, helvetica, tahoma; }

div#image { display: block; position: relative; border: 1px solid #e6e2d8; width: 250px; height: 375px; text-align: center; vertical-align: middle; margin-top: 5px; padding: 0;}
div#imagebox { display: table-cell; vertical-align: middle; width: 250px; height: 338px; text-align: center; margin: 0; padding: 0;}

.port-image-menu { font-weight: bold; font-size: 10pt; color: #dfdace; }
.active a { text-decoration: none; color: #175da5; }
.active a:hover { text-decoration: none; color: #7f7358; }
.active { background: url(../graphics/portback01.png) repeat-y; color: #7f7358; }
.standby { background: transparent; color: #175da5; }

.port-menu {  margin-left: 13px; }
.port-menu td  { padding: 4px;  }

.port-menuthumb { background: transparent; }
.port-menuthumb-on { background: #f3f1ec; }
.port-menuthumb img { border: 1px solid #175da5; }
.port-menuthumb-on img { border: 1px solid #dfdace; }
	
.port-desc { margin: 15px 5px 0 20px; padding: 20px 15px 15px; background: #F3f1EC; text-align: left; }