/* CSS Document */

#background {
	position: absolute;
	top:40px;
	left: 75px;
/*	margin: auto;*/
	background: url(images/innerpage-background.jpg) no-repeat;
	width: 786px;
	height: 464px;
}

#sidebar {
	float: left;
	width: 192px;
	min-height:600px;
	height:auto !important;
	height:600px;
	position: relative;
}

a.home:link, a.home:active, a.home:visited, a.home:hover {
	width: 140px; height:140px;
	position: absolute;
}

a.web:link, a.web:active, a.web:visited, a.web:hover {
	background:url(images/menu-web.jpg) no-repeat;
	width: 52px; height: 23px;
	position: absolute;
	top: 168px;
	right: 42px;
}

a.logos:link, a.logos:active, a.logos:visited, a.logos:hover {
	background: url(images/menu-logos.jpg) no-repeat;
	width: 66px; height: 29px;
	position: absolute;
	top: 194px;
	right: 95px;
}

a.print:link, a.print:active, a.print:visited, a.print:hover {
	background: url(images/menu-print.jpg) no-repeat;
	width: 59px; height: 29px;
	position: absolute;
	top: 235px;
	right: 130px;
}

a.art:link, a.art:active, a.art:visited, a.art:hover {
	background: url(images/menu-art.jpg) no-repeat;
	width: 33px; height: 20px;
	position: absolute;
	top: 277px;
	right: 148px;
}

a.dynamic:link, a.dynamic:active, a.dynamic:visited, a.dynamic:hover {
	background: url(images/menu-dynamicwebsites.gif) no-repeat;
	width: 96px; height: 48px;
	position: absolute;
	top: 318px;
	right: 153px;
}

a.branding:link, a.branding:active, a.branding:visited, a.branding:hover {
	background: url(images/menu-branding.jpg) no-repeat;
	width: 85px; height: 23px;
	position: absolute;
	top: 381px;
	right: 157px;
}

a.other:link, a.other:active, a.other:visited, a.other:hover {
	background:url(images/menu-other.jpg) no-repeat;
	width: 61px; height: 37px;
	position: absolute;
	top: 420px;
	right: 145px;
}

a.contact:link, a.contact:active, a.contact:visited, a.contact:hover {
	background: url(images/menu-contact.jpg) no-repeat;
	width: 96px; height: 66px;
	position: absolute;
	top: 490px;
	right: 105px;
}

#maincolumn {
	width: 591px;
	float: right;
}

#header {
  min-height:165px;
  height:auto !important;
  height:165px;
  position: relative;
  padding-bottom: 35px;
  top:-25px;

}

a#top {
  position: relative;
  top: -25px;
}

#portmenu {
color: #58595b;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
position: relative;
top:-15px;
text-align:right;
font-style: normal;
}

#portmenu a:link, #portmenu a:active, #portmenu a:visited {
color: #e16b34;
font-size: 12px;
text-decoration: none;
font-style: italic;
}

#portmenu a:hover {
border-bottom: dashed 1px #397eb0;
}

.quote {
	font-family: "Times New Roman", Times, serif;
	font-size: 17px;
	font-style: italic;
	font-weight: bold;
	color: #939598;
	padding: 20px 0px 0px 0px;
	line-height: 1.5;
}

.quoteauthor {
	width:100%;
	text-align: right;
	color: #8fa53a;
	font-family:"Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 14px;
}

a#portfoliolink:link, a#portfoliolink:active, a#portfoliolink:visited, a#portfoliolink:hover {
	border: none;
	position: absolute;
	bottom: 0px;
	left: 30px;
}

a#portfoliolink img {
	border: none;
}

a#portfolioback:link, a#portfolioback:active, a#portfolioback:visited, a#portfolioback:hover {
	border: none;
	position: absolute;
	bottom: 0px;
	left: 30px;
}

a#portfolioback img {
	border: none;
}

#headerimg {
	position: absolute;
	bottom: 0px;
	right: 10px;
}

#content {
	background: url(images/background-line.jpg) no-repeat;
	color: #636466;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	padding: 1px 28px;
	line-height: 1.7;
position: relative;
top:-25px;
}

#content div.portsmalltext {
	font-size: 13px;

}

#content a:link, #content a:active, #content a:visited {
	color: #8fa53a;
	font-weight: bold;
	text-decoration: none;
}

#content a:hover {
	border-bottom: dashed 1px #397eb0;
}

#porttable {
margin-top:10px;
width: 500px;
}

#porttable td {
padding: 7px;
text-align:center;
border: solid 1px #387fb3;
}

#porttable td:hover {
border: solid 1px #e16b34;

}

#content a.imglink, #content a.imglink:hover, #content a.imglink img {
border: none;
}

h2 {
color: #397eb0;
font-size: 18px;
font-style:italic;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}

h3 {
color: #397eb0;
font-size: 15px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}

p.portlist {
border-bottom:solid 1px #387fb3;
width:500px;
padding: 4px 8px;
margin: 0px;
line-height: 1.3;
}

p.portlist:hover {
background-color: #f1f3e6;
}

#content p.portlist a:link, #content p.portlist a:active, #content p.portlist a:visited, #content p.portlist a:hover {
line-height: 1.3;
font-size: 12px;
}

#content a img {
border:none;
}

blockquote {
font-style:italic;
font-size:12px;
line-height:1.4;
}

/* *** ENTRY PAGE*** */

div.entrycontainer {
	position:absolute;
	left: 50%; 
	top: 50%;
	width: 308px;
	height: 318px;
	margin-top: -159px; /* half of the height */
	margin-left: -154px; /* half of the width */
}

.pop {
	display: none;
	position: absolute;
	z-index: 5;
	text-decoration:none;
	width: 200px;
} 

div.entrylogo {
	position:relative;
	margin: auto auto;
	width: 307px;
	height: 318px;
	z-index:1;
}

/*div.ffpos {
	position: relative;
	top:-1px;
}*/

.entrylogo a {
	display:block;
	text-decoration:none;
}

a.entryweb, a.entryweb:visited, a.entryweb:active  {
	background-image:url(images/entry-page-logo_01.gif); width: 258px; height: 54px;
	position: absolute;
	top: 0px;
	left: 0px;
}

a.entryweb:hover {
	background-image: url(images/entry-page-logo-over_01.gif);
	border: 0px;
}

a.entryweb:hover div.pop {
	display: block;
	top: -100px;
	left:50px;
}


a.entryart, a.entryart:visited, a.entryart:active {
	background-image:url(images/entry-page-logo_02.gif); width: 49px; height: 257px;
	position: absolute;
	top: 0px;
	left: 258px;
}

a.entryart:hover {
	background-image: url(images/entry-page-logo-over_02.gif);
	border: 0px;
}
a.entryart:hover div.pop {
	display: block;
	top: -100px;
	left: -208px;
}

a.entrylogos, a.entrylogos:visited, a.entrylogos:active {
	background-image:url(images/entry-page-logo_03.gif); width: 55px; height: 264px;
	position:absolute;
	top:54px;
	left:0px;
}

a.entrylogos:hover {
	background-image: url(images/entry-page-logo-over_03.gif);
	border: 0px;
}
a.entrylogos:hover div.pop {
	display: block;
	top: -154px;
	left: 50px;
}

a.entryhome, a.entryhome:visited, a.entryhome:active {
	background-image:url(images/entry-page-logo_04.gif); width: 203px; height: 203px;
	position: absolute;
	top: 54px;
	left: 55px;
}

a.entryhome:hover {
	background-image: url(images/entry-page-logo-over_04.gif);
	border: 0px;
}
a.entryhome:hover div.pop {
	display: block;
	top: -154px;
	left: -5px;
}

html>body a.entryhome:hover div.pop {
	top: -153px;
}


a.entryprint, a.entryprint:visited, a.entryprint:active {
	background-image:url(images/entry-page-logo_05.gif); width: 252px; height: 61px;
	position: absolute;
	top: 257px;
	left: 55px;
}

a.entryprint:hover {
	background-image: url(images/entry-page-logo-over_05.gif);
	border: 0px;
}
a.entryprint:hover div.pop {
	display: block;
	top: -357px;
	left: -5px;
}





.subword {
	color: #9fa1a4;
	font-family: Arial, sans-serif;
	font-size: 22px;
	font-style: italic;
	text-decoration:none;
}

.mainwordgreen {
	color: #8fa53a;
	font-family: "Times New Roman", Times, serif;
	font-size: 42px;
	font-weight: bold;
	text-decoration:none;
}

.mainwordorange {
	color: #e06b35;
	font-family: "Times New Roman", Times, serif;
	font-size: 42px;
	font-weight: bold;
	text-decoration:none;
}

.mainwordblue {
	color: #397eb0;
	font-family: "Times New Roman", Times, serif;
	font-size: 42px;
	font-weight: bold;
	text-decoration:none;
}


.bestviewed {
	position: absolute;
	bottom:10px;
	left: 10px;
	font-family:Arial, Helvetica, sans-serif;
}