img {
   behavior: url("pngbehavior.htc");
}

.row {
	clear: both;
	position: relative;
}
.row:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.col {
	float: left;
	vertical-align: top;
}



html, body {
	padding:0;
	margin:0;
	height:100%;
}

body {
	background-color: #000000;
 	font-size:80%;
}

body, td, input, textarea, button {
	color: #FFFFFF; 
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

a {
	color: #3399CC;
	text-decoration: underline;
}
a:hover {
	color: #5BBCED;
	text-decoration: underline;
}

a.subtlelink {
	color:#ffffff;
	text-decoration:none;
}

a.subtlelink:hover {
	color: #66d5ff;
	text-decoration:underline;
}



.tablebox {
	padding:0 5px;
	height:100%;
	width:100%;
}

.mainbox {
	border:1px solid #ffffff;
	margin:0 auto;
}

.bannerbox {
	background-color:#3C7CD4;
	height:73px;
	border-bottom:3px solid #ffffff;
}

.titlebox {
	background-color:#252525;
	border-bottom:1px solid #ffffff;
}

.navbox {
	border-right:1px solid #ffffff;
	background-color:#333333;
	padding:25px 0 7px 0;
	margin:0;
	color:#3C7CD4;
	text-align:center;
	line-height:0.7;
}

.bracket {
	font-weight:normal;
	color:#666666;
	padding:0 8px;
}

.navbox a {
	padding:4px 0;
	margin:0;
	display:block;
	width:140px;
	color:#ffffff;
	text-decoration:none;
  font-size:1.2em;
}
.navbox a:hover {
	color:#5BBCED;
	text-decoration:none;
	background-color:#35465D;
}
.page-resume .navbox a.nav-resume,
.page-web .navbox a.nav-web,
.page-photos .navbox a.nav-photos,
.page-sketches .navbox a.nav-sketches,
.page-contact .navbox a.nav-contact {
 	color:#5BBCED;
	text-decoration:none;
  cursor:default;
  background-color:transparent;
}

.contentbox {
	background-color:#111111;
}

.flavourbox {
	background-image:url(images/flavour-leaves.jpg);
	background-position:top left;
	background-repeat:repeat-y;
	background-color:#333333;
}
.duck {
	background-image:url(images/flavour-duck.jpg);
}

.creditbox {
	padding:45px;
	text-align:center;
	margin:0 auto;
	xfont-size:0.85em;
	color:#666666;
}




.footerbox td {
	color:#888888;
	font-size:1.1em;
	border-top:1px solid #ffffff;
}
.footerbox a {
	padding:5px 8px;
	margin:0;
	text-decoration:none;
}
.footerbox a:hover {
	background-color:#333333;
	text-decoration:none;
}

.footerhomebox {
	padding:5px;
	border-right:1px solid #ffffff;
	background-color:#000000;
	text-align:right;
}
.footernavbox {
	padding:5px;
	background-color:#252525;
}
.page-resume .footerbox a.nav-resume,
.page-web .footerbox a.nav-web,
.page-photos .footerbox a.nav-photos,
.page-sketches .footerbox a.nav-sketches,
.page-contact .footerbox a.nav-contact {
  color:#fff;
  background-color:transparent;
  cursor:default;
}







.black {
	color: #101010; 
}
.grey {
	color: #999999;
}
.small {
	font-size: 0.9em;
}
.tiny {
	font-size:0.8em;
}
.caption {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	padding: 7px;
	text-align:center;
}
.bigger {
	font-size:1.35em;
	}


h1 {
	color: #dddddd; 
	font-size: 1.5em;
}

h2 {
	color: #FFFFFF;
	font-size: 1.2em;
}

h3 {
	color: #585858; 
	font-size: 1.5em;
}




.clearer {
	clear:both;
	margin:0;
	padding:0;
}

.imgright {
	float:right;
	margin: 0 0 10px 10px;
}
.imgleft {
	float:left;
	margin: 0 10px 10px 0;
}

.imgtreatment {
	border:2px solid #A9A9A9;
}



.columnright {
	float:right;
	width:220px;
	margin: 0 0 10px 20px;
	padding-left:20px;
	border-left:1px solid #dddddd;
	padding-bottom: 20px;
}






.whitelink {  
	color: #ffffff;
}
.whitelink:hover {  
	color: #66d5ff;
}

.defaultfaded {  
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.defaultblack {  
	color: #101010; 
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.littlewhitehead {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bolder
}

.fadedgreyhead { 
	font-family: Arial, Helvetica, sans-serif; 
	color: #585858; 
	font-size: 22px;
	font-weight: bolder;
}

.bigwhitehead { 
	font-family: Arial, Helvetica, sans-serif; 
	color: #dddddd; 
	font-size: 22px;
	font-weight: bolder;
}

.smallgrey { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
  color: #999999;
  font-size: 10px
}

.captions {
	font-size:9px;
	padding:7px;
}




.imgtreatment {
	border:1px solid #444444;
	padding:3px;
}


table.portfoliotable tr td {
	padding:0 15px 15px 0;
}

table.portfoliotable tr td h2 {
	margin-top:0;
}

.portfoliobox2 h2 {
	margin:0;
}

.portfoliobox2 ul {
	margin-top:0;
}



.portfolio-thumb {
  width:210px;
}
.portfolio-deets {
  width:265px;
}