/* Portfolio Styles */

body {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:small;}
h1,h2,h3,h4,h5,h6 {
	font-family:"Courier New", Courier, Rockwell, Serif; 
	letter-spacing:-.05em; 
	word-spacing:-.25em;
	margin-top:0;
	}
h1 {font-size:260%;}
h2 {font-size:200%;}
h3 {font-size:170%;}
h4 {font-size:140%;}
h5 {font-size:120%;}
h6 {font-size:85%;}
a {
	color:#3d3dbd;
	cursor:pointer;
	}
a:link {
	color: #3d3dbd;
	text-decoration:none;
	}
a:visited {
	color: #5d5dcd;
	text-decoration: none;
	}
a:hover {
	color: #5d5dcd;
	text-decoration: underline;
	}


	
/***************** Page Layout Styles ********************* */
img {border:none;}
body {
	margin:0; padding:0;
	background-color: #DDDDDD;
	background-image:url(images/bg-paper.jpg);
	text-align:right;
	}
div#header {position:absolute; left:0; max-height:150px; padding-right:220px;}
#navimg {position:absolute; left:0px; top:0px;}
#headerhead {color:#666666; text-align:center; line-height:80%; margin:25px 0 10px 262px;}
#headersub {
	margin-left:235px; 
	color:#000000; 
	text-align:center; 
	border:1px solid black; 
	font-size:x-small; 
	padding:3px 10px 3px 35px;
	}
div#wrapper {
	background: url(images/bg-overlay.png) top right repeat-y;
	min-height:600px;
	margin-left:auto;
	padding:22ex 220px 20px 20px;
	}
div#content {
	max-width:55em;
	text-align:left;
	margin:0 auto;
	}


/*****************************Home Page Styles *******************************/

body.home {
	background-color:#543;
	background-image:url(/portfolio/images/bg-cardboard.png);
	margin:0;
	padding:0;
	}
.home a {
	text-decoration:underline;
	color:#DDD;
	}
.home a:visited {color:#DDD;}
.home a:hover {color:#FFD;}
#foliodiv {
	width:100%; 
	height:814px; 
	background-image:url(images/loading.gif); 
	background-position:450px; 
	background-repeat:no-repeat;
	}
#foliodiv object:active, #foliodiv object:focus {border:0; outline:0;}
/**** The following three rules are for the index-html page *******/
.home div#pkgwrap {
	position:relative;
	width:750px;
	height:575px;
	margin:auto;
	}
img#pkg {
	width:750px;
	height:575px;
	}
img#check {
	width:20px;
	height:23px;
	position:absolute;
	left: 403px;
	top: 327px;
	display:none;
	}


            /**************** Samples of print and web design ***************/
#toggleimg {
	width:600px;
	text-align:right;
	display:none;
	}
#toggleimg a {
	color:#FFF;
	background-color:#888;
	padding:2px;
	cursor:default;
	}
#toggleimg a:before {content:'See ';}
#toggleimg a:hover {
	text-decoration:none;
	padding-left:2.4em;
	overflow:hidden;
	}
#toggleimg a:hover:before { content:'';}
#sampimg {
	float:left;
	margin-right:20px;
	border:2px solid #888;
	}
#sampdesc img[src='/images/pix-trans.gif'] {
	width:250px;
	height:1px;
	}
#sampdesc p {margin-top:0;}
div.sampthumb {
	z-index:0;
	width:100px;
	height:100px;
	text-align:center;
	float:left;
	margin-bottom:25px;
	margin-left:25px;
	position:relative;
	}
.sampthumb img {
	/*width:100px;
	height:100px;*/
	outline:2px solid #000;
	}
#sampgrid + * {clear:left;}
div#holdovers {display:none;}
             /************** Web Design samples *****************/
.linehead {
	/*padding-bottom:-25px;*/
	margin-bottom:10px;
	border-bottom:medium solid #888;
	}
.websamp {
	position:relative;
	margin-bottom:20px;
	padding-left:215px;
	min-height:120px;
	}
.websamp .imgsm {
	position:absolute;
	left:0;
	top:0;
	}
.websamp h3 {
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:110%;
	word-spacing:normal;
	}
.websamp .desc {display:none;}
.websamp:hover .desc {display:block;}

	

	
	
/*Special Classes*/
.subhead {font-size:80%;}
.inlinehead {font-weight:bold; font-size:100%;}
.aside {font-size:90%; color:#999;}
.center {
	display:block;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	}
.specialbox {
	margin:15px 0 15px 15px;
	border:2px dashed #FFFF00; 
	padding:4px; 
	float:right;
	}
.specialbox+* {clear:left;}
.specialbox+br {
	height:0;
	line-height:0;
	margin:0;
	clear:right;
	}