/* basics */
#page-wrap {width: 702px;}

p {font-family: Georgia !important; margin-bottom: 5px; font-size: 14px}
em {font-style: normal; font-size: 18px;}


/* links */
body div a {
	color: black/* #A313B3 */; 
	font-weight: bold; 
	cursor: default; 
	font-size: 14px;
	}
/* 	body div a:hover, body div a:focus {border-bottom: 1px dotted #A313B3;} */

a.visit {		
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;

	background: #eee; border: 1px solid #ccc;
	cursor: pointer;
	}
	a.visit:hover, a.visit:focus {
		border: 1px solid #eee; 
		}
body#portfolio b a {
	cursor: pointer;
	}
	body#portfolio b a:hover, body#portfolio b a:focus {
		border-bottom: 1px dotted #A313B3; 
		}

/* the boxes */
div.box {
	margin: 29px 0;
	}


body div.w2 {width: 433px;}
body div.w3 {width: 668px;}

body div.h2 {height: 440px;}
	.tall-text {height: 206px !important;}
	body div.h2b {height: 434px;}/* compensating for two margin-less boxes next to this box */
body div.h3 {height: 668px;}
body div.hx {height: auto;}

body div.l {float: left;}
body div.r {float: right;}

body div.nmt {margin-top: 0;}    /* no margin top    */
body div.nmb {margin-bottom: 0;} /* no margin bottom */
	body div.stack {height: 203px;}
	body div.center {width: 199px;}

/* invisible boxes */
body div.invisible {background: #313333; border-color: #313333; outline-color: #313333;}
	body div.invisible b {font-size: 48px; line-height: 64px; color: #CCCCCC;}
		body div.invisible span.quotee {font-size: 28px; float: right;}
		body div.invisible a {color: #A313B3; font-size: 48px;}
		body div.invisible em {font-size: 48px;}

	body div.invisible b em {color: #313333;}

	/* images */
	body div.portfolio img {
	    -webkit-box-shadow: 0px 0px 15px #313333;
	    -moz-box-shadow: 0px 0px 15px #313333;	
		}
		body div#no-shadow img {
		    -webkit-box-shadow: none;
		    -moz-box-shadow: none;	
			}
	

/* for IE */

hr {display: none;}